/* Founders SOS · Home v5.
   Hero, cabecera y cierre: los de la web publicada, sin cambios, y en el cierre tus tareas orbitan alrededor del Dot (de la v3).
   Resto: la estructura de la v2 (estilo designme: contenedor de 1200 px, paneles con línea fina y esquinas de 2 px,
   carrusel, nota de la jaula, paneles partidos, acordeón numerado, preguntas en dos columnas y pie con la hora)
   con el acabado de Apple de la v3: titulares en negrita a dos tonos, cifras grandes sin cajas, + en círculo y aparición suave.
   Sin fondos de puntos ni estrellas fuera del hero y del cierre. Solo modo oscuro y colores sólidos: sin degradados ni brillos. */
@font-face{font-family:Geist;src:url(fonts/geist.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:Manrope;src:url(fonts/manrope.woff2) format("woff2");font-weight:200 800;font-display:swap}
@font-face{font-family:"Geist Mono";src:url(fonts/geist-mono.woff2) format("woff2");font-weight:400;font-display:swap}

:root{
  /* Color · 60 fondo, 30 superficies y texto, 10 rojo */
  --bg:#070707;          /* fondo de página (el de la web publicada) */
  --band:#0C0C0C;        /* banda algo más clara (la nota) */
  --panel:#0E0E0E;       /* paneles y tarjetas */
  --panel-2:#141414;     /* círculos de iconos, hover */
  --stage:#0A0A0A;       /* fondo de las escenas */
  --line:rgba(255,255,255,.08);
  --line-2:rgba(255,255,255,.14);
  --t1:#FFFFFF;          /* texto principal */
  --t2:#A3A3A3;          /* texto secundario */
  --t3:#686868;          /* etiquetas, segunda parte de los titulares */
  --red:#FF2A1F;         /* acento: el Dot, "Gana más", lo que está activo */
  --ink:#0A0A0A;
  --btn2:#1C1C1F;
  --btn2-h:#26262A;
  --btn2-line:#34343A;
  /* Tipo */
  --display:"Geist",system-ui,-apple-system,"Segoe UI",sans-serif;
  --body:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"Geist Mono",ui-monospace,"SFMono-Regular",Menlo,monospace;
  /* Espaciado (múltiplos de 4) */
  --gut:max(32px, env(safe-area-inset-left, 0px));
  --gut-r:max(32px, env(safe-area-inset-right, 0px));
  --max:1200px;
  --sec:144px;
  --r:2px;
  color-scheme:dark;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:80px}
html,body{background:var(--bg);color:var(--t1)}
body{margin:0;font-family:var(--body);font-weight:500;font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top, 0px);z-index:60;background:var(--bg)}
a{color:inherit}
img,svg{max-width:100%}
h1,h2,h3,p,figure{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
button{font:inherit;color:inherit}
[hidden]{display:none!important}
:focus-visible{outline:2px solid var(--t2);outline-offset:3px}

.wrap{width:100%;max-width:calc(var(--max) + 64px);margin-inline:auto;padding-left:var(--gut);padding-right:var(--gut-r)}
.eyebrow,.micro{margin:0;font:400 12px/16px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--t3)}
.micro{white-space:nowrap}

