/* Página de venta (pública): la estética del brandbook. Oscuro y cálido, oro para lo que importa. */
@font-face{font-family:"EB Garamond";src:url(/fuentes/garamond.woff2) format("woff2");font-weight:400 800;font-style:normal;font-display:swap}
@font-face{font-family:"EB Garamond";src:url(/fuentes/garamond-italica.woff2) format("woff2");font-weight:400 800;font-style:italic;font-display:swap}
@font-face{font-family:Outfit;src:url(/fuentes/outfit.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:Lato;src:url(/fuentes/lato-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Lato;src:url(/fuentes/lato-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:Inter;src:url(/fuentes/inter.woff2) format("woff2");font-weight:100 900;font-display:swap}

:root{
  --fondo:#0A0908; --sup:#161412; --sup2:#1E1B18; --linea:#26231F; --linea2:#332E28;
  --oro:#C79D55; --oro2:#E5BC74; --champagne:#D8C29B; --crema:#FFF4E2; --texto:#F4F0E8; --suave:#A39D93; --tenue:#8A857D;
  --pos:#6FA173; --neg:#C2665F; --glow:#C79D5533;
  --serif:"EB Garamond",Georgia,serif; --titulo:Outfit,Inter,system-ui,sans-serif;
  --letra:Lato,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; --ui:Inter,system-ui,sans-serif;
  color-scheme:dark;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:80px}
html,body{margin:0}
body{background:var(--fondo);color:var(--texto);font:16px/1.6 var(--letra);-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit}
h1,h2,h3,p{margin:0}
button,input,select{font:inherit;color:inherit}
img{max-width:100%;display:block}
:focus-visible{outline:2px solid var(--oro);outline-offset:3px}
.oculto{display:none!important}
.ancho{width:100%;max-width:1160px;margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
.angosto{max-width:820px}
em{font-style:normal}

/* tipografía */
.eyebrow{font:700 11px var(--ui);letter-spacing:.18em;text-transform:uppercase;color:var(--oro);margin:0 0 16px}
h1{font:500 italic clamp(42px,5.2vw,70px)/1.04 var(--serif);color:var(--crema);letter-spacing:-.015em;text-wrap:balance}
h1 em,h2 em{color:var(--oro2)}
h2{font:500 italic clamp(34px,4.4vw,56px)/1.08 var(--serif);color:var(--crema);letter-spacing:-.01em;text-wrap:balance;margin:0 0 40px}
h3{font:600 24px/1.2 var(--titulo);color:var(--crema);letter-spacing:-.015em}
.bajada{font-size:19px;color:var(--champagne);max-width:52ch}

/* marca y botones */
.marca{display:inline-flex;align-items:center;gap:11px;font:500 19px var(--serif);letter-spacing:.14em;text-transform:uppercase;color:#F7F3EB;text-decoration:none}
.rombo{width:9px;height:9px;background:var(--oro);transform:rotate(45deg);box-shadow:0 0 14px var(--glow);flex:none}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:52px;padding:0 26px;border-radius:12px;font:700 15px var(--ui);letter-spacing:.01em;text-decoration:none;cursor:pointer;border:0;transition:transform .18s,filter .18s,border-color .18s,background .18s;white-space:nowrap}
.btn:hover{transform:translateY(-1px)}
.btn:active{transform:scale(.98)}
.btn.oro{background:linear-gradient(180deg,#D9B46E,var(--oro));color:#151210;box-shadow:0 10px 30px #C79D552E,inset 0 1px 0 #ffffff45}
.btn.oro:hover{filter:brightness(1.07)}
.btn.borde{background:#ffffff06;border:1px solid var(--linea2);color:var(--texto)}
.btn.borde:hover{border-color:var(--oro);color:#fff}
.btn.chico{height:40px;padding:0 18px;font-size:13.5px;border-radius:10px}
.ancho-total{width:100%}

/* barra de arriba */
.nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:#0A0908D9;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid #ffffff0d}
.nav-in{display:flex;align-items:center;gap:28px;height:68px}
.nav-links{display:flex;gap:26px;margin-left:auto}
.nav-links{align-items:center}
.nav-links a,.link-entrar{font:600 14.5px var(--ui);color:var(--champagne);text-decoration:none;padding:8px 2px;border-bottom:2px solid transparent;transition:color .15s,border-color .15s}
.nav-links a:hover,.link-entrar:hover{border-bottom-color:var(--oro)}
.nav-links a.nav-planes{border:1px solid var(--oro);border-radius:10px;padding:8px 16px;color:var(--oro2)}
.nav-links a.nav-planes:hover{background:#C79D551A;border-bottom-color:var(--oro)}
.nav-links a:hover,.link-entrar:hover{color:var(--oro2)}
.nav-acc{display:flex;align-items:center;gap:18px}

/* héroe */
.heroe{position:relative;overflow:hidden;padding:72px 0 88px;background:radial-gradient(70% 80% at 18% 10%,#2A1D10 0%,transparent 60%),radial-gradient(60% 60% at 90% 30%,#1D150C 0%,transparent 70%)}
.anillos{position:absolute;right:-180px;top:-200px;width:620px;height:620px;border-radius:50%;border:1px solid #C79D551C;box-shadow:0 0 0 70px #C79D5505,0 0 0 71px #C79D5514;pointer-events:none}
.heroe-in{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:52px;align-items:center}
.heroe-tx .bajada{margin:26px 0 34px}
.heroe-acc{display:flex;gap:12px;flex-wrap:wrap}
.garantias{list-style:none;padding:0;margin:26px 0 0;display:flex;gap:20px;flex-wrap:wrap;font:600 13px var(--ui);color:var(--suave)}
.garantias li::before{content:"✓";color:var(--oro);margin-right:7px}
.heroe-video{margin:0}
.marco{position:relative;border-radius:16px;overflow:hidden;border:1px solid #3A342B;box-shadow:0 40px 90px #000c,0 0 0 8px #C79D550c;background:#100C08}
.marco video{display:block;width:100%;height:auto;aspect-ratio:16/10;cursor:pointer}
.heroe-video figcaption{margin-top:14px;font:600 11px var(--ui);letter-spacing:.14em;text-transform:uppercase;color:var(--tenue)}
.v-ctrl{position:absolute;right:14px;top:14px;display:flex;gap:8px}
.v-btn{display:inline-flex;align-items:center;gap:9px;height:40px;min-width:40px;padding:0 16px 0 12px;border-radius:999px;border:1px solid #C79D5566;background:#0E0C0AE6;color:#F4F0E8;font:700 13px var(--ui);cursor:pointer;box-shadow:0 10px 30px #0008}
.v-btn:hover{border-color:var(--oro)}
.v-pausa{padding:0;width:40px;justify-content:center}
.v-pausa .ic{width:12px;height:14px;border-left:4px solid var(--oro);border-right:4px solid var(--oro)}
.v-pausa.parado .ic{width:0;height:0;border-left:13px solid var(--oro);border-right:0;border-top:8px solid transparent;border-bottom:8px solid transparent;margin-left:3px}
.ic-son{width:18px;height:18px;background:var(--oro);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 5L6 9H2v6h4l5 4V5z'/%3E%3Cpath d='M15.5 8.5a5 5 0 0 1 0 7M19 5a10 10 0 0 1 0 14'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 5L6 9H2v6h4l5 4V5z'/%3E%3Cpath d='M15.5 8.5a5 5 0 0 1 0 7M19 5a10 10 0 0 1 0 14'/%3E%3C/svg%3E") center/contain no-repeat}
.play-cel{display:none}

/* índice de secciones */
.indice{background:#0D0B09;border-top:1px solid var(--linea)}
.indice-in{display:flex;gap:10px;flex-wrap:wrap;padding-top:18px;padding-bottom:18px}
.indice a{flex:1;min-width:150px;display:flex;align-items:center;gap:10px;padding:14px 16px;border-radius:12px;background:var(--sup);border:1px solid var(--linea2);font:700 14.5px var(--ui);color:var(--texto);text-decoration:none;transition:border-color .15s,transform .15s}
.indice a span{font:500 italic 22px/1 var(--serif);color:var(--oro)}
.indice a:hover{border-color:var(--oro);transform:translateY(-1px)}
.indice a.si{background:linear-gradient(90deg,#3D3120,#241C12);border-color:var(--oro);color:var(--oro2)}
/* botón flotante */
.flota{position:fixed;right:max(22px,env(safe-area-inset-right,0px));bottom:calc(22px + env(safe-area-inset-bottom,0px));z-index:30;display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 20px;border-radius:999px;background:linear-gradient(180deg,#D9B46E,var(--oro));color:#151210;font:800 14px var(--ui);text-decoration:none;box-shadow:0 14px 34px #000b,0 0 0 1px #ffffff30 inset}
.flota[hidden]{display:none}

/* franja de conexiones */
.franja{border-top:1px solid var(--linea);border-bottom:1px solid var(--linea);background:#0D0B09}
.franja-in{display:flex;align-items:center;gap:28px;padding-top:22px;padding-bottom:22px}
.franja-tit{font:700 11px var(--ui);letter-spacing:.16em;text-transform:uppercase;color:var(--tenue);white-space:nowrap}
.plats{list-style:none;padding:0;margin:0;display:flex;gap:8px;flex-wrap:wrap}
.plats li{display:inline-flex;align-items:center;gap:7px;padding:6px 11px;border-radius:10px;font:600 13.5px var(--letra);color:#E6DCCB;background:color-mix(in srgb,var(--c) 8%,#1A1714);border:1px solid color-mix(in srgb,var(--c) 28%,#26231F)}
.plats li::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--c)}

/* secciones */
.sec{padding:110px 0}

.lema{font:500 italic 26px var(--serif);color:var(--oro2);margin:4px 0 16px}
.tildes{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:10px}
.tildes li{position:relative;padding-left:28px;color:var(--texto);font-size:15.5px}
.tildes li::before{content:"✓";position:absolute;left:0;top:1px;width:19px;height:19px;border-radius:50%;background:#2A2116;color:var(--oro2);font:800 11px/19px var(--ui);text-align:center}

.pasos-sec{background:#0D0B09;border-top:1px solid var(--linea);border-bottom:1px solid var(--linea)}
.pasos b{display:block;font:600 20px var(--titulo);color:var(--crema);margin-bottom:6px}
.pasos span{color:var(--suave)}

.ahorro-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:56px;align-items:center}
.ahorro h2{margin-bottom:22px}
.aclara{margin-top:16px;font-size:12.5px;color:var(--tenue)}

/* planes */
.periodo{display:inline-flex;gap:4px;padding:4px;border-radius:12px;background:var(--sup);border:1px solid var(--linea);margin:-12px 0 34px}
.periodo button{border:0;background:transparent;padding:10px 18px;border-radius:9px;font:600 14px var(--ui);color:var(--suave);cursor:pointer;display:inline-flex;gap:8px;align-items:center}
.periodo button.si{background:linear-gradient(90deg,#3D3120,#2B2620);color:var(--oro2);box-shadow:inset 0 0 0 1px #C79D5540}
.regalo{font:700 10px var(--ui);letter-spacing:.06em;text-transform:uppercase;background:#2A3A2C;color:#9FD3A4;padding:3px 7px;border-radius:6px}
.planes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.plan{position:relative;display:flex;flex-direction:column;background:var(--sup);border:1px solid var(--linea2);border-radius:18px;padding:30px 28px}
.plan h3{font-size:24px}
.para{color:var(--tenue);font-size:14.5px;margin-top:4px}
.precio{margin:22px 0 4px;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.precio b{font:800 46px/1 var(--letra);letter-spacing:-.04em;color:var(--texto);font-variant-numeric:tabular-nums}
.precio span{color:var(--suave);font-size:14px}
.anual-nota{min-height:22px;color:#9FD3A4;font-size:13.5px}
.plan .tildes{margin:18px 0 26px;flex:1}
.plan .btn{width:100%}
.plan.destacado{background:linear-gradient(170deg,#241C12 0%,#171411 55%);border-color:var(--oro);box-shadow:0 30px 70px #0009,0 0 0 1px #C79D5544}
.plan.destacado .precio b{background:linear-gradient(94deg,#F4F0E8,#D8C29B 58%,#C79D55);-webkit-background-clip:text;background-clip:text;color:transparent}
.cinta{position:absolute;top:-13px;left:28px;background:var(--oro);color:#151210;font:800 10.5px var(--ui);letter-spacing:.12em;text-transform:uppercase;padding:6px 12px;border-radius:8px}
.pronto{font:700 10px var(--ui);letter-spacing:.06em;text-transform:uppercase;color:var(--tenue);border:1px solid var(--linea2);padding:2px 6px;border-radius:6px;margin-left:4px;white-space:nowrap}
.planes-nota{margin-top:22px;color:var(--tenue);font-size:13.5px;text-align:center}

/* seguridad */
.seguridad{background:#0D0B09;border-top:1px solid var(--linea);border-bottom:1px solid var(--linea)}
.seg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.seg div{background:var(--sup);border:1px solid var(--linea);border-radius:14px;padding:24px 22px}
.seg b{display:block;font:600 18px var(--titulo);color:var(--crema);margin-bottom:6px}
.seg b::before{content:"";display:block;width:10px;height:10px;background:var(--oro);transform:rotate(45deg);margin-bottom:16px;box-shadow:0 0 12px var(--glow)}
.seg span{color:var(--suave);font-size:15px}

/* preguntas */
.faq{display:grid;gap:10px}
.faq details{background:var(--sup);border:1px solid var(--linea);border-radius:14px;padding:0 22px}
.faq details[open]{border-color:#C79D5555}
.faq summary{list-style:none;cursor:pointer;padding:20px 0;font:600 18px var(--titulo);color:var(--crema);display:flex;justify-content:space-between;gap:16px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font:400 26px/1 var(--ui);color:var(--oro);transition:transform .2s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{padding:0 0 20px;color:var(--champagne);max-width:64ch}

/* cierre y formulario */
.cierre{position:relative;overflow:hidden;background:radial-gradient(70% 90% at 20% 20%,#2A1D10 0%,transparent 60%),#0A0908;border-top:1px solid var(--linea)}
.cierre .anillos{left:-260px;right:auto;top:auto;bottom:-330px;opacity:.5}
.cierre-in{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:56px;align-items:center}
.cierre h2{margin-bottom:20px}
.cierre .tildes{margin-top:26px}
.tarjeta-form{background:var(--sup);border:1px solid var(--linea2);border-radius:18px;padding:30px;box-shadow:0 30px 70px #000a}
.campo{display:block;margin:0 0 16px}
.campo>span{display:block;font:700 10.5px var(--ui);letter-spacing:.15em;text-transform:uppercase;color:var(--tenue);margin:0 0 8px}
.campo input,.campo select{width:100%;height:50px;padding:0 14px;border-radius:10px;border:1px solid var(--linea2);background:var(--sup2);font-size:16px;color:var(--texto);outline:none;transition:border-color .18s,box-shadow .18s}
.campo select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--oro) 50%),linear-gradient(135deg,var(--oro) 50%,transparent 50%);background-position:calc(100% - 20px) 22px,calc(100% - 15px) 22px;background-size:5px 5px;background-repeat:no-repeat;padding-right:38px}
.campo input:focus,.campo select:focus{border-color:var(--oro);box-shadow:0 0 0 3px var(--glow)}
.dos{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.nota-f{margin-top:14px;text-align:center;font-size:12.5px;color:var(--tenue)}
.nota-f a{color:var(--champagne)}
.error{background:#2E1A17;border:1px solid #C2665F55;color:#E8A49D;border-radius:10px;padding:11px 14px;font-size:14px;margin:0 0 16px}
.listo{display:grid;gap:4px;text-align:center;padding:30px 10px}
.listo b{font:500 italic 40px var(--serif);color:var(--oro2)}
.listo span{color:var(--champagne)}

/* pie */
.pie{border-top:1px solid var(--linea);padding:36px 0 30px;background:#080706}
.pie-in{display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.pie nav{display:flex;gap:22px;flex-wrap:wrap;margin-left:auto}
.pie nav a{color:var(--tenue);text-decoration:none;font-size:14px}
.pie nav a:hover{color:var(--champagne)}
.hecho{font:700 10px var(--ui);letter-spacing:.16em;text-transform:uppercase;color:#6F685E}
.credito{margin-top:18px;font-size:11.5px;color:#5F5A52}

/* celular */
/* menú del celular */
.hamb{display:none;width:44px;height:44px;border-radius:10px;border:1px solid var(--linea2);background:#ffffff06;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:0}
.hamb span{display:block;width:18px;height:2px;border-radius:2px;background:var(--champagne);transition:transform .2s,opacity .2s}
.hamb[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.hamb[aria-expanded="true"] span:nth-child(2){opacity:0}
.hamb[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.menu-cel{display:grid;gap:4px;padding:10px max(20px,env(safe-area-inset-right,0px)) 22px max(20px,env(safe-area-inset-left,0px));border-top:1px solid #ffffff0d;background:#0A0908F2}
.menu-cel[hidden]{display:none}
.menu-cel a:not(.btn){display:block;padding:14px 4px;border-bottom:1px solid var(--linea);font:600 17px var(--titulo);color:var(--crema);text-decoration:none}
.menu-cel .btn{margin-top:14px;width:100%}
@media (max-width:960px){
  .nav-links{display:none}
  .hamb{display:flex}
  .nav-acc{margin-left:auto}
  .heroe{padding:44px 0 64px}
  .heroe-in,.ahorro-in,.cierre-in{grid-template-columns:minmax(0,1fr);gap:40px}
  .planes{grid-template-columns:minmax(0,1fr)}
  .plan.destacado{order:-1}
  .sec{padding:76px 0}
  .franja-in{flex-direction:column;align-items:flex-start;gap:14px}
}
@media (max-width:560px){
  .link-entrar{display:none}
  .indice a{min-width:calc(50% - 5px);padding:12px}
  .indice a:last-child{min-width:100%}
  .bajada{font-size:17px}
  .heroe-acc .btn{width:100%}
  .v-ctrl{display:none}
  .play-cel{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border:0;background:linear-gradient(transparent 40%,#0A0908cc);color:#F4F0E8;font:700 12px var(--ui);letter-spacing:.12em;text-transform:uppercase;cursor:pointer}
  .play-cel span{width:62px;height:62px;border-radius:50%;background:linear-gradient(180deg,#D9B46E,var(--oro));box-shadow:0 10px 30px #0009;position:relative}
  .play-cel span::after{content:"";position:absolute;left:25px;top:19px;border-left:17px solid #151210;border-top:12px solid transparent;border-bottom:12px solid transparent}
  .pie nav{margin-left:0}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* ======================================================================
   Debajo del video: animaciones y efectos (28-oct)
   Todo lo que se anima arranca visible si no hay JS (la clase .js la pone inicio.js).
   ====================================================================== */
@property --giro{syntax:"<angle>";inherits:false;initial-value:0deg}

/* barra de avance de la lectura */
.progreso{position:fixed;top:0;left:0;right:0;height:3px;z-index:40;pointer-events:none}
.progreso i{display:block;height:100%;width:100%;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,#7A5B2C,var(--oro),var(--oro2));box-shadow:0 0 12px var(--oro)}

/* aparición al bajar */
.js .ap{opacity:0;transform:translateY(34px);filter:blur(6px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1),filter .8s}
.js .ap.visto{opacity:1;transform:none;filter:none}

/* índice */
.indice a{position:relative;overflow:hidden}
.indice a::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,#ffffff1c 50%,transparent 70%);transform:translateX(-120%);transition:transform .7s}
.indice a:hover::after{transform:translateX(120%)}

/* marquesina */
.marquesina{padding:46px 0 40px;border-bottom:1px solid var(--linea);overflow:hidden;background:#0B0A08}
.marq-tit{text-align:center;font:700 11px var(--ui);letter-spacing:.18em;text-transform:uppercase;color:var(--tenue);margin-bottom:22px}
.marq{-webkit-mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.marq-pista{display:flex;width:max-content;animation:marq 38s linear infinite}
.marq:hover .marq-pista{animation-play-state:paused}
.marq .plats{flex-wrap:nowrap;padding-right:12px;gap:12px}
.marq .plats li{padding:12px 20px;font-size:16px;border-radius:14px}
.marq .plats li::before{width:9px;height:9px;box-shadow:0 0 12px var(--c)}
@keyframes marq{to{transform:translateX(-50%)}}

/* el caos */
.caos{background:radial-gradient(60% 50% at 50% 30%,#1A0F0D 0%,transparent 70%),var(--fondo);padding-bottom:90px}
.caos-mesa{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;perspective:1200px}
.caos .dol{position:relative;background:var(--sup);border:1px solid #3A2522;border-radius:16px;padding:26px 22px;transition:transform 1s cubic-bezier(.2,.8,.2,1),border-color .8s,box-shadow .8s,background .8s}
.js .caos .dol{transform:translate(var(--x),var(--y)) rotate(var(--r));box-shadow:0 20px 40px #0008,0 0 0 1px #C2665F22;animation:temblor 3.2s ease-in-out infinite}
.js .caos .dol:nth-child(2){animation-delay:-.8s}.js .caos .dol:nth-child(3){animation-delay:-1.6s}.js .caos .dol:nth-child(4){animation-delay:-2.4s}
@keyframes temblor{50%{translate:0 -6px}}
.js .caos.orden .dol{transform:none;animation:none;border-color:#C79D5555;box-shadow:0 20px 40px #0006;background:linear-gradient(170deg,#1E1912,var(--sup))}
.caos .dol:nth-child(2){transition-delay:.08s}.caos .dol:nth-child(3){transition-delay:.16s}.caos .dol:nth-child(4){transition-delay:.24s}
.dol-ic{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#2E1A17;color:#E8A49D;font:700 20px var(--ui);margin-bottom:16px;transition:background .8s,color .8s}
.caos.orden .dol-ic{background:#2A2116;color:var(--oro2)}
.caos .dol b{display:block;font:600 22px var(--titulo);color:var(--crema);margin-bottom:8px}
.caos .dol b i{font-style:normal;color:#E8A49D;transition:color .8s}
.caos.orden .dol b i{color:var(--oro2)}
.caos .dol>span:last-child{color:var(--suave);font-size:15px}
.caos-giro{margin-top:44px;display:flex;align-items:center;justify-content:center;gap:14px;font:500 italic clamp(28px,3.4vw,42px) var(--serif);color:var(--oro2)}
.caos-giro .rombo{width:13px;height:13px}

/* historia: pantalla fija que cambia */
.historia{padding-top:100px}
.hist{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.25fr);gap:60px;align-items:start}
.hist-paso{min-height:78vh;display:flex;flex-direction:column;justify-content:center;opacity:.28;transition:opacity .5s}
.hist-paso.si{opacity:1}
.hist-paso .num{display:block;font:500 italic 110px/1 var(--serif);color:var(--oro);text-shadow:0 0 50px #C79D5555;margin-bottom:4px}
.hist-paso h3{font-size:38px}
.hist-paso>p:not(.lema){color:var(--champagne);font-size:17.5px;max-width:44ch}
.hist-cel{display:none}
.hist-pantalla{position:sticky;top:110px;height:calc(100vh - 150px);display:flex;flex-direction:column;justify-content:center;gap:18px}
.ventana{border-radius:16px;overflow:hidden;border:1px solid #3A342B;background:#100D0A;box-shadow:0 50px 100px #000d,0 0 0 8px #C79D5508,0 0 80px #C79D5512}
.ventana-bar{display:flex;align-items:center;gap:7px;padding:11px 14px;background:#1A1714;border-bottom:1px solid #2A2520}
.ventana-bar i{width:10px;height:10px;border-radius:50%;background:#3A342B}
.ventana-bar i:first-child{background:#C2665F99}.ventana-bar i:nth-child(2){background:#E5A65199}.ventana-bar i:nth-child(3){background:#6FA17399}
.ventana-bar span{margin-left:12px;font:600 11.5px var(--ui);color:var(--tenue);letter-spacing:.04em}
.ventana-img{position:relative;aspect-ratio:16/10}
.ventana-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.06);filter:blur(8px);transition:opacity .7s,transform 1.2s cubic-bezier(.2,.8,.2,1),filter .7s}
.ventana-img img.si{opacity:1;transform:none;filter:none}
.ventana-brillo{position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 35%,#ffffff14 50%,transparent 65%);transform:translateX(-100%)}
.ventana-brillo.pasa{animation:brillo 1.1s ease}
@keyframes brillo{to{transform:translateX(100%)}}
.hist-puntos{display:flex;gap:8px;justify-content:center}
.hist-puntos i{width:28px;height:4px;border-radius:4px;background:#3A342B;transition:background .4s,width .4s}
.hist-puntos i.si{width:52px;background:var(--oro)}

/* números */
.numeros{padding:90px 0;background:linear-gradient(180deg,#0D0B09,#120E09 50%,#0D0B09);border-top:1px solid var(--linea);border-bottom:1px solid var(--linea);text-align:center}
.nums{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:10px}
.nums div{padding:10px}
.nums b{display:block;font:800 clamp(30px,3.3vw,46px)/1.05 var(--letra);white-space:nowrap;letter-spacing:-.04em;color:var(--texto);font-variant-numeric:tabular-nums}
.nums b.oro{background:linear-gradient(94deg,#F4F0E8,#D8C29B 58%,#C79D55);-webkit-background-clip:text;background-clip:text;color:transparent}
.nums span{display:block;margin-top:8px;color:var(--suave);font-size:15px}

/* pasos con la línea que se dibuja */
.pasos{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.pasos-linea{position:absolute;left:16.6%;right:16.6%;top:36px;height:2px;background:#2A2520}
.pasos-linea i{display:block;height:100%;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,var(--oro),var(--oro2));box-shadow:0 0 14px var(--oro);transition:transform 1.6s cubic-bezier(.6,0,.2,1) .3s}
.pasos.visto .pasos-linea i{transform:scaleX(1)}
.paso{position:relative;text-align:center;padding:0 10px}
.paso-n{display:grid;place-items:center;width:72px;height:72px;margin:0 auto 22px;border-radius:50%;background:#14110E;border:2px solid var(--oro);font:500 italic 34px var(--serif);color:var(--oro2);box-shadow:0 0 0 8px var(--fondo),0 0 30px #C79D5544;position:relative;z-index:1}
.paso:nth-child(3) .paso-n{animation:late 2.6s ease-in-out infinite .4s}
.paso:nth-child(4) .paso-n{animation:late 2.6s ease-in-out infinite 1.2s}
@keyframes late{50%{box-shadow:0 0 0 8px var(--fondo),0 0 46px #C79D5588}}
.paso b{display:block;font:600 21px var(--titulo);color:var(--crema);margin-bottom:6px}
.paso span{color:var(--suave)}
.pasos-sec{background:var(--fondo);border:0}

/* ahorro: se tacha en vivo */
.cuenta-caja{background:linear-gradient(160deg,#1A1612,#141210 60%);border:1px solid #2E2820;border-radius:20px;padding:30px 32px;box-shadow:0 30px 70px #0009;position:relative;overflow:hidden}
.cuenta-caja::before{content:"";position:absolute;inset:-1px;border-radius:20px;padding:1px;background:conic-gradient(from var(--giro),transparent 0 70%,var(--oro) 85%,transparent 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:gira 6s linear infinite}
.cuenta-caja .linea{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--linea);font-size:16.5px}
.cuenta-caja s{position:relative;text-decoration:none;color:var(--suave);transition:color .6s}
.cuenta-caja s::after{content:"";position:absolute;left:-4px;right:-4px;top:52%;height:2px;background:var(--neg);transform-origin:0 50%;transform:scaleX(0);transition:transform .55s cubic-bezier(.6,0,.2,1)}
.cuenta-caja.visto s{color:#E8A49D}
.cuenta-caja.visto s::after{transform:scaleX(1)}
.cuenta-caja.visto .linea:nth-child(1) s::after{transition-delay:.4s}.cuenta-caja.visto .linea:nth-child(2) s::after{transition-delay:.8s}.cuenta-caja.visto .linea:nth-child(3) s::after{transition-delay:1.2s}
.cuenta-caja .total{padding-top:22px;display:grid;gap:2px}
.cuenta-caja .total span{font:700 11px var(--ui);letter-spacing:.16em;text-transform:uppercase;color:var(--oro)}
.cuenta-caja .total b{font:800 72px/1.05 var(--letra);letter-spacing:-.045em;background:linear-gradient(94deg,#F4F0E8,#D8C29B 58%,#C79D55);-webkit-background-clip:text;background-clip:text;color:transparent}
.cuenta-caja .total b i{font-style:normal}
.cuenta-caja .total small{color:var(--champagne);font-size:15px}
@keyframes gira{to{--giro:360deg}}

/* planes: brillo que sigue al mouse y borde que gira */
.planes-sec{background:radial-gradient(50% 40% at 50% 60%,#1E160C 0%,transparent 70%)}
.plan{transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .3s;overflow:hidden}
.plan::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .3s;background:radial-gradient(380px circle at var(--mx,50%) var(--my,0%),#C79D5522,transparent 60%)}
.plan:hover{transform:translateY(-8px);border-color:#C79D5588;box-shadow:0 40px 80px #000b}
.plan:hover::after{opacity:1}
.plan.destacado{border-color:transparent;overflow:visible}
.plan.destacado::before{content:"";position:absolute;inset:-1px;border-radius:18px;padding:1.5px;background:conic-gradient(from var(--giro),#7A5B2C,var(--oro2),#7A5B2C,#3A2A14,#7A5B2C);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:gira 5s linear infinite;pointer-events:none}
.plan.destacado:hover{transform:translateY(-10px) scale(1.015)}
.precio b{transition:opacity .25s,transform .25s}
.precio b.cambia{opacity:0;transform:translateY(-8px)}

/* seguridad */
.seg div{position:relative;overflow:hidden;transition:transform .3s,border-color .3s}
.seg div:hover{transform:translateY(-4px);border-color:#C79D5566}
.seg-ic{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;margin-bottom:16px;background:linear-gradient(142deg,var(--oro),#7A5B2C);color:#151210;box-shadow:0 6px 20px #C79D5540;position:relative;overflow:hidden}
.seg-ic::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 34%,#ffffff70 48%,transparent 60%);transform:translateX(-120%);animation:destello 3.6s ease-in-out infinite}
.seg div:nth-child(2) .seg-ic::after{animation-delay:.9s}.seg div:nth-child(3) .seg-ic::after{animation-delay:1.8s}.seg div:nth-child(4) .seg-ic::after{animation-delay:2.7s}
@keyframes destello{55%,100%{transform:translateX(120%)}}
.seg b::before{display:none}

/* preguntas: se abren suaves */
.faq details{transition:border-color .3s,background .3s}
.faq details:hover{border-color:#C79D5544}
.faq details[open]{background:linear-gradient(170deg,#1C1813,var(--sup))}
.faq-r{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s ease}
.faq-r>p{overflow:hidden;padding:0}
.faq details[open] .faq-r{grid-template-rows:1fr}
.faq details[open] .faq-r>p{padding:0 0 20px}

/* cierre con polvo dorado */
.cierre{position:relative;overflow:hidden}
.polvo{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.tarjeta-form{position:relative}
.tarjeta-form::before{content:"";position:absolute;inset:-1px;border-radius:18px;padding:1px;background:conic-gradient(from var(--giro),transparent 0 75%,var(--oro) 88%,transparent 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:gira 7s linear infinite;pointer-events:none}

@media (max-width:960px){
  .caos-mesa,.nums{grid-template-columns:1fr 1fr}
  .hist{grid-template-columns:minmax(0,1fr)}
  .hist-pantalla{display:none}
  .hist-paso{min-height:0;opacity:1;margin-bottom:64px}
  .hist-cel{display:block;margin-top:24px;border-radius:14px;border:1px solid #3A342B;box-shadow:0 30px 60px #000a}
  .pasos{grid-template-columns:minmax(0,1fr);gap:40px}
  .pasos-linea{left:35px;right:auto;top:36px;bottom:36px;width:2px;height:auto}
  .pasos-linea i{transform-origin:50% 0;transform:scaleY(0)}
  .pasos.visto .pasos-linea i{transform:scaleY(1)}
  .paso{text-align:left;padding-left:96px;min-height:72px}
  .paso-n{position:absolute;left:0;top:0;margin:0}
}
@media (max-width:560px){
  .caos-mesa,.nums{grid-template-columns:minmax(0,1fr)}
  .js .caos .dol{--x:0px!important}
  .cuenta-caja .total b{font-size:58px}
  .hist-paso .num{font-size:84px}
}
@media (prefers-reduced-motion:reduce){
  .js .ap{opacity:1;transform:none;filter:none}
  .js .caos .dol{transform:none;animation:none}
  .marq-pista{animation:none}
  .pasos-linea i{transform:none}
}

.seg-ic svg{width:22px;height:22px;position:relative;z-index:1}
.ahorro{padding-bottom:60px}

/* ======================================================================
   Secciones claras: papel crema que alterna con las oscuras
   ====================================================================== */
.claro{
  --fondo:#F6F0E5; --sup:#FFFFFF; --sup2:#FBF6EE; --linea:#E8DDCB; --linea2:#DCCDB4;
  --texto:#231C14; --crema:#1C150E; --champagne:#5C4B36; --suave:#6E6255; --tenue:#8E8172;
  --oro:#B08440; --oro2:#9A6B26; --glow:#B0844033;
  color:var(--texto);background:radial-gradient(70% 60% at 50% 0%,#FFF9EE 0%,transparent 70%),var(--fondo)!important;
  border-color:var(--linea)!important;
}
.claro h1 em,.claro h2 em{color:var(--oro2)}
.claro .tildes li::before{background:#F1E3C8;color:#8A5E1E}
.claro .btn.borde{background:#fff;border-color:var(--linea2);color:var(--texto)}
.claro .btn.borde:hover{border-color:var(--oro);color:var(--crema)}
/* marquesina */
.marquesina.claro .plats li{background:#fff;border-color:color-mix(in srgb,var(--c) 45%,#E8DDCB);color:#3A2E22;box-shadow:0 6px 18px #6B4E2412}
/* historia */
.historia.claro .hist-paso .num{text-shadow:none;color:var(--oro)}
.historia.claro .hist-paso{opacity:.32}
.historia.claro .hist-paso.si{opacity:1}
.historia.claro .ventana{box-shadow:0 50px 90px #4A35182E,0 0 0 8px #B0844012}
.historia.claro .hist-puntos i{background:#DCCDB4}
.historia.claro .hist-puntos i.si{background:var(--oro)}
.historia.claro .hist-cel{border-color:#DCCDB4;box-shadow:0 30px 60px #4A35182A}
/* pasos */
.pasos-sec.claro .pasos-linea{background:#E2D5BF}
.pasos-sec.claro .paso-n{background:#fff;color:var(--oro2);box-shadow:0 0 0 8px var(--fondo),0 10px 30px #B0844033}
@keyframes lateClaro{50%{box-shadow:0 0 0 8px var(--fondo),0 10px 46px #B0844066}}
.pasos-sec.claro .paso:nth-child(3) .paso-n,.pasos-sec.claro .paso:nth-child(4) .paso-n{animation-name:lateClaro}
/* planes */
.planes-sec.claro .periodo{background:#fff;border-color:var(--linea)}
.planes-sec.claro .periodo button.si{background:linear-gradient(90deg,#F4E6CC,#FBF3E4);color:#7A531A;box-shadow:inset 0 0 0 1px #B0844055}
.planes-sec.claro .regalo{background:#E3F0E2;color:#3F7A47}
.planes-sec.claro .plan{box-shadow:0 20px 50px #4A35181A}
.planes-sec.claro .plan:hover{box-shadow:0 34px 70px #4A35182E;border-color:#B0844088}
.planes-sec.claro .plan::after{background:radial-gradient(380px circle at var(--mx,50%) var(--my,0%),#E5BC7433,transparent 60%)}
.planes-sec.claro .plan.destacado{background:linear-gradient(170deg,#FFF8EA 0%,#FFFFFF 60%)}
.planes-sec.claro .plan.destacado .precio b{background:linear-gradient(94deg,#3A2A16,#9A6B26 70%,#C79D55);-webkit-background-clip:text;background-clip:text;color:transparent}
.planes-sec.claro .cinta{background:linear-gradient(180deg,#D9B46E,#C79D55);color:#151210}
.planes-sec.claro .pronto{border-color:#DCCDB4;color:#8E8172}
.planes-sec.claro .anual-nota{color:#3F7A47}
/* preguntas */
#preguntas.claro .faq details{background:#fff;box-shadow:0 8px 24px #4A351810}
#preguntas.claro .faq details[open]{background:linear-gradient(170deg,#FFF8EA,#fff);border-color:#B0844066}

/* ======================================================================
   Tipografía en dos voces: Outfit firme + Garamond itálica dorada
   ====================================================================== */
h1{font:700 clamp(46px,5.6vw,80px)/.98 var(--titulo);letter-spacing:-.045em;color:var(--crema)}
h1 em{display:inline-block;font:500 italic 1.12em/1 var(--serif);letter-spacing:-.01em;color:var(--oro2);padding-right:.06em}
h2{font:700 clamp(34px,4.1vw,58px)/1.02 var(--titulo);letter-spacing:-.04em;color:var(--crema);margin-bottom:42px}
h2 em{font:500 italic 1.1em/1 var(--serif);letter-spacing:-.005em;color:var(--oro2)}
h2 br+em{display:inline-block;margin-top:.08em}
.eyebrow{display:flex;align-items:center;gap:12px}
.eyebrow::before{content:"";width:28px;height:1.5px;background:currentColor;opacity:.8}
.bajada{font-size:clamp(17px,1.35vw,20px);line-height:1.6}
.hist-paso h3{font:700 40px/1.05 var(--titulo);letter-spacing:-.035em}
.lema{font-size:28px}
body{font-size:16.5px}

/* el título aparece palabra por palabra; «de verdad» con un brillo que pasa */
.h1-a .pal{display:inline-block;opacity:0;transform:translateY(.45em) rotate(4deg);filter:blur(8px);animation:pal .8s cubic-bezier(.2,.8,.2,1) forwards}
@keyframes pal{to{opacity:1;transform:none;filter:none}}
.brilla{background:linear-gradient(100deg,var(--oro2) 0%,var(--oro2) 40%,#FFF1CF 50%,var(--oro2) 60%,var(--oro2) 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:brillaTx 4.5s ease-in-out 1.4s infinite}
@keyframes brillaTx{0%{background-position:100% 0}45%,100%{background-position:-50% 0}}
.js .h1-a+.brilla{opacity:0;animation:aparece .9s ease .9s forwards,brillaTx 4.5s ease-in-out 1.9s infinite}
@keyframes aparece{to{opacity:1}}

/* avisos flotantes alrededor del video */
.heroe-video{position:relative}
.flot{position:absolute;z-index:3;display:flex;align-items:center;gap:12px;padding:12px 16px 12px 14px;border-radius:14px;background:#151210F0;border:1px solid #3A342B;box-shadow:0 20px 50px #000c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;transform:translateY(14px) scale(.96);animation:flot 12s ease-in-out infinite}
.flot i{width:10px;height:10px;border-radius:50%;background:var(--c);box-shadow:0 0 0 4px color-mix(in srgb,var(--c) 22%,transparent),0 0 14px var(--c);flex:none}
.flot b{display:block;font:700 14px var(--ui);color:#F7F3EB;white-space:nowrap}
.flot span{display:block;font-size:12.5px;color:#A39D93;white-space:nowrap}
.f1{left:-56px;top:12%;animation-delay:1.5s}
.f2{right:-40px;top:46%;animation-delay:5.5s}
.f3{left:-30px;bottom:12%;animation-delay:9.5s}
@keyframes flot{0%{opacity:0;transform:translateY(14px) scale(.96)}4%,30%{opacity:1;transform:none}34%,100%{opacity:0;transform:translateY(-10px) scale(.98)}}

/* botones dorados: brillo que pasa e imán (el imán lo mueve inicio.js) */
.btn.oro{position:relative;overflow:hidden;transition:transform .25s cubic-bezier(.2,.8,.2,1),filter .18s,box-shadow .25s}
.btn.oro::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,#ffffff8c 48%,transparent 62%);transform:translateX(-130%);animation:pasaBtn 4.2s ease-in-out infinite}
@keyframes pasaBtn{0%,62%{transform:translateX(-130%)}82%,100%{transform:translateX(130%)}}
.btn.oro:hover{box-shadow:0 16px 40px #C79D5555,inset 0 1px 0 #ffffff45}

/* la ventana del sistema se inclina con el mouse */
.ventana{transition:transform .5s cubic-bezier(.2,.8,.2,1);transform-style:preserve-3d;will-change:transform}

/* llamados entre secciones */
.cta-medio{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:56px}
.cta-medio>span{font:600 13px var(--ui);color:var(--tenue)}

/* calculadora */
.calc-campo label{display:flex;justify-content:space-between;align-items:baseline;font:700 12px var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--tenue);margin-bottom:14px}
.calc-campo output{font:800 28px var(--letra);letter-spacing:-.03em;text-transform:none;color:var(--crema);font-variant-numeric:tabular-nums}
.calc-campo input{width:100%;-webkit-appearance:none;appearance:none;height:8px;border-radius:8px;background:linear-gradient(90deg,var(--oro) 0 var(--p,50%),#E2D5BF var(--p,50%) 100%);outline:none;cursor:pointer}
.calc-campo input::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;border-radius:50%;background:#fff;border:3px solid var(--oro);box-shadow:0 6px 18px #4A351840;transition:transform .15s}
.calc-campo input::-webkit-slider-thumb:hover{transform:scale(1.15)}
.calc-campo input::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#fff;border:3px solid var(--oro)}

/* antes y después */
.comparar{background:radial-gradient(60% 60% at 70% 30%,#1D150C 0%,transparent 70%),var(--fondo)}
.tabla-comp{border:1px solid var(--linea2);border-radius:20px;overflow:hidden;background:var(--sup)}
.tc-cab,.tc-fila{display:grid;grid-template-columns:1.1fr 1fr 1.2fr;align-items:center}
.tc-cab{background:#120F0C;border-bottom:1px solid var(--linea2)}
.tc-cab>span{padding:20px 24px;font:700 12px var(--ui);letter-spacing:.14em;text-transform:uppercase}
.tc-cab .tc-no{color:#C2665F}
.tc-cab .tc-si{color:var(--oro2);display:flex;align-items:center;gap:10px;background:linear-gradient(90deg,#2A2116,transparent)}
.tc-fila{border-bottom:1px solid var(--linea)}
.tc-fila:last-child{border-bottom:0}
.tc-fila>span{padding:20px 24px;font-size:16px}
.tc-fila>span:first-child{font:600 17px var(--titulo);color:var(--crema)}
.tc-fila .tc-no{color:#9A8F84;position:relative;padding-left:52px}
.tc-fila .tc-si{color:#F4F0E8;position:relative;padding-left:52px;background:linear-gradient(90deg,#C79D550D,transparent)}
.tc-fila .tc-no::before,.tc-fila .tc-si::before{position:absolute;left:20px;top:50%;width:22px;height:22px;margin-top:-11px;border-radius:50%;display:grid;place-items:center;font:800 12px/22px var(--ui);text-align:center}
.tc-fila .tc-no::before{content:"✕";background:#2E1A17;color:#E8A49D}
.tc-fila .tc-si::before{content:"✓";background:#2A3A2C;color:#9FD3A4}
.js .tc-fila{opacity:0;transform:translateX(-30px)}
.js .tc-fila .tc-si::before{transform:scale(0)}
.tabla-comp.visto .tc-fila{opacity:1;transform:none;transition:opacity .6s,transform .6s cubic-bezier(.2,.8,.2,1)}
.tabla-comp.visto .tc-fila .tc-si::before{transform:scale(1);transition:transform .45s cubic-bezier(.3,1.6,.5,1)}
.tabla-comp.visto .tc-fila:hover{background:#ffffff05}

/* barra fija en el celular */
.barra-cel{display:none}
@media (max-width:960px){
  .flot{display:none}
}
@media (max-width:760px){
  .tc-cab{display:none}
  .tc-fila{grid-template-columns:minmax(0,1fr);padding:14px 0}
  .tc-fila>span{padding:6px 20px}
  .tc-fila .tc-no,.tc-fila .tc-si{padding-left:52px}
}
@media (max-width:560px){
  .flota{display:none!important}
  .barra-cel{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;gap:8px;padding:10px max(14px,env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(14px,env(safe-area-inset-left,0px));background:#0A0908EE;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid #3A342B;transform:translateY(110%);transition:transform .35s cubic-bezier(.2,.8,.2,1)}
  .barra-cel.si{transform:none}
  .barra-cel .btn{flex:1;height:46px}
  .barra-cel .btn.borde{flex:.7;background:#1A1714;color:#F4F0E8;border-color:#3A342B}
  .pie{padding-bottom:90px}
  h1{font-size:44px}
}
@media (prefers-reduced-motion:reduce){
  .h1-a .pal,.js .h1-a+.brilla{opacity:1;transform:none;filter:none;animation:none}
  .flot,.btn.oro::after,.brilla{animation:none}
  .flot{opacity:1;transform:none;display:none}
  .js .tc-fila{opacity:1;transform:none}
}

/* ======================================================================
   Pasada de diseño (28-oct, 3ª): colores, botones, tipografía y efectos
   ====================================================================== */
:root{--oro:#CFA35A;--oro2:#EAC27A;--oro3:#F6DFA8}
/* textura de grano sobre toda la página: le da cuerpo a los oscuros */
body::after{content:"";position:fixed;inset:0;z-index:50;pointer-events:none;opacity:.05;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

/* tipografía */
h1{font-size:clamp(48px,6vw,88px);letter-spacing:-.05em}
h2{font-size:clamp(36px,4.4vw,64px);letter-spacing:-.045em;line-height:1}
.bajada{font-size:clamp(18px,1.5vw,21px);color:var(--champagne);max-width:40ch}
.heroe .bajada{max-width:34ch}
h2 em,h1 em{background:linear-gradient(100deg,var(--oro2),var(--oro3) 45%,var(--oro) 80%);-webkit-background-clip:text;background-clip:text;color:transparent}
.claro h2 em{background:linear-gradient(100deg,#8A5E1E,#B5832E 50%,#8A5E1E);-webkit-background-clip:text;background-clip:text;color:transparent}
.eyebrow{font-size:11.5px;letter-spacing:.22em}
.eyebrow::before{width:0;transition:width .9s cubic-bezier(.2,.8,.2,1) .2s}
.ap.visto.eyebrow::before,.eyebrow.visto::before{width:34px}
.js .eyebrow:not(.ap)::before{width:34px}

/* títulos: las palabras suben desde una máscara */
.m{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.1em;margin-bottom:-.1em}
.m>span{display:inline-block;transform:translateY(105%) rotate(3deg);transition:transform .9s cubic-bezier(.16,1,.3,1)}
.js h2.ap{filter:none;transform:none}
h2.visto .m>span{transform:none}

/* botones */
.btn{height:54px;border-radius:14px;font-size:15.5px;letter-spacing:-.005em}
.btn.oro{background:linear-gradient(180deg,#F1D08E 0%,#D6A957 45%,#B88A3E 100%);color:#1A130A;box-shadow:0 14px 34px #CFA35A40,inset 0 1px 0 #FFF4D8,inset 0 -2px 0 #9C722E66}
.btn.oro:hover{filter:brightness(1.06) saturate(1.05)}
.btn.borde{background:#ffffff08;border:1px solid #ffffff1f;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);position:relative}
.btn.borde::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(120deg,var(--oro2),transparent 40%,transparent 60%,var(--oro));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s}
.btn.borde:hover::before{opacity:1}
.btn.chico{height:42px;border-radius:11px}
.onda{position:absolute;border-radius:50%;pointer-events:none;background:#ffffffa0;transform:scale(0);animation:onda .7s ease-out forwards}
@keyframes onda{to{transform:scale(4);opacity:0}}
.btn{overflow:hidden}

/* portada: luces que se mueven */
.aurora{position:absolute;inset:-20% -10% auto -10%;height:140%;pointer-events:none;filter:blur(90px);opacity:.75}
.aurora i{position:absolute;border-radius:50%;mix-blend-mode:screen}
.aurora i:nth-child(1){width:46vw;height:46vw;left:-6vw;top:-10vw;background:radial-gradient(circle,#7A4E1C 0%,transparent 65%);animation:nube1 18s ease-in-out infinite alternate}
.aurora i:nth-child(2){width:38vw;height:38vw;right:-4vw;top:4vw;background:radial-gradient(circle,#5A3A14 0%,transparent 65%);animation:nube2 22s ease-in-out infinite alternate}
.aurora i:nth-child(3){width:30vw;height:30vw;left:30vw;top:18vw;background:radial-gradient(circle,#8C5E22 0%,transparent 65%);opacity:.6;animation:nube3 26s ease-in-out infinite alternate}
@keyframes nube1{to{transform:translate(12vw,8vw) scale(1.15)}}
@keyframes nube2{to{transform:translate(-14vw,10vw) scale(.9)}}
@keyframes nube3{to{transform:translate(-10vw,-8vw) scale(1.2)}}
.heroe{isolation:isolate}
.heroe .polvo{z-index:0}
.heroe-in{z-index:1}
.heroe-video .marco{transform:perspective(1600px) rotateY(calc(var(--sy,0) * -6deg)) rotateX(calc(var(--sy,0) * 4deg)) scale(calc(1 - var(--sy,0) * .06));transition:transform .1s linear}

/* luz que sigue al mouse */
.luz{position:fixed;left:0;top:0;width:520px;height:520px;margin:-260px 0 0 -260px;border-radius:50%;pointer-events:none;z-index:1;background:radial-gradient(circle,#E9BE6E22 0%,#E9BE6E0A 35%,transparent 70%);mix-blend-mode:screen;opacity:0;transition:opacity .4s;will-change:transform}
.luz.si{opacity:1}

/* marquesina doble */
.marq.rev{margin-top:12px}
.marq.rev .marq-pista{animation-direction:reverse;animation-duration:46s}

/* tarjetas que se inclinan (inicio.js pone --rx/--ry) */
.inclina{transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(var(--ty,0px));transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.inclina.mueve{transition:transform .08s linear}
.js .caos.orden .dol.inclina{transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg))}

/* números del mes: brillo que respira */
.nums b{position:relative}
.nums b::after{content:"";position:absolute;left:15%;right:15%;bottom:-12px;height:2px;background:linear-gradient(90deg,transparent,var(--oro),transparent);transform:scaleX(0);transition:transform 1.2s cubic-bezier(.2,.8,.2,1) .4s}
.nums .visto b::after{transform:scaleX(1)}
.nums b.oro{filter:drop-shadow(0 0 24px #CFA35A55)}

/* historia: el número grande se mueve con el scroll */
.hist-paso .num{transform:translateY(calc(var(--py,0) * 1px));will-change:transform}

/* secciones con borde de luz arriba */
.sec:not(.claro){position:relative}
.sec:not(.claro)::before{content:"";position:absolute;left:10%;right:10%;top:0;height:1px;background:linear-gradient(90deg,transparent,#CFA35A55,transparent)}

@media (max-width:960px){.luz{display:none}.heroe-video .marco{transform:none}}
@media (prefers-reduced-motion:reduce){
  .aurora i,.marq-pista{animation:none}
  .m>span{transform:none;transition:none}
  .luz{display:none}
}

/* ======================================================================
   4ª pasada: calculadora de lo que se escapa, garantía, demo para tocar, WhatsApp
   ====================================================================== */
.calc h2{margin-bottom:34px}
.calc-in{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;align-items:start}
.calc-mandos{display:grid;gap:26px;background:#fff;border:1px solid var(--linea);border-radius:22px;padding:30px;box-shadow:0 20px 50px #4A351814}
.calc-campo label{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font:700 12px var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--tenue);margin-bottom:14px}
.calc-campo output{font:800 26px var(--letra);letter-spacing:-.03em;text-transform:none;color:var(--crema);font-variant-numeric:tabular-nums}
.calc-campo input{width:100%;-webkit-appearance:none;appearance:none;height:8px;border-radius:8px;background:linear-gradient(90deg,var(--oro) 0 var(--p,50%),#E8DDCB var(--p,50%) 100%);outline:none;cursor:pointer}
.calc-campo input::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;border-radius:50%;background:#fff;border:3px solid var(--oro);box-shadow:0 6px 18px #4A351840;transition:transform .15s}
.calc-campo input::-webkit-slider-thumb:hover{transform:scale(1.18)}
.calc-campo input::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#fff;border:3px solid var(--oro)}
.calc-res{position:relative;background:linear-gradient(165deg,#1E1812,#100D0A 70%);color:#F4F0E8;border-radius:24px;padding:32px;box-shadow:0 40px 90px #4A35184d;overflow:hidden}
.calc-res::before{content:"";position:absolute;right:-90px;top:-90px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,#CFA35A33,transparent 70%);pointer-events:none}
.calc-et{font:700 11px var(--ui);letter-spacing:.18em;text-transform:uppercase;color:#CFA35A}
.calc-queda{display:block;font:800 clamp(44px,5vw,64px)/1 var(--letra);letter-spacing:-.045em;margin:10px 0 6px;background:linear-gradient(94deg,#F4F0E8,#EAC27A 60%,#CFA35A);-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums}
.calc-sub{color:#D8C29B;margin-bottom:22px}
.cascada-mini{display:grid;gap:9px;margin-bottom:24px}
.cm{display:grid;grid-template-columns:132px minmax(0,1fr) 108px;align-items:center;gap:12px;font-size:14px}
.cm>span:first-child{color:#C9C0B2}
.cm>b{text-align:right;font-variant-numeric:tabular-nums;color:#F4F0E8}
.cm .pista{height:10px;border-radius:6px;background:#2A2520;overflow:hidden}
.cm .pista i{display:block;height:100%;border-radius:6px;transition:width .6s cubic-bezier(.2,.8,.2,1)}
.cm.resta .pista i{background:linear-gradient(90deg,#8E3B33,#C2665F)}
.cm.resta>b{color:#E8A49D}
.cm.total .pista i{background:linear-gradient(90deg,#4F7F55,#9FD3A4)}
.cm.total>b{color:#9FD3A4}
.cm.base .pista i{background:linear-gradient(90deg,#8C6A30,#EAC27A)}
.calc-plan-fila{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 12px;padding:16px 0 20px;border-top:1px solid #2A2520;color:#A39D93;font-size:14px}
.calc-plan-fila b{font:800 24px var(--letra);color:#F4F0E8}
.calc-res .aclara{margin-top:12px;color:#8A857D;font-size:12px;text-align:center}

/* garantía */
.garantia{padding:70px 0;background:linear-gradient(90deg,#14100B,#1E160C 50%,#14100B);border-top:1px solid #3A2E1E;border-bottom:1px solid #3A2E1E}
.garantia-in{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:40px;align-items:center}
.garantia h3{font:700 clamp(24px,2.6vw,34px)/1.15 var(--titulo);letter-spacing:-.03em;color:#FFF4E2}
.garantia h3 em{font:500 italic 1.1em var(--serif);color:var(--oro2)}
.garantia p{color:#C9C0B2;margin-top:8px}
.sello{position:relative;width:150px;height:150px;display:grid;place-items:center;flex:none}
.sello svg{position:absolute;inset:0;width:100%;height:100%;animation:giraSello 22s linear infinite}
.sello text{font:700 13.5px var(--ui);letter-spacing:.2em;fill:var(--oro)}
.sello::before{content:"";position:absolute;inset:26px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#F6DFA8,#CFA35A 55%,#8C6A30);box-shadow:0 10px 40px #CFA35A55,inset 0 2px 0 #FFF4D8}
.sello b,.sello span{position:relative;color:#1A130A;line-height:1}
.sello b{font:800 44px var(--letra);letter-spacing:-.04em;margin-top:-10px}
.sello span{position:absolute;bottom:44px;font:800 11px var(--ui);letter-spacing:.16em;text-transform:uppercase}
@keyframes giraSello{to{transform:rotate(360deg)}}
.lanza{display:inline-flex;align-items:center;gap:10px;margin:-18px 0 30px;padding:8px 16px;border-radius:999px;background:#F1E3C8;color:#7A531A;font:700 13.5px var(--ui)}

/* demo para tocar: pestañas y puntos */
.ventana-bar{gap:7px}
.v-tabs{display:flex;gap:4px;margin-left:16px}
.v-tabs button{border:0;background:transparent;color:#8A857D;font:600 12px var(--ui);padding:6px 11px;border-radius:8px;cursor:pointer;transition:background .2s,color .2s}
.v-tabs button:hover{color:#F4F0E8;background:#ffffff0d}
.v-tabs button.si{background:#3D3120;color:#EAC27A}
.pins{position:absolute;inset:0;pointer-events:none}
.pin{position:absolute;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;border:0;padding:0;background:#EAC27A;box-shadow:0 0 0 4px #EAC27A55;cursor:pointer;pointer-events:auto;display:none;animation:pin 1.8s ease-out infinite}
.pin.si{display:block}
.pin span{position:absolute;left:50%;bottom:calc(100% + 12px);transform:translateX(-50%) translateY(6px);white-space:nowrap;background:#151210;color:#F4F0E8;border:1px solid #CFA35A88;padding:8px 12px;border-radius:10px;font:700 13px var(--ui);box-shadow:0 14px 30px #000b;opacity:0;transition:opacity .25s,transform .25s;pointer-events:none}
.pin:hover span,.pin.abre span,.pin:focus-visible span{opacity:1;transform:translateX(-50%)}
@keyframes pin{0%{box-shadow:0 0 0 0 #EAC27Aaa}100%{box-shadow:0 0 0 16px #EAC27A00}}

/* WhatsApp flotante */
.wa-flota{position:fixed;left:max(22px,env(safe-area-inset-left,0px));bottom:calc(22px + env(safe-area-inset-bottom,0px));z-index:30;display:inline-flex;align-items:center;gap:10px;height:52px;padding:0 20px 0 14px;border-radius:999px;background:#1FA855;color:#fff;text-decoration:none;font:700 14px var(--ui);box-shadow:0 10px 24px #1FA85540;transition:transform .2s}
.wa-flota[hidden]{display:none}
.wa-flota svg{width:26px;height:26px}
.wa-flota:hover{transform:translateY(-3px)}
.wa-flota::after{content:"";position:absolute;inset:0;border-radius:inherit;animation:waLat 2.4s ease-out infinite}
@keyframes waLat{0%{box-shadow:0 0 0 0 #1FA85577}100%{box-shadow:0 0 0 14px #1FA85500}}

@media (max-width:960px){
  .calc-in{grid-template-columns:minmax(0,1fr);gap:24px}
  .garantia-in{grid-template-columns:minmax(0,1fr);text-align:center;justify-items:center;gap:24px}
}
@media (max-width:560px){
  .calc-mandos,.calc-res{padding:22px}
  .cm{grid-template-columns:98px minmax(0,1fr) 92px;font-size:13px;gap:8px}
  .wa-flota{bottom:calc(84px + env(safe-area-inset-bottom,0px));left:auto;right:14px;padding:0;width:52px;justify-content:center}
  .wa-flota span{display:none}
}
@media (prefers-reduced-motion:reduce){.sello svg,.pin,.wa-flota::after{animation:none}}

/* ======================================================================
   «Todo tu negocio, en claro»: riel, tarjeta activa, dato grande y zoom
   ====================================================================== */
.hist-bajada{margin:-18px 0 50px}
.hist{gap:70px}
.hist-pasos{position:relative;padding-left:46px}
.hist-riel{position:absolute;left:12px;top:12vh;bottom:12vh;width:2px;background:#E2D5BF;border-radius:2px}
.hist-riel i{display:block;width:100%;height:100%;transform-origin:50% 0;transform:scaleY(var(--avance,0));background:linear-gradient(180deg,var(--oro2),var(--oro));box-shadow:0 0 12px #CFA35A88;border-radius:2px}
.hist-paso{position:relative;min-height:66vh;opacity:.35;transform:scale(.97);transform-origin:0 50%;transition:opacity .5s,transform .6s cubic-bezier(.2,.8,.2,1)}
.hist-paso::before{content:"";position:absolute;left:-41px;top:50%;width:12px;height:12px;margin-top:-6px;border-radius:50%;background:#fff;border:2px solid #DCCDB4;transition:all .4s}
.hist-paso.si{opacity:1;transform:none}
.hist-paso.si::before{background:var(--oro);border-color:var(--oro);box-shadow:0 0 0 6px #CFA35A2A,0 0 18px #CFA35A}
.hist-paso .num{font-size:76px;line-height:.9;margin-bottom:10px}
.hist-dato{display:inline-flex;flex-direction:column;margin:18px 0 6px;padding:16px 20px;border-radius:16px;background:#fff;border:1px solid #E8DDCB;box-shadow:0 14px 34px #4A351814;transition:box-shadow .4s,border-color .4s}
.hist-paso.si .hist-dato{border-color:#CFA35A77;box-shadow:0 18px 40px #CFA35A2E}
.hist-dato b{font:800 40px/1 var(--letra);letter-spacing:-.04em;background:linear-gradient(94deg,#3A2A16,#9A6B26 70%,#C79D55);-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums}
.hist-dato span{margin-top:6px;font:600 13.5px var(--ui);color:var(--suave)}
.ventana-img{overflow:hidden}
.vz{position:absolute;inset:0;transform:scale(1);transition:transform 1.4s cubic-bezier(.2,.8,.2,1)}
.vz.zoom{transform:scale(1.12)}
.ventana{position:relative}
.ventana::after{content:"";position:absolute;inset:-1px;border-radius:16px;padding:1.5px;background:conic-gradient(from var(--giro),transparent 0 70%,var(--oro2) 85%,transparent 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:gira 7s linear infinite;pointer-events:none}
.hist-puntos i{cursor:pointer}
@media (max-width:960px){
  .hist-pasos{padding-left:0}
  .hist-riel,.hist-paso::before{display:none}
  .hist-paso{transform:none}
  .hist-dato b{font-size:34px}
}
@media (prefers-reduced-motion:reduce){.vz{transition:none}.vz.zoom{transform:none}.ventana::after{animation:none}}

/* ======================================================================
   Menú nuevo (28-oct): se achica al bajar, indicador dorado que sigue a la sección,
   menú del celular a pantalla completa
   ====================================================================== */
.nav{transition:background .35s,box-shadow .35s,border-color .35s}
.nav-in{transition:height .35s cubic-bezier(.2,.8,.2,1)}
.nav.chica{background:#0A0908F2;box-shadow:0 10px 40px #0008;border-bottom-color:#CFA35A33}
.nav.chica .nav-in{height:58px}
.nav .marca{transition:transform .35s}
.nav.chica .marca{transform:scale(.92);transform-origin:0 50%}
.nav-links{position:relative;gap:4px;padding:5px;border-radius:14px;background:#ffffff08;border:1px solid #ffffff12}
.nav-links a,.nav-links a:hover{position:relative;z-index:1;padding:8px 15px;border:0;border-radius:10px;font:600 14px var(--ui);color:#C9C0B2;transition:color .25s}
.nav-links a:hover{color:#FFF4E2}
.nav-links a.si{color:#1A130A}
.nav-ind{position:absolute;z-index:0;top:5px;bottom:5px;left:0;width:0;border-radius:10px;background:linear-gradient(180deg,#F1D08E,#CFA35A);box-shadow:0 6px 18px #CFA35A55;opacity:0;transition:transform .45s cubic-bezier(.2,.8,.2,1),width .45s cubic-bezier(.2,.8,.2,1),opacity .3s}
.nav-links.con .nav-ind{opacity:1}
.nav-acc .link-entrar{border-bottom:0;padding:8px 6px;color:#C9C0B2}
.nav-acc .link-entrar:hover{color:#FFF4E2}

/* celular: pantalla completa */
.menu-cel{position:fixed;inset:0;z-index:19;display:flex;flex-direction:column;justify-content:space-between;padding:96px max(24px,env(safe-area-inset-right,0px)) calc(28px + env(safe-area-inset-bottom,0px)) max(24px,env(safe-area-inset-left,0px));background:transparent;border:0;visibility:hidden;pointer-events:none}
.menu-cel[hidden]{display:flex!important}
.menu-cel.abierto{visibility:visible;pointer-events:auto}
.menu-fondo{position:absolute;inset:0;z-index:-1;background:radial-gradient(80% 60% at 80% 0%,#3A2812 0%,transparent 60%),#0A0908F7;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);clip-path:circle(0 at calc(100% - 44px) 34px);transition:clip-path .6s cubic-bezier(.7,0,.2,1)}
.menu-cel.abierto .menu-fondo{clip-path:circle(150% at calc(100% - 44px) 34px)}
.menu-lista{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.menu-cel .menu-lista a{display:flex;align-items:baseline;gap:16px;padding:12px 0;border-bottom:1px solid #ffffff12;font:700 clamp(30px,8vw,44px)/1.1 var(--titulo);letter-spacing:-.04em;color:#FFF4E2;text-decoration:none}
.menu-cel .menu-lista a span{font:500 italic 18px var(--serif);color:var(--oro);letter-spacing:0;width:26px}
.menu-lista li,.menu-pie{opacity:0;transform:translateY(30px);transition:opacity .45s,transform .55s cubic-bezier(.2,.8,.2,1)}
.menu-cel.abierto .menu-lista li,.menu-cel.abierto .menu-pie{opacity:1;transform:none}
.menu-cel.abierto .menu-lista li:nth-child(1){transition-delay:.18s}.menu-cel.abierto .menu-lista li:nth-child(2){transition-delay:.24s}
.menu-cel.abierto .menu-lista li:nth-child(3){transition-delay:.3s}.menu-cel.abierto .menu-lista li:nth-child(4){transition-delay:.36s}
.menu-cel.abierto .menu-lista li:nth-child(5){transition-delay:.42s}.menu-cel.abierto .menu-pie{transition-delay:.5s}
.menu-pie .btn{width:100%}
.menu-pie p{text-align:center;margin-top:12px;font:600 13px var(--ui);color:#8A857D}
body.menu-abierto{overflow:hidden}
body.menu-abierto .nav{background:transparent;box-shadow:none}
body.menu-abierto .nav .btn.oro{opacity:0;pointer-events:none}

/* banda de palabras que se mueve con el scroll */
.banda{padding:46px 0;overflow:hidden;background:#0A0908;border-top:1px solid #ffffff0d;border-bottom:1px solid #ffffff0d}
.banda-fila{display:flex;align-items:center;gap:34px;width:max-content;white-space:nowrap;will-change:transform}
.banda-fila span{font:700 clamp(54px,8vw,120px)/1 var(--titulo);letter-spacing:-.05em;color:#F4F0E8}
.banda-fila:nth-child(1) span:nth-of-type(odd){font:500 italic clamp(58px,8.6vw,128px)/1 var(--serif);letter-spacing:-.01em;background:linear-gradient(100deg,var(--oro2),var(--oro3) 50%,var(--oro));-webkit-background-clip:text;background-clip:text;color:transparent}
.banda-fila i{width:22px;height:22px;flex:none;background:var(--oro);transform:rotate(45deg);box-shadow:0 0 20px #CFA35A88}
.banda-fila.hueca{margin-top:14px}
.banda-fila.hueca span{color:transparent;-webkit-text-stroke:1.5px #CFA35A88}
.banda-fila.hueca i{background:transparent;border:2px solid #CFA35A88;box-shadow:none;width:16px;height:16px}

/* portada: borde dorado que gira alrededor del video */
.marco::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;background:conic-gradient(from var(--giro),transparent 0 65%,#EAC27A 82%,transparent 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:gira 6s linear infinite;pointer-events:none;z-index:2}

/* planes: entran girando */
.js .plan.ap{opacity:0;transform:perspective(1100px) rotateX(18deg) translateY(60px);filter:none}
.js .plan.ap.visto{opacity:1;transform:perspective(1100px) rotateX(0) translateY(0);transition:opacity .8s,transform 1s cubic-bezier(.16,1,.3,1)}
.js .plan.ap.visto.destacado{transform:perspective(1100px) rotateX(0) translateY(-14px)}

/* pie: la marca gigante */
.pie{position:relative;overflow:hidden;padding-top:0}
.pie-gigante{text-align:center;padding:40px 0 10px;line-height:.8;user-select:none}
.pie-gigante span{display:inline-block;font:500 clamp(90px,19vw,300px)/1 var(--serif);letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(100deg,#2A2116 0%,#CFA35A 40%,#F6DFA8 50%,#CFA35A 60%,#2A2116 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:brillaTx 7s ease-in-out infinite;opacity:.9}
.pie-in{padding-top:26px;border-top:1px solid #ffffff12}

@media (max-width:960px){
  .nav-links{display:none}
}
@media (min-width:961px){.menu-cel{display:none!important}}
@media (prefers-reduced-motion:reduce){
  .menu-fondo{transition:none}
  .marco::after,.pie-gigante span{animation:none}
  .js .plan.ap{opacity:1;transform:none}
}

body.menu-abierto .wa-flota,body.menu-abierto .barra-cel,body.menu-abierto .flota{opacity:0;pointer-events:none}
.menu-cel .menu-lista a:active{color:var(--oro2)}