/* ==== /vsl — página de prueba VSL (Juan msg 25900, 2026-10-26; v3 28-oct msg 26480: WhatsApp primero, mínimo 6 meses, cristal tipo OS).
   Solo esta página; vsl-base.css trae tokens, FAQ, formulario y footer. Oro = dinero · aqua = acción/vivo. ==== */
html:has(body.vsl){overflow-x:clip}
.vsl{overflow-x:clip;--glass:rgba(16,18,22,.32);--edge:linear-gradient(155deg,rgba(255,255,255,.55),rgba(255,255,255,.07) 38%,rgba(165,234,219,.12) 72%,rgba(215,179,119,.26));--lift:inset 0 1px 0 rgba(255,255,255,.12),inset 0 -1px 0 rgba(0,0,0,.35),0 30px 60px -30px rgba(38,126,114,.45),0 1px 1px rgba(0,0,0,.35),0 12px 28px -8px rgba(0,0,0,.5),0 40px 90px -24px rgba(0,0,0,.65)}
.vsl .brand .hub{color:var(--aqua);font-weight:600;letter-spacing:.06em}
.vsl #casos,.vsl #como,.vsl #incluye,.vsl #faq,.vsl #escribenos{scroll-margin-top:84px}
.sprite{position:absolute;width:0;height:0;overflow:hidden}
.vsl:before{content:"";position:fixed;z-index:99;inset:0 0 auto;height:calc(84px + env(safe-area-inset-top));background:linear-gradient(rgba(7,8,10,.82),rgba(7,8,10,.5) 50%,rgba(7,8,10,0));pointer-events:none}
.vsl:after{content:"";position:fixed;z-index:109;inset:auto 0 0;height:calc(92px + env(safe-area-inset-bottom));background:linear-gradient(rgba(7,8,10,0),var(--bg) 42%);pointer-events:none;opacity:0;transition:opacity .35s}
.vsl.bar-on:after{opacity:1}
@media(min-width:1000px){.vsl:after{display:none}}
.money{color:var(--gold)}

/* aura: fondo vivo que se ve a través del cristal (gradientes sin filter:blur; se mueve solo en escritorio) */
.aura{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:radial-gradient(120% 70% at 50% -10%,rgba(38,126,114,.20),transparent 60%),var(--bg)}
.aura i{position:absolute;border-radius:50%;will-change:transform}
.aura-a{width:120vmax;height:120vmax;right:-62vmax;top:-48vmax;background:radial-gradient(circle,rgba(38,126,114,.34) 0,rgba(38,126,114,.10) 42%,transparent 66%)}
.aura-b{width:70vmax;height:70vmax;left:-44vmax;top:44vh;background:radial-gradient(circle,rgba(236,208,152,.13) 0,rgba(236,208,152,.04) 44%,transparent 68%)}
.aura-c{width:70vmax;height:70vmax;right:-30vmax;bottom:-40vmax;background:radial-gradient(circle,rgba(165,234,219,.12) 0,transparent 64%)}

/* cristal: relleno ahumado + desenfoque + borde de luz de 1px en degradado + brillo especular arriba + sombras en capas */
:where(.gl){position:relative}
.gl{background:linear-gradient(165deg,rgba(255,255,255,.075),rgba(255,255,255,.018) 48%,rgba(255,255,255,.04)),var(--glass);box-shadow:var(--lift);backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%);isolation:isolate}
.gl:before{content:"";position:absolute;inset:0;z-index:2;border-radius:inherit;padding:1px;background:var(--edge);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.gl:after{content:"";position:absolute;inset:1px 1px auto;height:46%;z-index:-1;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent);pointer-events:none}