/* ===== Botones (los de la web publicada) ===== */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 22px;border-radius:999px;font:500 15px/18px var(--display);letter-spacing:-.005em;text-decoration:none;white-space:nowrap;border:1px solid transparent;cursor:pointer;transition:background-color .2s ease,border-color .2s ease}
.btn svg{width:11px;height:10px;overflow:visible;flex:none;transition:transform .25s cubic-bezier(.2,.7,.3,1)}
.btn:hover svg{transform:translateX(2px)}
.btn-1{background:var(--t1);color:var(--ink)}
.btn-1:hover{background:#E8E8E8}
.btn-2{background:var(--btn2);color:#F5F5F5;border-color:var(--btn2-line)}
.btn-2:hover{background:var(--btn2-h)}
.btn-lg{height:52px;padding:0 28px;font-size:16px}

/* ===== Cabecera (la de la web publicada: transparente sobre el hero y sólida al bajar) ===== */
.top{position:fixed;top:env(safe-area-inset-top, 0px);left:0;right:0;z-index:50;transition:background-color .25s ease,border-color .25s ease;border-bottom:1px solid transparent}
.top.solid{background:var(--bg);border-bottom-color:var(--line)}
.top-in{height:88px;display:flex;align-items:center;justify-content:space-between;padding-left:var(--gut);padding-right:var(--gut-r);transition:height .25s ease}
.top.solid .top-in{height:64px}
.logo{display:block;height:24px}
.logo img{display:block;height:24px;width:auto}
.nav{display:flex;align-items:center;gap:32px}
.nav ul{display:flex;gap:28px}
.nav ul a{font:400 15px/20px var(--display);color:var(--t2);text-decoration:none;transition:color .2s ease}
.nav ul a:hover{color:var(--t1)}
.nav .btn{height:40px}

/* ===== Hero (el de la web publicada, variante A2) ===== */
.hero{
  --u:min(100vw / 1440, 100svh / 900);
  --fs:clamp(56px, calc(120 * var(--u)), 150px);
  position:relative;min-height:clamp(640px, 100svh, 1000px);overflow:hidden;
}
.hero-bg{position:absolute;inset:0;pointer-events:none}
.hero-bg canvas{position:absolute;inset:0;width:100%;height:100%}
.col{position:absolute;top:96px;bottom:92px;width:1px;background:rgba(255,255,255,.05)}
.col span{position:absolute;top:4px;left:6px;font:400 10px/12px var(--mono);letter-spacing:.08em;color:var(--t3);white-space:nowrap}
.col.es-ahora span{color:var(--red)}
.ahora{position:absolute;top:118px;bottom:92px;left:0;width:1px;background:rgba(255,42,31,.55);will-change:transform}
.ahora::before{content:"";position:absolute;top:-3px;left:-3px;width:7px;height:7px;border-radius:50%;background:var(--red)}
.ahora-bajo::before{display:none}
.end .ahora{top:70px;bottom:48px}
.hero-c{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;text-align:center;padding-left:var(--gut);padding-right:var(--gut-r);z-index:2;pointer-events:none}
.hero-c > *{pointer-events:auto}
.h1{font-family:var(--display);font-weight:600;font-size:var(--fs);line-height:1;letter-spacing:-.06em;white-space:nowrap;display:flex;flex-direction:column;align-items:center}
.h1-a{display:block;color:var(--t1);margin-right:-.06em}
.h1-b{display:block;color:var(--red);font-size:.9em;margin-top:-.03em;margin-right:-.06em}
.h1 .o{position:relative;display:inline-block;color:transparent}
.h1 .hero-dot{position:absolute;width:.678em;height:.678em;left:50%;top:50%;margin-left:-.315em;margin-top:-.265em;pointer-events:none}
.hero-more{position:absolute;top:100%;left:0;right:0;display:flex;flex-direction:column;align-items:center;padding-left:var(--gut);padding-right:var(--gut-r)}
.hero-sub{margin-top:40px;max-width:520px;font-size:18px;line-height:1.5;font-weight:600;color:var(--t2);text-wrap:balance}
.hero-bottom{position:absolute;left:var(--gut);right:var(--gut-r);bottom:32px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;z-index:3}
.ctas{display:flex;gap:12px;justify-content:center}
.hero-more .ctas{margin-top:28px}
.hero-bottom .scroll{grid-column:3}
.scroll{justify-self:end;display:flex;align-items:center;gap:8px;text-decoration:none}
.scroll svg{width:16px;height:16px}
.side{position:absolute;top:50%;margin:0;writing-mode:vertical-rl;font:400 12px/16px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--t3);white-space:nowrap;z-index:2}
.side-l{left:var(--gut);transform:translateY(-50%) rotate(180deg)}
.side-r{right:var(--gut-r);transform:translateY(-50%)}

/* ===== Escenas: lisas, sin la rejilla de puntos ===== */
.stage{position:relative;aspect-ratio:16/10;max-width:100%;background:var(--stage);border-radius:var(--r);overflow:hidden}
.stage svg{display:block;width:100%;height:100%}
.stage svg.scene > rect[fill^="url("]{fill:none}

/* ===== Secciones (v2) con titulares de Apple: negrita y dos tonos en la misma frase ===== */
.sec{padding-block:var(--sec) 0}
.head{display:flex;flex-direction:column;gap:20px;max-width:880px;min-width:0}
.head.c{margin-inline:auto;text-align:center;align-items:center}
.h2{font-family:var(--display);font-weight:700;font-size:clamp(34px, 4.2vw, 56px);line-height:1.06;letter-spacing:-.045em;text-wrap:balance}
.h2 span,.h3 span,.punch span{color:var(--t3)}
.h2-m{font-size:clamp(32px, 3.4vw, 44px)}
.h3{font-family:var(--display);font-weight:700;font-size:21px;line-height:1.25;letter-spacing:-.025em;text-wrap:balance}
.lead{font-size:19px;line-height:1.55;color:var(--t2);max-width:620px;text-wrap:pretty}
.head.c .lead{text-wrap:balance}

/* Paneles: línea fina, fondo apenas más claro, esquinas de 2 px */
.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);min-width:0}
.split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);margin-top:64px;overflow:hidden}
.split.rev{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.panel-t{display:flex;flex-direction:column;gap:24px;padding:40px;min-width:0}
.panel-m{aspect-ratio:auto;min-height:100%;border-radius:0;border-left:1px solid var(--line)}
.split.rev .panel-m{border-left:0;border-right:1px solid var(--line);aspect-ratio:16/10}
.panel-m svg{position:absolute;inset:0}

/* ===== 2 · Te reconoces: carrusel ===== */
.head-row{display:flex;align-items:flex-end;justify-content:space-between;gap:32px}
.arrows{display:flex;gap:8px;flex:none}
.arrow{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--panel-2);border:1px solid var(--line-2);cursor:pointer;transition:background-color .2s ease,opacity .2s ease}
.arrow:hover{background:#1C1C1C}
.arrow:disabled{opacity:.35;cursor:default}
.arrow svg{width:16px;height:16px}
.rail{
  --pad:max(var(--gut), calc((100vw - var(--max)) / 2));
  display:flex;gap:16px;margin-top:56px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--pad);
  padding-inline:var(--pad);padding-bottom:4px;scrollbar-width:none;overscroll-behavior-x:contain;
}
.rail::-webkit-scrollbar{display:none}
.rail:focus-visible{outline-offset:-2px}
.tile{flex:none;width:clamp(280px, 30vw, 389px);scroll-snap-align:start;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.tile .stage{border-radius:0;border-bottom:1px solid var(--line)}
.tile-t{display:flex;flex-direction:column;gap:10px;padding:24px 24px 28px;min-height:180px}
.tile-t p{font-size:16px;line-height:1.55;color:var(--t2)}
.dots{display:flex;gap:8px;justify-content:center;margin-top:32px}
.dots i{width:6px;height:6px;border-radius:3px;background:#2E2E2E;transition:width .3s ease,background-color .3s ease}
.dots i.on{width:20px;background:var(--t1)}

/* ===== 3 · La jaula dorada: nota sobre banda ===== */
.band{margin-top:var(--sec);background:var(--band);border-block:1px solid var(--line);padding-block:120px}
.note{background:var(--bg);border:1px solid var(--line);border-radius:var(--r);padding:56px;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:56px;align-items:center}
.note-t{display:flex;flex-direction:column;gap:20px;min-width:0}
.note .h2{margin-bottom:8px}
.note p{font-size:18px;line-height:1.6;color:var(--t2)}
.note .stage{border:1px solid var(--line)}

/* ===== 4 · La causa ===== */
.sub-h{font:400 12px/16px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--t3)}
.tried{display:flex;flex-direction:column}
.tried li{display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:16px;row-gap:4px;padding:20px 0;border-top:1px solid var(--line)}
.tried li:first-child{border-top:0;padding-top:0}
.tried li:last-child{padding-bottom:0}
.tried i{grid-row:span 2;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--panel-2);border:1px solid var(--line-2);color:var(--t1)}
.tried i svg{width:18px;height:18px}
.tried b{font:700 17px/1.3 var(--display);letter-spacing:-.015em}
.tried span{font-size:15px;line-height:1.5;color:var(--t2)}
.punch{margin-top:96px;font-family:var(--display);font-weight:700;font-size:clamp(28px, 3.4vw, 48px);line-height:1.12;letter-spacing:-.04em;max-width:940px;text-wrap:balance}

