@media (max-width: 1024px) {
  html body .hfe-nav-menu__toggle + nav.hfe-nav-menu__layout-horizontal.hfe-nav-menu__layout-horizontal.hfe-nav-menu__layout-horizontal.hfe-nav-menu__layout-horizontal {
    display: block !important;
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(-16px) !important;
    transition: opacity 0.35s ease, transform 0.35s ease, visibility 0s linear 0.35s !important;
    pointer-events: none !important;
    z-index: 9999 !important;
  }

  html body .hfe-nav-menu__toggle[aria-expanded="true"] + nav.hfe-nav-menu__layout-horizontal.hfe-nav-menu__layout-horizontal.hfe-nav-menu__layout-horizontal.hfe-nav-menu__layout-horizontal {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
    transition: opacity 0.35s ease, transform 0.35s ease, visibility 0s linear 0s !important;
    pointer-events: auto !important;
  }
}

/* --- Posicion del panel (top) segun el alto real del header --- */
/* Visitantes sin sesion iniciada */
@media (max-width: 767px) {
  html body .hfe-nav-menu__toggle + nav.hfe-nav-menu__layout-horizontal.hfe-nav-menu__layout-horizontal.hfe-nav-menu__layout-horizontal.hfe-nav-menu__layout-horizontal {
    top: 50.9px !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  html body .hfe-nav-menu__toggle + nav.hfe-nav-menu__layout-horizontal.hfe-nav-menu__layout-horizontal.hfe-nav-menu__layout-horizontal.hfe-nav-menu__layout-horizontal {
    top: 47.5px !important;
  }
}

/* Con sesion iniciada (admin/editor): se suma el alto de la barra de administracion de WordPress */
@media (max-width: 767px) {
  body.admin-bar .hfe-nav-menu__toggle + nav.hfe-nav-menu__layout-horizontal.hfe-nav-menu__layout-horizontal.hfe-nav-menu__layout-horizontal.hfe-nav-menu__layout-horizontal {
    top: 96.9px !important;
  }
}
@media (min-width: 768px) and (max-width: 782px) {
  body.admin-bar .hfe-nav-menu__toggle + nav.hfe-nav-menu__layout-horizontal.hfe-nav-menu__layout-horizontal.hfe-nav-menu__layout-horizontal.hfe-nav-menu__layout-horizontal {
    top: 93.5px !important;
  }
}
@media (min-width: 783px) and (max-width: 1024px) {
  body.admin-bar .hfe-nav-menu__toggle + nav.hfe-nav-menu__layout-horizontal.hfe-nav-menu__layout-horizontal.hfe-nav-menu__layout-horizontal.hfe-nav-menu__layout-horizontal {
    top: 79.5px !important;
  }
}

@media (min-width: 1025px) {
  html body .hfe-nav-menu__layout-horizontal {
    position: static !important;
    width: auto !important;
    left: auto !important;
    z-index: auto !important;
    display: flex !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    pointer-events: auto !important;
  }
}

/* ===== WOK PREMIUM — Inicio (NEW) ID 681 — no tocar a mano, lo genera Claude ===== */
body.page-id-681 { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
body.page-id-681 .e-bfe1498,
body.page-id-681 .e-37292dc-8e43dbb,
body.page-id-681 .e-a3d49fa-2b1c1b5,
body.page-id-681 .e-4a138c6-8fb3bad,
body.page-id-681 .e-48df933-14515de { padding-left: 24px !important; padding-right: 24px !important; }
@media (max-width: 1024px) { body.page-id-681 .e-bfe1498,
body.page-id-681 .e-37292dc-8e43dbb,
body.page-id-681 .e-a3d49fa-2b1c1b5,
body.page-id-681 .e-4a138c6-8fb3bad,
body.page-id-681 .e-48df933-14515de { padding-top: 88px !important; padding-bottom: 88px !important; } }
@media (max-width: 767px) { body.page-id-681 .e-bfe1498,
body.page-id-681 .e-37292dc-8e43dbb,
body.page-id-681 .e-a3d49fa-2b1c1b5,
body.page-id-681 .e-4a138c6-8fb3bad,
body.page-id-681 .e-48df933-14515de { padding-top: 64px !important; padding-bottom: 64px !important; padding-left: 18px !important; padding-right: 18px !important; } }
body.page-id-681 .elementor-element-25fa967,
body.page-id-681 .elementor-element-21ac1c8,
body.page-id-681 .elementor-element-d52de7c,
body.page-id-681 .elementor-element-43b4276,
body.page-id-681 .elementor-element-a541440,
body.page-id-681 .elementor-element-2e18276 { max-width: 1140px !important; margin-left: auto !important; margin-right: auto !important; width: 100% !important; }
body.page-id-681 .e-bed4902-437ab73,
body.page-id-681 .e-f4fe49a-8619264,
body.page-id-681 .e-2cb4a47-a65eac3,
body.page-id-681 .e-78bfcee-b70ecbd { display: flex !important; align-items: center; justify-content: center; gap: 14px; font-weight: 600 !important; letter-spacing: 4px !important; text-transform: uppercase; }
body.page-id-681 .e-bed4902-437ab73::before,
body.page-id-681 .e-f4fe49a-8619264::before,
body.page-id-681 .e-2cb4a47-a65eac3::before,
body.page-id-681 .e-78bfcee-b70ecbd::before,
body.page-id-681 .e-bed4902-437ab73::after,
body.page-id-681 .e-f4fe49a-8619264::after,
body.page-id-681 .e-2cb4a47-a65eac3::after,
body.page-id-681 .e-78bfcee-b70ecbd::after { content: ""; width: 34px; height: 1px; background: linear-gradient(90deg, transparent, #48A699); }
body.page-id-681 .e-bed4902-437ab73::after,
body.page-id-681 .e-f4fe49a-8619264::after,
body.page-id-681 .e-2cb4a47-a65eac3::after,
body.page-id-681 .e-78bfcee-b70ecbd::after { background: linear-gradient(90deg, #48A699, transparent); }
body.page-id-681 .elementor-element-a10a6ff .elementor-heading-title,
body.page-id-681 .elementor-element-883aaf5 .elementor-heading-title,
body.page-id-681 .elementor-element-5811988 .elementor-heading-title,
body.page-id-681 .elementor-element-391d9d4 .elementor-heading-title { font-family: 'Raleway', sans-serif !important; font-weight: 800 !important; text-transform: uppercase; color: #FFFFFF; font-size: clamp(26px, 3.4vw, 44px) !important; line-height: 1.15 !important; letter-spacing: .5px; max-width: 900px; margin-left: auto !important; margin-right: auto !important; text-wrap: balance; }
body.page-id-681 .elementor-element-a10a6ff .elementor-heading-title { font-size: clamp(24px, 2.8vw, 38px) !important; }
body.page-id-681 .e-bfe1498 { min-height: min(88vh, 860px); display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: center !important; gap: 34px !important; position: relative; overflow: hidden; }
body.page-id-681 .e-bfe1498::after { content: ""; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: min(720px, 80%); height: 1px; background: linear-gradient(90deg, transparent, rgba(72,166,153,.6), transparent); }
body.page-id-681 .elementor-element-33aa056 .elementor-heading-title { font-size: clamp(24px, 2.8vw, 40px) !important; line-height: 1.2 !important; letter-spacing: .3px; max-width: 880px; margin: 0 auto !important; text-wrap: balance; }
body.page-id-681 .elementor-element-48bb3d5 { margin-top: 22px; }
body.page-id-681 .elementor-element-48bb3d5 p { font-size: clamp(12px, 1.1vw, 15px) !important; letter-spacing: 5px; font-weight: 500; opacity: .85; margin: 0; }
@media (max-width: 767px) { body.page-id-681 .e-bfe1498 { min-height: 78vh; } body.page-id-681 .elementor-element-48bb3d5 p { letter-spacing: 3px; line-height: 1.9; } }
body.page-id-681 .e-189c499-3358e5c,
body.page-id-681 .e-da126df-10e94db { padding: 16px 36px !important; font-size: 15px !important; letter-spacing: 1px; border-radius: 999px !important; box-shadow: 0 10px 30px -10px rgba(0,159,151,.6); transition: transform .3s ease, box-shadow .3s ease, filter .3s ease !important; }
body.page-id-681 .e-189c499-3358e5c:hover,
body.page-id-681 .e-da126df-10e94db:hover { transform: translateY(-3px); box-shadow: 0 18px 40px -12px rgba(0,159,151,.8); filter: brightness(1.08); }
body.page-id-681 .elementor-element-8e87b4f { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 24px !important; max-width: 1140px !important; margin: 48px auto 0 !important; width: 100% !important; padding: 0 !important; }
@media (max-width: 1024px) { body.page-id-681 .elementor-element-8e87b4f { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 20px !important; } }
@media (max-width: 600px) { body.page-id-681 .elementor-element-8e87b4f { grid-template-columns: 1fr !important; gap: 16px !important; margin-top: 36px !important; } }
body.page-id-681 .e-06b251a-1aec4fc,
body.page-id-681 .e-5e0547c-4600d1d,
body.page-id-681 .e-1c2b42c-b84e415,
body.page-id-681 .e-aa4496b-093300e,
body.page-id-681 .e-824c779-9bce058,
body.page-id-681 .e-18ec436-986282e { width: auto !important; max-width: none !important; padding: 40px 30px 32px !important; gap: 14px !important; justify-content: flex-start !important; align-items: center !important; position: relative; overflow: hidden; backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); box-shadow: 0 1px 0 rgba(255,255,255,.06) inset; transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease !important; }
body.page-id-681 .e-06b251a-1aec4fc::after,
body.page-id-681 .e-5e0547c-4600d1d::after,
body.page-id-681 .e-1c2b42c-b84e415::after,
body.page-id-681 .e-aa4496b-093300e::after,
body.page-id-681 .e-824c779-9bce058::after,
body.page-id-681 .e-18ec436-986282e::after { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: linear-gradient(90deg, transparent, #009F97, transparent); opacity: 0; transition: opacity .35s ease; }
body.page-id-681 .e-06b251a-1aec4fc:hover,
body.page-id-681 .e-5e0547c-4600d1d:hover,
body.page-id-681 .e-1c2b42c-b84e415:hover,
body.page-id-681 .e-aa4496b-093300e:hover,
body.page-id-681 .e-824c779-9bce058:hover,
body.page-id-681 .e-18ec436-986282e:hover { transform: translateY(-6px); border-color: rgba(72,166,153,.45) !important; box-shadow: 0 24px 48px -18px rgba(0,0,0,.55); }
body.page-id-681 .e-06b251a-1aec4fc:hover::after,
body.page-id-681 .e-5e0547c-4600d1d:hover::after,
body.page-id-681 .e-1c2b42c-b84e415:hover::after,
body.page-id-681 .e-aa4496b-093300e:hover::after,
body.page-id-681 .e-824c779-9bce058:hover::after,
body.page-id-681 .e-18ec436-986282e:hover::after { opacity: 1; }
body.page-id-681 .e-06b251a-1aec4fc::before,
body.page-id-681 .e-5e0547c-4600d1d::before,
body.page-id-681 .e-1c2b42c-b84e415::before,
body.page-id-681 .e-aa4496b-093300e::before,
body.page-id-681 .e-824c779-9bce058::before,
body.page-id-681 .e-18ec436-986282e::before { content: none !important; display: none !important; }
body.page-id-681 .e-06b251a-1aec4fc:hover::before,
body.page-id-681 .e-5e0547c-4600d1d:hover::before,
body.page-id-681 .e-1c2b42c-b84e415:hover::before,
body.page-id-681 .e-aa4496b-093300e:hover::before,
body.page-id-681 .e-824c779-9bce058:hover::before,
body.page-id-681 .e-18ec436-986282e:hover::before { transform: scale(1.06); background-color: rgba(0,159,151,.22); }
body.page-id-681 .elementor-element-895df77 .elementor-heading-title,
body.page-id-681 .elementor-element-fd94030 .elementor-heading-title,
body.page-id-681 .elementor-element-1ce2bce .elementor-heading-title,
body.page-id-681 .elementor-element-d0c051c .elementor-heading-title,
body.page-id-681 .elementor-element-0dfd77c .elementor-heading-title,
body.page-id-681 .elementor-element-0cb56ba .elementor-heading-title { font-size: clamp(18px, 1.6vw, 21px) !important; letter-spacing: 1px; line-height: 1.25 !important; text-align: center; }
body.page-id-681 .e-d1f52c9-128d1a5,
body.page-id-681 .e-c642561-80620ba,
body.page-id-681 .e-94d5fd8-6e34453,
body.page-id-681 .e-f17c007-0f29d63,
body.page-id-681 .e-9bd0945-f799cbc,
body.page-id-681 .e-1f0d9e9-5c648a1 { font-size: 15.5px !important; line-height: 1.65 !important; opacity: .82; max-width: 300px; margin: 0 auto !important; flex-grow: 1; }
body.page-id-681 .e-97622fd-5728050,
body.page-id-681 .e-47e7b99-77db8d8,
body.page-id-681 .e-e84c637-0ec2ef0,
body.page-id-681 .e-388f628-86e0730,
body.page-id-681 .e-6a8f47a-bbe4ebb,
body.page-id-681 .e-003e267-97ce93a { margin-top: auto !important; padding: 11px 24px !important; font-size: 14px !important; border-radius: 999px !important; letter-spacing: .5px; transition: transform .3s ease, filter .3s ease, box-shadow .3s ease !important; }
body.page-id-681 .e-97622fd-5728050:hover,
body.page-id-681 .e-47e7b99-77db8d8:hover,
body.page-id-681 .e-e84c637-0ec2ef0:hover,
body.page-id-681 .e-388f628-86e0730:hover,
body.page-id-681 .e-6a8f47a-bbe4ebb:hover,
body.page-id-681 .e-003e267-97ce93a:hover { transform: translateY(-2px); filter: brightness(1.08); box-shadow: 0 10px 24px -10px rgba(0,159,151,.8); }
body.page-id-681 .e-f28e77d-81a5b9d { max-width: 1140px; width: 100%; margin: 48px auto 0 !important; gap: 24px !important; align-items: stretch !important; }
body.page-id-681 .e-e967f78-4a97cc8,
body.page-id-681 .e-6fca6ce-c021565,
body.page-id-681 .e-21b0e6f-374f274,
body.page-id-681 .e-99e4fc2-b969f9c,
body.page-id-681 .e-1317be8-f9b1385 { width: auto !important; flex: 0 1 calc((100% - 48px) / 3) !important; display: flex !important; flex-direction: column !important; backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease !important; }
@media (max-width: 1024px) { body.page-id-681 .e-e967f78-4a97cc8,
body.page-id-681 .e-6fca6ce-c021565,
body.page-id-681 .e-21b0e6f-374f274,
body.page-id-681 .e-99e4fc2-b969f9c,
body.page-id-681 .e-1317be8-f9b1385 { flex-basis: calc((100% - 24px) / 2) !important; } }
@media (max-width: 640px) { body.page-id-681 .e-e967f78-4a97cc8,
body.page-id-681 .e-6fca6ce-c021565,
body.page-id-681 .e-21b0e6f-374f274,
body.page-id-681 .e-99e4fc2-b969f9c,
body.page-id-681 .e-1317be8-f9b1385 { flex-basis: 100% !important; } body.page-id-681 .e-f28e77d-81a5b9d { gap: 18px !important; margin-top: 36px !important; } }
body.page-id-681 .e-e967f78-4a97cc8:hover,
body.page-id-681 .e-6fca6ce-c021565:hover,
body.page-id-681 .e-21b0e6f-374f274:hover,
body.page-id-681 .e-99e4fc2-b969f9c:hover,
body.page-id-681 .e-1317be8-f9b1385:hover { transform: translateY(-6px); border-color: rgba(72,166,153,.45) !important; box-shadow: 0 28px 56px -20px rgba(0,0,0,.6); }
body.page-id-681 .e-599eeee-72ef1dc,
body.page-id-681 .e-0018d9e-d5dd2d6,
body.page-id-681 .e-1ccdd09-1c82b1e,
body.page-id-681 .e-0eb71b3-5720de5,
body.page-id-681 .e-ce20956-0018ee0,
body.page-id-681 .e-599eeee-72ef1dc img,
body.page-id-681 .e-0018d9e-d5dd2d6 img,
body.page-id-681 .e-1ccdd09-1c82b1e img,
body.page-id-681 .e-0eb71b3-5720de5 img,
body.page-id-681 .e-ce20956-0018ee0 img { height: 220px !important; width: 100% !important; object-fit: cover !important; display: block; filter: saturate(.9) brightness(.88); transition: filter .5s ease; }
body.page-id-681 .e-e967f78-4a97cc8:hover img,
body.page-id-681 .e-6fca6ce-c021565:hover img,
body.page-id-681 .e-21b0e6f-374f274:hover img,
body.page-id-681 .e-99e4fc2-b969f9c:hover img,
body.page-id-681 .e-1317be8-f9b1385:hover img { filter: saturate(1.05) brightness(1); }
body.page-id-681 .e-337b315-4a96d44,
body.page-id-681 .e-18d44d0-ad57c4e,
body.page-id-681 .e-8686c70-7f8f88b,
body.page-id-681 .e-7f7ed47-adde782,
body.page-id-681 .e-131aacf-32c405a { font-size: 18px !important; font-weight: 700 !important; letter-spacing: .6px; line-height: 1.3 !important; padding-top: 24px !important; margin: 0 !important; }
body.page-id-681 .e-da21dcf-a6996f1,
body.page-id-681 .e-2ffd3b8-5ae3c4f,
body.page-id-681 .e-15044bc-af65d16,
body.page-id-681 .e-d5fc2d0-15db287,
body.page-id-681 .e-0dc625c-7a413cb { font-size: 15px !important; line-height: 1.65 !important; opacity: .82; margin: 10px 0 18px !important; }
body.page-id-681 .e-5224cb8-187d1a5,
body.page-id-681 .e-938bfd6-643db17,
body.page-id-681 .e-0ccc1d9-011e9b9,
body.page-id-681 .e-99c07c7-f01d3f0,
body.page-id-681 .e-781c9a8-2088206 { margin-top: auto !important; align-self: flex-start; padding: 5px 12px; border: 1px solid rgba(72,166,153,.4); border-radius: 999px; letter-spacing: 2px !important; font-size: 12px !important; line-height: 1.2; }
body.page-id-681 .e-eab5566-96a4c93 { max-width: 760px; margin: 18px auto 0 !important; font-size: clamp(16px, 1.3vw, 19px) !important; line-height: 1.75 !important; opacity: .88; }
body.page-id-681 .elementor-element-214272a { max-width: 1140px; margin-left: auto; margin-right: auto; width: 100%; }
body.page-id-681 .elementor-element-214272a img { filter: grayscale(1) brightness(1.6); opacity: .6; transition: filter .4s ease, opacity .4s ease; }
body.page-id-681 .elementor-element-214272a img:hover { filter: none; opacity: 1; }
body.page-id-681 .e-900ebd5-9817644 { max-width: 620px; margin: 10px auto 26px !important; line-height: 1.7 !important; opacity: .88; }
body.page-id-681 .elementor-element-023e78b { width: 100% !important; max-width: 680px !important; border: 1px solid rgba(165,177,184,.16) !important; border-radius: 17px; padding: 36px 32px !important; background: rgba(157,189,209,.06); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); margin-top: 24px; }
@media (max-width: 767px) { body.page-id-681 .elementor-element-023e78b { padding: 26px 18px !important; } }
body.page-id-681 .e-869f87d-8bc16f0 { width: 100%; }
body.page-id-681 .wpforms-container .wpforms-field-label, body.page-id-681 .wpforms-container .wpforms-field-sublabel { color: #ECF8F7 !important; font-family: 'Barlow', sans-serif !important; font-weight: 500 !important; letter-spacing: .3px; }
body.page-id-681 .wpforms-container input[type=text], body.page-id-681 .wpforms-container input[type=email], body.page-id-681 .wpforms-container input[type=tel], body.page-id-681 .wpforms-container input[type=number], body.page-id-681 .wpforms-container select, body.page-id-681 .wpforms-container textarea { background-color: rgba(255,255,255,.05) !important; border: 1px solid rgba(165,177,184,.28) !important; border-radius: 10px !important; color: #FFFFFF !important; font-family: 'Barlow', sans-serif !important; padding: 12px 14px !important; height: auto !important; max-width: 100% !important; box-shadow: none !important; transition: border-color .25s ease, background-color .25s ease !important; }
body.page-id-681 .wpforms-container input:focus, body.page-id-681 .wpforms-container textarea:focus, body.page-id-681 .wpforms-container select:focus { border-color: #009F97 !important; background-color: rgba(0,159,151,.08) !important; outline: none !important; }
body.page-id-681 .wpforms-container ::placeholder { color: rgba(236,248,247,.45) !important; }
body.page-id-681 .wpforms-container button[type=submit] { background-color: #009F97 !important; color: #FFFFFF !important; border: none !important; border-radius: 999px !important; padding: 14px 36px !important; height: auto !important; font-family: 'Barlow', sans-serif !important; font-weight: 600 !important; letter-spacing: 1px; box-shadow: 0 10px 30px -10px rgba(0,159,151,.6) !important; transition: transform .3s ease, filter .3s ease !important; }
body.page-id-681 .wpforms-container button[type=submit]:hover { transform: translateY(-2px); filter: brightness(1.08); }
@media (prefers-reduced-motion: reduce) { body.page-id-681 * { transition: none !important; } }
body.page-id-681 .wpforms-container input[type=date] { background-color: rgba(255,255,255,.05) !important; border: 1px solid rgba(165,177,184,.28) !important; border-radius: 10px !important; color: #FFFFFF !important; font-family: 'Barlow', sans-serif !important; padding: 12px 14px !important; height: auto !important; max-width: 100% !important; width: 100% !important; color-scheme: dark; }
body.page-id-681 .wpforms-container select { color-scheme: dark; appearance: none; -webkit-appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2348A699' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: right 14px center !important; background-size: 16px !important; padding-right: 40px !important; }
body.page-id-681 .wpforms-container select option { background-color: #13445E; color: #FFFFFF; }
body.page-id-681 .wpforms-container textarea { min-height: 170px !important; }
body.page-id-681 .wpforms-container .wpforms-field-large, body.page-id-681 .wpforms-container .wpforms-field-medium { max-width: 100% !important; }
/* --- Alternancia de fondos con las secciones nuevas (Hero azul, Quienes negro, Trabajamos azul, Servicios negro, Proyectos azul, Como trabajamos negro, Clientes azul, Contacto negro) --- */
body.page-id-681 .e-a3d49fa-2b1c1b5 { background-color: #000000 !important; }
body.page-id-681 .e-4a138c6-8fb3bad { background-color: #13445E !important; }
/* --- Secciones nuevas: Trabajamos junto a / Como trabajamos --- */
body.page-id-681 .wok-sec-a { background-color: #13445E !important; }
body.page-id-681 .wok-sec-b { background-color: #000000 !important; }
body.page-id-681 .wok-head { width: 100%; max-width: 1140px; margin: 0 auto; gap: 8px; padding: 0 !important; }
body.page-id-681 .wok-eyebrow .elementor-heading-title { font-family: 'Barlow Condensed', sans-serif !important; font-size: 15px !important; font-weight: 600 !important; color: #48A699 !important; letter-spacing: 4px; text-transform: uppercase; display: flex; align-items: center; justify-content: center; gap: 14px; margin: 0; }
body.page-id-681 .wok-eyebrow .elementor-heading-title::before, body.page-id-681 .wok-eyebrow .elementor-heading-title::after { content: ""; width: 34px; height: 1px; background: linear-gradient(90deg, transparent, #48A699); }
body.page-id-681 .wok-eyebrow .elementor-heading-title::after { background: linear-gradient(90deg, #48A699, transparent); }
body.page-id-681 .wok-title .elementor-heading-title { font-family: 'Raleway', sans-serif !important; font-weight: 800 !important; text-transform: uppercase; color: #FFFFFF !important; font-size: clamp(26px, 3.4vw, 44px) !important; line-height: 1.15 !important; letter-spacing: .5px; text-wrap: balance; margin: 0; }
body.page-id-681 .wok-sub, body.page-id-681 .wok-sub p { text-align: center; font-family: 'Barlow', sans-serif; font-size: 15px; letter-spacing: 3px; text-transform: uppercase; color: #ECF8F7; opacity: .75; margin: 6px 0 0; }
body.page-id-681 .wok-grid { width: 100%; max-width: 1140px; margin: 48px auto 0 !important; padding: 0 !important; gap: 24px !important; flex-wrap: wrap !important; justify-content: center !important; align-items: stretch !important; }
body.page-id-681 .wok-grid .wok-card { flex: 0 1 calc((100% - 48px) / 3) !important; width: auto !important; max-width: none !important; padding: 36px 30px !important; gap: 12px !important; background-color: rgba(157,189,209,.14); border: 1px solid rgba(165,177,184,.16); border-radius: 17px; position: relative; overflow: hidden; backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); box-shadow: 0 1px 0 rgba(255,255,255,.06) inset; justify-content: flex-start !important; transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease; }
body.page-id-681 .wok-grid .wok-card::after { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: linear-gradient(90deg, transparent, #009F97, transparent); opacity: 0; transition: opacity .35s ease; }
body.page-id-681 .wok-grid .wok-card:hover { transform: translateY(-6px); border-color: rgba(72,166,153,.45); box-shadow: 0 24px 48px -18px rgba(0,0,0,.55); }
body.page-id-681 .wok-grid .wok-card:hover::after { opacity: 1; }
@media (max-width: 1024px) { body.page-id-681 .wok-grid .wok-card { flex-basis: calc((100% - 24px) / 2) !important; } }
@media (max-width: 640px) { body.page-id-681 .wok-grid .wok-card { flex-basis: 100% !important; padding: 28px 22px !important; } body.page-id-681 .wok-grid { margin-top: 36px !important; gap: 16px !important; } }
body.page-id-681 .wok-card-title .elementor-heading-title { font-family: 'Raleway', sans-serif !important; font-weight: 800 !important; font-size: clamp(17px, 1.5vw, 20px) !important; letter-spacing: 1px; line-height: 1.25 !important; color: #009F97 !important; margin: 0; }
body.page-id-681 .wok-card-text, body.page-id-681 .wok-card-text p { font-family: 'Barlow', sans-serif; font-size: 15.5px; line-height: 1.65; color: #ECF8F7; opacity: .85; margin: 0; }
body.page-id-681 .wok-grid-a .wok-card { align-items: center !important; text-align: center; }
body.page-id-681 .wok-grid-a .wok-card-text, body.page-id-681 .wok-grid-a .wok-card-text p { text-align: center; }
body.page-id-681 .wok-step { align-items: flex-start !important; text-align: left; }
body.page-id-681 .wok-step .elementor-heading-title, body.page-id-681 .wok-step .wok-card-text, body.page-id-681 .wok-step .wok-card-text p { text-align: left !important; }
body.page-id-681 .wok-step-num .elementor-heading-title { font-family: 'Raleway', sans-serif !important; font-weight: 800 !important; font-size: 54px !important; line-height: 1 !important; color: transparent !important; -webkit-text-stroke: 1.5px #48A699; letter-spacing: 1px; margin: 0 0 6px; transition: color .35s ease; }
body.page-id-681 .wok-step:hover .wok-step-num .elementor-heading-title { color: #009F97 !important; }
/* --- Trabajamos junto a: letras mas chicas solo en celular --- */
@media (max-width: 767px) {
  body.page-id-681 .wok-sec-a .elementor-heading-title { font-size: 18px !important; line-height: 1.25 !important; }
  body.page-id-681 .wok-sec-a .wok-title .elementor-heading-title { font-size: 22px !important; }
  body.page-id-681 .wok-sec-a p { font-size: 15px !important; line-height: 1.5 !important; }
}
/* --- Tarjetas de Proyectos: fondo negro para contrastar con la seccion azul --- */
body.page-id-681 .e-e967f78-4a97cc8,
body.page-id-681 .e-6fca6ce-c021565,
body.page-id-681 .e-21b0e6f-374f274,
body.page-id-681 .e-99e4fc2-b969f9c,
body.page-id-681 .e-1317be8-f9b1385 { background: linear-gradient(180deg, #0b1820 0%, #000000 100%) !important; border-color: rgba(165,177,184,.14) !important; }
/* --- Formulario modernizado (v2) --- */
body.page-id-681 .elementor-element-023e78b { position: relative; max-width: 760px !important; padding: 44px 44px 40px !important; border-radius: 22px !important; border: 1px solid rgba(72,166,153,.22) !important; background: linear-gradient(160deg, rgba(19,68,94,.38) 0%, rgba(0,0,0,.55) 60%) !important; box-shadow: 0 40px 90px -40px rgba(0,159,151,.35), 0 1px 0 rgba(255,255,255,.06) inset; overflow: hidden; }
body.page-id-681 .elementor-element-023e78b::before { content: ""; position: absolute; top: 0; left: 10%; right: 10%; height: 2px; background: linear-gradient(90deg, transparent, #009F97, transparent); }
body.page-id-681 .elementor-element-023e78b .wpforms-container { margin: 0 !important; padding: 0 !important; }
body.page-id-681 .elementor-element-023e78b .wpforms-container::before { content: "PEDÍ TU PRESUPUESTO"; display: block; text-align: center; font-family: 'Barlow Condensed', sans-serif; font-weight: 600; font-size: 14px; letter-spacing: 4px; color: #48A699; margin-bottom: 26px; }
body.page-id-681 .wpforms-container .wpforms-field { padding: 0 0 18px !important; }
body.page-id-681 .wpforms-container .wpforms-field-label { font-family: 'Barlow', sans-serif !important; font-size: 13px !important; font-weight: 600 !important; letter-spacing: 1.2px !important; text-transform: uppercase; color: rgba(236,248,247,.82) !important; margin-bottom: 8px !important; }
body.page-id-681 .wpforms-container .wpforms-required-label { color: #009F97 !important; }
body.page-id-681 .wpforms-container .wpforms-field-sublabel { display: none !important; }
body.page-id-681 .wpforms-container input[type=text], body.page-id-681 .wpforms-container input[type=email], body.page-id-681 .wpforms-container input[type=tel], body.page-id-681 .wpforms-container input[type=number], body.page-id-681 .wpforms-container input[type=date], body.page-id-681 .wpforms-container select, body.page-id-681 .wpforms-container textarea { background-color: rgba(255,255,255,.035) !important; border: 1px solid rgba(165,177,184,.2) !important; border-radius: 12px !important; padding: 13px 16px !important; font-size: 15.5px !important; min-height: 50px; transition: border-color .25s ease, background-color .25s ease, box-shadow .25s ease !important; }
body.page-id-681 .wpforms-container input:hover, body.page-id-681 .wpforms-container select:hover, body.page-id-681 .wpforms-container textarea:hover { border-color: rgba(72,166,153,.45) !important; }
body.page-id-681 .wpforms-container input:focus, body.page-id-681 .wpforms-container select:focus, body.page-id-681 .wpforms-container textarea:focus { border-color: #009F97 !important; background-color: rgba(0,159,151,.07) !important; box-shadow: 0 0 0 4px rgba(0,159,151,.16) !important; }
body.page-id-681 .wpforms-container ::placeholder { color: rgba(236,248,247,.38) !important; }
body.page-id-681 .wpforms-container select, body.page-id-681 .wpforms-container input[type=date] { color: rgba(236,248,247,.85) !important; }
body.page-id-681 .wpforms-container .wpforms-submit-container { padding-top: 8px !important; text-align: center; }
body.page-id-681 .wpforms-container button[type=submit] { width: 100%; max-width: 320px; padding: 16px 40px !important; font-size: 15px !important; letter-spacing: 2px !important; text-transform: uppercase; background: linear-gradient(90deg, #009F97, #48A699) !important; box-shadow: 0 16px 40px -14px rgba(0,159,151,.75) !important; }
body.page-id-681 .wpforms-container button[type=submit]::after { content: "  →"; }
body.page-id-681 .wpforms-container button[type=submit]:hover { transform: translateY(-3px); filter: brightness(1.1); }
@media (max-width: 767px) { body.page-id-681 .elementor-element-023e78b { padding: 32px 20px 28px !important; } body.page-id-681 .wpforms-container button[type=submit] { max-width: none; } }
/* --- Formulario en celular: campos de a uno por fila --- */
@media (max-width: 767px) {
  body.page-id-681 .wpforms-container .wpforms-field.wpforms-one-half,
  body.page-id-681 .wpforms-container .wpforms-field.wpforms-first { width: 100% !important; max-width: 100% !important; float: none !important; margin-left: 0 !important; clear: both !important; }
  body.page-id-681 .wpforms-container input[type=date] { -webkit-appearance: none; appearance: none; display: block; width: 100% !important; min-width: 0; min-height: 50px; box-sizing: border-box; text-align: left; }
  body.page-id-681 .wpforms-container input[type=date]::-webkit-date-and-time-value { text-align: left; }
  body.page-id-681 .wpforms-container select { width: 100% !important; }
}
/* ===== FIN WOK PREMIUM ===== */

/* ===== WOK PAGINAS DE SERVICIO (Sonido 770, Video 772, Iluminacion 774, Streaming 776) — clases wsv-* ===== */
.wsv-hero { background-color: #000000 !important; }
.wsv-list { background-color: #13445E !important; }
.wsv-cta { background-color: #000000 !important; }
.wsv-sec { -webkit-font-smoothing: antialiased; }
.wsv-head { width: 100%; max-width: 820px; margin: 0 auto; gap: 10px; padding: 0 !important; align-items: center; }
.wsv-eyebrow .elementor-heading-title { font-family: 'Barlow Condensed', sans-serif !important; font-size: 15px !important; font-weight: 600 !important; color: #48A699 !important; letter-spacing: 4px; text-transform: uppercase; display: flex; align-items: center; justify-content: center; gap: 14px; margin: 0; }
.wsv-eyebrow .elementor-heading-title::before, .wsv-eyebrow .elementor-heading-title::after { content: ""; width: 34px; height: 1px; background: linear-gradient(90deg, transparent, #48A699); }
.wsv-eyebrow .elementor-heading-title::after { background: linear-gradient(90deg, #48A699, transparent); }
.wsv-title .elementor-heading-title { font-family: 'Raleway', sans-serif !important; font-weight: 800 !important; text-transform: uppercase; color: #FFFFFF !important; font-size: clamp(28px, 4vw, 52px) !important; line-height: 1.15 !important; letter-spacing: .5px; text-wrap: balance; margin: 0; }
.wsv-cta .wsv-title .elementor-heading-title { font-size: clamp(24px, 3vw, 38px) !important; }
.wsv-intro, .wsv-intro p { font-family: 'Barlow', sans-serif; font-size: clamp(16px, 1.3vw, 19px); line-height: 1.75; color: #ECF8F7; opacity: .88; text-align: center; margin: 0; }
.wsv-intro { margin-top: 8px !important; }
.wsv-grid { width: 100%; max-width: 1140px; margin: 0 auto !important; padding: 0 !important; gap: 24px !important; flex-wrap: wrap !important; justify-content: center !important; align-items: stretch !important; }
.wsv-grid .wsv-card { flex: 0 1 calc((100% - 48px) / 3) !important; width: auto !important; max-width: none !important; padding: 34px 30px !important; gap: 14px !important; background-color: rgba(157,189,209,.14); border: 1px solid rgba(165,177,184,.16); border-radius: 17px; position: relative; overflow: hidden; backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); box-shadow: 0 1px 0 rgba(255,255,255,.06) inset; justify-content: flex-start !important; align-items: flex-start !important; transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease; scroll-margin-top: 90px; }
.wsv-grid .wsv-card::after { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: linear-gradient(90deg, transparent, #009F97, transparent); opacity: 0; transition: opacity .35s ease; }
.wsv-grid .wsv-card:hover { transform: translateY(-6px); border-color: rgba(72,166,153,.45); box-shadow: 0 24px 48px -18px rgba(0,0,0,.55); }
.wsv-grid .wsv-card:hover::after, .wsv-grid .wsv-card:target::after { opacity: 1; }
.wsv-grid .wsv-card:target { border-color: rgba(72,166,153,.6); }
@media (max-width: 1024px) { .wsv-grid .wsv-card { flex-basis: calc((100% - 24px) / 2) !important; } }
@media (max-width: 640px) { .wsv-grid .wsv-card { flex-basis: 100% !important; padding: 26px 22px !important; } .wsv-grid { gap: 16px !important; } }
.wsv-card-title .elementor-heading-title { font-family: 'Raleway', sans-serif !important; font-weight: 800 !important; font-size: clamp(17px, 1.5vw, 20px) !important; letter-spacing: 1px; line-height: 1.25 !important; color: #009F97 !important; text-transform: uppercase; text-align: left !important; margin: 0; }
.wsv-card-text, .wsv-card-text p, .wsv-card-text li { font-family: 'Barlow', sans-serif; font-size: 15.5px; line-height: 1.6; color: #ECF8F7; text-align: left; }
.wsv-card-text p { margin: 0; opacity: .88; }
.wsv-card-text ul { list-style: none; margin: 0; padding: 0; }
.wsv-card-text li { position: relative; padding-left: 18px; margin: 0 0 8px; opacity: .88; }
.wsv-card-text li:last-child { margin-bottom: 0; }
.wsv-card-text li::before { content: ""; position: absolute; left: 0; top: .62em; width: 7px; height: 7px; border-radius: 50%; background: #48A699; }
.wsv-btns { gap: 14px !important; margin-top: 22px; padding: 0 !important; width: auto !important; }
.wsv-btn .elementor-button { background-color: #009F97 !important; color: #FFFFFF !important; font-family: 'Barlow', sans-serif !important; font-weight: 500 !important; font-size: 15px !important; letter-spacing: 1px; border-radius: 999px !important; padding: 16px 34px !important; border: 1px solid #009F97 !important; box-shadow: 0 10px 30px -10px rgba(0,159,151,.6); transition: transform .3s ease, filter .3s ease, background-color .3s ease !important; }
.wsv-btn .elementor-button:hover { transform: translateY(-3px); filter: brightness(1.08); }
.wsv-btn-ghost .elementor-button { background-color: transparent !important; border-color: rgba(236,248,247,.5) !important; box-shadow: none; }
.wsv-btn-ghost .elementor-button:hover { background-color: rgba(236,248,247,.08) !important; }
@media (max-width: 767px) { .wsv-title .elementor-heading-title { font-size: 26px !important; } .wsv-cta .wsv-title .elementor-heading-title { font-size: 22px !important; } .wsv-intro, .wsv-intro p { font-size: 15.5px; line-height: 1.6; } }
/* ===== FIN WOK PAGINAS DE SERVICIO ===== */

/* ===== WOK ENCABEZADO Y PIE (Header 23 / Footer 304) — en celular/tablet no se toca el alto del header (lo usa el menu movil) ===== */
.e-c142cfe { background-color: rgba(19,68,94,.92) !important; border-bottom: 1px solid rgba(72,166,153,.22); box-shadow: 0 8px 30px -12px rgba(0,0,0,.5); transition: background-color .3s ease; }
.e-eb3e41a-ec91750 { transition: transform .3s ease, filter .3s ease; }
.e-eb3e41a-ec91750:hover { transform: scale(1.04); filter: brightness(1.1); }
.e-c142cfe .elementor-social-icon { transition: transform .3s ease, background-color .3s ease !important; }
.e-c142cfe .elementor-social-icon:hover { transform: translateY(-2px); }
@media (min-width: 1025px) {
  #masthead { position: sticky; top: 0; z-index: 999; }
  body.admin-bar #masthead { top: 32px; }
  .e-c142cfe { padding: 14px clamp(24px, 4vw, 64px) !important; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); align-items: center; }
  .e-c142cfe .hfe-nav-menu .menu-item a.hfe-menu-item { font-family: 'Barlow', sans-serif !important; font-weight: 500 !important; font-size: 14px !important; letter-spacing: 1.6px; text-transform: uppercase; background-color: transparent !important; padding: 10px 16px !important; position: relative; color: #ECF8F7 !important; transition: color .25s ease; }
  .e-c142cfe .hfe-nav-menu .menu-item a.hfe-menu-item::after { content: ""; position: absolute; left: 16px; right: 16px; bottom: 4px; height: 2px; border-radius: 2px; background: #009F97; transform: scaleX(0); transform-origin: center; transition: transform .3s ease; }
  .e-c142cfe .hfe-nav-menu .menu-item a.hfe-menu-item:hover { color: #FFFFFF !important; }
  .e-c142cfe .hfe-nav-menu .menu-item a.hfe-menu-item:hover::after, .e-c142cfe .hfe-nav-menu .current-menu-item a.hfe-menu-item::after { transform: scaleX(1); }
}
.e-813648a-d864697 { position: relative; border-top: 1px solid rgba(72,166,153,.25); padding: 36px clamp(20px, 5vw, 72px) !important; gap: 18px !important; }
.e-813648a-d864697::before { content: ""; position: absolute; top: -1px; left: 50%; transform: translateX(-50%); width: min(560px, 70%); height: 1px; background: linear-gradient(90deg, transparent, #009F97, transparent); }
.e-a4df045-0c609eb { font-size: 13px !important; line-height: 1.8 !important; letter-spacing: .4px; color: rgba(236,248,247,.72) !important; }
.e-79b26fc-40bb85d { opacity: .9; transition: opacity .3s ease, transform .3s ease; }
.e-79b26fc-40bb85d:hover { opacity: 1; transform: scale(1.04); }
@media (max-width: 1024px) { .e-813648a-d864697 { padding: 30px 20px !important; } .e-a4df045-0c609eb { font-size: 12px !important; text-align: center !important; } }
/* ===== FIN WOK ENCABEZADO Y PIE ===== */