/* Header único. Colores de marca desde config/seo.php -> --brand-* en el layout. */
.it-header{--it-cyan:var(--brand-primary,#12EAF1);--it-cyan-hover:color-mix(in srgb,var(--brand-primary,#12EAF1) 65%,white);--it-cyan-button:color-mix(in srgb,var(--brand-primary,#12EAF1) 75%,var(--brand-secondary,#00BFC6));position:sticky;top:0;z-index:100;background:color-mix(in srgb,var(--brand-dark,#020617) 40%,#071d2b 60%);border-bottom:1px solid rgba(127,186,206,.22);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);color:#e7f5fb}
.it-header *{box-sizing:border-box}
.it-header summary{list-style:none}
.it-header summary::-webkit-details-marker{display:none}
.it-header__inner{width:min(calc(100% - 3rem),1220px);min-height:76px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:2rem}
.it-header__brand{display:inline-flex;align-items:center;flex:0 0 auto}
.it-header__logo{width:auto;height:40px;max-width:min(260px,42vw);object-fit:contain}
.it-header__desktop{display:flex;align-items:center;gap:clamp(1.1rem,2.1vw,2.2rem)}
.it-header__link{display:inline-flex;position:relative;align-items:center;gap:.3rem;justify-content:center;min-height:43px;padding:.4rem 0;background:none;border:0;color:#d5e4ef;font-size:.875rem;font-weight:650;white-space:nowrap;cursor:pointer;text-decoration:none;transition:color .15s ease}
.it-header__link:hover,.it-header__link:focus-visible,.it-header__link.is-active,.it-header__service-wrapper[open]>.it-header__link{color:var(--it-cyan)}
.it-header__link.is-active::after{content:"";position:absolute;bottom:3px;left:0;right:0;height:2px;border-radius:2px;background:var(--it-cyan)}
.it-header__service-wrapper{position:relative}
.it-header__services-trigger svg{width:14px;height:14px;transition:transform .15s ease}
.it-header__service-wrapper[open] .it-header__services-trigger svg{transform:rotate(180deg)}
.it-header__dropdown{position:absolute;top:100%;left:-38px;width:320px;background:color-mix(in srgb,var(--brand-dark,#020617) 25%,#163b4e 75%);border:1px solid #426c80;border-radius:16px;padding:9px;box-shadow:0 25px 60px #0007;z-index:110}
.it-header__dropdown-link{display:block;border-radius:10px;padding:11px 12px;text-decoration:none;color:#f2fbff;transition:background .15s ease}
.it-header__dropdown-link span{display:block;font-weight:740;font-size:.86rem}
.it-header__dropdown-link small{display:block;font-size:.71rem;color:#b0cddd;line-height:1.5;margin-top:4px}
.it-header__dropdown-link:hover,.it-header__dropdown-link:focus-visible,.it-header__dropdown-link.is-current{background:color-mix(in srgb,var(--brand-dark,#020617) 17%,#204d63 83%)}
.it-header__dropdown-link.is-current span{color:var(--it-cyan)}
.it-header__cta,.it-header__mobile-cta{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:var(--it-cyan-button);color:#062333!important;border-radius:999px;padding:12px 18px;font-weight:800;font-size:.84rem;white-space:nowrap;text-decoration:none;transition:background .15s ease,transform .15s ease}
.it-header__cta:hover,.it-header__mobile-cta:hover{background:var(--it-cyan-hover);transform:translateY(-1px)}
.it-header__mobile-shell{display:none}
.it-header__toggle{width:44px;height:44px;border:1px solid #487386;border-radius:10px;background:#143347;color:#edfcff;align-items:center;justify-content:center;cursor:pointer}
.it-header__toggle svg{height:23px;width:23px}
.it-header__mobile{position:absolute;top:100%;left:0;right:0;border-top:1px solid #294a60;background:color-mix(in srgb,var(--brand-dark,#020617) 30%,#0c283a 70%);box-shadow:0 20px 36px #0006;max-height:calc(100vh - 69px);overflow-y:auto}
.it-header__mobile-inner{width:min(calc(100% - 2rem),1220px);margin:0 auto;display:flex;flex-direction:column;gap:2px;padding:12px 0 18px}
.it-header__mobile-link,.it-header__mobile-heading,.it-header__mobile-sublink{display:block;padding:11px 12px;font-weight:650;font-size:.94rem;border-radius:9px;color:#dfedf4;text-decoration:none}
.it-header__mobile-sublink{margin-left:12px;padding-left:16px;border-left:2px solid #315166;color:#c3dce8;font-size:.86rem}
.it-header__mobile-heading{display:flex;justify-content:space-between;align-items:center;color:#cbdfe8;font-size:.79rem;letter-spacing:.06em;text-transform:uppercase;margin-top:3px;cursor:pointer}
.it-header__mobile-heading span{font-size:1.3rem;transition:transform .15s ease}
.it-header__mobile-services[open] .it-header__mobile-heading span{transform:rotate(180deg)}
.it-header__mobile-link:hover,.it-header__mobile-sublink:hover,.it-header__mobile-heading:hover{background:color-mix(in srgb,var(--brand-dark,#020617) 18%,#164057 82%);color:var(--it-cyan-hover)}
.it-header__mobile-link.is-active,.it-header__mobile-heading.is-active,.it-header__mobile-sublink.is-active{color:var(--it-cyan)}
.it-header__mobile-sublink.is-active{border-left-color:var(--it-cyan);background:color-mix(in srgb,var(--brand-dark,#020617) 18%,#19445b 82%)}
.it-header__mobile-cta{margin-top:12px;border-radius:11px;padding:13px}
.it-header a:focus-visible,.it-header summary:focus-visible{outline:3px solid var(--it-cyan-hover);outline-offset:3px}
@media(max-width:1099px){.it-header__desktop{display:none}.it-header__mobile-shell{display:block}.it-header__toggle{display:flex}.it-header__inner{min-height:69px}}
@media(min-width:1100px){.it-header__mobile-shell{display:none}}
@media(max-width:480px){.it-header__inner{width:calc(100% - 2rem)}.it-header__logo{height:35px;max-width:70vw}}
@media(prefers-reduced-motion:reduce){.it-header *{transition:none!important}}