/* ===== 5 · El método: cifras grandes sin cajas (Apple) y acordeón numerado ===== */
.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:72px auto 0;max-width:1000px}
.stat{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:8px 24px;min-width:0}
.stat + .stat{border-left:1px solid var(--line)}
.stat b{font:700 clamp(48px, 6vw, 84px)/1 var(--display);letter-spacing:-.05em;font-variant-numeric:tabular-nums;white-space:nowrap}
.stat > span{font-size:17px;color:var(--t2)}
.acc{margin-top:88px;border-bottom:1px solid var(--line)}
.acc-i{border-top:1px solid var(--line)}
.acc-b{width:100%;display:grid;grid-template-columns:72px minmax(0,1fr) 32px;align-items:center;gap:16px;padding:28px 0;background:none;border:0;cursor:pointer;text-align:left}
.acc-b .n{font:500 clamp(22px, 2.2vw, 30px)/1 var(--display);letter-spacing:-.03em;color:var(--t3);font-variant-numeric:tabular-nums;transition:color .3s ease}
.acc-t{font:700 clamp(20px, 2.2vw, 30px)/1.2 var(--display);letter-spacing:-.03em;color:var(--t2);text-wrap:balance;transition:color .3s ease}
.acc-b:hover .acc-t,.acc-i.open .acc-t,.acc-i.open .n{color:var(--t1)}
/* El + en círculo (Apple), el mismo en el acordeón y en las preguntas: rojo cuando está abierto */
.acc-b i,.faq summary i{position:relative;flex:none;width:32px;height:32px;border-radius:50%;background:var(--panel-2);border:1px solid var(--line-2);transition:background-color .25s ease,border-color .25s ease}
.acc-b i::before,.acc-b i::after,.faq summary i::before,.faq summary i::after{content:"";position:absolute;left:10px;top:14.5px;width:10px;height:1.5px;background:var(--t1);transition:transform .3s cubic-bezier(.65,0,.35,1)}
.acc-b i::after,.faq summary i::after{transform:rotate(90deg)}
.acc-i.open .acc-b i,.faq details[open] summary i{background:var(--red);border-color:var(--red)}
.acc-i.open .acc-b i::after,.faq details[open] summary i::after{transform:rotate(0)}
.acc-p{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s cubic-bezier(.65,0,.35,1)}
.acc-i.open .acc-p{grid-template-rows:1fr}
.acc-in{overflow:hidden;display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:40px;align-items:start;padding-left:88px;min-height:0}
.acc-in .stage{margin-bottom:32px;border:1px solid var(--line)}
.acc-in p{font-size:18px;line-height:1.6;color:var(--t2);max-width:420px}