/* nav: píldora de cristal flotante, marca + una acción */
.vnav{position:fixed;z-index:100;top:10px;left:50%;transform:translateX(-50%);width:min(calc(100% - 20px),1180px);height:58px;padding:0 8px 0 16px;display:flex;align-items:center;justify-content:space-between;border-radius:999px;--glass:rgba(10,11,14,.64);backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);--lift:inset 0 1px 0 rgba(255,255,255,.12),0 8px 24px -10px rgba(0,0,0,.55)}
.vnav .brand{font-size:13px}
.vnav-cta{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px 0 13px;border-radius:999px;background:var(--aqua);color:#06110e;font-size:14px;font-weight:800;text-decoration:none;box-shadow:0 6px 18px rgba(165,234,219,.18);transition:transform .2s,box-shadow .2s}
.vnav-cta svg,.vcta svg,.vghost svg{width:20px;height:20px;flex:none}
.vnav-cta:hover{box-shadow:0 8px 26px rgba(165,234,219,.3)}
.vnav-cta{transition:transform .2s,box-shadow .2s,opacity .25s}
@media(max-width:999px){.bar-on .vnav-cta{opacity:0;pointer-events:none;visibility:hidden}}

/* hero: titular → sub → video → botón (orden Tim Chao). En escritorio el video va a la derecha */
.vh{position:relative;z-index:2;max-width:1180px;margin:auto;padding:84px 16px 36px;display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center}
.vh-kicker{justify-content:center;margin:0 0 10px;font-size:10px;letter-spacing:.16em}
.vh-title{margin:0;font-size:clamp(1.85rem,7.6vw,4.1rem);font-weight:500;line-height:1.03;letter-spacing:-.035em;max-width:15ch;text-wrap:balance}
.vh-title em{font-style:normal;color:var(--aqua);white-space:nowrap}
.vh-sub{margin:12px 0 0;max-width:30ch;color:#dfe1e4;font-size:clamp(1.02rem,4vw,1.28rem);line-height:1.42;text-wrap:balance}
.vh-sub b{color:var(--ink);font-weight:700;box-shadow:inset 0 -.42em rgba(165,234,219,.22)}

.vh-video{position:relative;margin:16px 0 0;width:clamp(240px,72vw,320px);padding:7px;border-radius:30px;background:linear-gradient(165deg,rgba(255,255,255,.09),rgba(255,255,255,.02));box-shadow:var(--lift)}
.vh-video:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:var(--edge);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.vh-video:after{content:"";position:absolute;inset:-12% -8%;z-index:-1;background:radial-gradient(closest-side,rgba(165,234,219,.16),transparent);pointer-events:none}
.vh-screen{position:relative;border-radius:23px;overflow:hidden;background:#0b0d10}
.vh-screen video{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;background:#0b0d10}
.vh-play{position:absolute;inset:0;display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-end;gap:0;padding:6px;border:0;background:none;color:var(--ink);cursor:pointer;font:inherit}
.vh-play-i{height:28px;padding:0 2px 0 10px;border-radius:999px 0 0 999px;display:flex;align-items:center;background:var(--aqua);color:#06110e;box-shadow:0 8px 24px rgba(0,0,0,.45);transition:transform .25s}
.vh-play-i svg{width:14px;height:14px}
.vh-play:hover .vh-play-i,.vh-play:hover .vh-play-t{filter:brightness(1.06)}
.vh-play-t{height:28px;display:flex;align-items:center;padding:0 11px 0 6px;border-radius:0 999px 999px 0;background:var(--aqua);color:#06110e;font:700 11.5px/1 var(--sans);box-shadow:0 8px 24px rgba(0,0,0,.45)}
.vh-play:not(.is-muted):before{content:"";position:absolute;inset:0;background:linear-gradient(200deg,rgba(7,8,10,.35),transparent 30%);pointer-events:none}
.vh-mute-i{display:none}
.vh-play.is-muted{background:none}
.vh-play.is-muted .vh-play-i{display:none}
.vh-play.is-muted .vh-mute-i{display:flex;align-items:center;gap:6px}
.vh-play.is-muted .vh-mute-i svg{width:16px;height:16px}

.vh-play.is-muted .vh-mute-i{height:28px;padding:0 0 0 9px;border-radius:999px 0 0 999px;background:var(--aqua);color:#06110e;box-shadow:0 8px 24px rgba(0,0,0,.45)}

.vh-play[hidden]{display:none}
.vh-play-big{display:none;position:absolute;left:50%;top:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;align-items:center;justify-content:center;background:var(--aqua);color:#06110e;box-shadow:0 0 0 10px rgba(165,234,219,.16),0 16px 40px rgba(0,0,0,.5)}
.vh-play-big svg{width:28px;height:28px;margin-left:3px}
.vh-play.is-blocked .vh-play-big{display:flex}
.vh-end{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:20px;background:rgba(7,8,10,.78);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.vh-end[hidden]{display:none}
.vh-end p{margin:0 0 4px;font-size:18px;font-weight:700;line-height:1.25;text-wrap:balance}
.vh-end{padding:14px}
.vh-end .vcta{gap:8px;min-height:50px;padding:0 14px;font-size:15px;white-space:normal;text-align:center;line-height:1.15}
.vh-again{min-height:44px;padding:0 18px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.05);color:var(--ink);font:600 14px var(--sans);cursor:pointer}
.vh-cap{margin:9px 4px 2px;color:#b9bdc4;font:400 11.5px/1.45 var(--sans);text-align:center;text-wrap:balance}

/* botones: aqua = la acción; fantasma de cristal = la alternativa. Al tocar se hunden (respuesta táctil) */
.vh-act{display:grid;gap:10px;margin-top:16px;width:min(100%,420px)}
.vcta{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:56px;padding:0 22px;border-radius:999px;background:linear-gradient(180deg,#bdf3e7,var(--aqua));color:#06110e;font-size:17px;font-weight:800;letter-spacing:-.01em;text-decoration:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 10px 30px rgba(165,234,219,.22),0 2px 6px rgba(0,0,0,.3);transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s}
.vghost{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 20px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.045);color:var(--ink);font-size:15px;font-weight:700;text-decoration:none;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:inset 0 1px 0 rgba(255,255,255,.07);transition:transform .25s cubic-bezier(.22,1,.36,1),background .2s,border-color .2s}
.vcta:active,.vghost:active,.vnav-cta:active,.vbar-ms:active,.lead-submit:active{transform:scale(.97)}
@media(hover:hover){.vcta:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 16px 44px rgba(165,234,219,.32),0 2px 6px rgba(0,0,0,.3)}.vghost:hover{background:rgba(255,255,255,.08);border-color:rgba(165,234,219,.4)}}
.vh-act .vghost{min-height:48px;font-size:14.5px}
.vh-act-note{margin:2px 0 0;color:#c9ccd1;font-size:13px;line-height:1.5}
.vh-proof{justify-self:center;display:inline-flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:2px 6px;min-height:44px;padding:2px 6px;color:#dfe1e4;font-size:13px;text-decoration:none}
.vh-proof b{color:#f5c451;font-size:12px;letter-spacing:1px}
.vh-proof q{color:var(--ink);font-weight:700;font-style:italic}
.vh-proof span{color:#aeb3ba}

/* la oferta, debajo de la acción: si quieres que lo arreglemos */
.vh-offer{margin-top:18px;width:min(100%,440px);padding:16px 18px 16px;border-radius:24px}
.vh-offer-k{margin:0;font:500 10px/1.2 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:#d6d8dc}
.vh-offer-p{display:flex;align-items:baseline;justify-content:center;flex-wrap:wrap;gap:4px 8px;margin:8px 0 0;font-size:30px;font-weight:800;letter-spacing:-.03em;line-height:1.1}
.vh-offer-p small{font-size:14px;font-weight:600;letter-spacing:0;color:#dfe1e4}
.vh-offer-sep{width:1px;height:22px;margin:0 6px;align-self:center;background:linear-gradient(180deg,transparent,rgba(255,255,255,.3),transparent)}
.vh-terms{text-wrap:balance;display:grid;gap:6px;margin:12px 0 0;padding:12px 0 0;border-top:1px solid rgba(255,255,255,.09);list-style:none;font:600 13.5px/1.4 var(--sans);color:#e6e8ea;text-align:left}
.vh-terms li{display:flex;align-items:flex-start;gap:10px;text-wrap:pretty}
.vh-terms li:before{content:"";flex:none;margin-top:.5em;width:6px;height:6px;border-radius:50%;background:var(--aqua);box-shadow:0 0 10px var(--aqua)}

/* secciones; cada una trae su propia luz detrás para que el cristal tenga algo que desenfocar */
.vsec{position:relative;z-index:2;max-width:1180px;margin:auto;padding:48px 16px;isolation:isolate}
.vsec:before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(closest-side at 90% 22%,rgba(165,234,219,.24),transparent),radial-gradient(closest-side at 10% 84%,rgba(215,179,119,.22),transparent)}
#como:before{background:radial-gradient(44% 28% at 46% 40%,rgba(38,126,114,.40),transparent),radial-gradient(40% 22% at 54% 82%,rgba(165,234,219,.14),transparent)}
#incluye:before{background:radial-gradient(42% 26% at 50% 34%,rgba(165,234,219,.26),transparent),radial-gradient(44% 22% at 50% 76%,rgba(215,179,119,.30),transparent)}
@media(min-width:1000px){#incluye:before{background:radial-gradient(30% 42% at 32% 56%,rgba(165,234,219,.24),transparent),radial-gradient(26% 40% at 78% 50%,rgba(215,179,119,.30),transparent)}}
#faq:before{background:radial-gradient(46% 30% at 50% 34%,rgba(38,126,114,.38),transparent),radial-gradient(40% 24% at 50% 80%,rgba(165,234,219,.14),transparent)}
#escribenos:before{background:radial-gradient(closest-side at 50% 40%,rgba(165,234,219,.24),transparent),radial-gradient(closest-side at 14% 84%,rgba(38,126,114,.30),transparent)}
.vhead{max-width:760px;margin:0 0 24px}
.vhead h2,.vbook h2{margin:12px 0 0;font-size:clamp(1.75rem,6.4vw,3rem);font-weight:500;line-height:1.06;letter-spacing:-.035em;text-wrap:balance}
.vhead em,.vbook h2 em{font-style:normal;color:var(--aqua)}
.vcases{display:grid;gap:14px}
.vcase{border-radius:26px;overflow:hidden}
.vcase img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.vcase-media{position:relative;margin:0}
.vcase picture img{aspect-ratio:3/2;object-fit:contain;padding:10px 6px 0}
@media(max-width:699px){.vcase picture img{aspect-ratio:4/5}}
.vcase-media figcaption{padding:12px 20px 0;color:#d6d8dc;font:600 13px/1.4 var(--sans)}
.vcase-body{padding:20px 20px 24px}
.vtag{display:inline-block;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.05);color:#e6e8ea;font:500 10px/1.2 var(--mono);letter-spacing:.12em}
.vtag.real{border-color:rgba(165,234,219,.6);background:rgba(165,234,219,.06);color:var(--aqua)}
.vcase h3{margin:12px 0 0;font-size:21px;font-weight:700;letter-spacing:-.015em}
.vcase p{margin:8px 0 0;color:var(--muted);font-size:15px;line-height:1.6}
.vcase blockquote{margin:14px 0 0;padding-left:14px;border-left:2px solid var(--aqua);color:var(--ink);font-size:16px;font-weight:600;font-style:italic;line-height:1.5}
.vcase blockquote small{font-size:12px;font-style:normal;font-weight:500;color:#bfc3c9}
.vcase blockquote span{display:block;margin-top:8px;color:#bfc3c9;font-size:13px;font-weight:400}
.vcase-body p b{color:var(--ink);font-weight:600}
.vflow{display:grid;gap:14px}
.vsteps{margin:0;padding:6px 20px;border-radius:28px;list-style:none}
.vsteps li{position:relative;padding:20px 0 20px 58px}
.vsteps li+li{border-top:1px solid rgba(255,255,255,.08)}
.vsteps li:not(:last-child):after{content:"";position:absolute;left:18px;top:60px;bottom:-22px;width:1px;background:linear-gradient(rgba(165,234,219,.55),rgba(165,234,219,.08));z-index:1}
.vsteps b{position:absolute;left:0;top:20px;width:38px;height:38px;border-radius:50%;border:1px solid rgba(165,234,219,.55);background:rgba(7,8,10,.6);color:var(--aqua);display:flex;align-items:center;justify-content:center;font:500 13px var(--mono);box-shadow:0 0 18px rgba(165,234,219,.14);z-index:2}
.vsteps h3{margin:6px 0 0;font-size:19px;font-weight:700;letter-spacing:-.01em;line-height:1.25}
.vsteps p{margin:6px 0 0;color:var(--muted);font-size:15px;line-height:1.55}
.vdiag{margin:0;justify-self:center;width:min(100%,420px)}
.vdiag img{display:block;width:100%;height:auto;filter:drop-shadow(0 30px 50px rgba(0,0,0,.45))}
.vdiag figcaption{margin-top:8px;text-align:center;font:500 10.5px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#cfd2d6}
.vdiag figcaption span{color:#e6e8ea}
.vplan{display:grid;gap:14px}
.vgrid{display:grid;gap:14px;align-content:start}
.vcard{padding:22px 22px;border-radius:24px}
.vcard small{font:500 11px var(--mono);letter-spacing:.14em;color:var(--aqua)}
.vcard ul,.vprice ul{margin:12px 0 0;padding:0;list-style:none}
.vcard li{position:relative;padding:10px 0 10px 34px;border-top:1px solid rgba(255,255,255,.08);font-size:16px;font-weight:600;line-height:1.4}
.vcard li:first-child{border-top:0}
.vcard li:before{content:"✓";position:absolute;left:0;top:10px;width:22px;height:22px;border-radius:50%;background:var(--aqua);color:#06110e;font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center}
.vprice{padding:24px 22px;border-radius:26px;--edge:linear-gradient(155deg,rgba(215,179,119,.6),rgba(255,255,255,.08) 40%,rgba(215,179,119,.14) 75%,rgba(255,255,255,.22))}
.vprice h3{margin:0;font:500 11px var(--mono);letter-spacing:.14em;color:var(--gold);text-transform:uppercase}
.vprice-n{margin:10px 0 0;font-size:52px;font-weight:800;letter-spacing:-.045em;line-height:1}
.vprice-n small{font-size:16px;font-weight:600;letter-spacing:0;color:#dfe1e4}
.vprice li{padding:11px 0;border-top:1px solid rgba(255,255,255,.08);color:#d9dbde;font-size:15px;line-height:1.55}
.vprice li:first-child{margin-top:8px}
.vprice b{color:var(--ink)}
.vsl .faq-list{padding:4px 18px;border-radius:26px;border-top:0}
.vsl .faq-list details:last-child{border-bottom:0}
.vsl .faq-list summary{font-size:clamp(1.02rem,2.6vw,1.3rem);line-height:1.3;grid-template-columns:44px 1fr;min-height:76px;padding:12px 0}
.vsl .faq-list details p{margin:-4px 0 22px 49px}
.vsl .faq-list summary span{font-size:12px;color:#c4c6cb}
.vnext{display:flex;justify-content:center;margin-top:18px}
.vnext .vcta{width:auto;min-width:min(100%,340px)}
.vbook{display:grid;gap:22px;padding:28px 20px;border-radius:30px;--edge:linear-gradient(155deg,rgba(165,234,219,.55),rgba(255,255,255,.08) 40%,rgba(215,179,119,.22) 80%,rgba(255,255,255,.2))}
.vbook-copy p{margin:12px 0 0;color:#dfe1e4;font-size:16px;line-height:1.6}
.vbook-copy .vbook-who{margin-top:10px;color:#c9ccd1;font-size:14px}
.vsl .lead-form>label{font-size:12px;letter-spacing:.1em}
.vsl .lead-consent{font:400 12px/1.55 var(--sans)}
.vbook-actions{display:grid;gap:10px;margin-top:20px}
.vform-wrap{border-top:1px solid var(--line);padding-top:4px}
.vform-wrap summary{display:flex;flex-wrap:wrap;align-items:center;gap:2px 8px;min-height:48px;padding-right:30px;position:relative;cursor:pointer;list-style:none;font-size:15px;font-weight:700}
.vform-wrap summary::-webkit-details-marker{display:none}
.vform-wrap summary span{color:var(--muted);font-weight:500}
.vform-wrap summary:after{content:"+";position:absolute;right:4px;top:50%;transform:translateY(-50%);font:300 24px var(--mono);color:var(--aqua)}
.vform-wrap[open] summary:after{content:"−"}
.vform{padding-top:10px}
.vform .lead-submit{min-height:52px;border-radius:999px;background:transparent;color:var(--ink);border:1px solid rgba(165,234,219,.55)}
.vform .lead-submit:hover{box-shadow:none;background:rgba(165,234,219,.08)}
.vfoot{grid-template-columns:1fr;max-width:1180px;min-height:0;padding:44px 16px 120px;border-color:transparent}
.vfoot>p{justify-self:start;text-align:left;font-size:20px}
.vfoot>div{display:flex;flex-wrap:wrap;gap:4px 18px;font-size:13px}
.vfoot>div a{color:#d4d5d8;text-decoration:none;min-height:44px;font:500 13.5px var(--sans)}
.vfoot>small{margin-top:28px;font:400 12px/1.6 var(--sans)}
.vsl .lead-status:empty{min-height:0}

/* barra fija del celular: píldora de cristal; aparece cuando el botón del hero no se ve */
.vbar{position:fixed;z-index:110;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));display:flex;gap:8px;padding:7px;border-radius:999px;--glass:rgba(10,11,14,.66);transform:translateY(140%);opacity:0;transition:transform .4s cubic-bezier(.22,1,.36,1),opacity .35s}
.vbar.is-on{transform:none;opacity:1}
.vbar .vcta{min-height:50px;font-size:16px}
.vbar-ms{flex:none;width:50px;height:50px;border-radius:50%;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.05);display:flex;align-items:center;justify-content:center;color:var(--ink);transition:transform .25s}
.vbar-ms svg{width:22px;height:22px}

@media(min-width:700px){
  .vh{padding:112px 28px 56px}
  .vh-video{width:min(100%,360px)}
  .vh-act{grid-template-columns:1.4fr 1fr;grid-template-areas:"cta ms" "proof proof" "note note"}
  .vh-act>.vcta{grid-area:cta}.vh-act>.vghost{grid-area:ms}.vh-act>.vh-proof{grid-area:proof}.vh-act-note{grid-area:note}
  .vsec{padding:84px 28px}
  .vcases{grid-template-columns:repeat(2,1fr)}
  .vgrid{grid-template-columns:repeat(2,1fr)}
  .vgrid .vcard:last-child{grid-column:1/-1}
  .vbook{padding:40px}
  .vbook-actions{grid-template-columns:1.4fr 1fr}
  .vfoot{grid-template-columns:1fr 1fr;padding:56px 28px 40px}
  .vfoot>p{justify-self:end;text-align:right}
}
@media(min-width:1000px){
  .vh{min-height:100svh;align-content:center;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);grid-template-areas:"kicker video" "title video" "sub video" "act video" "offer video";column-gap:72px;justify-items:start;text-align:left;padding:120px 36px 64px}
  .vh-kicker{grid-area:kicker;justify-content:flex-start;align-self:end}
  .vh-title{grid-area:title;font-size:clamp(3rem,4.7vw,4.3rem);letter-spacing:-.045em}
  .vh-proof{justify-self:start;flex-wrap:nowrap}
  .vh-play-t{font-size:13px;height:32px}.vh-play-i,.vh-play.is-muted .vh-mute-i{height:32px}
  .vh-sub{grid-area:sub;font-size:1.3rem;max-width:32ch}
  .vh-video{grid-area:video;justify-self:center;align-self:center;width:min(100%,420px);margin:0}
  .vh-act{grid-area:act;width:min(100%,500px);margin-top:26px}
  .vh-offer{grid-area:offer;width:min(100%,500px);align-self:start}
  .vh-offer-p{justify-content:flex-start}
  .vplan{grid-template-columns:1.25fr .95fr;align-items:start}
  .vflow{grid-template-columns:1.25fr .9fr;align-items:center;gap:40px}
  .vsteps{padding:10px 30px}
  .vbook{max-width:860px;margin:auto;padding:48px 56px}
  .vbar{display:none}
}
@media(min-width:1000px) and (hover:hover) and (prefers-reduced-motion:no-preference){
  .aura-a{animation:drift-a 38s ease-in-out infinite alternate}
  .aura-b{animation:drift-b 46s ease-in-out infinite alternate}
  .vh-video{animation:float 9s ease-in-out infinite}
}
@keyframes drift-a{to{transform:translate3d(-9vmax,7vmax,0) scale(1.08)}}
@keyframes drift-b{to{transform:translate3d(8vmax,-6vmax,0) scale(1.1)}}
@keyframes float{50%{transform:translateY(-8px)}}
@media(max-width:699px){.vsl{--glass:rgba(16,18,22,.18)}.gl{backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%)}}
/* pantallas bajas (navegador de Instagram/Facebook): hero compacto para que video + botón quepan */
@media(max-width:699px) and (max-height:760px){.vh{padding-top:84px}.vh-kicker{display:none}.vh-title{font-size:clamp(1.6rem,6.8vw,2.1rem)}.vh-sub{margin-top:8px;font-size:1rem}.vh-video{margin-top:12px;width:max(200px,min(72vw,calc((100svh - 384px) * .8)))}.vh-cap{margin-top:6px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.vbar{transition:none}.vh-play-i,.vcta,.vghost{transition:none}.vcta:active,.vghost:active{transform:none}}