/* v6 · Inicio estilo producto premium: apertura sobria + secuencia ligada al scroll. Sin recursos remotos. */
:root{--acento:#9cc3ff;--sans:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display",Inter,"Helvetica Neue","Segoe UI",system-ui,sans-serif;--ease-apple:cubic-bezier(.28,.11,.32,1);--ease-soft:cubic-bezier(.22,1,.36,1);--ease-out:cubic-bezier(.22,1,.36,1);--hh:64px;--foto:#1f3f85}
body{font-family:var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
h1,h2,h3{letter-spacing:-.035em}
h1 em,h2 em{font-family:inherit;font-style:normal;font-weight:inherit}
.mono,.eyebrow{font-family:var(--sans);letter-spacing:.04em}
.btn{border-radius:999px;font-weight:500;letter-spacing:-.005em}
.btn:hover{transform:none}

/* ---------- Cabecera translúcida oscura ---------- */
.banner-demo{background:#000;color:#a1a1a6;font:400 11px/1.4 var(--sans);letter-spacing:0;padding:7px 16px}
.banner-demo .demo-dot{background:#6e6e73}
.site-header{background:rgba(12,16,28,.8)!important;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid #ffffff14;padding:10px var(--gutter)!important;box-shadow:none!important}
.site-header .brand img{width:118px;height:38px}
.site-header .nav{gap:28px;font-size:12.5px;font-weight:400}
.site-header .nav>a:not(.btn){color:#d2d2d7;transition:color .3s}
.site-header .nav>a:not(.btn):hover,.site-header .nav>a[aria-current]{color:#fff;text-decoration:none}
.site-header .nav>a:not(.btn)::after{background:#fff;height:1px}
.site-header .nav-plus{color:#9cc3ff}
.site-header .nav-cta{background:#fff!important;color:#0a1020!important;border-color:#fff!important;min-height:34px;padding:7px 16px;font-size:12px}
.site-header .nav-cta:hover{background:#e8e8ed!important}
.site-header .mobile-cta{color:#fff}
.site-header .menu-toggle{background:transparent;color:#fff;border-color:#ffffff40}
.site-header .menu-toggle{border-radius:12px}
.site-header .menu-icon,.site-header .menu-icon::before,.site-header .menu-icon::after{border-color:#fff!important}
@media(max-width:900px){.site-header .nav{background:rgba(12,16,28,.97);border-bottom:1px solid #ffffff1a;box-shadow:0 24px 40px #0006}.site-header .nav>a:not(.btn){color:#f5f5f7;border-bottom-color:#ffffff1a;font-size:17px}.site-header .nav-cta{margin-top:18px;align-self:flex-start}}
.scroll-progress,.cursor-ring{display:none!important}
.site-header a:focus-visible,.site-header button:focus-visible{outline-color:#9cc3ff;box-shadow:none}

/* ---------- Apertura ---------- */
.intro.intro6{display:none;place-items:center;background:#05070d;-webkit-mask-image:none;mask-image:none;color:#f5f5f7;transition:opacity 1.1s var(--ease-apple),visibility 0s 1.1s}
.intro-on .intro.intro6{display:grid}
.intro6.is-out{opacity:0;visibility:hidden;pointer-events:none}
.intro6.is-fast{transition-duration:.45s,0s;transition-delay:0s,.45s}
.i6-glow{position:absolute;left:50%;bottom:-45vh;width:130vw;height:85vh;transform:translateX(-50%);background:radial-gradient(closest-side,#1f43a64d,transparent 72%);opacity:0;animation:i6Fade 3.2s .5s var(--ease-apple) forwards;pointer-events:none}
.i6-center{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 24px;transition:transform 1.1s var(--ease-apple)}
.intro6.is-out .i6-center{transform:translateY(-28px) scale(.985)}
.i6-logo{margin:0;width:min(400px,66vw)}
.i6-logo img{display:block;width:100%;height:auto;opacity:0;animation:i6Logo 2.6s .35s var(--ease-apple) forwards}
@keyframes i6Logo{from{opacity:0;transform:scale(.985)}to{opacity:1;transform:none}}
.i6-lema{margin:40px 0 0;font-size:clamp(30px,4.4vw,60px);font-weight:600;letter-spacing:-.04em;line-height:1.06}
.i6-l{display:block;overflow:hidden;padding:0 .04em .1em}
.i6-l>span{display:inline-block;opacity:0;transform:translateY(100%);animation:i6Line 1.5s var(--ease-soft) forwards}
.i6-l:nth-child(1)>span{animation-delay:1.8s}
.i6-l:nth-child(2)>span{animation-delay:2.15s;background:linear-gradient(90deg,#c9dcff 0%,#7fb0ff 55%,#5b8dff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
@keyframes i6Line{to{opacity:1;transform:none}}
.i6-enter{margin-top:48px;display:inline-flex;align-items:center;gap:10px;padding:12px 20px 12px 26px;min-height:46px;border-radius:999px;border:1px solid #ffffff3a;background:#ffffff0b;color:#f5f5f7;font:500 15px/1 var(--sans);letter-spacing:-.01em;cursor:pointer;opacity:0;animation:i6Fade 1.4s 3s var(--ease-apple) forwards;transition:background .5s var(--ease-apple),border-color .5s var(--ease-apple)}
.i6-enter svg{width:16px;height:16px;animation:i6Bob 2.6s 4.4s var(--ease-apple) infinite}
.i6-enter:hover{background:#ffffff1c;border-color:#ffffff70}
.intro6 .i6-enter:focus-visible{outline:2px solid #9cc3ff;outline-offset:4px;border-radius:999px;box-shadow:none}
.i6-hint{margin:14px 0 0;color:#86868b;font-size:12px;letter-spacing:.01em;opacity:0;animation:i6Fade 1.4s 3.3s forwards}
.i6-skip{position:absolute;z-index:2;top:clamp(14px,3vh,28px);right:clamp(12px,3vw,32px);background:none;border:0;border-radius:999px;color:#86868b;font:400 13px/1 var(--sans);padding:12px 14px;min-height:44px;cursor:pointer;opacity:0;animation:i6Fade 1s 1s forwards;transition:color .3s}
.i6-skip:hover{color:#f5f5f7}
.intro6 .i6-skip:focus-visible{outline:2px solid #9cc3ff;outline-offset:2px;box-shadow:none}
.i6-proto{position:absolute;left:clamp(16px,3vw,32px);bottom:clamp(14px,3vh,26px);margin:0;color:#6e6e73;font-size:11px}
@keyframes i6Fade{to{opacity:1}}
@keyframes i6Bob{0%,100%{transform:none}50%{transform:translateY(3px)}}

/* ---------- Portada (modo estático: sin JS o movimiento reducido) ---------- */
.home-hero.v6-hero{position:relative;padding:0;min-height:0;overflow:clip;background:var(--foto);color:#fff;isolation:auto}
.v6-sticky{position:relative;height:calc(100svh - var(--hh));min-height:560px;max-height:1100px;overflow:hidden;background:radial-gradient(120% 100% at 30% 45%,#22448c 0%,#1f3f85 50%,#17397d 100%)}
.v6-scene{position:absolute;inset:0}
.v6-scene picture{display:contents}
.v6-img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:72% 50%}
.v6-panel,.v6-blur,.v6-edge,.v6-lines,.v6-scrollhint,.v6-light,.v6-shade-b{display:none}
.v6-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#1f3f85f0 0%,#1f3f85cc 22%,#1f3f8500 40%)}
.v6-copy{position:absolute;left:0;right:0;top:0;bottom:0;margin:0 auto;max-width:1280px;padding:0 var(--gutter);display:flex!important;align-items:center}
.v6-hero .hero-content{max-width:520px;padding:0}
.v6-hero .eyebrow{color:#9cc3ff;font:500 13px/1.3 var(--sans);letter-spacing:0;text-transform:none;margin-bottom:16px}
.v6-hero h1{font-size:clamp(50px,6.4vw,92px)!important;font-weight:600;letter-spacing:-.05em;line-height:1.01;margin:0 0 24px;color:#fff}
.v6-hero h1 em{background:linear-gradient(90deg,#d6e4ff,#86b4ff);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.04em}
.v6-hero .hero-content>p{color:#d2d9e8;font-size:clamp(16px,1.3vw,19px);line-height:1.5;max-width:430px;margin-bottom:0}
.v6-hero .ctas{margin-top:32px;gap:28px}
.v6-hero .btn{background:#fff;color:#0a1a4a!important;border-color:#fff;padding:14px 26px;min-height:48px;font-size:15px}
.v6-hero .btn:hover{background:#e8eefb;border-color:#e8eefb}
.v6-hero .text-link{color:#fff;font-size:15px;font-weight:500;gap:6px}
.v6-hero .text-link span{font-size:20px;line-height:1}
.v6-hero .btn:focus-visible,.v6-hero .text-link:focus-visible{outline-color:#9cc3ff;box-shadow:none}
.v6-cap{position:absolute;right:var(--gutter);bottom:18px;margin:0;font-size:11px;color:#c9d3e6b3;pointer-events:none}

/* ---------- Secuencia ligada al scroll (con JS y movimiento normal) ---------- */
.v6-on .v6-hero{height:400vh}
.v6-on .v6-sticky{position:sticky;top:var(--hh);height:calc(100vh - var(--hh));min-height:0;max-height:none;background:#1b3b80}
.v6-on .v6-scene{inset:auto;left:0;top:0;width:1280px;height:720px;transform-origin:0 0}
.v6-on .v6-img{object-fit:fill}
.v6-on .v6-panel{display:block;position:absolute;left:36.953%;top:11.806%;width:18.906%;height:13.889%;overflow:hidden;background:linear-gradient(180deg,#fff 0%,#f7f9fc 65%,#edf1f7 100%);box-shadow:inset 0 0 0 .6px #0a1a4a1c}
.v6-logo{position:absolute;left:9.5%;top:18.25%;width:80.58%;height:auto;max-width:none}
.v6-sheen{position:absolute;top:-30%;bottom:-30%;left:0;width:28%;background:linear-gradient(100deg,#fff0 0%,#ffffffd9 50%,#fff0 100%);transform:translateX(-160%) skewX(-14deg);opacity:0}
.v6-sheen-run .v6-sheen{animation:v6Sheen 2.8s .6s var(--ease-apple) forwards}
@keyframes v6Sheen{0%{opacity:1;transform:translateX(-160%) skewX(-14deg)}100%{opacity:1;transform:translateX(480%) skewX(-14deg)}}
.v6-on .v6-blur{display:block;position:absolute;inset:0;width:100%;height:100%;max-width:none;pointer-events:none;-webkit-mask-image:radial-gradient(ellipse 13.5% 13% at 46.37% 18.68%,#0000 58%,#000 100%);mask-image:radial-gradient(ellipse 13.5% 13% at 46.37% 18.68%,#0000 58%,#000 100%)}
.v6-on .v6-edge{display:block;position:absolute;left:0;right:0;bottom:-1px;height:16%;background:linear-gradient(180deg,#1b3b8000,#1b3b80);pointer-events:none}
.v6-on .v6-light{display:block;position:absolute;inset:0;pointer-events:none;background:radial-gradient(90% 70% at 35% 20%,#ffffff12 0%,#fff0 60%),radial-gradient(140% 120% at 50% 45%,#0000 55%,#050c2373 100%)}
.v6-on .v6-shade-b{display:block;position:absolute;left:0;right:0;bottom:0;height:55%;pointer-events:none;background:linear-gradient(0deg,#07143acc 0%,#07143a59 45%,#07143a00 100%)}
.v6-on .v6-shade{opacity:0}
.v6-on .v6-copy{opacity:0;pointer-events:none;will-change:opacity,transform}
.v6-on .v6-copy.is-live{pointer-events:auto}
.v6-on .v6-cap{opacity:0}
.v6-on .v6-lines{display:block;position:absolute;left:0;right:0;bottom:clamp(44px,10vh,110px);padding:0 24px;text-align:center;pointer-events:none}
.v6-line{position:absolute;left:0;right:0;bottom:0;margin:0 auto;max-width:none!important;padding:0 24px;text-align:center;opacity:0;will-change:opacity,transform}
.v6-line strong{display:block;font-size:clamp(34px,5.6vw,84px);font-weight:600;letter-spacing:-.05em;line-height:1.03;color:#fff}
.v6-line span{display:block;margin-top:16px;font-size:clamp(15px,1.45vw,21px);font-weight:400;letter-spacing:-.01em;color:#c9d3e6}
.v6-on .v6-scrollhint{display:flex;position:absolute;left:50%;bottom:22px;transform:translateX(-50%);margin:0;flex-direction:column;align-items:center;gap:10px;color:#c9d3e6;font-size:12px;letter-spacing:.02em;pointer-events:none}
.v6-scrollhint i{display:block;width:1px;height:34px;background:linear-gradient(#c9d3e6,#c9d3e600);transform-origin:top;animation:v6Hint 2.4s var(--ease-apple) infinite}
@keyframes v6Hint{0%{transform:scaleY(0);opacity:1}60%{transform:scaleY(1);opacity:1}100%{transform:scaleY(1);opacity:0}}
@media(min-aspect-ratio:1/1) and (max-width:1180px){.v6-on .v6-shade{background:linear-gradient(90deg,#1b3b80f5 0%,#1b3b80e0 40%,#1b3b8059 64%,#1b3b8000 85%)}}

/* Vertical (móvil): imagen arriba, texto abajo */
@media(max-aspect-ratio:1/1){
.v6-on .v6-copy{align-items:flex-end;padding-bottom:max(30px,5vh)}
.v6-on .v6-shade{background:linear-gradient(180deg,#1b3b8000 0%,#1b3b8000 40%,#1b3b80e6 58%,#1b3b80 70%)}
.v6-on .v6-lines{bottom:clamp(40px,9vh,90px)}
.v6-on .v6-cap{top:10px;bottom:auto;right:12px}
}
@media(max-width:640px){
.v6-hero h1{font-size:clamp(42px,12vw,54px)!important;margin-bottom:16px}
.v6-hero .eyebrow{font-size:12px;margin-bottom:12px}
.v6-hero .hero-content>p{font-size:15px;max-width:330px}
.v6-hero .ctas{margin-top:22px;gap:20px}
.v6-hero .btn{padding:13px 22px;min-height:46px;font-size:14px}
.v6-hero .text-link{font-size:14px}
.v6-cap{font-size:9px}
.v6-line span{margin-top:10px}
/* estático en móvil: foto arriba, texto debajo */
html:not(.v6-on) .v6-sticky{height:auto;min-height:0;max-height:none;display:flex;flex-direction:column}
html:not(.v6-on) .v6-scene{position:relative;inset:auto;height:68vw;flex:none}
html:not(.v6-on) .v6-img{object-position:66% 30%}
html:not(.v6-on) .v6-shade{inset:auto;left:0;right:0;top:calc(68vw - 30%);height:30%;display:none}
html:not(.v6-on) .v6-copy{position:relative;inset:auto;padding:12px var(--gutter) 48px}
html:not(.v6-on) .v6-cap{top:calc(68vw - 24px);bottom:auto;right:10px}
}

/* ---------- Resto del sitio, más sobrio ---------- */
.js [data-reveal]:not([data-reveal=stagger]),.js [data-reveal=stagger]>*{transform:translateY(22px);transition:opacity 1.1s var(--ease-apple),transform 1.2s var(--ease-apple)}
.js [data-reveal=stagger]>*{transition-delay:calc(var(--s,0)*90ms)}
.js [data-reveal].is-in:not([data-reveal=stagger]),.js [data-reveal=stagger].is-in>*{transform:none}
.marquee{background:#0a1020;padding:22px 0;border:0}
.marquee-track{animation-duration:95s}
.marquee-group li{font-size:clamp(16px,1.5vw,21px);font-weight:500;letter-spacing:-.01em;color:#e8e8ed;-webkit-text-stroke:0;-webkit-text-fill-color:currentColor}
.marquee-group li.o{color:#86868b}
.marquee-group li::after{content:"·";font:400 1em/1 var(--sans);color:#6e6e73;margin:0 1em}
.v4-cards .card{border-radius:20px;border:1px solid #e3e7ee;background:#fff;box-shadow:none;transition:box-shadow .7s var(--ease-apple),border-color .7s var(--ease-apple),opacity 1.1s var(--ease-apple) calc(var(--s,0)*90ms),transform 1.2s var(--ease-apple) calc(var(--s,0)*90ms)}
.v4-cards .card:hover,.v4-cards .card.is-open{background:#fff;border-color:#d4dbe7;box-shadow:0 24px 48px -28px #0a1a4a55;--ty:0px}
.v4-cards .card:hover h3,.v4-cards .card.is-open h3{color:var(--negro)}
.v4-cards .card:hover p,.v4-cards .card.is-open p{color:var(--grafito)}
.v4-cards .card:hover::before,.v4-cards .card.is-open::before{color:var(--azul)}
.v4-cards .card:hover .card-icon,.v4-cards .card.is-open .card-icon{stroke:var(--azul);transform:none}
.v4-cards .card:hover .card-more,.v4-cards .card.is-open .card-more{color:var(--azul)}
.v4-cards .chips,.v4-cards .card:not(:hover):not(.is-open) .chips{color:var(--azul)}
.card-glare{display:none}
.card-more{text-transform:none;letter-spacing:0;font-size:13px;font-weight:600;border-bottom:0}
.card-more span{font:400 18px/1 var(--sans)}
.hero-badge,.home-hero .hero-bottom .cross,.cross{display:none!important}
.chips li{font-family:var(--sans);letter-spacing:0;text-transform:none;font-size:12px;font-weight:500}

/* ---------- Movimiento reducido ---------- */
@media(prefers-reduced-motion:reduce){
.i6-glow,.i6-logo img,.i6-l>span,.i6-enter,.i6-hint,.i6-skip{animation:none!important;opacity:1!important;transform:none!important}
.i6-enter svg,.v6-scrollhint i{animation:none!important}
.intro.intro6{transition:opacity .4s linear,visibility 0s .4s}
.i6-center,.intro6.is-out .i6-center{transition:none;transform:none}
.js [data-reveal]:not([data-reveal=stagger]),.js [data-reveal=stagger]>*{transform:none!important;transition:opacity .4s linear}
.marquee-track{animation:none}
}
#main:focus{outline:none}