/* ===== Para quién ===== */
.fit{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:56px}
.fit .panel{padding:40px;display:flex;flex-direction:column;gap:24px}
.fit li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:14px;padding:16px 0;border-top:1px solid var(--line);font-size:17px;line-height:1.45;color:var(--t2)}
.fit li:first-child{border-top:0;padding-top:0}
.fit li svg{width:22px;height:22px;margin-top:-1px}
.fit .si li svg{color:var(--t1)}
.fit .no li svg{color:var(--t3)}

/* ===== Calculadora: lo que te llevas ===== */
.obt-t{justify-content:center;gap:32px}
.obt-l{display:flex;flex-direction:column}
.obt-l li{display:flex;align-items:baseline;gap:20px;padding:20px 0;border-top:1px solid var(--line)}
.obt-l li:first-child{border-top:0;padding-top:0}
.obt-l b{flex:none;width:20px;font:500 12px/16px var(--mono);letter-spacing:.06em;color:var(--t3);transition:color .3s ease}
.obt-l span{display:flex;flex-direction:column;gap:4px;min-width:0;font-size:15px;line-height:1.4;color:var(--t3)}
.obt-l strong{font:700 20px/1.25 var(--display);letter-spacing:-.015em;color:var(--t2);transition:color .3s ease}
.obt-l li.on b{color:var(--red)}
.obt-l li.on strong{color:var(--t1)}
.obt-t .btn{align-self:flex-start}

/* ===== Preguntas: dos columnas (v2) con filas y líneas (Apple) ===== */
.faq-g{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;align-items:start}
.faq-h{position:sticky;top:120px}
.faq{border-bottom:1px solid var(--line-2)}
.faq details{border-top:1px solid var(--line-2)}
.faq summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0;cursor:pointer;font:700 clamp(18px, 1.6vw, 21px)/1.3 var(--display);letter-spacing:-.02em}
.faq summary::-webkit-details-marker{display:none}
.faq details p{padding:0 56px 26px 0;color:var(--t2);font-size:17px;line-height:1.6;max-width:640px}
.faq details a{color:var(--t1)}

