/* Pilo Edit · landing.css = pilo.css + pilo-personaje.css + neo-paletas.css + neo.css + shopex.css + vitrina.css + conversion.css + variedad.css (armado por desarrollo/landing_variedad/herramientas/armar_css.py; NO editar aquí) */
/*pilo.css*/
@font-face{font-family:"Poppins";font-weight:800;font-display:swap;src:url("fuentes/poppins-800.woff") format("woff")}
@font-face{font-family:"Poppins";font-weight:700;font-display:swap;src:url("fuentes/poppins-700.woff") format("woff")}
@font-face{font-family:"Inter";font-weight:100 900;font-display:swap;src:url("fuentes/inter.woff") format("woff")}
@font-face{font-family:"PG Serif";font-style:italic;font-weight:400;font-display:swap;src:url("fuentes/dmserif-italic.woff") format("woff")}
:root{
color-scheme:dark;
--tinta:#0d1118;--tinta2:#131925;--sup:#1f2633;--sup2:#242c3b;--linea:rgba(152,166,191,.16);
--texto:#e9eef7;--suave:#a3b0c7;--tenue:#8592ab;
--cian:#4fe0d6;--azul:#6eb0ff;--violeta:#a99bff;--rosa:#ff8bab;--dorado:#f5b356;--verde:#5cd39b;
--so:rgba(8,11,18,.72);--sc:rgba(62,74,96,.38);
--sombra:7px 7px 16px var(--so),-7px -7px 16px var(--sc);--sombra-p:4px 4px 9px var(--so),-4px -4px 9px var(--sc);
--hundido:inset 5px 5px 11px var(--so),inset -5px -5px 11px var(--sc);
--grad:linear-gradient(135deg,var(--cian),var(--azul) 45%,var(--violeta));
--titulo:"Poppins",system-ui,sans-serif;--cuerpo:"Inter",system-ui,sans-serif;--serif:"PG Serif",Georgia,serif;
--ancho:1120px;--r:22px;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
html,body{margin:0;overflow-x:hidden}
body{background:var(--tinta);color:var(--texto);font:16px/1.55 var(--cuerpo);-webkit-font-smoothing:antialiased}
img,video{display:block;max-width:100%}
a{color:var(--azul)}
button{font:inherit;color:inherit;cursor:pointer}
:focus-visible{outline:3px solid var(--violeta);outline-offset:3px;border-radius:10px}
h1,h2,h3{font-family:var(--titulo);margin:0;text-wrap:balance;letter-spacing:-.02em}
h1 em,h2 em,h3 em,.cur{font:400 1.08em/1 var(--serif);font-style:italic;letter-spacing:-.01em;padding-right:.06em;
background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
p{margin:0}
.c{max-width:var(--ancho);margin:0 auto;padding:0 16px}
@media (min-width:720px){.c{padding:0 28px}}
.ceja{display:inline-flex;align-items:center;gap:9px;font:700 11.5px/1 var(--cuerpo);letter-spacing:.16em;text-transform:uppercase;color:var(--suave)}
.ceja i{width:24px;height:2px;border-radius:2px;background:var(--grad)}
.num{font-variant-numeric:tabular-nums}
.borrador{position:relative;z-index:60;background:repeating-linear-gradient(135deg,#2a2208 0 12px,#33290a 12px 24px);color:var(--dorado);
font:700 12px/1.35 var(--cuerpo);text-align:center;padding:8px 16px;border-bottom:1px solid rgba(245,179,86,.35)}
html[data-borrador="no"] .borrador,html[data-borrador="no"] .marca-borrador{display:none}
.marca-borrador{display:inline-block;margin-top:6px;font:700 10.5px/1.3 var(--cuerpo);letter-spacing:.04em;color:var(--dorado);
border:1px dashed rgba(245,179,86,.6);padding:3px 7px;border-radius:7px}
.top{position:sticky;top:0;z-index:50;background:rgba(13,17,24,.78);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--linea)}
.top .c{display:flex;align-items:center;justify-content:space-between;height:60px;gap:12px}
.marca{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--texto)}
.logo{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;font:800 17px var(--titulo);color:#0d1118;background:var(--grad)}
.marca b{font:800 18px var(--titulo);letter-spacing:-.02em}
.marca small{display:block;font:600 11px var(--cuerpo);color:var(--suave);letter-spacing:.02em;margin-top:-2px}
.top nav{display:flex;align-items:center;gap:18px}
.top nav a{color:var(--suave);text-decoration:none;font-weight:600;font-size:14px}
.top nav a:hover{color:var(--texto)}
.top nav .solo-esc{display:none}
@media (min-width:820px){.top nav .solo-esc{display:inline}}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:14px 22px;border-radius:16px;border:0;
font:700 16px/1.15 var(--titulo);letter-spacing:-.005em;text-decoration:none;color:var(--texto);background:var(--sup);box-shadow:var(--sombra-p);
transition:transform .15s,box-shadow .15s,filter .15s;text-align:center}
.btn:active{transform:scale(.98);box-shadow:var(--hundido)}
.btn.prim{color:#0b0f16;background:var(--grad);box-shadow:0 10px 30px -8px rgba(110,176,255,.55),inset 0 1px 0 rgba(255,255,255,.35)}
.btn.prim:hover{filter:brightness(1.07)}
.btn.chico{min-height:40px;padding:9px 14px;font-size:14px;border-radius:12px}
.btn.ancho{width:100%}
.btn .fl{transition:transform .2s}.btn:hover .fl{transform:translateX(3px)}
.btn small{font:600 12px var(--cuerpo);opacity:.8}
.micro{font-size:12.5px;color:var(--suave)}
.micro b{color:var(--texto)}
.heroe{position:relative;padding:34px 0 56px;overflow:hidden}
.heroe::before{content:"";position:absolute;inset:-20% -30% auto;height:120%;pointer-events:none;
background:radial-gradient(40% 45% at 72% 30%,rgba(110,176,255,.20),transparent 70%),radial-gradient(35% 40% at 20% 10%,rgba(79,224,214,.12),transparent 70%),
radial-gradient(30% 35% at 85% 85%,rgba(169,155,255,.16),transparent 70%)}
.heroe .c{position:relative;display:grid;gap:30px;align-items:center}
@media (min-width:900px){.heroe{padding:64px 0 88px}.heroe .c{grid-template-columns:1.15fr .85fr;gap:48px}}
.heroe h1{font-size:clamp(36px,9.6vw,68px);font-weight:800;line-height:1.02;letter-spacing:-.035em;margin:14px 0 16px}
.heroe .bajada{font-size:clamp(16px,4.2vw,19px);color:var(--suave);max-width:36ch}
.heroe .bajada b{color:var(--texto);font-weight:600}
.tres-no{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 24px;padding:0;list-style:none}
.tres-no li{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:99px;font:600 13.5px var(--cuerpo);background:var(--tinta2);border:1px solid var(--linea)}
.tres-no li::before{content:"";width:14px;height:14px;border-radius:50%;flex:none;
background:conic-gradient(from 0deg,var(--cian),var(--violeta),var(--cian));-webkit-mask:radial-gradient(circle,transparent 3.5px,#000 4px);mask:radial-gradient(circle,transparent 3.5px,#000 4px)}
.acciones{display:flex;flex-direction:column;gap:10px;max-width:420px}
.acciones .fila{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.precio-gancho{display:flex;align-items:baseline;gap:8px;margin-bottom:4px}
.precio-gancho b{font:800 30px var(--titulo);letter-spacing:-.03em}
.precio-gancho span{color:var(--suave);font-size:14px}
.escena{position:relative;justify-self:center;width:min(78vw,330px)}
.tel{position:relative;aspect-ratio:9/19.2;border-radius:44px;padding:10px;background:linear-gradient(160deg,#2a3242,#131925 60%);
box-shadow:0 40px 80px -30px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.07),inset 0 0 0 1px rgba(255,255,255,.04)}
.pantalla{position:relative;height:100%;border-radius:35px;overflow:hidden;background:#000}
.pantalla video,.pantalla img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pantalla .capa-despues{clip-path:inset(0 0 0 100%);transition:clip-path .9s cubic-bezier(.7,0,.2,1)}
.tel.editado .capa-despues{clip-path:inset(0 0 0 0)}
.pantalla .barrido{position:absolute;top:0;bottom:0;left:100%;width:3px;background:var(--grad);box-shadow:0 0 18px 4px rgba(110,176,255,.7);
transition:left .9s cubic-bezier(.7,0,.2,1);z-index:3}
.tel.editado .barrido{left:-4px}
.isla{position:absolute;top:18px;left:50%;transform:translateX(-50%);width:96px;height:26px;border-radius:99px;background:#000;z-index:4}
.rotulo{position:absolute;z-index:5;left:50%;bottom:22px;transform:translateX(-50%);display:flex;gap:4px;padding:4px;border-radius:99px;
background:rgba(13,17,24,.72);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08)}
.rotulo button{border:0;background:transparent;padding:7px 13px;border-radius:99px;font:700 12.5px var(--cuerpo);color:var(--suave);white-space:nowrap}
.rotulo button[aria-pressed="true"]{background:var(--texto);color:#0d1118}
.etq-rec{position:absolute;z-index:5;top:54px;left:18px;display:inline-flex;align-items:center;gap:6px;font:700 11px var(--cuerpo);letter-spacing:.08em;
padding:5px 9px;border-radius:8px;background:rgba(0,0,0,.55);color:#fff}
.etq-rec i{width:7px;height:7px;border-radius:50%;background:#ff5a5a;animation:parpadeo 1.2s infinite}
.tel.editado .etq-rec i{background:var(--cian);animation:none}
@keyframes parpadeo{50%{opacity:.25}}
.nota-tel{position:absolute;z-index:6;right:-6px;top:34%;max-width:150px;padding:10px 12px;border-radius:14px;background:var(--sup);box-shadow:var(--sombra);
font:600 12.5px/1.35 var(--cuerpo);transform:translateX(12%) rotate(2deg)}
.nota-tel b{display:block;font:800 13px var(--titulo);margin-bottom:2px}
@media (max-width:420px){.nota-tel{display:none}}
.btn-sonido{position:absolute;z-index:6;top:52px;right:16px;width:38px;height:38px;border-radius:50%;border:0;background:rgba(0,0,0,.55);color:#fff;display:grid;place-items:center}
.btn-sonido svg{width:18px;height:18px}
.pie-tel{margin-top:14px;text-align:center}
.sec{padding:64px 0;position:relative}
@media (min-width:900px){.sec{padding:96px 0}}
.sec.alt{background:var(--tinta2);border-top:1px solid var(--linea);border-bottom:1px solid var(--linea)}
.cab{max-width:760px;margin-bottom:30px}
.cab h2{font-size:clamp(30px,7.4vw,50px);font-weight:800;line-height:1.05;margin:12px 0 12px}
.cab p{color:var(--suave);font-size:17px;max-width:58ch}
.centro{text-align:center;margin-left:auto;margin-right:auto}
.franja{border-top:1px solid var(--linea);border-bottom:1px solid var(--linea);background:var(--tinta2);overflow:hidden}
.franja .c{display:grid;gap:0}
@media (min-width:760px){.franja .c{grid-template-columns:repeat(3,1fr)}}
.franja div{padding:20px 4px;display:flex;gap:14px;align-items:flex-start}
@media (min-width:760px){.franja div{padding:26px 22px}.franja div+div{border-left:1px solid var(--linea)}}
@media (max-width:759px){.franja div+div{border-top:1px solid var(--linea)}}
.franja b{font:800 18px/1.2 var(--titulo);display:block;margin-bottom:3px}
.franja p{color:var(--suave);font-size:14.5px}
.franja .n{font:400 30px/1 var(--serif);font-style:italic;color:var(--cian);flex:none;width:34px}
.pares{display:grid;gap:22px}
@media (min-width:900px){.pares{grid-template-columns:1fr 1fr;gap:28px}}
.par{border-radius:var(--r);background:var(--sup);box-shadow:var(--sombra);padding:14px}
.par-videos{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cuadro{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:9/16;background:#000}
.cuadro video,.cuadro img{width:100%;height:100%;object-fit:cover}
.cuadro .chip{position:absolute;top:10px;left:10px;font:800 11px var(--cuerpo);letter-spacing:.08em;text-transform:uppercase;padding:5px 9px;border-radius:8px;background:rgba(0,0,0,.6);color:#fff}
.cuadro.despues .chip{background:var(--grad);color:#0b0f16}
.cuadro .play{position:absolute;inset:0;border:0;background:transparent;display:grid;place-items:center}
.cuadro .play span{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:rgba(13,17,24,.6);backdrop-filter:blur(6px);color:#fff}
.cuadro.sonando .play span{opacity:0}
.par h3{font-size:18px;margin:14px 4px 4px}
.par p{color:var(--suave);font-size:14px;margin:0 4px 4px}
.fuente{font-size:12px;color:var(--tenue);margin-top:14px}
.pasos{display:grid;gap:16px;counter-reset:p;padding:0;margin:0;list-style:none}
@media (min-width:860px){.pasos{grid-template-columns:repeat(3,1fr);gap:20px}}
.pasos li{position:relative;border-radius:var(--r);padding:22px 20px 22px 78px;background:var(--sup);box-shadow:var(--sombra)}
@media (min-width:860px){.pasos li{padding:76px 22px 24px}}
.pasos li::before{counter-increment:p;content:counter(p);position:absolute;left:20px;top:20px;width:42px;height:42px;border-radius:14px;display:grid;place-items:center;
font:800 19px var(--titulo);color:#0b0f16;background:var(--grad)}
.pasos h3{font-size:19px;margin-bottom:6px}
.pasos p{color:var(--suave);font-size:15px}
.hace{display:grid;gap:12px;grid-template-columns:1fr}
@media (min-width:640px){.hace{grid-template-columns:1fr 1fr}}
@media (min-width:980px){.hace{grid-template-columns:repeat(3,1fr)}}
.hace div{padding:18px;border-radius:18px;border:1px solid var(--linea);background:linear-gradient(180deg,rgba(255,255,255,.025),transparent)}
.hace b{display:block;font:700 16.5px var(--titulo);margin-bottom:4px}
.hace p{color:var(--suave);font-size:14.5px}
.hace .ico{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;margin-bottom:12px;background:var(--sup);box-shadow:var(--sombra-p);color:var(--cian)}
.hace .ico svg{width:18px;height:18px}
.vitrina .pg-cabeza,.vitrina .pg-planes,.vitrina .pg-resumen,.vitrina .pg-barra{display:none!important}
.vitrina .pg{--g-fondo:var(--sup);--g-fondo2:var(--sup2)}
.vitrina .pg-pestanas,.vitrina .pg-card[data-estado="pronto"],.vitrina .pg-sec[data-cat="extras"]{display:none!important}
.aviso-cc{position:absolute;z-index:4;left:8px;right:8px;bottom:42px;font:700 10px/1.25 var(--cuerpo);color:#2a2208;background:var(--dorado);padding:5px 7px;border-radius:8px;text-align:center}
html[data-borrador="no"] .aviso-cc{display:none}
.tabla-comp{width:100%;border-collapse:separate;border-spacing:0;font-size:14.5px;border-radius:var(--r);overflow:hidden;background:var(--sup);box-shadow:var(--sombra)}
.tabla-comp th,.tabla-comp td{padding:14px 12px;text-align:left;vertical-align:top;border-bottom:1px solid var(--linea)}
.tabla-comp thead th{font:700 13px var(--titulo);color:var(--suave);background:var(--sup2)}
.tabla-comp thead th.pilo{color:var(--texto)}
.tabla-comp td.pilo{background:rgba(110,176,255,.06);font-weight:600}
.tabla-comp tr:last-child td{border-bottom:0}
.tabla-comp tbody th{color:var(--suave);font-weight:600;width:30%;text-align:left}
.tabla-comp td:first-child{color:var(--suave);font-weight:600;width:30%}
.si{color:var(--verde)}.no{color:var(--rosa)}
.envuelve-tabla{overflow-x:auto;border-radius:var(--r);-webkit-overflow-scrolling:touch}
@media (max-width:560px){.tabla-comp{font-size:13px}.tabla-comp th,.tabla-comp td{padding:11px 9px}}
.cifra-grande{display:grid;gap:18px;margin-bottom:26px}
@media (min-width:760px){.cifra-grande{grid-template-columns:1fr 1fr}}
.cifra{border-radius:var(--r);padding:22px;border:1px solid var(--linea)}
.cifra.pilo{background:linear-gradient(160deg,rgba(79,224,214,.10),rgba(169,155,255,.10));border-color:rgba(110,176,255,.35)}
.cifra small{display:block;color:var(--suave);font-weight:600;font-size:13px}
.cifra b{display:block;font:800 clamp(34px,9vw,52px)/1.05 var(--titulo);letter-spacing:-.035em;margin:6px 0}
.cifra span{color:var(--suave);font-size:14px}
.planes{display:grid;gap:16px}
@media (min-width:700px){.planes{grid-template-columns:1fr 1fr}}
@media (min-width:1060px){.planes{grid-template-columns:repeat(4,1fr)}}
.plan{position:relative;display:flex;flex-direction:column;gap:10px;border-radius:var(--r);padding:22px 20px;background:var(--sup);box-shadow:var(--sombra)}
.plan.destacado{background:linear-gradient(var(--sup),var(--sup)) padding-box,var(--grad) border-box;border:2px solid transparent}
.plan .cinta{position:absolute;top:-12px;left:20px;font:800 10.5px/1 var(--cuerpo);letter-spacing:.08em;text-transform:uppercase;color:#0d1118;
background:linear-gradient(135deg,var(--dorado),#ffd58a);padding:6px 9px;border-radius:99px}
.plan h3{font-size:18px}
.plan .p{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
.plan .p b{font:800 clamp(30px,3.1vw,38px)/1 var(--titulo);letter-spacing:-.035em;white-space:nowrap}
.plan .p span{color:var(--suave);font-size:13.5px}
.plan .lista{font-size:13px;color:var(--tenue);text-decoration:line-through}
.plan .fund{display:inline-flex;align-self:flex-start;font:700 12px var(--cuerpo);padding:5px 9px;border-radius:99px;box-shadow:var(--hundido);color:var(--cian)}
.plan ul{list-style:none;padding:0;margin:4px 0 6px;display:grid;gap:7px;font-size:14px}
.plan li{display:flex;gap:8px;align-items:flex-start}
.plan li::before{content:"✓";color:var(--cian);font-weight:800;flex:none}
.plan li.menos{color:var(--tenue)}.plan li.menos::before{content:"–";color:var(--tenue)}
.plan .btn{margin-top:auto}
.por-video{font-size:13px;color:var(--suave)}
.extras{display:grid;gap:12px;margin-top:22px}
@media (min-width:700px){.extras{grid-template-columns:repeat(3,1fr)}}
.extras div{padding:16px 18px;border-radius:18px;border:1px solid var(--linea)}
.extras b{font:700 15.5px var(--titulo);display:block}
.extras span{color:var(--suave);font-size:14px}
.pais{display:inline-flex;gap:4px;padding:4px;border-radius:14px;box-shadow:var(--hundido);margin:4px 0 22px}
.pais button{border:0;background:transparent;padding:9px 14px;border-radius:11px;font:700 13.5px var(--cuerpo);color:var(--suave)}
.pais button[aria-pressed="true"]{background:var(--sup);box-shadow:var(--sombra-p);color:var(--texto)}
.clave{display:grid;gap:22px;align-items:center;border-radius:28px;padding:26px 22px;background:radial-gradient(80% 120% at 100% 0%,rgba(169,155,255,.18),transparent 60%),var(--sup);box-shadow:var(--sombra)}
@media (min-width:860px){.clave{grid-template-columns:1.2fr .8fr;padding:40px}}
.clave h2{font-size:clamp(28px,7vw,44px);font-weight:800;line-height:1.05;margin:10px 0}
.clave p{color:var(--suave)}
.comentario{border-radius:20px;padding:16px;background:var(--tinta);border:1px solid var(--linea);font-size:14px}
.comentario .u{display:flex;gap:10px;align-items:center;margin-bottom:10px}
.comentario .av{width:32px;height:32px;border-radius:50%;background:var(--grad)}
.comentario .pal{font:800 22px var(--titulo);letter-spacing:.02em}
.comentario .dm{margin-top:12px;padding:10px 12px;border-radius:14px 14px 14px 4px;background:var(--sup2);color:var(--suave)}
.faq{max-width:820px;margin:0 auto;display:grid;gap:10px}
.faq details{border-radius:18px;background:var(--sup);box-shadow:var(--sombra-p);padding:0 18px}
.faq summary{list-style:none;cursor:pointer;padding:18px 34px 18px 0;position:relative;font:700 16px/1.35 var(--titulo)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:0;top:14px;font:400 26px/1 var(--cuerpo);color:var(--cian);transition:transform .2s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details>div{padding:0 0 18px;color:var(--suave);font-size:15px}
.faq details>div p+p,.faq details>div ul{margin-top:8px}
.faq ul{padding-left:18px;margin:0}
.faq b{color:var(--texto)}
.cierre{text-align:center;padding:80px 0 120px;position:relative;overflow:hidden}
.cierre::before{content:"";position:absolute;inset:0;background:radial-gradient(50% 60% at 50% 100%,rgba(110,176,255,.18),transparent 70%);pointer-events:none}
.cierre h2{font-size:clamp(34px,9vw,64px);font-weight:800;line-height:1.02;margin:12px auto 18px;max-width:14ch;position:relative}
.cierre .acciones{margin:0 auto;align-items:center;position:relative}
footer{border-top:1px solid var(--linea);padding:28px 0 110px;color:var(--tenue);font-size:13px}
footer .c{display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:space-between}
footer a{color:var(--suave)}
@media (min-width:900px){footer{padding-bottom:36px}}
.fija{position:fixed;z-index:40;left:0;right:0;bottom:0;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));
background:rgba(13,17,24,.9);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--linea);
display:flex;align-items:center;gap:12px;transform:translateY(110%);transition:transform .3s}
.fija.ver{transform:none}
.fija .t{flex:1;min-width:0;font-size:12.5px;color:var(--suave);line-height:1.3}
.fija .t b{display:block;color:var(--texto);font:800 15px var(--titulo)}
.fija .btn{min-height:46px;padding:10px 16px;font-size:15px;flex:none}
@media (min-width:900px){.fija{display:none}}
.rev{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.rev.en-vista{opacity:1;transform:none}
.d1{transition-delay:.08s}.d2{transition-delay:.16s}.d3{transition-delay:.24s}
.heroe .entra{animation:entra .8s cubic-bezier(.2,.7,.2,1) both}
.heroe .entra.e2{animation-delay:.1s}.heroe .entra.e3{animation-delay:.2s}.heroe .entra.e4{animation-delay:.3s}
@keyframes entra{from{opacity:0;transform:translateY(16px)}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.rev{opacity:1;transform:none}}
.embudo{min-height:100vh;display:flex;flex-direction:column}
.embudo main{flex:1;padding:28px 0 60px}
.hecho{display:flex;gap:14px;align-items:center;padding:16px 18px;border-radius:18px;background:rgba(92,211,155,.08);border:1px solid rgba(92,211,155,.3);margin-bottom:26px}
.hecho .ok{width:40px;height:40px;border-radius:50%;flex:none;display:grid;place-items:center;background:var(--verde);color:#0d1118;font:800 20px var(--titulo)}
.hecho b{font:800 17px var(--titulo);display:block}
.hecho span{color:var(--suave);font-size:14px}
.oferta{max-width:620px;margin:0 auto;border-radius:28px;padding:26px 20px;background:linear-gradient(var(--sup),var(--sup)) padding-box,var(--grad) border-box;border:2px solid transparent;box-shadow:0 30px 70px -30px rgba(0,0,0,.8)}
@media (min-width:600px){.oferta{padding:34px}}
.oferta h1{font-size:clamp(28px,7.4vw,42px);font-weight:800;line-height:1.06;margin:12px 0 12px}
.oferta .bajada{color:var(--suave);font-size:16px}
.oferta .p{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:20px 0 6px}
.oferta .p b{font:800 50px/1 var(--titulo);letter-spacing:-.04em}
.oferta .p s{color:var(--tenue);font-size:18px}
.oferta .p span{color:var(--suave)}
.oferta ul{list-style:none;padding:0;margin:16px 0 22px;display:grid;gap:9px}
.oferta li{display:flex;gap:10px}
.oferta li::before{content:"✓";color:var(--cian);font-weight:800}
.oferta .claro{font-size:13.5px;color:var(--suave);padding:12px 14px;border-radius:14px;box-shadow:var(--hundido);margin-bottom:18px}
.oferta .claro b{color:var(--texto)}
.dos{display:grid;gap:10px}
.btn.no{background:transparent;box-shadow:none;border:1px solid var(--linea);color:var(--suave);font-weight:700}
.compara-mini{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}
.compara-mini div{border-radius:16px;padding:14px;border:1px solid var(--linea);font-size:13.5px;color:var(--suave)}
.compara-mini div.si{border-color:rgba(110,176,255,.4);background:rgba(110,176,255,.06);color:var(--texto)}
.compara-mini b{display:block;font:800 22px var(--titulo);color:var(--texto)}
.pasos-v{list-style:none;padding:0;margin:0 0 26px;display:grid;gap:12px}
.pasos-v li{display:flex;gap:14px;padding:16px;border-radius:18px;background:var(--sup);box-shadow:var(--sombra-p)}
.pasos-v li>b{width:34px;height:34px;flex:none;border-radius:11px;display:grid;place-items:center;background:var(--grad);color:#0b0f16;font:800 15px var(--titulo)}
.pasos-v h3{font-size:16.5px;margin-bottom:3px}
.pasos-v p{color:var(--suave);font-size:14.5px}
.angosto{max-width:640px;margin:0 auto}
/*pilo-personaje.css*/
html[data-camino="b"],html[data-camino="c"]{
color-scheme:light;
--tinta:#f6f1e7;--tinta2:#efe7d8;--sup:#fdfaf4;--sup2:#f3ecdf;--linea:rgba(45,34,70,.13);
--texto:#1d1927;--suave:#4f4a5c;--tenue:#655f70;
--cian:#086d67;--azul:#2a62c9;--violeta:#6544d8;--rosa:#c22d5a;--dorado:#8f5400;--verde:#1d7a4f;
--so:rgba(122,100,68,.30);--sc:rgba(255,255,255,.95);
--sombra:7px 7px 16px var(--so),-7px -7px 16px var(--sc);--sombra-p:4px 4px 9px var(--so),-4px -4px 9px var(--sc);
--hundido:inset 4px 4px 9px var(--so),inset -4px -4px 9px var(--sc);
--grad:linear-gradient(135deg,#086d67,#2a62c9 45%,#6544d8);
}
:root{--grad-luz:linear-gradient(135deg,#4fe0d6,#6eb0ff 45%,#a99bff)}
.btn.prim,.logo,.pasos li::before,.cuadro.despues .chip,.pasos-v li>b,.comentario .av{background:var(--grad-luz)}
.btn.prim{color:#0b0f16}
.plan.destacado{background:linear-gradient(var(--sup),var(--sup)) padding-box,var(--grad-luz) border-box}
.oferta{background:linear-gradient(var(--sup),var(--sup)) padding-box,var(--grad-luz) border-box}
.plan .cinta{background:linear-gradient(135deg,#f5b356,#ffd58a);color:#1b1206}
.borrador{color:#f5b356}
html[data-camino="b"] .top,html[data-camino="c"] .top{background:rgba(246,241,231,.86)}
html[data-camino="b"] .fija,html[data-camino="c"] .fija{background:rgba(246,241,231,.94)}
html[data-camino="b"] .btn.prim,html[data-camino="c"] .btn.prim{box-shadow:0 10px 26px -10px rgba(42,98,201,.55),inset 0 1px 0 rgba(255,255,255,.45)}
html[data-camino="b"] .heroe::before,html[data-camino="c"] .heroe::before{
background:radial-gradient(40% 45% at 72% 30%,rgba(110,176,255,.16),transparent 70%),radial-gradient(35% 40% at 20% 10%,rgba(79,224,214,.14),transparent 70%),
radial-gradient(30% 35% at 85% 85%,rgba(169,155,255,.18),transparent 70%)}
html[data-camino="b"] .hace div,html[data-camino="c"] .hace div{background:var(--sup)}
html[data-camino="b"] .cifra.pilo,html[data-camino="c"] .cifra.pilo{background:linear-gradient(160deg,rgba(11,125,118,.08),rgba(101,68,216,.08));border-color:rgba(42,98,201,.35)}
html[data-camino="b"] .tabla-comp td.pilo,html[data-camino="c"] .tabla-comp td.pilo{background:rgba(42,98,201,.06)}
html[data-camino="b"] .hecho,html[data-camino="c"] .hecho{background:rgba(29,122,79,.07);border-color:rgba(29,122,79,.3)}
html[data-camino="b"] .hecho .ok,html[data-camino="c"] .hecho .ok{background:#5cd39b}
html[data-camino="b"] .nota-tel,html[data-camino="c"] .nota-tel{color:var(--texto)}
html[data-camino="b"] .marca-borrador,html[data-camino="c"] .marca-borrador{border-color:rgba(143,84,0,.55)}
html[data-camino="c"] .zona-video,.tel{
color-scheme:dark;
--tinta:#0d1118;--tinta2:#131925;--sup:#1f2633;--sup2:#242c3b;--linea:rgba(152,166,191,.16);
--texto:#e9eef7;--suave:#a3b0c7;--tenue:#8592ab;
--cian:#4fe0d6;--azul:#6eb0ff;--violeta:#a99bff;--rosa:#ff8bab;--dorado:#f5b356;--verde:#5cd39b;
--so:rgba(8,11,18,.72);--sc:rgba(62,74,96,.38);
--sombra:7px 7px 16px var(--so),-7px -7px 16px var(--sc);--sombra-p:4px 4px 9px var(--so),-4px -4px 9px var(--sc);
--hundido:inset 5px 5px 11px var(--so),inset -5px -5px 11px var(--sc);
--grad:linear-gradient(135deg,#4fe0d6,#6eb0ff 45%,#a99bff);
}
html[data-camino="c"] .zona-video{background:#0d1118;color:var(--texto);border-color:transparent}
html[data-camino="c"] .zona-video.sec.alt{background:#131925}
.pilo-fig{position:absolute;margin:0;pointer-events:none;z-index:7;line-height:0}
.pilo-fig img{width:100%;height:auto;display:block;user-select:none;-webkit-user-drag:none}
html[data-camino="a"] .pilo-fig::before{content:"";position:absolute;inset:4% 2% 12%;border-radius:50%;z-index:-1;
background:radial-gradient(closest-side,rgba(169,155,255,.62),rgba(130,120,200,.34) 58%,transparent 100%)}
html[data-camino="a"] .pilo-fig img{filter:drop-shadow(0 0 1.5px rgba(196,186,255,.95)) drop-shadow(0 0 10px rgba(169,155,255,.55))}
@keyframes pilo-flotar{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes pilo-respirar{0%,100%{transform:scale(1)}50%{transform:scale(1.025)}}
.pilo-flota img{animation:pilo-flotar 4.2s ease-in-out infinite}
.pilo-respira img{transform-origin:50% 90%;animation:pilo-respirar 5s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.pilo-flota img,.pilo-respira img,.pilo-globo{animation:none!important}}
.pilo-globo{position:absolute;z-index:8;pointer-events:none;white-space:nowrap;padding:8px 12px;border-radius:14px 14px 14px 4px;
font:700 13px/1.2 var(--cuerpo);color:#1d1927;background:#fff;box-shadow:0 8px 22px -8px rgba(40,28,70,.45);
animation:pilo-globo .5s .9s cubic-bezier(.2,.8,.2,1.2) both}
@keyframes pilo-globo{from{opacity:0;transform:translateY(6px) scale(.9)}}
.heroe .escena{padding-top:78px}
.pilo-heroe{width:100px;left:-10px;top:0}
.heroe .pilo-globo{left:92px;top:14px}
@media (min-width:900px){
.heroe .escena{padding-top:0}
.pilo-heroe{width:150px;left:-150px;top:auto;bottom:118px}
.heroe .pilo-globo{left:-112px;top:auto;bottom:278px;border-radius:14px 14px 4px 14px}
}
.pasos li{padding-right:84px}
@media (min-width:860px){.pasos li{padding-right:22px}}
.pilo-paso{width:68px;right:12px;top:-22px}
.plan.destacado{overflow:visible}
.pilo-plan{width:66px;right:10px;top:-46px}
.plan.destacado h3{padding-right:64px}
.hecho{position:relative}
.pilo-hecho{position:relative;width:76px;flex:none;margin:-14px -4px -10px auto}
.titulo-pilo{display:flex;align-items:center;gap:12px}
.titulo-pilo h1{flex:1;min-width:0}
.pilo-bienvenida{position:relative;width:96px;flex:none}
@media (max-width:380px){.pilo-bienvenida{width:78px}}
@font-face{font-family:"Fredoka";font-weight:500 700;font-display:swap;src:url("fuentes/fredoka-latin.woff2") format("woff2")}
@font-face{font-family:"Instrument Sans";font-weight:400 700;font-display:swap;src:url("fuentes/instrumentsans-latin.woff2") format("woff2")}
html[data-camino="d"],html[data-camino="dc"]{
color-scheme:light;
--tinta:#fdf8f1;--tinta2:#eaf5f2;--sup:#ffffff;--sup2:#eaf5f2;--linea:rgba(24,31,57,.10);
--texto:#181f39;--suave:#4a4f68;--tenue:#4a4f68;
--cian:#181f39;--azul:#181f39;--violeta:#181f39;--rosa:#c0392b;--dorado:#8a5a00;--verde:#1d6b4f;
--so:rgba(24,31,57,.16);--sc:rgba(255,255,255,0);
--sombra:0 10px 32px -12px rgba(24,31,57,.18);--sombra-p:0 6px 18px -8px rgba(24,31,57,.14);
--hundido:inset 0 1px 4px rgba(24,31,57,.12);
--grad:linear-gradient(135deg,#fda597,#feda90);--grad-luz:linear-gradient(135deg,#fda597,#feda90);
--titulo:"Fredoka","Instrument Sans",system-ui,sans-serif;--cuerpo:"Instrument Sans",system-ui,sans-serif;
}
html[data-camino="d"] body,html[data-camino="dc"] body{
background:#fdf8f1;background-image:radial-gradient(circle at 12% 0%,rgba(173,216,206,.30),transparent 45%),
radial-gradient(circle at 100% 18%,rgba(253,165,151,.28),transparent 40%),radial-gradient(circle at 30% 100%,rgba(253,165,151,.28),transparent 50%);background-attachment:fixed}
:is(html[data-camino="d"],html[data-camino="dc"]) h1,:is(html[data-camino="d"],html[data-camino="dc"]) h2,:is(html[data-camino="d"],html[data-camino="dc"]) h3{font-weight:700;letter-spacing:-.01em}
:is(html[data-camino="d"],html[data-camino="dc"]) :is(h1,h2,h3) em{font:inherit;font-style:normal;color:var(--texto);-webkit-background-clip:border-box;background-clip:border-box;
background:linear-gradient(transparent 58%,#fda597 58%,#feda90 92%,transparent 92%);padding:0 .06em}
:is(html[data-camino="d"],html[data-camino="dc"]) .heroe::before{background:none}
:is(html[data-camino="d"],html[data-camino="dc"]) .top{background:color-mix(in srgb,#fff 78%,transparent)}
:is(html[data-camino="d"],html[data-camino="dc"]) .fija{background:color-mix(in srgb,#fff 85%,transparent)}
:is(html[data-camino="d"],html[data-camino="dc"]) .sec.alt,:is(html[data-camino="d"],html[data-camino="dc"]) .franja{background:color-mix(in srgb,#eaf5f2 70%,transparent)}
:is(html[data-camino="d"],html[data-camino="dc"]) :is(.btn,.pais,.pais button,.rotulo,.rotulo button){border-radius:999px}
:is(html[data-camino="d"],html[data-camino="dc"]) .btn{font-weight:600;background:color-mix(in srgb,#fff 70%,transparent);border:1px solid rgba(255,255,255,.55);color:#181f39}
:is(html[data-camino="d"],html[data-camino="dc"]) .btn.prim{background:#fda597;color:#181f39;border:0;box-shadow:0 10px 24px -8px rgba(253,165,151,.6)}
:is(html[data-camino="d"],html[data-camino="dc"]) :is(.par,.pasos li,.plan,.faq details,.clave,.tabla-comp,.nota-tel,.oferta,.hace div,.cifra,.pasos-v li,.tres-no li){
background:color-mix(in srgb,#fff 68%,transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.55)}
:is(html[data-camino="d"],html[data-camino="dc"]) .plan.destacado,:is(html[data-camino="d"],html[data-camino="dc"]) .oferta{border:2px solid #fda597}
:is(html[data-camino="d"],html[data-camino="dc"]) .ceja i,:is(html[data-camino="d"],html[data-camino="dc"]) .barrido{background:linear-gradient(90deg,#add8ce,#fda597)}
:is(html[data-camino="d"],html[data-camino="dc"]) .franja .n{color:#181f39;font-family:"Fredoka";font-style:normal;font-weight:700}
:is(html[data-camino="d"],html[data-camino="dc"]) .tres-no li::before{background:conic-gradient(#fda597,#add8ce,#fda597)}
:is(html[data-camino="d"],html[data-camino="dc"]) .hace .ico{color:#181f39;background:#eaf5f2}
:is(html[data-camino="d"],html[data-camino="dc"]) .heroe .bajada{color:#4a4f68}
html[data-camino="dc"] .zona-video{
color-scheme:dark;
--tinta:#181f39;--tinta2:#181f39;--sup:#222a48;--sup2:#283152;--linea:rgba(255,255,255,.12);
--texto:#fdf8f1;--suave:#c9cddb;--tenue:#aab0c4;--cian:#add8ce;--azul:#add8ce;--violeta:#fda597;
--so:rgba(5,8,20,.5);--sc:rgba(255,255,255,0);--sombra:0 14px 36px -14px rgba(0,0,0,.6);--sombra-p:0 6px 18px -8px rgba(0,0,0,.5);
--hundido:inset 0 1px 4px rgba(0,0,0,.4);
background:#181f39;color:#fdf8f1}
html[data-camino="dc"] .zona-video :is(h1,h2,h3) em{color:#fdf8f1;background:linear-gradient(transparent 62%,rgba(253,165,151,.55) 62%,rgba(254,218,144,.55) 92%,transparent 92%)}
html[data-camino="dc"] .zona-video .par{background:#222a48;border-color:rgba(255,255,255,.08)}
html[data-camino="d"] .pilo-fig::before,html[data-camino="dc"] .pilo-fig::before{display:none}
/*neo-paletas.css*/
html[data-camino="neo"][data-paleta="tomate"][data-modo="claro"]{--n-fondo:#f4ece6;--n-superficie:#f4ece6;--n-sombra-clara:#ffffff;--n-sombra-oscura:#d6c4b8;--n-texto:#181f39;--n-tenue:#565a6e;--n-acento:#ff5a3c;--n-acento-toque:#f24e30;--n-borde-acento:#b8321b;--n-sobre-acento:#181f39;--n-exito:#1d6b4f;--n-error:#a3134d;--n-apoyo:#ffc533;--n-foco:#181f39}
html[data-camino="neo"][data-paleta="tomate"][data-modo="oscuro"]{--n-fondo:#221c1f;--n-superficie:#221c1f;--n-sombra-clara:#342b2f;--n-sombra-oscura:#120e10;--n-texto:#fdf8f1;--n-tenue:#c4b9bc;--n-acento:#ff5a3c;--n-acento-toque:#f24e30;--n-borde-acento:#ff5a3c;--n-sobre-acento:#181f39;--n-exito:#6fd3a8;--n-error:#ff8fb8;--n-apoyo:#ffc533;--n-foco:#ffd76e}
html[data-camino="neo"][data-paleta="tomate"]{--n-video:#221c1f;--n-video-sup:#342b2f;--n-video-texto:#fdf8f1;--n-video-tenue:#c4b9bc;--n-video-sc:#342b2f;--n-video-so:#120e10}
html[data-camino="neo"][data-paleta="coral"][data-modo="claro"]{--n-fondo:#f7efe8;--n-superficie:#f7efe8;--n-sombra-clara:#ffffff;--n-sombra-oscura:#dccabe;--n-texto:#181f39;--n-tenue:#555a70;--n-acento:#ff6f57;--n-acento-toque:#f45c43;--n-borde-acento:#bd3f2a;--n-sobre-acento:#181f39;--n-exito:#1d6b4f;--n-error:#b0123f;--n-apoyo:#feda90;--n-foco:#181f39}
html[data-camino="neo"][data-paleta="coral"][data-modo="oscuro"]{--n-fondo:#1d2338;--n-superficie:#1d2338;--n-sombra-clara:#2b3350;--n-sombra-oscura:#11152a;--n-texto:#fdf8f1;--n-tenue:#bcc1d4;--n-acento:#ff7a63;--n-acento-toque:#f4654c;--n-borde-acento:#ff7a63;--n-sobre-acento:#181f39;--n-exito:#7fdcb8;--n-error:#ff9bb3;--n-apoyo:#feda90;--n-foco:#feda90}
html[data-camino="neo"][data-paleta="coral"]{--n-video:#1d2338;--n-video-sup:#2b3350;--n-video-texto:#fdf8f1;--n-video-tenue:#bcc1d4;--n-video-sc:#2b3350;--n-video-so:#11152a}
html[data-camino="neo"][data-paleta="mandarina"][data-modo="claro"]{--n-fondo:#f6eee2;--n-superficie:#f6eee2;--n-sombra-clara:#ffffff;--n-sombra-oscura:#dbc8b0;--n-texto:#181f39;--n-tenue:#575a6b;--n-acento:#ff8a1f;--n-acento-toque:#f27a0f;--n-borde-acento:#a8540a;--n-sobre-acento:#181f39;--n-exito:#1d6b4f;--n-error:#b3203a;--n-apoyo:#ffd23f;--n-foco:#181f39}
html[data-camino="neo"][data-paleta="mandarina"][data-modo="oscuro"]{--n-fondo:#221d18;--n-superficie:#221d18;--n-sombra-clara:#352d26;--n-sombra-oscura:#120f0c;--n-texto:#fdf8f1;--n-tenue:#c9beb2;--n-acento:#ff8a1f;--n-acento-toque:#f27a0f;--n-borde-acento:#ff8a1f;--n-sobre-acento:#181f39;--n-exito:#7fdcb0;--n-error:#ff8f9e;--n-apoyo:#ffd23f;--n-foco:#ffd23f}
html[data-camino="neo"][data-paleta="mandarina"]{--n-video:#221d18;--n-video-sup:#352d26;--n-video-texto:#fdf8f1;--n-video-tenue:#c9beb2;--n-video-sc:#352d26;--n-video-so:#120f0c}
html[data-camino="neo"][data-paleta="shopex"][data-modo="claro"]{--n-fondo:#f4f3fc;--n-superficie:#ffffff;--n-sombra-clara:#ffffff;--n-sombra-oscura:#d9d7ee;--n-texto:#161b33;--n-tenue:#6b6c7d;--n-acento:#3ed2b8;--n-acento-toque:#2fc3a9;--n-borde-acento:#249a86;--n-sobre-acento:#181f39;--n-exito:#1e7b6b;--n-error:#d91e03;--n-apoyo:#857eda;--n-foco:#161b33}
html[data-camino="neo"][data-paleta="shopex"][data-modo="oscuro"]{--n-fondo:#171a2d;--n-superficie:#1e2238;--n-sombra-clara:#2a2f4c;--n-sombra-oscura:#0c0e1b;--n-texto:#f5f4ff;--n-tenue:#9091a0;--n-acento:#3ed2b8;--n-acento-toque:#35c4ab;--n-borde-acento:#3ed2b8;--n-sobre-acento:#181f39;--n-exito:#7fe6d2;--n-error:#fd8270;--n-apoyo:#857eda;--n-foco:#857eda}
html[data-camino="neo"][data-paleta="shopex"]{--n-video:#171a2d;--n-video-sup:#2a2f4c;--n-video-texto:#f5f4ff;--n-video-tenue:#9091a0;--n-video-sc:#2a2f4c;--n-video-so:#0c0e1b}
html[data-camino="neo"][data-paleta="pilo"][data-modo="claro"]{--n-fondo:#f1f6ef;--n-superficie:#fbfdf9;--n-sombra-clara:#ffffff;--n-sombra-oscura:#cfdccb;--n-texto:#181f39;--n-tenue:#4f5b60;--n-acento:#24b864;--n-acento-toque:#1fa658;--n-borde-acento:#1f9e56;--n-sobre-acento:#181f39;--n-exito:#197e45;--n-error:#b3261e;--n-apoyo:#fdc403;--n-foco:#181f39;--n-secundario:#ff9000;--n-vida-1:#ff9000;--n-vida-2:#fdc403;--n-vida-1-texto:#a35c00;--n-vida-2-texto:#8a6a01;--n-sobre-vida:#181f39;--n-video:#0f1d1a;--n-video-sup:#21393a;--n-video-texto:#f2fbf5;--n-video-tenue:#a3b8b0;--n-video-sc:#21393a;--n-video-so:#07100e}
html[data-camino="neo"][data-paleta="pilo"][data-modo="oscuro"]{--n-fondo:#171a2d;--n-superficie:#1e2238;--n-sombra-clara:#2a2f4c;--n-sombra-oscura:#0c0e1b;--n-texto:#f5f4ff;--n-tenue:#9091a0;--n-acento:#3ed2b8;--n-acento-toque:#35c4ab;--n-borde-acento:#3ed2b8;--n-sobre-acento:#181f39;--n-exito:#7fe6d2;--n-error:#ff9bb3;--n-apoyo:#857eda;--n-foco:#857eda;--n-secundario:#ff7a66;--n-vida-1:#ff7a66;--n-vida-2:#ffc94a;--n-vida-1-texto:#ff7a66;--n-vida-2-texto:#ffc94a;--n-sobre-vida:#181f39;--n-video:#171a2d;--n-video-sup:#2a2f4c;--n-video-texto:#f5f4ff;--n-video-tenue:#9091a0;--n-video-sc:#2a2f4c;--n-video-so:#0c0e1b}
/*neo.css*/
@font-face{font-family:"Fredoka";font-weight:500 700;font-display:swap;src:url("fuentes/fredoka-latin.woff2") format("woff2")}
@font-face{font-family:"Instrument Sans";font-weight:400 700;font-display:swap;src:url("fuentes/instrumentsans-latin.woff2") format("woff2")}
html[data-camino="neo"],html[data-camino="neo"] .zona-video{
--tinta:var(--n-fondo);--tinta2:var(--n-fondo);--sup:var(--n-superficie);--sup2:var(--n-superficie);
--linea:color-mix(in srgb,var(--n-texto) 12%,transparent);
--texto:var(--n-texto);--suave:var(--n-tenue);--tenue:var(--n-tenue);
--cian:var(--n-texto);--azul:var(--n-texto);--violeta:var(--n-texto);--rosa:var(--n-error);--dorado:var(--n-texto);--verde:var(--n-exito);
--so:var(--n-sombra-oscura);--sc:var(--n-sombra-clara);
--sombra:8px 8px 18px var(--so),-8px -8px 18px var(--sc);--sombra-p:5px 5px 11px var(--so),-5px -5px 11px var(--sc);
--hundido:inset 4px 4px 9px var(--so),inset -4px -4px 9px var(--sc);
--grad:linear-gradient(var(--n-acento),var(--n-acento));--grad-luz:linear-gradient(var(--n-acento),var(--n-acento));
--titulo:"Fredoka","Instrument Sans",system-ui,sans-serif;--cuerpo:"Instrument Sans",system-ui,sans-serif;
}
html[data-camino="neo"][data-modo="claro"]{color-scheme:light}
html[data-camino="neo"][data-modo="oscuro"]{color-scheme:dark}
html[data-camino="neo"] .zona-video{
--n-fondo:var(--n-video);--n-superficie:var(--n-video);--n-texto:var(--n-video-texto);--n-tenue:var(--n-video-tenue);
--n-sombra-clara:var(--n-video-sc);--n-sombra-oscura:var(--n-video-so);--n-borde-acento:var(--n-acento);
color-scheme:dark;background:var(--n-video);color:var(--n-video-texto);border-color:transparent}
html[data-camino="neo"] body{background:var(--n-fondo);color:var(--n-texto)}
html[data-camino="neo"] .heroe::before,html[data-camino="neo"] .cierre::before{background:none}
html[data-camino="neo"] :is(h1,h2,h3){font-weight:700;letter-spacing:-.01em}
html[data-camino="neo"] :is(h1,h2,h3) em,html[data-camino="neo"] .cur{font:inherit;font-style:normal;color:var(--n-texto);
-webkit-background-clip:border-box;background-clip:border-box;background:linear-gradient(transparent 60%,var(--n-apoyo) 60%,var(--n-apoyo) 92%,transparent 92%);padding:0 .06em}
html[data-camino="neo"][data-modo="oscuro"] :is(h1,h2,h3) em,html[data-camino="neo"] .zona-video :is(h1,h2,h3) em{color:var(--n-texto);
background:linear-gradient(transparent 62%,color-mix(in srgb,var(--n-acento) 70%,transparent) 62%,color-mix(in srgb,var(--n-acento) 70%,transparent) 92%,transparent 92%)}
html[data-camino="neo"] .top{background:color-mix(in srgb,var(--n-fondo) 88%,transparent)}
html[data-camino="neo"] .fija{background:color-mix(in srgb,var(--n-fondo) 94%,transparent)}
html[data-camino="neo"] .franja,html[data-camino="neo"] .sec.alt:not(.zona-video){background:var(--n-fondo)}
html[data-camino="neo"] .btn{border-radius:999px;font-family:var(--titulo);font-weight:600;background:var(--n-superficie);color:var(--n-texto);
box-shadow:var(--sombra-p);border:1.5px solid color-mix(in srgb,var(--n-texto) 38%,transparent)}
html[data-camino="neo"] .btn.prim{background:var(--n-acento);color:var(--n-sobre-acento);border:2px solid var(--n-borde-acento);
box-shadow:5px 5px 12px var(--so),-5px -5px 12px var(--sc);filter:none}
html[data-camino="neo"] .btn.prim:hover{background:var(--n-acento-toque);filter:none}
html[data-camino="neo"] .btn.prim:active{background:var(--n-acento-toque);box-shadow:inset 3px 3px 7px rgba(0,0,0,.28)}
html[data-camino="neo"] .btn.no{background:transparent;box-shadow:none}
html[data-camino="neo"] :focus-visible{outline:3px solid var(--n-foco);outline-offset:3px}
html[data-camino="neo"] :is(.pais,.rotulo){border-radius:999px}
html[data-camino="neo"] .pais button[aria-pressed="true"]{background:var(--n-acento);color:var(--n-sobre-acento);box-shadow:none}
html[data-camino="neo"] .rotulo button[aria-pressed="true"]{background:var(--n-acento);color:var(--n-sobre-acento)}
html[data-camino="neo"] .rotulo button{color:#e9e4dc}
html[data-camino="neo"] .cuadro.despues .chip,html[data-camino="neo"] :is(.pasos li::before,.pasos-v li>b,.comentario .av,.logo){background:var(--n-acento);color:var(--n-sobre-acento)}
html[data-camino="neo"] .ceja i,html[data-camino="neo"] .barrido{background:var(--n-acento)}
html[data-camino="neo"] .tres-no li{background:var(--n-superficie);box-shadow:var(--sombra-p);border:0}
html[data-camino="neo"] .tres-no li::before{background:var(--n-acento)}
html[data-camino="neo"] :is(.par,.pasos li,.plan,.faq details,.clave,.tabla-comp,.oferta,.pasos-v li){background:var(--n-superficie);box-shadow:var(--sombra);border:0}
html[data-camino="neo"] :is(.hace div,.cifra,.extras div,.compara-mini div){background:var(--n-superficie);box-shadow:var(--sombra-p);border:0}
html[data-camino="neo"] .hace .ico{color:var(--n-texto);background:var(--n-superficie);box-shadow:var(--hundido)}
html[data-camino="neo"] .clave{background:var(--n-superficie)}
html[data-camino="neo"] .comentario{background:var(--n-superficie);box-shadow:var(--hundido);border:0}
html[data-camino="neo"] .comentario .dm{background:var(--n-superficie);box-shadow:var(--sombra-p)}
html[data-camino="neo"] .nota-tel{background:var(--n-superficie);color:var(--n-texto)}
html[data-camino="neo"] .plan.destacado,html[data-camino="neo"] .oferta{border:2px solid var(--n-borde-acento);background:var(--n-superficie)}
html[data-camino="neo"] .plan .cinta{background:var(--n-apoyo);color:#181f39}
html[data-camino="neo"] .plan .fund{color:var(--n-texto)}
html[data-camino="neo"] :is(.plan li,.oferta li)::before{color:var(--n-exito)}
html[data-camino="neo"] .faq summary::after{color:var(--n-texto)}
html[data-camino="neo"] .franja .n{color:var(--n-texto);font-family:"Fredoka";font-style:normal;font-weight:700}
html[data-camino="neo"] .cifra.pilo{box-shadow:var(--sombra-p),inset 0 0 0 2px var(--n-borde-acento)}
html[data-camino="neo"] .tabla-comp thead th{background:var(--n-superficie)}
html[data-camino="neo"] .tabla-comp td.pilo{background:color-mix(in srgb,var(--n-acento) 10%,transparent)}
html[data-camino="neo"] .hecho{background:color-mix(in srgb,var(--n-exito) 10%,var(--n-fondo));border-color:color-mix(in srgb,var(--n-exito) 45%,transparent)}
html[data-camino="neo"] .hecho .ok{background:var(--n-exito);color:var(--n-fondo)}
html[data-camino="neo"] .compara-mini div.si{box-shadow:var(--sombra-p),inset 0 0 0 2px var(--n-borde-acento);background:var(--n-superficie)}
html[data-camino="neo"] .nota-tel b{color:var(--n-texto)}
html[data-camino="neo"] .pilo-fig{isolation:isolate}
html[data-camino="neo"] .pilo-fig::before{display:none}
html[data-camino="neo"] .pilo-fig img{filter:none}
html[data-camino="neo"][data-modo="oscuro"] .pilo-fig::before{content:"";display:block;position:absolute;inset:-9% -11% -3%;z-index:-1;
border-radius:46% 46% 40% 40%;background:var(--n-apoyo);box-shadow:6px 6px 14px rgba(0,0,0,.45),-4px -4px 12px var(--n-sombra-clara)}
.modo-btn{display:none}
html[data-camino="neo"] .modo-btn{display:inline-grid;place-items:center;width:44px;height:44px;flex:none;border-radius:50%;border:0;padding:0;
background:var(--n-superficie);color:var(--n-texto);box-shadow:var(--sombra-p)}
html[data-camino="neo"] .modo-btn svg{width:20px;height:20px}
html[data-camino="neo"] .modo-btn .sol{display:none}
html[data-camino="neo"][data-modo="oscuro"] .modo-btn .sol{display:block}
html[data-camino="neo"][data-modo="oscuro"] .modo-btn .luna{display:none}
html[data-camino="neo"] .top nav{gap:12px}
@media (min-width:820px){html[data-camino="neo"] .top nav{gap:18px}}
html[data-camino="neo"] .pg{--g-grad:linear-gradient(var(--n-acento),var(--n-acento));--g-violeta:var(--n-acento);--g-cian:var(--n-apoyo);--g-dorado:var(--n-apoyo);--g-verde:var(--n-exito)}
html[data-camino="neo"] :is(.pg-pest[aria-selected="true"],.pg-btn.pg-prim,.pg-card[aria-current="true"] .pg-btn[data-accion="elegir"],.pg-tuyo,.pg-check){color:var(--n-sobre-acento)}
html[data-camino="neo"] .pg-reco{background:var(--n-apoyo);color:#181f39}
html[data-camino="neo"] .pg-ins{background:var(--n-apoyo);color:#181f39}
html[data-camino="neo"] .pg-titulo em{font:inherit;color:var(--g-texto);-webkit-background-clip:border-box;background-clip:border-box;
background:linear-gradient(transparent 60%,var(--n-apoyo) 60%,var(--n-apoyo) 92%,transparent 92%);padding:0 .06em}
html[data-camino="neo"] :is(.pg-etq[data-plan="creador"],.pg-etq[data-plan="pro"],.pg-etq[data-plan="basico"],.pg-etq[data-plan="prueba"]){color:var(--g-texto)}
html[data-camino="neo"] :is(.pg-pest[aria-selected="true"],.barra-cel button[aria-current="page"],.pais button[aria-pressed="true"],.rotulo button[aria-pressed="true"],.sino button[aria-pressed="true"],.pg-tuyo){
box-shadow:inset 0 0 0 2px var(--n-borde-acento)}
html[data-camino="neo"] .pg-plan[aria-checked="true"]::after{background:var(--n-borde-acento)}
/*shopex.css*/
html[data-paleta="pilo"],html[data-paleta="pilo"] .zona-video{
--sombra:6px 8px 22px var(--so),-6px -6px 16px var(--sc);
--sombra-p:4px 5px 12px var(--so),-4px -4px 10px var(--sc);
--hundido:inset 3px 3px 7px var(--so),inset -3px -3px 7px var(--sc)}
html[data-paleta="pilo"] :is(.par,.pasos li,.plan,.faq details,.clave,.tabla-comp,.oferta,.pasos-v li,.comentario,.escenario){border-radius:24px}
html[data-paleta="pilo"] :is(.hace div,.cifra,.extras div,.compara-mini div,.tres-no li,.comentario .dm,.nota-tel){border-radius:16px}
html[data-paleta="pilo"] .hace .ico{border-radius:14px}
html[data-paleta="pilo"] .btn{border-radius:999px;min-height:48px}
html[data-paleta="pilo"] .btn.prim{min-height:52px;font-weight:700;letter-spacing:.005em}
html[data-paleta="pilo"] .btn:not(.prim):not(.no){background:var(--n-superficie);border:1.5px solid color-mix(in srgb,var(--n-texto) 30%,transparent)}
html[data-paleta="pilo"] .logo{border-radius:14px}
html[data-paleta="pilo"][data-modo="oscuro"] :is(h1,h2,h3) em,html[data-paleta="pilo"] .zona-video :is(h1,h2,h3) em{color:var(--n-acento);
background:linear-gradient(transparent 86%,color-mix(in srgb,var(--n-acento) 55%,transparent) 86%,color-mix(in srgb,var(--n-acento) 55%,transparent) 96%,transparent 96%)}
html[data-paleta="pilo"][data-modo="oscuro"] .pilo-fig::before{background:color-mix(in srgb,var(--n-apoyo) 30%,#ffffff);border-radius:28px 28px 24px 24px}
html[data-paleta="pilo"] .plan .cinta{background:var(--n-apoyo);color:#181f39}
html[data-paleta="pilo"] .top{background:color-mix(in srgb,var(--n-fondo) 92%,transparent)}
html[data-paleta="pilo"][data-modo="claro"] :is(.zona-video,.escenario,.pg-sec) :focus-visible{outline-color:var(--n-apoyo)}
html[data-paleta="pilo"]:is([data-modo="claro"],[data-modo="oscuro"]) :is(h1,h2,h3) em{color:var(--n-borde-acento);
background:linear-gradient(transparent 86%,color-mix(in srgb,var(--n-acento) 55%,transparent) 86%,color-mix(in srgb,var(--n-acento) 55%,transparent) 96%,transparent 96%)}
html[data-paleta="pilo"]:is([data-modo="claro"],[data-modo="oscuro"]) .zona-video :is(h1,h2,h3) em{color:var(--n-acento)}
html[data-paleta="pilo"][data-modo="claro"] :is(h1,h2,h3,.pg-titulo) em{color:var(--n-texto);background:linear-gradient(transparent 60%,var(--n-vida-2) 60%,var(--n-vida-2) 92%,transparent 92%)}
html[data-paleta="pilo"][data-modo="oscuro"] :is(h1,h2,h3,.pg-titulo) em{color:var(--n-vida-2);background:linear-gradient(transparent 86%,color-mix(in srgb,var(--n-vida-2) 55%,transparent) 86%,color-mix(in srgb,var(--n-vida-2) 55%,transparent) 96%,transparent 96%)}
html[data-paleta="pilo"][data-modo] :is(.zona-video,.pg-sec) :is(h1,h2,h3,.pg-titulo) em{color:var(--n-vida-2);background:linear-gradient(transparent 86%,color-mix(in srgb,var(--n-vida-2) 55%,transparent) 86%,color-mix(in srgb,var(--n-vida-2) 55%,transparent) 96%,transparent 96%)}
html[data-paleta="pilo"][data-modo] .pasos li::before{background:var(--n-vida-1);color:var(--n-sobre-vida)}
html[data-paleta="pilo"][data-modo] .pasos-v li>b{background:var(--n-vida-1);color:var(--n-sobre-vida)}
html[data-paleta="pilo"] .franja .n{color:var(--n-vida-1-texto)}
html[data-paleta="pilo"] .hace .ico{color:var(--n-vida-1-texto)}
html[data-paleta="pilo"][data-modo] .tres-no li::before{background:var(--n-vida-1)}
html[data-paleta="pilo"][data-modo] .plan .cinta{background:var(--n-vida-1);color:var(--n-sobre-vida)}
html[data-paleta="pilo"][data-modo] .plan .fund{background:var(--n-vida-2);color:var(--n-sobre-vida);box-shadow:none}
html[data-paleta="pilo"] .pilo-heroe::after{content:"\2726";position:absolute;z-index:3;top:-4px;right:-6px;font:400 17px/1 system-ui,sans-serif;color:var(--n-vida-2);text-shadow:-15px 15px 0 var(--n-vida-1);transform:scale(.85);pointer-events:none}
/*vitrina.css*/
html[data-paleta="pilo"] .heroe{padding:18px 0 48px;isolation:isolate}
html[data-paleta="pilo"] .heroe::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
background:
radial-gradient(38% 30% at 82% 30%,color-mix(in srgb,var(--n-vida-1) 22%,transparent),transparent 70%),
radial-gradient(34% 28% at 18% 62%,color-mix(in srgb,var(--n-acento) 18%,transparent),transparent 70%),
radial-gradient(30% 26% at 60% 88%,color-mix(in srgb,var(--n-vida-2) 22%,transparent),transparent 70%)}
html[data-paleta="pilo"] .heroe::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.5;
background-image:radial-gradient(color-mix(in srgb,var(--n-texto) 14%,transparent) 1px,transparent 1.4px);background-size:22px 22px;
-webkit-mask:linear-gradient(180deg,#000,transparent 85%);mask:linear-gradient(180deg,#000,transparent 85%)}
.heroe-grid{display:grid;gap:14px;grid-template-areas:"texto" "escena" "accion";align-items:start}
.h-texto{grid-area:texto}.h-escena{grid-area:escena;min-width:0}.h-accion{grid-area:accion}
html[data-paleta="pilo"] .heroe h1{font-size:clamp(30px,8.4vw,64px);line-height:1.04;margin:10px 0 0}
.h-accion .tres-no{margin:16px 0 20px}
.pie-muestras{margin-top:14px;max-width:44ch}
@media (min-width:900px){
html[data-paleta="pilo"] .heroe{padding:46px 0 80px}
.heroe-grid{grid-template-columns:.9fr 1.1fr;grid-template-areas:"texto escena" "accion escena";column-gap:40px;row-gap:22px;align-items:end}
.h-accion{align-self:start}
html[data-paleta="pilo"] .heroe h1{margin-top:16px}
}
.h-escenario{position:relative;height:clamp(318px,86vw,360px);margin:6px auto 0;max-width:420px}
@media (min-width:900px){.h-escenario{height:590px;max-width:none;width:100%}}
@media (min-width:1200px){.h-escenario{width:calc(100% + 60px);margin-right:-60px}}
.h-luz{position:absolute;left:50%;top:50%;width:78%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;z-index:0;
background:radial-gradient(closest-side,color-mix(in srgb,var(--n-acento) 30%,transparent),transparent);filter:blur(8px)}
.tel-v{position:absolute;z-index:3;left:50%;top:0;transform:translateX(-50%);width:clamp(166px,45vw,190px);aspect-ratio:9/16;
border-radius:30px;padding:7px;background:#0c0e1b;
box-shadow:0 30px 60px -22px rgba(6,8,20,.75),0 0 0 1.5px color-mix(in srgb,var(--n-texto) 14%,transparent),inset 0 0 0 1px rgba(255,255,255,.08)}
@media (min-width:900px){.tel-v{width:284px;border-radius:44px;padding:10px;top:0}}
.tel-v video{position:absolute;inset:7px;width:calc(100% - 14px);height:calc(100% - 14px);object-fit:cover;border-radius:24px;background:#000;
opacity:0;transition:opacity .55s ease}
@media (min-width:900px){.tel-v video{inset:10px;width:calc(100% - 20px);height:calc(100% - 20px);border-radius:35px}}
.tel-v video.ver{opacity:1}
.tel-v .isla{position:absolute;z-index:4;top:14px;left:50%;transform:translateX(-50%);width:54px;height:15px;border-radius:99px;background:#000}
@media (min-width:900px){.tel-v .isla{top:20px;width:92px;height:25px}}
.tel-estilo{position:absolute;z-index:4;left:50%;bottom:14px;transform:translateX(-50%);white-space:nowrap;display:inline-flex;align-items:center;gap:6px;
padding:6px 11px;border-radius:99px;background:rgba(12,14,27,.8);color:#f5f4ff;font:600 12px/1 var(--cuerpo);
-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.tel-estilo b{font:700 13px/1 var(--titulo)}
.tel-estilo i{font-style:normal;color:#ffc94a}
@media (min-width:900px){.tel-estilo{bottom:24px;font-size:13.5px;padding:8px 14px}.tel-estilo b{font-size:15px}}
.h-carta{position:absolute;z-index:2;margin:0;width:clamp(112px,31vw,132px);aspect-ratio:9/16;border-radius:18px;overflow:hidden;background:#000;
border:3px solid var(--c);box-shadow:0 22px 40px -18px rgba(6,8,20,.7)}
.h-carta video{width:100%;height:100%;object-fit:cover}
.h-carta.izq{--c:var(--n-vida-1);left:0;top:12%;transform:rotate(-8deg)}
.h-carta.der{--c:var(--n-vida-2);right:0;top:4%;transform:rotate(7deg)}
@media (min-width:900px){
.h-carta{width:200px;border-radius:24px;border-width:4px}
.h-carta.izq{left:-38px;top:22%}
.h-carta.der{right:-30px;top:6%}
}
.h-escenario .pilo-heroe{width:76px;left:2px;top:auto;bottom:4px;z-index:6}
.h-escenario .pilo-globo{left:66px;top:auto;bottom:70px;font-size:12.5px;border-radius:14px 14px 14px 4px}
@media (min-width:900px){
.h-escenario .pilo-heroe{width:128px;left:-14px;bottom:20px}
.h-escenario .pilo-globo{left:96px;bottom:136px;font-size:14px}
}
.h-chips{display:flex;gap:8px;margin:14px -16px 0;padding:6px 16px 10px;overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-inline:16px;scrollbar-width:none;justify-content:flex-start}
.h-chips::-webkit-scrollbar{display:none}
@media (min-width:430px){.h-chips{justify-content:center;flex-wrap:wrap;overflow:visible}}
@media (min-width:900px){.h-chips{margin:18px 0 0;padding:6px 0;flex-wrap:nowrap}}
html[data-paleta="pilo"] .h-chips button{flex:none;scroll-snap-align:start;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 15px;border-radius:999px;
border:1.5px solid color-mix(in srgb,var(--n-texto) 22%,transparent);background:var(--n-superficie);color:var(--n-texto);
font:600 14.5px/1 var(--titulo);box-shadow:var(--sombra-p)}
.h-chips button i{width:12px;height:12px;border-radius:50%;background:var(--c);box-shadow:0 0 0 2px color-mix(in srgb,var(--n-texto) 25%,transparent)}
html[data-paleta="pilo"] .h-chips button[aria-pressed="true"]{background:var(--n-acento);color:var(--n-sobre-acento);border-color:var(--n-borde-acento);
box-shadow:inset 0 0 0 1px var(--n-borde-acento)}
html[data-paleta="pilo"] .h-chips button[aria-pressed="true"] i{box-shadow:0 0 0 2px var(--n-sobre-acento)}
html[data-paleta="pilo"] .logo.logo-pilo{background:var(--n-superficie);box-shadow:var(--sombra-p);padding:3px;overflow:hidden}
html[data-paleta="pilo"][data-modo="oscuro"] .logo.logo-pilo{background:color-mix(in srgb,var(--n-apoyo) 30%,#ffffff);box-shadow:none}
.logo.logo-pilo img{width:100%;height:100%;object-fit:contain}
html[data-paleta="pilo"] .cuadro.despues .chip{background:var(--n-vida-2);color:var(--n-sobre-vida)}
html[data-paleta="pilo"] .cuadro .chip{letter-spacing:.04em}
html[data-paleta="pilo"] .cuadro.despues{box-shadow:0 0 0 3px var(--n-vida-2)}
html[data-paleta="pilo"][data-modo] .pasos li:nth-child(2)::before{background:var(--n-vida-2);color:var(--n-sobre-vida)}
html[data-paleta="pilo"][data-modo] .pasos li:nth-child(3)::before{background:var(--n-vida-1);color:var(--n-sobre-vida);box-shadow:0 0 0 4px color-mix(in srgb,var(--n-vida-2) 55%,transparent)}
html[data-paleta="pilo"] .pasos li{border-top:5px solid var(--n-vida-1)}
html[data-paleta="pilo"] .pasos li:nth-child(2){border-top-color:var(--n-vida-2)}
.galeria-sec{overflow:hidden}
.carril{display:grid;grid-auto-flow:column;grid-auto-columns:min(60vw,236px);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;
padding:6px 16px 22px;scroll-padding:0 16px;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--n-video-tenue) transparent}
@media (min-width:720px){.carril{padding:6px 28px 22px;scroll-padding:0 28px}}
@media (min-width:1100px){
.carril{grid-auto-flow:row;grid-template-columns:repeat(5,1fr);grid-auto-columns:auto;overflow:visible;max-width:1120px;margin:0 auto;padding:6px 28px 8px;gap:18px}
}
.est{scroll-snap-align:start;border-radius:22px;overflow:hidden;background:var(--n-video-sup);
box-shadow:0 18px 36px -20px rgba(0,0,0,.8),inset 0 0 0 1px rgba(255,255,255,.06);display:flex;flex-direction:column}
.est-media{position:relative;aspect-ratio:9/16;background:#000}
.est-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.est-tipo{position:absolute;top:10px;left:10px;padding:5px 9px;border-radius:8px;background:rgba(12,14,27,.72);color:#f5f4ff;font:700 11px/1 var(--cuerpo);letter-spacing:.06em;text-transform:uppercase}
.est-info{position:relative;padding:12px 14px 16px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;column-gap:8px;row-gap:6px}
.est-n{font:700 14px/1 var(--titulo);color:var(--n-vida-1);font-variant-numeric:tabular-nums}
.est-info h3{font:700 19px/1.1 var(--titulo);color:var(--n-video-texto);margin:0}
.est-colores{display:inline-flex;gap:0}
.est-colores i{width:16px;height:16px;border-radius:50%;background:var(--c);box-shadow:0 0 0 2px var(--n-video-sup);margin-left:-4px}
.est-colores i:first-child{margin-left:0}
.est-info p{grid-column:1/-1;color:color-mix(in srgb,var(--n-video-texto) 80%,var(--n-video-sup));font-size:13.5px;line-height:1.45;margin:0}
.formatos{display:grid;gap:16px}
@media (min-width:900px){.formatos{grid-template-columns:repeat(3,1fr);gap:20px}}
html[data-paleta="pilo"] .fmt{display:grid;grid-template-columns:min(40%,150px) 1fr;gap:16px;align-items:center;padding:12px;border-radius:24px;
background:var(--n-superficie);box-shadow:var(--sombra)}
.fmt-media{position:relative;aspect-ratio:9/16;border-radius:16px;overflow:hidden;background:#000}
.fmt-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.aviso-cc{background:#f5b356!important;color:#2a2208!important}
.fmt-media .aviso-cc{bottom:8px;left:6px;right:6px;font-size:9.5px}
.fmt-plan{display:inline-block;padding:4px 9px;border-radius:99px;background:var(--n-vida-1);color:var(--n-sobre-vida);font:700 11.5px/1.2 var(--cuerpo);letter-spacing:.02em}
.fmt h3{font-size:20px;margin:10px 0 6px}
.fmt p{color:var(--n-tenue);font-size:14.5px}
html[data-paleta="pilo"] .cierre{isolation:isolate}
html[data-paleta="pilo"] .cierre::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
background:radial-gradient(40% 50% at 50% 100%,color-mix(in srgb,var(--n-acento) 20%,transparent),transparent 70%),
radial-gradient(26% 30% at 20% 30%,color-mix(in srgb,var(--n-vida-1) 16%,transparent),transparent 70%),
radial-gradient(26% 30% at 80% 25%,color-mix(in srgb,var(--n-vida-2) 18%,transparent),transparent 70%)}
.cierre .pilo-cierre{position:relative;width:104px;margin:0 auto 8px;z-index:1}
html[data-paleta="pilo"] .pilo-cierre::after{content:"\2726";position:absolute;z-index:3;top:-4px;right:-10px;font:400 20px/1 system-ui,sans-serif;
color:var(--n-vida-2);text-shadow:-17px 17px 0 var(--n-vida-1);pointer-events:none}
@media (prefers-reduced-motion:reduce){.tel-v video{transition:none}}
.btn-sonido{position:absolute;z-index:5;left:8px;bottom:8px;display:inline-flex;align-items:center;gap:5px;min-height:32px;padding:0 11px;
border:0;border-radius:999px;background:rgba(12,14,27,.74);color:#fff;font:700 12.5px/1 var(--cuerpo);cursor:pointer;
backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 2px 10px rgba(0,0,0,.25)}
.btn-sonido:hover{background:rgba(12,14,27,.9)}
.btn-sonido:focus-visible{outline:3px solid #fff;outline-offset:2px}
.btn-sonido[aria-pressed="true"]{background:var(--n-vida-2,#ffb23f);color:var(--n-sobre-vida,#141414)}
.cuadro,.fmt-media,.est-media,.h-carta{position:relative}
.cuadro .btn-sonido{bottom:auto;top:8px;left:auto;right:8px}
.h-carta .btn-sonido{left:6px;bottom:6px;min-height:28px;padding:0 9px;font-size:11.5px}
.btn-sonido.en-tel{left:50%;bottom:-2px;transform:translate(-50%,50%);z-index:6}
@media (max-width:899px){.h-carta .btn-sonido{display:none}}
/*conversion.css*/
@property --corte{syntax:"<percentage>";inherits:true;initial-value:0%}
html[data-paleta="pilo"] .heroe.hc{padding:14px 0 34px}
.hc .hc-grid{display:grid;gap:26px;align-items:center}
html[data-paleta="pilo"] .hc h1{font-size:clamp(29px,7.9vw,60px);line-height:1.05;margin:10px 0 12px}
.hc .bajada{font-size:clamp(15.5px,4vw,19px);line-height:1.5;max-width:40ch;margin-bottom:16px}
.hc .acciones{max-width:440px;gap:8px}
.hc .btn.prim{font-size:17px}
.hc-micro{line-height:1.45}
.hc-nota{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;margin:2px 0 0;font-size:14px;line-height:1.4;color:var(--n-texto)}
.hc-nota.centro-g{justify-content:center;margin-top:8px}
.sello{display:inline-flex;align-items:center;gap:5px;flex:none;padding:4px 10px 4px 7px;border-radius:999px;
font:700 13px/1.1 var(--cuerpo);letter-spacing:.01em;color:var(--n-sobre-vida);background:var(--n-vida-2)}
.sello svg{width:15px;height:15px}
.of-micro,.planes-pie{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px}
.of-micro{margin-top:12px}
@media (min-width:900px){
html[data-paleta="pilo"] .heroe.hc{padding:40px 0 70px}
.hc .hc-grid{grid-template-columns:1.02fr .98fr;gap:56px}
html[data-paleta="pilo"] .hc h1{margin-top:16px}
}
.hc-demo{min-width:0}
.hc-escena{position:relative;width:min(100%,420px);margin:0 auto;padding:6px 0 10px}
@media (min-width:900px){.hc-escena{width:100%;max-width:480px;padding:10px 0 18px}}
.hc-escena .h-luz{z-index:0}
.cv{position:relative;z-index:3;width:clamp(196px,54vw,224px);aspect-ratio:9/16;margin:0 auto;border-radius:32px;padding:7px;background:#0c0e1b;
box-shadow:0 30px 60px -22px rgba(6,8,20,.75),0 0 0 1.5px color-mix(in srgb,var(--n-texto) 14%,transparent),inset 0 0 0 1px rgba(255,255,255,.08)}
@media (min-width:900px){.cv{width:300px;border-radius:46px;padding:10px}}
.cv .isla{position:absolute;z-index:6;top:14px;left:50%;transform:translateX(-50%);width:58px;height:16px;border-radius:99px;background:#000}
@media (min-width:900px){.cv .isla{top:20px;width:92px;height:25px}}
.cv-pantalla{position:absolute;inset:7px;border-radius:25px;overflow:hidden;background:#000}
@media (min-width:900px){.cv-pantalla{inset:10px;border-radius:36px}}
.cv-capa{position:absolute;inset:0;z-index:1}
.cv-capa:not(.cv-capa-listo){clip-path:inset(0 0 0 var(--corte))}
.cv-capa-listo{z-index:2}
.cv-linea{transition:opacity .25s}
.cv.en-borde .cv-linea{opacity:0}
.cv-capa video{width:100%;height:100%;object-fit:cover;background:#000}
.cv-crudo{filter:grayscale(1) contrast(.92) brightness(.92)}
.cv-capa-listo{clip-path:inset(0 calc(100% - var(--corte)) 0 0);transition:--corte 1.15s cubic-bezier(.7,0,.2,1)}
.cv{transition:--corte 1.15s cubic-bezier(.7,0,.2,1)}
.cv.manual,.cv.manual .cv-capa-listo{transition:none}
.cv-linea{position:absolute;z-index:4;top:0;bottom:0;left:var(--corte);width:3px;margin-left:-1.5px;background:var(--n-vida-2);
box-shadow:0 0 16px 2px color-mix(in srgb,var(--n-vida-2) 70%,transparent);pointer-events:none}
.cv-linea i{position:absolute;top:50%;left:50%;width:30px;height:30px;transform:translate(-50%,-50%);border-radius:50%;background:var(--n-vida-2);
box-shadow:0 4px 12px rgba(0,0,0,.4)}
.cv-linea i::before{content:"‹ ›";position:absolute;inset:0;display:grid;place-items:center;font:800 14px/1 var(--cuerpo);color:#181f39;letter-spacing:-1px}
.cv-etq{position:absolute;z-index:3;top:38px;display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:9px;max-width:44%;
font:700 10.5px/1.15 var(--cuerpo);letter-spacing:.03em;text-transform:uppercase}
.cv-etq-antes{right:9px;background:rgba(0,0,0,.66);color:#fff}
.cv-etq-antes i{width:7px;height:7px;border-radius:50%;background:#ff5a5a;animation:parpadeo 1.2s infinite}
.cv-etq-despues{left:9px;background:var(--n-vida-2);color:#181f39}
@media (min-width:900px){.cv-etq{top:56px;font-size:11.5px;padding:6px 9px}}
.cv-etq-antes i{flex:none}
.cv-rango{position:absolute;z-index:5;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y;-webkit-appearance:none;appearance:none}
.cv:focus-within{outline:3px solid var(--n-foco);outline-offset:4px}
.cv-aviso{position:absolute;z-index:6;right:0;top:20%;display:flex;align-items:center;gap:9px;max-width:206px;padding:9px 12px 9px 9px;border-radius:16px;
background:var(--n-superficie);color:var(--n-texto);font:500 12.5px/1.3 var(--cuerpo);box-shadow:0 18px 40px -14px rgba(6,8,20,.55),0 0 0 1px color-mix(in srgb,var(--n-texto) 10%,transparent);
opacity:0;transform:translateY(-10px) scale(.96);transition:opacity .45s ease,transform .45s cubic-bezier(.2,.8,.2,1.2)}
.cv-aviso b{display:block;font:700 12px/1.2 var(--titulo);color:var(--n-tenue)}
.cv-aviso-ico{flex:none;width:32px;height:32px;border-radius:10px;padding:2px;background:color-mix(in srgb,var(--n-apoyo) 30%,#ffffff)}
.cv-aviso-ico img{width:100%;height:100%;object-fit:contain}
.hc-escena.listo .cv-aviso{opacity:1;transform:none}
@media (max-width:899px){.cv-aviso{right:-4px;top:24%;max-width:170px;font-size:12px}}
@media (min-width:900px){.cv-aviso{right:-6px;top:16%}}
.hc .hc-escena .pilo-heroe{width:74px;left:0;top:auto;bottom:6px;z-index:7}
.hc .hc-escena .pilo-globo{left:2px;top:auto;bottom:88px;white-space:normal;max-width:132px;font-size:12.5px;line-height:1.25;border-radius:14px 14px 14px 4px}
@media (min-width:900px){
.hc .hc-escena .pilo-heroe{width:118px;left:-8px;bottom:22px}
.hc .hc-escena .pilo-globo{left:-34px;bottom:150px;max-width:170px;font-size:13.5px}
}
.hc-pie{margin:8px auto 0;max-width:34ch;text-align:center;font-size:12.5px;line-height:1.4;color:var(--n-tenue)}
@media (prefers-reduced-motion:reduce){.cv,.cv-capa-listo,.cv-aviso{transition:none}.cv-etq-antes i{animation:none}}
html[data-paleta="pilo"] .fc .c{display:block}
.fc ul{list-style:none;margin:0;padding:14px 0;display:grid;grid-template-columns:1fr 1fr;gap:10px 14px}
.fc li{display:flex;align-items:center;gap:9px;font:600 14px/1.3 var(--cuerpo);color:var(--n-texto)}
.fc svg{flex:none;width:30px;height:30px;padding:6px;border-radius:10px;color:var(--n-vida-1-texto);background:var(--n-superficie);box-shadow:var(--sombra-p)}
@media (min-width:860px){.fc ul{grid-template-columns:repeat(4,auto);justify-content:space-between;padding:20px 0}.fc li{font-size:15px}}
.guia{display:flex;align-items:flex-end;gap:10px;margin-bottom:6px}
.guia .pilo-fig{position:relative;flex:none;width:58px;z-index:1}
@media (min-width:900px){.guia .pilo-fig{width:70px}}
.guia-globo{position:relative;margin-bottom:22px;padding:9px 13px;border-radius:16px 16px 16px 4px;max-width:30ch;
font:600 14px/1.35 var(--cuerpo);color:#1d1927;background:#fff;box-shadow:0 8px 22px -10px rgba(40,28,70,.45)}
html[data-modo="claro"] .sec:not(.zona-video) .guia-globo{box-shadow:0 8px 22px -10px rgba(40,28,70,.4),0 0 0 1px color-mix(in srgb,var(--n-texto) 10%,transparent)}
.ad .cab{margin-bottom:22px}
.ad-par{display:grid;gap:18px;padding:12px;border-radius:24px;background:var(--n-video-sup);box-shadow:0 24px 50px -28px rgba(0,0,0,.8)}
@media (min-width:900px){.ad-par{grid-template-columns:auto 1fr;gap:34px;align-items:center;padding:18px 34px 18px 18px}}
.ad-videos{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:6px}
@media (min-width:900px){.ad-videos{grid-template-columns:236px auto 236px;gap:12px}}
.ad .cuadro{border-radius:16px}
.ad .cuadro:not(.despues) video{filter:grayscale(1)}
.ad-flecha{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--n-vida-2);color:#181f39}
.ad-flecha svg{width:16px;height:16px}
.ad-etq{list-style:none;margin:0;padding:0 4px 4px;display:grid;gap:12px}
.ad-etq li{display:flex;gap:10px;align-items:flex-start;font:600 15.5px/1.35 var(--cuerpo);color:var(--n-video-texto)}
.ad-etq li::before{content:"✓";flex:none;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--n-vida-2);color:#181f39;font:800 12px/1 var(--cuerpo);margin-top:1px}
@media (min-width:900px){.ad-etq li{font-size:17px}}
.pasos .quien{display:inline-block;margin-bottom:8px;padding:4px 9px;border-radius:999px;font:700 11.5px/1.2 var(--cuerpo);letter-spacing:.03em;
color:var(--n-sobre-vida);background:var(--n-vida-1)}
.pasos .quien.yo{background:var(--n-vida-2)}
.est-escena{display:grid;grid-template-areas:"cab" "tel" "chips" "todos";gap:4px 40px;align-items:center}
.est-texto{display:contents}
.est-escena .cab{grid-area:cab;margin-bottom:6px}
.est-escena .h-escenario{grid-area:tel}
.est-escena .h-chips{grid-area:chips}
.est-todos{grid-area:todos;justify-self:center;margin-top:12px}
html[data-paleta="pilo"] .est-escena .h-escenario{height:calc(min(45vw,190px) * 16 / 9 + 34px);max-width:420px;width:100%;margin:0 auto}
.est-pilo{width:66px;left:4%;bottom:6px}
@media (min-width:900px){
.est-escena{grid-template-columns:1.05fr .95fr;grid-template-areas:"cab tel" "chips tel" "todos tel";align-content:center}
html[data-paleta="pilo"] .est-escena .h-escenario{height:560px;max-width:none;margin:0}
.est-escena .h-chips{flex-wrap:wrap;justify-content:flex-start;margin:6px 0 0}
.est-todos{justify-self:start}
.est-pilo{width:104px;left:2%;bottom:30px}
}
.est-todas{padding-top:34px}
.tr-dos{display:grid;gap:16px;margin-bottom:18px}
@media (min-width:760px){.tr-dos{grid-template-columns:1fr 1fr;gap:20px}}
.tr-caso{position:relative;border-radius:24px;padding:20px 20px 18px;background:var(--n-superficie);box-shadow:var(--sombra-p)}
.tr-hoy{background:transparent;box-shadow:none;border:2px dashed color-mix(in srgb,var(--n-texto) 22%,transparent)}
.tr-con{box-shadow:var(--sombra),inset 0 0 0 3px var(--n-vida-2)}
.tr-tag{display:inline-block;padding:5px 11px;border-radius:999px;font:700 12px/1 var(--cuerpo);letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px;
color:var(--n-texto);background:color-mix(in srgb,var(--n-texto) 9%,transparent)}
.tr-con .tr-tag{color:#181f39;background:var(--n-vida-2)}
.tr-caso ol{list-style:none;margin:0;padding:0;display:grid;gap:0}
.tr-caso li{position:relative;padding:0 0 12px 24px;font-size:16px;line-height:1.4;color:var(--n-texto)}
.tr-caso li::before{content:"";position:absolute;left:4px;top:7px;width:9px;height:9px;border-radius:50%;background:color-mix(in srgb,var(--n-texto) 35%,transparent)}
.tr-caso li:not(:last-child)::after{content:"";position:absolute;left:8px;top:18px;bottom:2px;width:1.5px;background:color-mix(in srgb,var(--n-texto) 18%,transparent)}
.tr-hoy li{color:var(--n-tenue)}
.tr-con li::before{background:var(--n-vida-1)}
.tr-caso li.tr-fin{padding-bottom:0;font:700 17px/1.35 var(--titulo)}
.tr-hoy li.tr-fin{color:var(--n-texto);text-decoration:line-through;text-decoration-color:color-mix(in srgb,var(--n-error) 80%,transparent);text-decoration-thickness:2px}
.tr-con li.tr-fin::before{background:var(--n-vida-2);box-shadow:0 0 0 4px color-mix(in srgb,var(--n-vida-2) 35%,transparent)}
.tr-tres{display:grid;gap:12px}
@media (min-width:860px){.tr-tres{grid-template-columns:repeat(3,1fr);gap:16px}}
html[data-paleta="pilo"] .tr-tres div{padding:18px;border-radius:16px;background:var(--n-superficie);box-shadow:var(--sombra-p)}
.tr-tres b{display:block;font:700 17px/1.25 var(--titulo);margin-bottom:4px}
.tr-tres p{color:var(--n-tenue);font-size:14.5px}
html[data-paleta="pilo"] .qd-caja{display:grid;gap:18px;padding:24px 20px;border-radius:28px;background:var(--n-superficie);box-shadow:var(--sombra)}
.qd-caja .cab{margin-bottom:0}
.qd-caja .cab h2{font-size:clamp(27px,6.6vw,42px)}
@media (min-width:900px){html[data-paleta="pilo"] .qd-caja{grid-template-columns:1.15fr .85fr;gap:40px;padding:40px;align-items:center}}
.qd-lista{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.qd-lista li{padding-left:14px;border-left:3px solid var(--n-vida-1)}
.qd-lista b{display:block;font:700 16.5px/1.3 var(--titulo)}
.qd-lista span{color:var(--n-tenue);font-size:14.5px}
.of{position:relative;max-width:720px}
.of h2{font-size:clamp(30px,7.6vw,46px);font-weight:700;line-height:1.05;margin:12px 0 8px;padding-right:60px}
.of-pilo{width:70px;right:16px;top:-40px}
@media (min-width:600px){.of-pilo{width:90px;right:26px;top:-52px}}
.of-precio{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;margin:4px 0 2px}
.of-precio b{font:700 46px/1 var(--titulo);letter-spacing:-.03em}
.of-precio span{color:var(--n-tenue);font-size:14.5px}
.of-nota{display:flex;gap:10px;align-items:flex-start;margin:0 0 20px;padding:12px 14px;border-radius:16px;box-shadow:var(--hundido);font-size:14px;color:var(--n-tenue)}
.of-nota svg{flex:none;width:20px;height:20px;color:var(--n-vida-1-texto);margin-top:1px}
.of-nota b{color:var(--n-texto)}
.cuenta{display:grid;gap:14px}
@media (min-width:860px){.cuenta{grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}}
html[data-paleta="pilo"] .cuenta-op{padding:18px 18px 16px;border-radius:24px;background:var(--n-superficie);box-shadow:var(--sombra-p)}
html[data-paleta="pilo"] .cuenta-op.pilo-op{box-shadow:var(--sombra),inset 0 0 0 3px var(--n-vida-2)}
.cuenta-op h3{font-size:19px;margin-bottom:10px}
.cuenta-op h3 small{display:block;font:600 13px/1.3 var(--cuerpo);color:var(--n-tenue);letter-spacing:0}
.cuenta-op dl{margin:0;display:grid;grid-template-columns:7.5em 1fr;gap:8px 12px}
.cuenta-op dt{font:700 11.5px/1.35 var(--cuerpo);letter-spacing:.05em;text-transform:uppercase;color:var(--n-tenue);padding-top:2px}
.cuenta-op dd{margin:0;font-size:14.5px;line-height:1.4;color:var(--n-texto)}
.cuenta-op:not(.pilo-op) dd{color:var(--n-tenue)}
.cuenta-ref{margin-top:20px;font-size:16px;max-width:62ch}
.cierre-bajada{max-width:40ch;margin:0 auto 22px;color:var(--n-tenue);font-size:17px;position:relative}
.faq-mas{text-align:center;margin-top:22px;font-size:16px;color:var(--n-texto)}
.faq-mas a{color:var(--n-texto);font-weight:700}
.ad .cuadro .btn-sonido{top:auto;right:auto;bottom:8px;left:50%;transform:translateX(-50%);white-space:nowrap}
@media (min-width:1060px){#planes .planes{grid-template-columns:repeat(3,1fr);max-width:900px}}
.ad-ver{justify-self:center;align-self:center}
.pasos-fin{text-align:center;margin:22px 0 0;font-size:17px}
.est-lista{margin:6px 0 14px}
.est-remate{margin:0 0 14px}
.of-sub{margin:-4px 0 10px;color:var(--n-tenue)}
.of-precio b{font-size:clamp(30px,7vw,40px)}
.of-firma{margin:8px 0 14px;font-size:13.5px;color:var(--n-tenue)}
.plan-para{margin:6px 0 12px;font-size:14px;color:var(--n-tenue)}
.planes-mas{text-align:center;margin:14px 0 0}
.qd-pie{margin:18px 0 0;font-size:15px}
#novedades .pasos li:nth-child(1)::before{content:"✦"}
#novedades .pasos li:nth-child(2)::before{content:"↻"}
#novedades .pasos li:nth-child(3)::before{content:"✎"}
/*variedad.css*/
.heroe .hc-texto .entra{animation-name:entra-sube}
@keyframes entra-sube{from{transform:translateY(16px)}}
.cv-capa .cv-foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.cv-foto-crudo{filter:grayscale(1) contrast(.92) brightness(.92)}
.cv-capa video{position:relative;z-index:1;background:transparent}
.cv-capa .cv-etq{z-index:2}
.var-total{color:var(--n-texto)}
.var-cont{list-style:none;margin:6px 0 34px;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
@media (min-width:720px){.var-cont{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:10px}}
.var-cont li{background:var(--n-superficie);border-radius:16px;padding:11px 10px 10px;box-shadow:0 0 0 1px color-mix(in srgb,var(--n-texto) 9%,transparent);display:flex;flex-direction:column;gap:4px;min-height:76px}
@media (min-width:720px){.var-cont li{padding:14px 14px 12px;border-radius:18px;min-height:92px}}
.var-n{font:700 clamp(28px,8vw,46px)/1 var(--titulo);color:var(--n-borde-acento);font-variant-numeric:tabular-nums}
.var-cont span{font:600 12.5px/1.25 var(--cuerpo);hyphens:auto;color:var(--n-tenue)}
.var-cont .var-cont-prox .var-n{color:var(--n-vida-1-texto,var(--n-tenue))}
html[data-modo="oscuro"] .var-n{color:var(--n-acento)}
@media (min-width:720px){.var-cont span{font-size:14px}}
.var-toma{display:grid;gap:18px;align-items:center;margin:0 0 40px;padding:22px 18px;border-radius:28px;background:var(--n-video);color:var(--n-video-texto)}
.var-toma h3{font:700 clamp(24px,6vw,34px)/1.1 var(--titulo);margin:0 0 8px;color:var(--n-video-texto)}
.var-toma p{margin:0;color:var(--n-video-tenue);font-size:16px;max-width:42ch}
.var-tel{position:relative;justify-self:center;width:min(62vw,250px);aspect-ratio:9/16;border-radius:34px;padding:8px;background:#0b0d16;
box-shadow:0 0 0 2px color-mix(in srgb,#fff 14%,transparent),0 24px 50px -18px rgba(0,0,0,.7)}
.var-tel video{width:100%;height:100%;object-fit:cover;border-radius:27px;background:#000;display:block}
.var-tel .isla{position:absolute;z-index:2;top:15px;left:50%;transform:translateX(-50%);width:62px;height:17px;border-radius:99px;background:#000}
@media (min-width:760px){.var-toma{grid-template-columns:1fr auto;padding:30px 40px;gap:36px}.var-tel{width:270px}}
.var-fila{margin:0 0 26px}
.var-fila-cab{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-bottom:10px}
.var-fila-cab h3{font:700 22px/1.15 var(--titulo);margin:0}
.var-fila-cab small{font:600 15px var(--cuerpo);color:var(--n-tenue)}
.var-fila-cab p{margin:0;color:var(--n-tenue);font-size:15px}
.var-carril{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(118px,34vw,150px);gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;
padding:2px 2px 12px;margin:0 -16px;padding-inline:16px;scroll-padding-inline:16px;overscroll-behavior-x:contain;min-height:236px}
@media (min-width:720px){.var-carril{margin:0 -28px;padding-inline:28px;scroll-padding-inline:28px}}
.var-k{scroll-snap-align:start;margin:0}
.var-k-m{position:relative;aspect-ratio:9/16;border-radius:16px;overflow:hidden;background:var(--n-video-sup)}
.var-k-m video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.var-k h4{font:600 14px/1.25 var(--cuerpo);margin:7px 2px 0;color:var(--n-texto)}
.var-k p{margin:4px 2px 0;font-size:13.5px;line-height:1.4;color:var(--n-tenue)}
.var-prox{position:absolute;left:8px;top:8px;padding:4px 8px;border-radius:8px;background:rgba(12,14,27,.78);color:#f5f4ff;font:700 10.5px/1 var(--cuerpo);letter-spacing:.05em;text-transform:uppercase}
.var-k.prox .var-k-m video{filter:saturate(.75)}
.var-sin{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;font:600 13px/1.3 var(--cuerpo);color:var(--n-video-tenue);
background:repeating-linear-gradient(135deg,var(--n-video-sup) 0 12px,color-mix(in srgb,var(--n-video-sup) 80%,#000) 12px 24px)}
.var-mas{text-align:center;margin:30px 0 0}
.cat-heroe{padding:40px 0 10px}
.cat-heroe h1{font:700 clamp(32px,8vw,54px)/1.05 var(--titulo);margin:12px 0 12px}
.cat-heroe p{color:var(--n-tenue);font-size:17px;max-width:60ch}
.cat-barra{position:sticky;top:60px;z-index:20;background:var(--n-fondo);padding:12px 0 10px;border-bottom:1px solid color-mix(in srgb,var(--n-texto) 10%,transparent)}
.cat-buscar{width:100%;min-height:46px;border-radius:999px;border:2px solid color-mix(in srgb,var(--n-texto) 16%,transparent);background:var(--n-superficie);color:var(--n-texto);
font:500 16px var(--cuerpo);padding:0 18px}
.cat-buscar:focus{outline:3px solid var(--n-foco);outline-offset:2px}
.cat-filtros{display:flex;gap:8px;overflow-x:auto;margin:10px -16px 0;padding:2px 16px 4px}
.cat-filtros button{flex:none;min-height:38px;padding:0 14px;border-radius:999px;border:1px solid color-mix(in srgb,var(--n-texto) 18%,transparent);background:var(--n-superficie);
color:var(--n-texto);font:600 14px var(--cuerpo);cursor:pointer}
.cat-filtros button small{color:var(--n-tenue);font-weight:600}
.cat-filtros button[aria-pressed="true"]{background:var(--n-acento);border-color:var(--n-borde-acento);color:var(--n-sobre-acento)}
.cat-filtros button[aria-pressed="true"] small{color:inherit}
.cat-sec{padding:30px 0 6px}
.cat-sec-cab h2{font:700 clamp(24px,6vw,32px)/1.15 var(--titulo);margin:0 0 6px}
.cat-sec-cab h2 small{font:600 15px var(--cuerpo);color:var(--n-tenue)}
.cat-sec-cab p{color:var(--n-tenue);margin:0 0 14px;max-width:62ch}
.cat-grilla{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:18px 12px}
@media (min-width:900px){.cat-grilla{grid-template-columns:repeat(auto-fill,minmax(178px,1fr));gap:24px 16px}}
.cat-vacio{padding:40px 0;text-align:center;color:var(--n-tenue)}
.cat-cierre{text-align:center;padding:50px 0 80px}
.cat-cierre h2{font:700 clamp(26px,6vw,38px)/1.1 var(--titulo);margin:0 0 10px}
@media (min-width:720px){.cat-filtros{margin:10px -28px 0;padding:2px 28px 4px}}
.cat-cuerpo{min-height:100vh}

/* 29-oct: el video del héroe aparece solo cuando ya pinta su primer cuadro (sin mitad negra al cargar) */
.cv-capa video{opacity:0;transition:opacity .3s}.cv-capa video.ya{opacity:1}