:root{--graphite:#252a2e;--ink:#071d26;--cyan:#02b4d8;--cyan-bright:#5bdbef;--white:#fff;--shell:min(1180px,calc(100% - 64px))}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--white);font:400 16px/1.6 "DM Sans",Arial,sans-serif;overflow-x:hidden}a{color:inherit}.shell{width:var(--shell);margin:auto}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip-link{position:fixed;top:-60px;left:16px;background:#fff;color:#071d26;padding:10px 14px;z-index:100}.skip-link:focus{top:16px}.site-header{position:fixed;inset:16px 0 auto;z-index:20;padding:0 24px}.header-inner{width:var(--shell);min-height:68px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:10px 14px 10px 20px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(37,42,46,.82);box-shadow:0 14px 35px rgba(0,0,0,.23);backdrop-filter:blur(14px)}.site-header.is-scrolled .header-inner{background:rgba(20,27,31,.96)}.brand{display:flex;align-items:center;flex:0 0 auto}.brand img,.footer-identity img{width:132px;height:auto;display:block;filter:brightness(1.3) contrast(.92)}.main-nav{display:flex;align-items:center;gap:clamp(12px,1.65vw,25px)}.main-nav>a{font-size:.82rem;font-weight:600;text-decoration:none;color:#edf4f5;white-space:nowrap}.main-nav>a:not(.portal-cta):hover{color:var(--cyan-bright)}.portal-cta{padding:9px 12px;border:1px solid var(--cyan);border-radius:8px;color:#fff!important;background:rgba(2,180,216,.12)}.portal-cta:hover{background:var(--cyan);color:#04212a!important}.menu-toggle{display:none}.hero,.feature-section,.network-section{position:relative;isolation:isolate;min-height:100svh;display:grid;align-items:end;overflow:hidden}.background-video{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;background:#071d26}.hero-shade,.section-shade,.network-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(4,18,25,.9) 0%,rgba(4,18,25,.72) 37%,rgba(4,18,25,.13) 77%),linear-gradient(0deg,rgba(1,12,17,.5),transparent 55%)}.hero-content,.feature-content,.network-content{padding-bottom:clamp(85px,13vh,150px);max-width:760px}.eyebrow{margin:0 0 16px;color:var(--cyan-bright);font:700 .72rem/1 "Manrope",sans-serif;letter-spacing:.18em;text-transform:uppercase}.hero h1,.feature-content h2,.network-content h2,.kit-section h2{margin:0;color:#fff;font:800 clamp(2.75rem,5.55vw,5.7rem)/.98 "Manrope",sans-serif;letter-spacing:-.06em;text-wrap:balance}.hero-lead{max-width:570px;margin:25px 0 0;color:#f2f8fa;font-size:clamp(1.1rem,1.55vw,1.35rem)}.hero-actions,.feature-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:34px}.button{display:inline-flex;justify-content:center;align-items:center;gap:10px;min-height:50px;padding:13px 20px;border:1px solid transparent;border-radius:8px;font-size:.9rem;font-weight:700;text-decoration:none;transition:transform .18s,background .18s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--cyan);color:#03212a}.button-primary:hover{background:var(--cyan-bright)}.button-ghost{border-color:rgba(255,255,255,.6);color:#fff;background:rgba(0,0,0,.08)}.button-ghost:hover{border-color:var(--cyan-bright);background:rgba(2,180,216,.15)}.text-action{text-decoration:none;font-weight:700;font-size:.9rem}.text-action span{color:var(--cyan);margin-left:6px;font-size:1.25em}.scroll-cue{position:absolute;right:max(32px,calc((100% - 1180px)/2));bottom:32px;display:flex;gap:10px;align-items:center;color:#d7e8ec;font-size:.72rem;text-transform:uppercase;letter-spacing:.13em;text-decoration:none}.scroll-cue span{width:28px;border-top:1px solid var(--cyan)}.feature-content{max-width:670px}.feature-content h2,.network-content h2,.kit-section h2{font-size:clamp(2.4rem,4.2vw,4.7rem)}.feature-content>p:not(.eyebrow){max-width:540px;margin:22px 0 0;color:#e1ecee;font-size:1.1rem}.feature-enterprise .background-video{object-position:58% center}.network-section{min-height:72svh;align-items:center}.network-shade{background:linear-gradient(90deg,rgba(4,18,25,.88),rgba(4,18,25,.35) 65%,rgba(4,18,25,.55))}.network-content{padding:80px 0;max-width:700px}.kit-section{padding:clamp(70px,10vw,145px) 0;color:#eaf4f5;background:radial-gradient(circle at 86% 50%,#164352 0%,#0b2d38 28%,#071d26 68%);overflow:hidden}.kit-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.7fr);align-items:center;gap:50px}.kit-section h2{font-size:clamp(2.25rem,4vw,4.4rem)}.kit-section p:not(.eyebrow){max-width:590px;margin:22px 0 30px;color:#c5d8dc;font-size:1.1rem}.eyebrow-dark{color:var(--cyan)}.kit-visual{position:relative;min-height:320px}.kit-visual:before{content:"";position:absolute;inset:10% 4%;border-radius:50%;background:radial-gradient(circle,#1c6678 0%,rgba(28,102,120,.1) 65%,transparent 72%);filter:blur(4px)}.kit-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 30px 25px rgba(0,0,0,.36))}.compact-content{max-width:590px}.site-footer{background:#050e12;border-top:1px solid rgba(136,199,211,.18);padding:70px 0 50px}.footer-grid{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:38px}.footer-identity img{width:140px}.footer-identity p{margin:18px 0 0;color:#aabec4;font-size:.9rem;line-height:1.75}.footer-identity strong{color:#e7f1f3}.site-footer h2{margin:7px 0 14px;color:var(--cyan-bright);font:700 .72rem/1 "Manrope",sans-serif;letter-spacing:.16em;text-transform:uppercase}.site-footer a{display:block;margin:9px 0;color:#e2eaec;font-size:.9rem;text-decoration:none}.site-footer a:hover{color:var(--cyan-bright)}.whatsapp{position:fixed;right:24px;bottom:24px;z-index:15;display:grid;place-items:center;width:60px;height:60px;border-radius:50%;background:#25d366;box-shadow:0 10px 28px rgba(0,0,0,.35)}.whatsapp img{width:60px;height:60px}.modal[hidden]{display:none}.modal{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:20px}.modal-backdrop{position:absolute;inset:0;background:rgba(1,12,17,.76);backdrop-filter:blur(7px)}.modal-card{position:relative;width:min(460px,100%);padding:38px;border:1px solid rgba(91,219,239,.28);border-radius:18px;background:#102a33;box-shadow:0 30px 80px rgba(0,0,0,.5);color:#ecf5f6}.modal-card h2{margin:0;font:800 clamp(1.8rem,4vw,2.4rem)/1.05 "Manrope",sans-serif;letter-spacing:-.05em}.modal-card p:not(.eyebrow){color:#c2d4d8}.modal-email{display:block;margin:20px 0 28px;color:var(--cyan-bright);font-weight:700;overflow-wrap:anywhere}.modal-close{position:absolute;right:12px;top:8px;border:0;background:transparent;color:#fff;font-size:2rem;cursor:pointer}.modal .button{border:0;cursor:pointer}
@media(max-width:1080px){.main-nav{gap:13px}.main-nav>a{font-size:.74rem}.brand img{width:116px}.portal-cta{padding:8px 9px}}@media(max-width:830px){:root{--shell:min(100% - 40px,650px)}.site-header{inset:10px 0 auto;padding:0 14px}.header-inner{min-height:60px;padding:8px 12px 8px 16px}.brand img{width:114px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;border:0;background:transparent;cursor:pointer}.menu-toggle span:not(.sr-only){display:block;width:25px;height:2px;margin:auto;background:var(--cyan-bright)}.main-nav{position:absolute;top:calc(100% + 8px);right:0;left:0;display:none;align-items:stretch;gap:0;padding:9px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(20,27,31,.98);box-shadow:0 20px 40px rgba(0,0,0,.35)}.main-nav.is-open{display:flex;flex-direction:column}.main-nav>a{padding:11px 12px;font-size:.92rem}.portal-cta{justify-content:space-between;margin-top:4px}.hero,.feature-section{min-height:760px;min-height:100svh}.hero-shade,.section-shade{background:linear-gradient(90deg,rgba(4,18,25,.82),rgba(4,18,25,.42)),linear-gradient(0deg,rgba(1,12,17,.72),rgba(1,12,17,.1) 70%)}.hero-content,.feature-content{padding-bottom:105px}.hero h1{font-size:clamp(2.7rem,10vw,4.5rem)}.feature-content h2,.network-content h2,.kit-section h2{font-size:clamp(2.35rem,9vw,3.8rem)}.footer-grid{grid-template-columns:repeat(2,1fr)}.footer-identity{grid-column:1/-1}.kit-grid{grid-template-columns:1fr}.kit-visual{min-height:240px;order:-1}.kit-visual img{max-width:380px;margin:auto}.network-section{min-height:62svh}.whatsapp{right:16px;bottom:16px}}@media(max-width:480px){:root{--shell:calc(100% - 36px)}.hero,.feature-section{min-height:680px;min-height:100svh}.hero-content,.feature-content{padding-bottom:82px}.hero-actions,.feature-actions{gap:12px;margin-top:26px;align-items:stretch}.hero-actions .button,.feature-actions .button{width:100%}.text-action{padding:10px 0;text-align:center}.scroll-cue{display:none}.background-video{object-position:60% center}.feature-enterprise .background-video{object-position:65% center}.kit-section{padding:66px 0}.kit-visual{min-height:205px}.site-footer{padding:54px 0 86px}.footer-grid{grid-template-columns:1fr;gap:25px}.footer-identity{grid-column:auto}.site-footer a{margin:7px 0}.whatsapp{width:56px;height:56px}.whatsapp img{width:56px;height:56px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.background-video{display:none}.hero,.feature-section,.network-section{background:#071d26}}
/* Ajuste controlado de index2: hero más luminoso, Hogares estático y UX con proporción nativa. */
.hero-shade{background:linear-gradient(90deg,rgba(4,18,25,.78) 0%,rgba(4,18,25,.52) 39%,rgba(4,18,25,.08) 78%),linear-gradient(0deg,rgba(1,12,17,.32),transparent 55%)}.home-still{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(7,29,38,.12),rgba(7,29,38,.05)),url("imgs/Background1920x1080.jpg") center/cover no-repeat}.kit-visual img{filter:drop-shadow(0 22px 18px rgba(0,0,0,.24))}
/* Pulido visual de la candidata: header transparente y producto UX. */
.header-inner{background:transparent;border-color:transparent;box-shadow:none;backdrop-filter:none}.site-header.is-scrolled .header-inner{background:rgba(5,14,18,.68);border-color:rgba(255,255,255,.1);box-shadow:0 10px 30px rgba(0,0,0,.14);backdrop-filter:blur(12px)}.site-header .brand img{width:118px;filter:none}.hero-shade{background:linear-gradient(90deg,rgba(4,18,25,.69) 0%,rgba(4,18,25,.42) 39%,rgba(4,18,25,.04) 78%),linear-gradient(0deg,rgba(1,12,17,.22),transparent 55%)}.kit-section{background:radial-gradient(circle at 78% 50%,#1a5362 0%,#0a2a35 30%,#071d26 70%)}.kit-grid{grid-template-columns:minmax(0,1fr) minmax(370px,.9fr);gap:30px}.kit-visual{min-height:390px;overflow:hidden}.kit-visual:before{inset:20% 8%;background:radial-gradient(circle,rgba(69,177,197,.2),rgba(28,102,120,.04) 63%,transparent 74%);filter:blur(8px)}.kit-visual img{inset:auto 0 -2%;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 20px 18px rgba(0,0,0,.2))}.footer-identity p{max-width:420px;line-height:1.7}.footer-identity p strong{white-space:nowrap}
@media(max-width:830px){.site-header .brand img{width:108px}.kit-grid{grid-template-columns:1fr}.kit-visual{min-height:300px;order:-1}.kit-visual img{max-width:none}}@media(max-width:480px){.kit-visual{min-height:240px}.footer-identity p strong{white-space:normal}}
/* Ajuste final: geometría estable de header, footer por columnas y acceso MINTIC. */
.header-inner{height:72px;min-height:72px;padding:8px 20px;align-items:center;transition:background .22s ease,border-color .22s ease,box-shadow .22s ease,backdrop-filter .22s ease}.brand,.main-nav,.portal-cta{align-self:center}.site-header.is-scrolled .header-inner{background:rgba(5,15,20,.86);border-color:rgba(255,255,255,.1);box-shadow:none}.footer-identity p{margin:16px 0 4px}.footer-tagline{display:block;color:#e7f1f3;font-size:.9rem}
@media(max-width:830px){.header-inner{height:60px;min-height:60px;padding:8px 16px}}

/* Logo blanco específico del header: mantiene la proporción del asset RGBA. */
.site-header .brand img{width:118px;height:auto;max-height:44px;object-fit:contain;filter:none}
@media(max-width:830px){.site-header .brand img{width:104px;max-height:40px}}

/* Accesos del footer: iconografía SVG discreta y consistente. */
.site-footer .footer-link{display:flex;align-items:flex-start;gap:9px;margin:10px 0;line-height:1.45;transition:color .18s ease}
.footer-link svg{flex:0 0 16px;width:16px;height:16px;margin-top:3px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;color:#8edbea;transition:color .18s ease,transform .18s ease}
.footer-link:hover svg{color:var(--cyan-bright);transform:translateX(2px)}
.footer-link .footer-flag{width:18px;height:13px;margin-top:4px;overflow:visible;stroke:rgba(255,255,255,.38);stroke-width:.7}
@media(max-width:480px){.site-footer .footer-link{margin:9px 0;gap:8px}.footer-link svg{margin-top:4px}}

/* Render nítido: PNGs 420 × 135 reducidos proporcionalmente, sin filtros. */
.site-header .brand img,.footer-identity img{display:block;height:auto;object-fit:contain;max-width:100%;filter:none}
.site-header .brand img{width:118px;max-height:38px}
.footer-identity img{width:140px;max-height:45px}
.header-inner{align-items:center}
.brand,.main-nav,.portal-cta{align-self:center}

/* Mismo header, pero con transparencia suficiente para conservar el video visible. */
.site-header.is-scrolled .header-inner{background:rgba(5,15,20,.48);border-color:rgba(255,255,255,.08);backdrop-filter:blur(10px);box-shadow:none}
@media(max-width:830px){.site-header .brand img{width:104px;max-height:34px}.footer-identity img{width:136px}}

/* Anclas: deja el título visible bajo el header fijo en cualquier viewport. */
#inicio,#hogares,#empresas,#seguridad,#distribuidores{scroll-margin-top:104px}

/* El logo del footer conserva su gris; se aclara sólo el propio recurso. */
.footer-identity img{filter:brightness(1.12) contrast(.97)}

/* Hero decorativo: la misma película MP4 se prioriza en todos los navegadores. */
.hero{background:#071d26 url("imgs/Background1920x1080.jpg") center/cover no-repeat}
.hero-video{pointer-events:none}
.hero.hero-poster .hero-video{opacity:0}
.hero-video::-webkit-media-controls,.hero-video::-webkit-media-controls-start-playback-button{display:none!important}

/* Mantiene el contenido de cada sección fuera de la zona ocupada por el header fijo. */
.feature-section{padding-block:112px 96px}
.feature-section .feature-content{padding-top:32px;padding-bottom:clamp(72px,10vh,120px)}
.portal-cta svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

@media(max-width:830px){
  .site-header{inset:8px 0 auto;padding:0 12px}
  .header-inner{height:54px;min-height:54px;padding:6px 13px}
  .site-header .brand img{width:100px;max-height:32px}
  .menu-toggle{width:38px;height:38px;gap:4px}
  .menu-toggle span:not(.sr-only){width:23px}
  .main-nav{top:calc(100% + 6px);padding:6px;border-radius:12px}
  .main-nav.is-open{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px}
  .main-nav>a{display:flex;align-items:center;min-height:40px;padding:8px 10px;font-size:.86rem;line-height:1.25}
  .portal-cta{grid-column:1/-1;margin-top:2px;padding:8px 10px}
  .feature-section{padding-block:88px 76px}
  .feature-section .feature-content{padding-top:28px;padding-bottom:72px}
}

@media(max-width:480px){
  .site-header{padding:0 10px}
  .header-inner{height:52px;min-height:52px;padding:5px 12px}
  .site-header .brand img{width:96px;max-height:30px}
  .main-nav>a{min-height:40px;padding:8px 10px;font-size:.84rem}
  .feature-section{padding-block:82px 70px}
  .feature-section .feature-content{padding-top:24px;padding-bottom:64px}
}

/* Navegación bajo demanda: misma interacción en escritorio y móvil. */
.site-header{display:flex;transition:transform .22s ease;will-change:transform}
.site-header.is-hidden{transform:translateY(calc(-100% - 20px));pointer-events:none}
.header-inner{position:relative;width:auto;margin:0;min-height:56px;height:56px;gap:10px;padding:7px 12px;border-color:transparent;background:transparent;box-shadow:none;backdrop-filter:none}
.site-header.is-scrolled .header-inner{background:rgba(5,15,20,.42);border-color:rgba(255,255,255,.08);box-shadow:none;backdrop-filter:blur(8px)}
.site-header .brand img{width:108px;max-height:34px}
.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:4px;width:38px;height:38px;padding:0;border:0;background:transparent;cursor:pointer}
.menu-toggle span:not(.sr-only){display:block;width:23px;height:2px;margin:0 auto;background:var(--cyan-bright);border-radius:2px}
.main-nav{position:absolute;top:calc(100% + 8px);left:0;right:auto;z-index:1;display:none;width:min(460px,calc(100vw - 48px));padding:8px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(5,15,20,.82);box-shadow:0 16px 34px rgba(0,0,0,.18);backdrop-filter:blur(10px)}
.main-nav.is-open{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px}
.main-nav>a{display:flex;align-items:center;min-height:42px;padding:9px 11px;font-size:.86rem;line-height:1.25}
.main-nav .portal-cta{grid-column:1/-1;justify-content:space-between;margin-top:3px;padding:8px 11px}
@media(max-width:830px){.header-inner{height:54px;min-height:54px}.site-header .brand img{width:100px;max-height:32px}.main-nav{top:calc(100% + 6px);width:min(420px,calc(100vw - 24px));padding:6px}.main-nav>a{min-height:40px;padding:8px 10px;font-size:.84rem}.main-nav .portal-cta{margin-top:2px;padding:8px 10px}}
@media(max-width:480px){.header-inner{height:52px;min-height:52px}.site-header .brand img{width:96px;max-height:30px}.main-nav{width:calc(100vw - 20px)}}

/* Header superpuesto sólo dentro del hero: no ocupa flujo ni queda pegado al viewport. */
.hero{position:relative}
.site-header{position:absolute;inset:0 0 auto;z-index:2;display:flex;padding:16px 24px 0;transform:none;transition:none;will-change:auto}
.site-header.is-hidden{transform:none;pointer-events:auto}
.site-header.is-scrolled .header-inner{background:transparent;border-color:transparent;box-shadow:none;backdrop-filter:none}
.header-inner{position:relative;width:auto;height:56px;min-height:56px;margin:0;gap:10px;padding:7px 12px;border-color:transparent;background:transparent;box-shadow:none;backdrop-filter:none}
#inicio,#hogares,#empresas,#seguridad,#distribuidores{scroll-margin-top:0}
@media(max-width:830px){.site-header{position:absolute;inset:0 0 auto;padding:10px 12px 0}.header-inner{height:54px;min-height:54px}.site-header .brand img{width:100px;max-height:32px}.main-nav{width:min(420px,calc(100vw - 24px))}}
@media(max-width:480px){.site-header{padding:10px 10px 0}.header-inner{height:52px;min-height:52px}.site-header .brand img{width:96px;max-height:30px}.main-nav{width:calc(100vw - 20px)}}

/* El header pertenece al hero: se desplaza con él y nunca con el viewport. */
.hero{position:relative}
.hero > .site-header{position:absolute;inset:auto;top:0;left:0;right:auto;bottom:auto;width:100%;z-index:2;display:flex;padding:16px 24px 0;transform:none!important;transition:none;will-change:auto}
.hero > .site-header.is-hidden{transform:none!important;pointer-events:auto}
@media(max-width:830px){.hero > .site-header{position:absolute;inset:auto;top:0;left:0;right:auto;bottom:auto;width:100%;padding:10px 12px 0}}
@media(max-width:480px){.hero > .site-header{padding:10px 10px 0}}

/* Ajuste de proporciones de la candidata: hero más equilibrado y marca más legible. */
.hero h1{font-size:clamp(2.06rem,4.16vw,4.28rem)}
.hero-lead{font-size:clamp(.9rem,1.24vw,1.08rem);margin-top:20px}
.site-header .brand img{width:130px;height:auto;max-height:none}
@media(max-width:830px){.hero h1{font-size:clamp(2.03rem,7.5vw,3.38rem)}.hero-lead{font-size:clamp(.9rem,1.24vw,1.08rem);margin-top:20px}.site-header .brand img{width:120px;height:auto;max-height:none}}
@media(max-width:480px){.site-header .brand img{width:115px;height:auto;max-height:none}}