/* ===== Cierre (el de la web publicada) con la órbita alrededor del Dot ===== */
.end{position:relative;margin-top:var(--sec);padding-block:104px 128px;overflow:hidden;border-top:1px solid var(--line)}
.end .hero-bg .col{top:48px;bottom:48px}
.end-c{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;gap:28px;padding-left:var(--gut);padding-right:var(--gut-r)}
.end .h2{font-weight:600;font-size:64px;line-height:1.04;letter-spacing:-.04em;max-width:1100px}
.end .h2 span{display:block}
.end .micro{white-space:normal;text-wrap:balance}
.end-orbit{position:relative;width:min(640px, 100%);aspect-ratio:640/300;margin-bottom:-12px;pointer-events:none}
.end-orbit .orbits{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.end-orbit .end-dot{position:absolute;left:50%;top:50%;width:120px;height:120px;margin:-60px 0 0 -60px}
.orbits-front{z-index:1}

/* ===== Pie (v2): barra con la hora, logo y columnas ===== */
.pie{background:var(--bg);position:relative;z-index:2}
.pie-bar{border-block:1px solid var(--line)}
.pie-bar-in{height:48px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.pie-bar .eyebrow{font-variant-numeric:tabular-nums}
.pie-bar i{font-style:normal;margin-inline:6px;color:#333}
.pie-main{display:flex;justify-content:space-between;align-items:flex-start;gap:48px;padding-block:64px}
.pie-main .logo{height:auto}
.pie-main .logo img{height:28px}
.pie-cols{display:grid;grid-template-columns:repeat(2,minmax(160px,auto));gap:24px 72px}
.pie-cols nav{display:flex;flex-direction:column;gap:12px}
.pie-cols a{font:500 14px/20px var(--display);color:var(--t2);text-decoration:none;transition:color .2s ease}
.pie-cols a:hover{color:var(--t1)}
.pie-legal{padding-block:0 32px;font:400 12px/16px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--t3)}
.pie-legal > span{display:block;border-top:1px solid var(--line);padding-top:24px}

/* ===== Aparición suave al entrar (Apple) ===== */
.rv{transition:opacity .8s cubic-bezier(.2,.7,.3,1),transform .8s cubic-bezier(.2,.7,.3,1)}
.rv-pre{opacity:0;transform:translateY(24px)}

/* ===== Escenas SVG (las mismas clases que la One Page) ===== */
.scene text{font-family:var(--display)}
.scene .mono,.scene .sc-mono{font-family:var(--mono)}
.sc-pop{transform-box:fill-box;transform-origin:center;transform:scale(0);transition:transform .45s cubic-bezier(.34,1.56,.64,1)}
.sc-pop.on{transform:scale(1)}
.sc-fade{opacity:0;transition:opacity .35s ease}
.sc-fade.on{opacity:1}
.sc-blink{transform-box:fill-box;transform-origin:center;animation:sc-blink 4.2s infinite}
@keyframes sc-blink{0%,94%,100%{transform:scaleY(1)}96%{transform:scaleY(.08)}}
.sc-eyes{transition:transform .5s cubic-bezier(.65,0,.35,1)}
.sc-happy{display:none}
.sc-done .sc-neutral{display:none}
.sc-done .sc-happy{display:inline}
.sc-ring{transform-box:fill-box;transform-origin:center;opacity:0}
.sc-ring.on{animation:sc-ring .9s ease-out}
.sc-ring-s.on{animation-name:sc-ring-s}
@keyframes sc-ring-s{0%{transform:scale(1);opacity:.8}100%{transform:scale(1.35);opacity:0}}
@keyframes sc-ring{0%{transform:scale(.6);opacity:.8}100%{transform:scale(2.4);opacity:0}}
.sc-stamp{transform-box:fill-box;transform-origin:center;transform:scale(0) rotate(-30deg);transition:transform .5s cubic-bezier(.34,1.8,.64,1)}
.sc-stamp.on{transform:scale(1) rotate(-8deg)}
.sc-grow-x{transform-box:fill-box;transform-origin:left center;transform:scaleX(0);transition:transform .6s cubic-bezier(.65,0,.35,1)}
.sc-grow-x.on{transform:scaleX(1)}
.sc-grow-y{transform-box:fill-box;transform-origin:center bottom;transform:scaleY(0);transition:transform .45s cubic-bezier(.34,1.25,.64,1)}
.sc-grow-y.on{transform:scaleY(1)}
/* Sin estrellas en la escena de noche: nada de puntos para ilustrar el espacio */
.sc-twinkle{display:none}
.scene.no-tr *{transition:none!important}

/* ===== Responsive ===== */
@media (max-width:1100px){
  .side{display:none}
  .acc-in{padding-left:0;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .faq-g{grid-template-columns:minmax(0,1fr);gap:40px}
  .faq-h{position:static}
}
@media (max-width:900px){
  .note{max-width:680px;margin-inline:auto;grid-template-columns:minmax(0,1fr);gap:32px;padding:48px}
}
@media (max-width:760px){
  :root{--gut:max(16px, env(safe-area-inset-left, 0px));--gut-r:max(16px, env(safe-area-inset-right, 0px));--sec:96px}
  body{font-size:16px}
  /* Cabecera, hero y cierre: como en la web publicada */
  .top-in{height:64px}
  .nav ul{display:none}
  .nav .btn{height:38px;padding:0 16px;font-size:14px}
  .hero{--fs:calc((100vw - 32px) / 6.6);min-height:max(620px, 100svh)}
  .col{top:80px;bottom:200px}
  .ahora{top:102px;bottom:200px}
  .hero-c{top:44%}
  .hero-sub{margin-top:28px;font-size:16px;max-width:340px}
  .hero-bottom{bottom:24px;grid-template-columns:minmax(0,1fr);gap:0;justify-items:center}
  .hero-bottom .micro{font-size:11px;line-height:14px;margin-bottom:16px}
  .ctas{flex-direction:column;width:100%;gap:12px}
  .ctas .btn{width:100%;height:48px}
  .scroll{display:none}
  .end{padding-block:72px 96px}
  .end .h2{font-size:38px}
  .end-orbit{aspect-ratio:400/260}
  .end-orbit .end-dot{width:96px;height:96px;margin:-48px 0 0 -48px}
  /* Resto */
  .h2{font-size:32px}
  .h2-m{font-size:30px}
  .lead{font-size:17px}
  .head-row{align-items:flex-start;flex-direction:column;gap:24px}
  .arrows{display:none}
  .rail{margin-top:40px;gap:12px}
  .tile{width:84vw}
  .tile-t{min-height:0;padding:20px}
  .dots{margin-top:24px}
  .band{padding-block:72px}
  .note{padding:28px 24px}
  .note p{font-size:17px}
  .split,.split.rev{grid-template-columns:minmax(0,1fr);margin-top:40px}
  .panel-t{padding:28px 24px}
  .panel-m{aspect-ratio:16/10;min-height:0;border-left:0;border-top:1px solid var(--line)}
  .panel-m.stage svg{position:static}
  .split.rev .panel-m{order:-1;border-right:0;border-top:0;border-bottom:1px solid var(--line)}
  #causa .panel-m{aspect-ratio:200/110}
  .punch{margin-top:64px;font-size:28px}
  .stats{grid-template-columns:minmax(0,1fr);margin-top:40px}
  .stat{padding:24px 0}
  .stat + .stat{border-left:0;border-top:1px solid var(--line)}
  .stat b{font-size:56px}
  .acc{margin-top:48px}
  .acc-b{grid-template-columns:36px minmax(0,1fr) 32px;gap:12px;padding:22px 0}
  .acc-b .n{font-size:20px}
  .acc-in{grid-template-columns:minmax(0,1fr);gap:20px}
  .acc-in .stage{order:2;margin-bottom:28px}
  .acc-in p{padding-left:48px;font-size:16px}
  .fit{grid-template-columns:minmax(0,1fr);margin-top:40px}
  .fit .panel{padding:28px 24px}
  .faq summary{padding:22px 0;font-size:18px;gap:16px}
  .faq details p{padding:0 0 24px;font-size:16px}
  .pie-main{flex-direction:column;padding-block:48px}
  .pie-cols{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}
  .pie-bar-in > .eyebrow:last-child{display:none}
  .pie-legal{line-height:1.6}
}
@media (max-width:760px) and (max-height:700px){
  .hero-c{top:38%}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .rv-pre{opacity:1;transform:none}
}