:root{
  
  --perla:#E4E7EB; --perla-2:#D7DBE0; --tinta:#121418; --tinta-2:#4A5059;
  --noche:#08090B; --noche-2:#14161B; --hueso:#E9EBEE; --hueso-2:#A0A6AF;
  
  --lavanda:#CBBBFF; --lavanda-2:#B49FFF; --lavanda-suave:#EEE9FF;
  --celeste:#A6D8FF; --celeste-2:#7EC5F8; --celeste-suave:#E4F3FF;
  --marino:#1F2A44; --crema:#FFF1E6;
  --fundido:linear-gradient(135deg,var(--lavanda) 15%,var(--celeste) 85%);
  --fundido-suave:linear-gradient(135deg,var(--lavanda-suave) 10%,var(--celeste-suave) 90%);
  
  --fondo:var(--perla); --tarjeta:#fff; --texto:var(--tinta); --texto-2:var(--tinta-2);
  --linea:rgba(11,12,15,.12); --sombra:0 1px 0 rgba(11,12,15,.04),0 22px 50px -26px rgba(18,20,24,.35);
  --boton:var(--tinta); --boton-texto:#fff;
  --letra:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --mono:ui-monospace,Consolas,monospace;
  --margen:clamp(1.25rem,5.5vw,6rem);
  --curva:cubic-bezier(.16,1,.3,1);
  --nav:64px;
  color-scheme:light;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-padding-top:var(--nav);-webkit-text-size-adjust:100%;overflow-x:clip}   
body{margin:0;background:var(--fondo);color:var(--texto);font-family:var(--letra);font-size:1.0625rem;line-height:1.6;
  overflow-x:clip;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,svg{display:block;max-width:100%}
a{color:inherit}
p{margin:0}
:focus-visible{outline:2px solid var(--texto);outline-offset:3px;border-radius:6px}
.salto{position:fixed;left:1rem;top:-4rem;z-index:60;padding:.7rem 1rem;border-radius:999px;background:var(--texto);color:var(--fondo);text-decoration:none;font-weight:600}
.salto:focus{top:1rem}
.provisional{margin:0;padding:.5rem var(--margen);background:var(--lavanda);color:var(--marino);font-size:.9rem;text-align:center}


.nav{position:fixed;inset:0 0 auto;height:var(--nav);z-index:30;display:flex;align-items:center;gap:2rem;padding-inline:var(--margen);color:var(--texto)}
.nav::before{content:"";position:absolute;inset:0;z-index:-1;background:color-mix(in srgb,var(--fondo) 82%,transparent);
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--linea)}
.marca{font-weight:600;font-stretch:120%;font-size:.76rem;letter-spacing:.3em;text-transform:uppercase;text-decoration:none;white-space:nowrap}
.nav-enlaces{display:flex;gap:1.75rem;margin:0 0 0 auto;list-style:none;padding:0}
.nav-enlaces a{text-decoration:none;font-size:.92rem;font-weight:500;padding:.4rem 0;white-space:nowrap}
.nav-enlaces a:hover,.nav-enlaces a[aria-current="page"]{text-decoration:underline;text-underline-offset:.3em}
@media (max-width:1099px){.nav{gap:1rem}.nav>nav{display:none}.nav .boton{margin-left:auto}.marca{letter-spacing:.22em}}   


.menu-boton{display:none}
@media (max-width:1099px){
  .menu-boton{display:inline-flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;margin-right:-8px;padding:0 10px;background:none;border:0;color:inherit;cursor:pointer;flex:none}
  .menu-boton span{display:block;height:2px;border-radius:2px;background:currentColor}
}
@media (max-width:480px){.nav{gap:.6rem}.nav .boton-nav{font-size:0;gap:0;width:44px;min-height:44px;padding:0}.nav .boton-nav svg{width:22px;height:22px}}
.menu-movil{position:fixed;inset:0;z-index:40}
.menu-fondo{position:absolute;inset:0;background:rgba(8,9,11,.55);opacity:0;transition:opacity .3s var(--curva)}
.menu-panel{position:absolute;top:0;right:0;bottom:0;width:min(84vw,360px);display:flex;flex-direction:column;gap:1.75rem;
  padding:calc(var(--nav) + .5rem) 1.75rem calc(2rem + env(safe-area-inset-bottom));background:var(--noche);color:var(--hueso);
  border-left:1px solid rgba(233,235,238,.12);transform:translateX(100%);transition:transform .35s var(--curva);overflow-y:auto}
.menu-movil.abierto .menu-fondo{opacity:1}
.menu-movil.abierto .menu-panel{transform:none}
.menu-cerrar{position:absolute;top:10px;right:14px;width:44px;height:44px;background:none;border:0;color:inherit;cursor:pointer}
.menu-cerrar span{position:absolute;left:11px;right:11px;top:21px;height:2px;border-radius:2px;background:currentColor}
.menu-cerrar span:first-child{transform:rotate(45deg)}
.menu-cerrar span:last-child{transform:rotate(-45deg)}
.menu-lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.menu-lista a{display:block;padding:1rem 0;color:var(--hueso);font-size:1.45rem;font-weight:600;font-stretch:110%;letter-spacing:-.01em;text-decoration:none;border-bottom:1px solid rgba(233,235,238,.1)}
.menu-lista a[aria-current="page"]{color:var(--lavanda)}
.menu-panel .menu-whatsapp{align-self:flex-start;background:var(--hueso);color:var(--noche)}
html.menu-abierto{overflow:hidden}
.menu-panel:focus{outline:none}


.boton{display:inline-flex;align-items:center;justify-content:center;gap:.6em;min-height:48px;padding:.8em 1.4em;border-radius:999px;border:0;
  font:600 1rem/1.1 var(--letra);font-stretch:106%;text-decoration:none;white-space:nowrap;background:var(--boton);color:var(--boton-texto);cursor:pointer;
  transition:transform .14s var(--curva),box-shadow .22s var(--curva),background-color .18s,color .18s}
.boton:hover{transform:translateY(-2px);box-shadow:0 14px 30px -14px color-mix(in srgb,var(--boton) 70%,transparent)}
.boton:active{transform:scale(.97)}
.boton svg{width:1.25em;height:1.25em;flex:none;fill:currentColor}

@media (max-width:480px){.boton:has(.pronto){max-width:100%;gap:.5em;padding-inline:1.1em}.boton:has(.pronto) svg{display:none}}
.boton .pronto{order:-1;padding:.2em .6em;border-radius:999px;background:var(--celeste);color:var(--marino);font-family:var(--mono);font-size:.62em;font-weight:500;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.boton-nav{min-height:44px;padding:.55em 1.05em;font-size:.9rem}
.boton.grande{min-height:58px;padding:1em 1.7em;font-size:1.08rem}
.boton.claro{background:transparent;color:var(--texto);box-shadow:inset 0 0 0 1.5px var(--texto)}
.boton.claro:hover{background:var(--texto);color:var(--fondo)}


.antetitulo{margin:0 0 1rem;font-family:var(--mono);font-size:.76rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--texto-2)}
.ejemplo{display:inline-flex;align-items:center;gap:.4em;font-family:var(--mono);font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;color:var(--texto-2)}
.ejemplo::before{content:"";width:.5em;height:.5em;border-radius:50%;background:var(--lavanda-2)}


.heroe{position:relative;min-height:100svh;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:center;gap:clamp(2rem,5vw,5rem);
  padding:calc(var(--nav) + clamp(2rem,6vh,4.5rem)) var(--margen) clamp(2.5rem,7vh,5rem);overflow:clip}
.sello{display:flex;align-items:center;gap:.75rem;margin-bottom:clamp(1.4rem,4vh,2.4rem)}
.sello svg{width:46px;height:46px;flex:none;filter:drop-shadow(0 6px 14px rgba(31,42,68,.18))}
.sello b{display:block;font-weight:720;font-stretch:112%;font-size:1.06rem;letter-spacing:-.01em;line-height:1.1}
.sello small{display:block;font-family:var(--mono);font-size:.68rem;letter-spacing:.07em;text-transform:uppercase;color:var(--texto-2)}
.heroe h1{margin:0 0 1.3rem;font-weight:780;font-stretch:118%;font-size:clamp(2.7rem,6.3vw,6.1rem);line-height:.94;letter-spacing:-.035em}
.heroe h1 .fija{display:block}

.rota{position:relative;display:block;height:1.18em;overflow:hidden;margin-top:.12em;font-size:.5em;font-weight:720;font-stretch:112%;letter-spacing:-.02em}
.rota span{position:absolute;inset:0 auto auto 0;white-space:nowrap;transform:translateY(105%);opacity:0;
  transition:transform .7s var(--curva),opacity .5s var(--curva)}
.rota span.ya{transform:none;opacity:1}
.rota span.fuera{transform:translateY(-105%);opacity:0}
.rota span i{font-style:normal;background:linear-gradient(transparent 58%,var(--lavanda) 58%,var(--lavanda) 92%,transparent 92%);padding:0 .06em}
.rota span:nth-child(even) i{background:linear-gradient(transparent 58%,var(--celeste) 58%,var(--celeste) 92%,transparent 92%)}

.titulo .fija{display:block}
.titulo .rota-quien{font-size:1em;font-weight:inherit;font-stretch:inherit;letter-spacing:inherit;margin-top:.08em}
.rota-quien span{inset:0 0 auto 0;text-align:center}
html:not(.motor) .rota{height:auto}
html:not(.motor) .rota span{position:static;transform:none;opacity:1}
html:not(.motor) .rota span+span{display:none}
.entrada{margin:0 0 1.8rem;max-width:33rem;font-size:clamp(1.08rem,1.4vw,1.28rem);line-height:1.5;color:var(--texto-2)}
.acciones{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.4rem}
.promesa{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.4rem 0 0;padding:0;list-style:none}
.promesa li{display:inline-flex;align-items:center;gap:.45em;padding:.42em .85em;border-radius:999px;border:1px solid var(--linea);background:color-mix(in srgb,var(--tarjeta) 60%,transparent);
  font-size:.92rem;line-height:1.3}
.promesa li b{font-weight:650}
.promesa li::before{content:"";width:.55em;height:.55em;border-radius:50%;background:var(--celeste-2)}
.promesa li:first-child::before{background:var(--lavanda-2)}
.letra-chica{margin:.8rem 0 0;font-size:.88rem;color:var(--texto-2)}


.escaparate{position:relative;justify-self:center;width:min(100%,30rem);aspect-ratio:1/1.08;display:grid;place-items:center}
.disco{position:absolute;inset:4% 2% 10%;border-radius:50%;background:var(--fundido)}
.movil{position:relative;width:min(68%,17.5rem);aspect-ratio:9/18.6;border-radius:2.6rem;padding:.6rem;background:#121418;
  box-shadow:0 0 0 1.5px #2b2f36,0 40px 70px -30px rgba(18,20,24,.55),0 10px 24px -12px rgba(18,20,24,.4);transform:rotate(-3deg);
  transition:transform .6s var(--curva)}
.escaparate:hover .movil{transform:rotate(-1deg) translateY(-6px)}
.movil::before{content:"";position:absolute;top:1.05rem;left:50%;width:30%;height:1.25rem;transform:translateX(-50%);border-radius:999px;background:#000;z-index:2}
.pantalla{position:relative;height:100%;border-radius:2.05rem;overflow:hidden;background:#EFEAE2;display:flex;flex-direction:column;font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
.wa-cab{display:flex;align-items:center;gap:.55rem;padding:2.4rem .8rem .6rem;background:#F7F8FA;border-bottom:1px solid rgba(0,0,0,.06);color:#111B21}
.wa-cab svg{width:34px;height:34px;flex:none}
.wa-cab b{display:block;font-size:.86rem;line-height:1.15}
.wa-cab small{display:block;font-size:.66rem;color:#667781}
.wa-chat{flex:1;display:flex;flex-direction:column;gap:.45rem;padding:.8rem .6rem;font-size:.78rem;line-height:1.35;color:#111B21}
.burbuja{position:relative;max-width:86%;padding:.42rem .55rem .5rem;border-radius:.6rem;box-shadow:0 1px .5px rgba(11,20,26,.13)}
.burbuja time{float:right;margin:.35rem 0 -.2rem .5rem;font-size:.6rem;color:#667781}
.burbuja.yo{align-self:flex-end;background:#D9FDD3;border-top-right-radius:.15rem}
.burbuja.el{align-self:flex-start;background:#fff;border-top-left-radius:.15rem}
.burbuja.aviso{font-weight:600}
.audio{display:flex;align-items:center;gap:.4rem;min-width:9.5rem}
.audio .play{width:0;height:0;border-left:.5rem solid #54656F;border-top:.32rem solid transparent;border-bottom:.32rem solid transparent}
.onda{display:flex;align-items:center;gap:2px;flex:1;height:1.2rem}
.onda i{flex:1;background:#8D9AA1;border-radius:2px;height:30%}
.onda i:nth-child(3n){height:80%}.onda i:nth-child(3n+1){height:55%}.onda i:nth-child(5n){height:95%}
.audio em{font-style:normal;font-size:.62rem;color:#667781}
.dia{align-self:center;padding:.15rem .5rem;border-radius:.4rem;background:#fff;font-size:.62rem;color:#54656F;text-transform:uppercase;letter-spacing:.04em;box-shadow:0 1px .5px rgba(11,20,26,.1)}
.marca-ejemplo{position:absolute;right:.7rem;top:2.5rem;padding:.2rem .5rem;border-radius:999px;background:rgba(17,27,33,.72);color:#fff;font-family:var(--mono);font-size:.56rem;letter-spacing:.06em;text-transform:uppercase}

.narrador{position:absolute;left:-3%;bottom:4%;width:clamp(7.5rem,11vw,9.5rem);z-index:3;pointer-events:none}
.narrador svg{width:100%;height:auto;filter:drop-shadow(0 10px 16px rgba(31,42,68,.25))}
.bocadillo{position:absolute;left:92%;bottom:42%;width:max-content;max-width:12rem;padding:.6rem .85rem;border-radius:1rem 1rem 1rem .25rem;background:#fff;color:var(--tinta);
  box-shadow:0 18px 40px -18px rgba(18,20,24,.5);font-weight:650;font-stretch:108%;font-size:.95rem;line-height:1.2}


html.motor .entra{opacity:0;transform:translateY(18px);transition:opacity .8s var(--curva),transform .8s var(--curva)}
html.motor .entra.vista{opacity:1;transform:none}
html.motor .heroe .burbuja,html.motor .heroe .dia{opacity:0;transform:translateY(8px) scale(.98);transition:opacity .45s var(--curva),transform .45s var(--curva)}
html.motor .heroe .burbuja.vista,html.motor .heroe .dia.vista{opacity:1;transform:none}

.parpadea .ojos{transform-box:fill-box;transform-origin:center;animation:parpadeo 5.5s infinite}
@keyframes parpadeo{0%,92%,100%{transform:none}93.5%{transform:scaleY(.1)}95%{transform:none}96.5%{transform:scaleY(.1)}98%{transform:none}}

@media (max-width:899px){
  .heroe{grid-template-columns:1fr;min-height:0;gap:2.2rem;padding-top:calc(var(--nav) + 1.8rem)}
  .heroe h1{font-size:clamp(2.45rem,10.6vw,3.6rem)}
  .escaparate{width:min(100%,24rem)}
  .rota{font-size:.56em}
  .narrador{left:-1%;bottom:-3%;width:6.5rem}
  .bocadillo{font-size:.86rem;max-width:10.5rem;left:94%;bottom:6%}
}


.escena{position:relative;background:var(--noche);color:var(--hueso);--q:0;--alivio:var(--fundido-suave)}
.escena-fija{position:relative;min-height:100svh;display:grid;place-items:center;overflow:clip;padding:calc(var(--nav) + 2rem) var(--margen) 3rem}
html.motor:not(.ligero) .escena{height:340svh}
html.motor:not(.ligero) .escena-fija{position:sticky;top:0;height:100svh;min-height:0;padding-block:var(--nav) 0}

html.motor:not(.ligero) .escena-fija::before{content:"";position:absolute;inset:0;background:var(--alivio);clip-path:circle(calc(var(--q) * 78vmax) at 50% 55%)}
.despues{color:var(--tinta)}

.caos{position:absolute;inset:0;pointer-events:none}
.papel{position:absolute;left:50%;top:50%;width:max-content;max-width:15rem;margin:0;font-size:calc(var(--tam,.88rem) * var(--k,1));line-height:1.3;text-align:left;
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --tx:0px;--ty:0px;--r:0deg;
  transform:translate(-50%,-50%) translate(calc(var(--px,var(--tx)) * (1 - var(--q))),calc(var(--py,var(--ty)) * (1 - var(--q)))) rotate(calc(var(--r) * (1 - var(--q)))) scale(calc(1 - var(--q) * .6));
  opacity:calc(1 - var(--q) * 4)}
.papel b{display:block;font-weight:700}


.papel.posit{--tam:1rem;width:7.6em;min-height:5.6em;padding:1.15em .75em .9em;box-sizing:border-box;text-align:center;
  background:linear-gradient(172deg,#FFF4A3 0%,#FDE971 55%,#F3D850 100%);color:#26325F;border-radius:1px 1px 2px 12px / 1px 1px 2px 4px;
  font-family:"Segoe Print","Bradley Hand","Chalkboard SE","Marker Felt","Comic Sans MS",cursive;line-height:1.2;overflow-wrap:anywhere;
  box-shadow:0 1px 1px rgba(0,0,0,.18),0 22px 24px -14px rgba(0,0,0,.85)}
.papel.posit::before{content:"";position:absolute;left:50%;top:-.6em;width:3.8em;height:1.25em;transform:translateX(-50%) rotate(-5deg);
  background:linear-gradient(90deg,rgba(236,232,216,.78),rgba(250,248,240,.9) 50%,rgba(236,232,216,.8));box-shadow:0 1px 2px rgba(0,0,0,.25)}
.papel.posit.pan{--tam:.9rem;width:7em;min-height:4.4em;background:linear-gradient(172deg,#FFE9A8 0%,#FFD978 60%,#F6C95A 100%)}
.papel.posit.pan::before{left:-1em;top:.15em;width:3.4em;transform:rotate(-40deg)}

.papel.chat{--tam:.92rem;max-width:13.5em;padding:.4em .6em .35em .7em;border-radius:0 .6em .6em .6em;background:#fff;color:#111B21;
  box-shadow:0 1px .5px rgba(11,20,26,.13),0 20px 34px -18px rgba(0,0,0,.85)}
.papel.chat::before{content:"";position:absolute;left:-.55em;top:0;border-top:.7em solid #fff;border-left:.6em solid transparent}
.chat-grupo{display:block;margin-bottom:.1em;font-size:.86em;font-weight:650;color:#13955A}
.chat-hora{float:right;margin:.45em -.1em -.15em .8em;font-size:.72em;color:#667781;white-space:nowrap}
.chat-hora i{margin-left:.25em;font-style:normal;letter-spacing:-.3em;color:#3BA7E0}
.papel.chat .globo{position:absolute;top:-.75em;right:-.75em;min-width:1.7em;padding:0 .4em;box-sizing:border-box;border-radius:999px;background:#FF3B30;color:#fff;
  font-size:.78em;font-weight:700;line-height:1.7em;text-align:center;box-shadow:0 0 0 .18em #08090B}

.papel.evento{--tam:.92rem;display:flex;align-items:stretch;min-width:11em;border-radius:.45em;background:var(--cal-fondo);color:#1B2232;overflow:hidden;box-shadow:0 20px 34px -18px rgba(0,0,0,.85)}
.evento.trabajo{--cal:#3E7BF0;--cal-fondo:#fff}
.evento.otro{--cal:#E0475B;--cal-fondo:#FFF6F6;border-radius:.8em}
.ev-bloque{display:block;padding:.45em .75em .5em .7em}
.evento.trabajo .ev-bloque{margin:.3em .35em .3em 0;border-left:.3em solid var(--cal);border-radius:.25em;background:#DCE8FE}
.ev-col{display:flex;flex-direction:column;justify-content:space-between;padding:.4em .55em .4em .6em;border-right:1px solid #E3E6EC;background:#F6F7F9;font-style:normal;font-size:.7em;font-weight:600;color:#7B8494}
.ev-col i{font-style:normal;line-height:2.1}
.ev-dia{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:3.1em;padding:.2em .3em;background:var(--cal);color:#fff;font-size:1.4em;font-weight:700;line-height:1}
.ev-dia i{margin-bottom:.15em;font-style:normal;font-size:.48em;font-weight:650;letter-spacing:.08em;text-transform:uppercase}
.ev-cal{display:flex;align-items:center;gap:.4em;font-size:.68em;font-weight:650;letter-spacing:.04em;text-transform:uppercase;color:var(--cal)}
.ev-cal::before{content:"";width:.7em;height:.7em;border-radius:.15em;background:var(--cal)}
.evento b{margin-top:.15em;font-size:1.05em}
.ev-hora{display:block;font-size:.88em;color:#4A5468}

.papel.notas{--tam:.9rem;width:8.6em;overflow:hidden;border-radius:.65em;background:#FFFDF5;color:#1D1D1F;box-shadow:0 20px 34px -18px rgba(0,0,0,.85)}
.notas-cab{display:block;padding:.35em .65em .3em;background:#F6D44B;font-size:.78em;font-weight:700;letter-spacing:.02em;color:#4A3B00}
.notas-hoja{display:block;padding:.15em .65em .55em;line-height:1.45em;
  background:repeating-linear-gradient(to bottom,transparent 0 calc(1.45em - 1px),#ECE3C3 calc(1.45em - 1px) 1.45em) 0 .15em}
.notas-hoja b{font-size:1em}

.papel.ticket{--tam:.74rem;width:11.6em}
.papel.ticket::before{content:"";position:absolute;inset:6% 6% 2%;box-shadow:0 18px 26px -6px rgba(0,0,0,.8);z-index:-1}
.tk{display:block;padding:.95em .85em 1.25em;font-family:var(--mono);text-transform:uppercase;letter-spacing:.02em;color:#3C3A36;transform:skewY(-1.2deg);
  background:linear-gradient(118deg,transparent 30%,rgba(0,0,0,.16) 32%,rgba(255,255,255,.75) 35%,transparent 40%),
    linear-gradient(64deg,transparent 56%,rgba(0,0,0,.14) 58%,rgba(255,255,255,.7) 61%,transparent 66%),linear-gradient(172deg,transparent 40%,rgba(0,0,0,.1) 42%,rgba(255,255,255,.6) 44%,transparent 48%),
    linear-gradient(180deg,#FBF9F2,#ECE7DA);
  -webkit-mask:conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) top/.75em 51% repeat-x,conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/.75em 51% repeat-x;
  mask:conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) top/.75em 51% repeat-x,conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/.75em 51% repeat-x}
.tk-tienda{display:block;padding-bottom:.35em;margin-bottom:.35em;border-bottom:1px dashed #9C978C;text-align:center;font-weight:700;letter-spacing:.12em}
.tk-l{display:flex;justify-content:space-between;gap:.8em;white-space:nowrap}
.tk-total{margin-top:.25em;font-size:1.15em;font-weight:800}
.tk-boli{display:block;margin-top:.35em;text-align:right;text-transform:none;letter-spacing:0;font-family:"Segoe Print","Bradley Hand","Chalkboard SE","Comic Sans MS",cursive;font-size:1.15em;color:#2A49A8;transform:rotate(-4deg)}

.papel.alarma{--tam:.86rem;width:12.5em;padding:.6em .65em .65em;box-sizing:border-box;border-radius:1.15em;background:#ECECF0;color:#1D1D1F;
  box-shadow:0 1px 0 rgba(255,255,255,.6) inset,0 20px 34px -18px rgba(0,0,0,.85)}
.al-cab{display:flex;align-items:center;gap:.45em;font-size:.72em;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:#6E6E73}
.al-cab span{margin-left:auto;font-weight:500;text-transform:none;letter-spacing:0}
.al-icono{width:1.75em;height:1.75em;border-radius:.45em;background:#FF9F0A url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='12' cy='13' r='7.5'/%3E%3Cpath d='M12 9.2V13l2.6 1.8M4.6 5.6l2.6-2.1M19.4 5.6l-2.6-2.1'/%3E%3C/svg%3E") center/72% no-repeat}
.alarma b{margin-top:.35em;font-size:1.05em}
.al-txt{display:block;font-size:.88em;color:#3A3A3C}
.al-botones{display:grid;grid-template-columns:1fr 1fr;gap:.35em;margin-top:.55em}
.al-botones span{padding:.38em .2em;border-radius:.65em;background:rgba(0,0,0,.075);text-align:center;font-size:.8em;font-weight:650}
.al-botones span:first-child{color:#E08600}
html.motor:not(.ligero) .papel{animation:flota 3.2s ease-in-out infinite;animation-delay:var(--d,0s)}
@keyframes flota{0%,100%{margin-top:0}50%{margin-top:-7px}}
.escena-texto{position:relative;z-index:2;display:grid;justify-items:center;text-align:center;max-width:46rem}
.escena .antetitulo{color:inherit;opacity:.62;margin:0}
.escena-texto h2{margin:0;font-weight:780;font-stretch:116%;font-size:clamp(2rem,4.6vw,4.2rem);line-height:.98;letter-spacing:-.03em;text-wrap:balance}
.escena-texto p{max-width:32rem;font-size:clamp(1.02rem,1.3vw,1.2rem);line-height:1.5;opacity:.82}
.antes,.despues{grid-area:1/1;display:grid;justify-items:center;align-content:center;gap:1.2rem}
html.motor:not(.ligero) .antes{opacity:calc(1 - var(--q) * 4);transform:translateY(calc(var(--q) * -40px))}
html.motor:not(.ligero) .despues{opacity:calc(var(--q) * 2.4 - 1);transform:translateY(calc((1 - var(--q)) * 40px))}
.escena-bicho{position:relative;width:clamp(7rem,11vw,10rem)}

.ordenado{display:grid;gap:.4rem;width:min(100%,24rem);padding:.75rem;border-radius:18px;background:#EFEAE2;box-shadow:0 22px 50px -26px rgba(18,20,24,.45);
  font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-size:.86rem;line-height:1.35;color:#111B21;text-align:left}
.ordenado p{justify-self:start;max-width:92%;padding:.4rem .6rem;border-radius:.55rem;border-top-left-radius:.15rem;background:#fff;box-shadow:0 1px .5px rgba(11,20,26,.13);opacity:1;font-size:inherit}
.ordenado .ejemplo{justify-self:end;background:none;box-shadow:none;padding:0;color:#54656F}
html.motor:not(.ligero) .ordenado p:not(.ejemplo){opacity:calc(var(--q) * 4 - 2.6);transform:translateY(calc(max(0, 1 - var(--q)) * 14px))}
html.motor:not(.ligero) .ordenado p:nth-child(2){opacity:calc(var(--q) * 4 - 2.9)}
html.motor:not(.ligero) .ordenado p:nth-child(3){opacity:calc(var(--q) * 4 - 3.1)}
.escena-bicho svg{width:100%;height:auto;filter:drop-shadow(0 12px 20px rgba(0,0,0,.35))}
.dice{display:inline-block;padding:.75rem 1.05rem;border-radius:1.1rem 1.1rem 1.1rem .3rem;background:#fff;color:var(--tinta);box-shadow:0 22px 50px -26px rgba(18,20,24,.45);
  font-weight:650;font-stretch:108%;font-size:clamp(1.05rem,1.5vw,1.3rem);line-height:1.25}
.firma{display:block;margin-top:.3rem;font-family:var(--mono);font-size:.66rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--tinta-2)}
.pista{position:absolute;left:50%;bottom:1.4rem;transform:translateX(-50%);font-family:var(--mono);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;opacity:calc(.7 - var(--q) * 3)}
:is(html:not(.motor),html.ligero) .pista{display:none}

:is(html:not(.motor),html.ligero) .escena-fija{display:block;text-align:center}
:is(html:not(.motor),html.ligero) .escena-texto{margin:0 auto;display:block}
:is(html:not(.motor),html.ligero) :is(.antes,.despues){grid-area:auto}
:is(html:not(.motor),html.ligero) .despues{margin-top:3rem;padding:2.5rem 1.5rem;border-radius:22px;background:var(--fundido-suave);color:var(--tinta)}
:is(html:not(.motor),html.ligero) .caos{position:relative;inset:auto;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1.8rem 1.6rem;padding:.6rem .4rem;margin-bottom:2rem}
:is(html:not(.motor),html.ligero) .papel{position:static;transform:rotate(var(--r));opacity:1}
@media (min-width:1280px) and (min-height:760px){.papel{--k:1.14}}

@media (min-width:900px) and (max-width:1099px){.papel{--k:.84}}
@media (min-width:900px) and (max-width:999px){.papel{--k:.76}.papel.evento.trabajo{--py:2vh}}
@media (min-width:900px) and (max-height:760px){.papel.pan{--py:-33vh}}

@media (min-width:900px) and (max-height:660px){.papel{--k:.74;--py:calc(var(--ty) * 1.14)}.papel.pan{--py:-33vh}.papel.otro{--py:32vh}}
@media (max-width:899px){
  
  .papel{--k:.84}
  .papel:not([style*="--mx"]){display:none}
  .papel[style*="--mx"]{display:block;--px:var(--mx);--py:var(--my)}
}


.seccion{padding:clamp(5rem,14vh,9rem) var(--margen)}
.seccion-cab{max-width:46rem;margin:0 0 clamp(2.2rem,5vh,3.4rem)}
.seccion-cab.centro{margin-inline:auto;text-align:center}
.titulo{margin:0 0 1rem;font-weight:740;font-stretch:112%;font-size:clamp(2rem,3.8vw,3.6rem);line-height:1;letter-spacing:-.028em;text-wrap:balance}
.sub{font-size:clamp(1.05rem,1.35vw,1.22rem);color:var(--texto-2);max-width:36rem}
.centro .sub{margin-inline:auto}


.tres-chats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,2vw,1.6rem)}
.tarjeta-chat{position:relative;display:flex;flex-direction:column;gap:1rem;padding:1.3rem 1.2rem 1.15rem;border-radius:22px;background:var(--tarjeta);box-shadow:var(--sombra);
  transition:transform .35s var(--curva)}
.tarjeta-chat:hover{transform:translateY(-6px)}
.tarjeta-chat{--tinte:var(--lavanda-suave)}
.tarjeta-chat:nth-child(2){--tinte:var(--celeste-suave)}
.tc-cab{display:flex;align-items:center;gap:.75rem}
.tc-bicho{display:grid;place-items:center;width:4rem;height:4rem;border-radius:50%;background:var(--tinte);flex:none;transition:transform .45s var(--curva)}
.tarjeta-chat:hover .tc-bicho{transform:rotate(-8deg) scale(1.06)}
.tc-bicho svg{width:3.4rem;height:3.4rem}
.tc-cab h3{margin:0;font-weight:700;font-stretch:110%;font-size:1.18rem;letter-spacing:-.01em;line-height:1.15}
.mini-chat{flex:1;display:flex;flex-direction:column;gap:.4rem;padding:.8rem .7rem;border-radius:14px;background:#EFEAE2;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-size:.86rem;line-height:1.35;color:#111B21}
.mini-chat p{max-width:88%;padding:.4rem .55rem;border-radius:.55rem;box-shadow:0 1px .5px rgba(11,20,26,.13)}
.mini-chat .yo{align-self:flex-end;background:#D9FDD3;border-top-right-radius:.15rem}
.mini-chat .el{align-self:flex-start;background:#fff;border-top-left-radius:.15rem}
.mini-chat .foto{font-weight:600}

@media (max-width:899px){
  .tres-chats{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:84%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;
    margin-inline:calc(-1 * var(--margen));padding:.5rem var(--margen) 2rem;scroll-padding-inline:var(--margen)}
  .tres-chats::-webkit-scrollbar{display:none}
  .tarjeta-chat{scroll-snap-align:start}
  .tarjeta-chat:hover{transform:none}
}
.tras{display:flex;justify-content:center;margin-top:2.6rem}


.lavanda-fondo{background:var(--fundido-suave);color:var(--tinta);--texto:var(--tinta);--texto-2:var(--tinta-2);--linea:rgba(31,42,68,.14);--tarjeta:#fff;--fondo:var(--lavanda-suave)}
.pestanas{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;max-width:62rem;margin:0 auto}
.pestanas>input{position:absolute;opacity:0;pointer-events:none}
.pestanas>label{padding:.65em 1.15em;border-radius:999px;border:1.5px solid var(--linea);cursor:pointer;font-weight:600;font-stretch:106%;font-size:.98rem;
  transition:background-color .2s,color .2s,border-color .2s,transform .15s var(--curva)}
.pestanas>label:hover{border-color:var(--texto);transform:translateY(-1px)}
.pestanas>input:checked+label{background:var(--texto);color:var(--fondo);border-color:var(--texto)}
.pestanas>input:focus-visible+label{outline:2px solid var(--texto);outline-offset:3px}
.paneles{flex-basis:100%;margin-top:1.6rem}
.panel{display:none;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(1.2rem,3vw,3rem);align-items:center;padding:clamp(1.3rem,3vw,2.2rem);border-radius:22px;background:var(--tarjeta);box-shadow:var(--sombra)}
.panel .para{font-weight:700;font-stretch:110%;font-size:clamp(1.3rem,2.2vw,1.9rem);line-height:1.12;letter-spacing:-.015em}
.panel .ejemplo{grid-column:2;justify-self:end}
#p1:checked~.paneles [data-p="1"],#p2:checked~.paneles [data-p="2"],#p3:checked~.paneles [data-p="3"],#p4:checked~.paneles [data-p="4"],#p5:checked~.paneles [data-p="5"]{display:grid;animation:aparece .45s var(--curva)}
@keyframes aparece{from{opacity:0;transform:translateY(10px)}}
@media (max-width:760px){.panel{grid-template-columns:1fr}.panel .ejemplo{grid-column:1}}


.privacidad{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:clamp(2rem,5vw,5rem);align-items:center}
.priv-bicho{justify-self:center;display:grid;place-items:center;width:min(100%,19rem);aspect-ratio:1;border-radius:50%;background:var(--fundido)}
.priv-bicho svg{width:72%;height:auto;transition:transform .5s var(--curva)}
.priv-bicho:hover svg{transform:rotate(-5deg) scale(1.04)}
.tres-frases{list-style:none;margin:0 0 1.4rem;padding:0;display:grid;gap:1rem;counter-reset:frase}
.tres-frases li{position:relative;padding:1rem 1.1rem 1rem 3.2rem;border-radius:18px;background:var(--tarjeta);box-shadow:var(--sombra);line-height:1.5;transition:transform .3s var(--curva)}
.tres-frases li:hover{transform:translateX(4px)}
.tres-frases li::before{counter-increment:frase;content:counter(frase);position:absolute;left:1rem;top:1rem;display:grid;place-items:center;width:1.6rem;height:1.6rem;border-radius:50%;
  background:var(--celeste);color:var(--marino);font-family:var(--mono);font-size:.78rem;font-weight:600}
.letra{font-size:.95rem;color:var(--texto-2);max-width:40rem}
@media (max-width:899px){.privacidad{grid-template-columns:1fr}.priv-bicho{width:min(56%,12rem)}}


.ciclo{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem;max-width:56rem;margin:0 auto}
.ciclo>input{position:absolute;opacity:0;pointer-events:none}
.ciclo>label{padding:.55em 1.05em;border-radius:999px;cursor:pointer;font-weight:600;font-size:.95rem;border:1.5px solid var(--linea);transition:background-color .2s,color .2s}
.ciclo>label span{font-family:var(--mono);font-size:.7rem;font-weight:500;letter-spacing:.04em;margin-left:.35em;padding:.15em .5em;border-radius:999px;background:var(--celeste);color:var(--marino)}
.ciclo>input:checked+label{background:var(--texto);color:var(--fondo);border-color:var(--texto)}
.ciclo>input:focus-visible+label{outline:2px solid var(--texto);outline-offset:3px}
.planes{flex-basis:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,2vw,1.6rem);margin-top:1.6rem}
.plan{display:flex;flex-direction:column;gap:.5rem;padding:clamp(1.4rem,3vw,2.1rem);border-radius:22px;background:var(--tarjeta);box-shadow:var(--sombra);transition:transform .35s var(--curva)}
.plan:hover{transform:translateY(-5px)}
.plan .etiqueta{font-family:var(--mono);font-size:.72rem;letter-spacing:.07em;text-transform:uppercase;color:var(--texto-2)}
.plan h3{margin:0;font-weight:760;font-stretch:116%;font-size:1.8rem;letter-spacing:-.02em}
.plan .precio{font-weight:800;font-stretch:112%;font-size:clamp(2.4rem,4vw,3.3rem);letter-spacing:-.03em;line-height:1}
.plan .precio small{font-size:.38em;font-weight:500;letter-spacing:0;color:var(--texto-2);margin-left:.15em}
.plan .iva{font-size:.85rem;color:var(--texto-2)}
.plan ul{margin:.6rem 0 1.2rem;padding:0;list-style:none;display:grid;align-content:start;gap:.5rem;flex:1}
.plan li{position:relative;padding-left:1.5rem;line-height:1.4}
.plan li::before{content:"";position:absolute;left:0;top:.35em;width:.85rem;height:.85rem;border-radius:50%;background:var(--lavanda)}
.plan:nth-child(2) li::before{background:var(--celeste)}
.plan .boton{align-self:stretch}
.planes .boton.anio,.precio .anio{display:none}
#c-anio:checked~.planes .boton.anio{display:inline-flex}
#c-anio:checked~.planes .precio .anio{display:inline}
#c-anio:checked~.planes .mes{display:none}
.pasos{list-style:none;counter-reset:paso;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;max-width:56rem;margin:2.2rem auto 0;padding:0}
.pasos li{counter-increment:paso;padding:1rem 1.1rem;border-radius:18px;border:1px solid var(--linea);line-height:1.45}
.pasos li::before{content:counter(paso,decimal-leading-zero);display:block;margin-bottom:.35rem;font-family:var(--mono);font-size:.74rem;color:var(--texto-2)}
.nota-precio,.legal-boton{max-width:56rem;margin:1.4rem auto 0;color:var(--texto-2);font-size:.95rem}
.legal-boton{font-size:.82rem;line-height:1.55}

.plan .al-dia{font-size:.85rem;color:var(--texto-2)}
.plan .al-dia .anio{display:none}
#c-anio:checked~.planes .al-dia .anio{display:inline}
.plan li b{font-weight:650}
.plan.destacado{border:2px solid transparent;background:linear-gradient(#fff,#fff) padding-box,var(--fundido) border-box;box-shadow:0 30px 60px -28px rgba(80,70,160,.45);transform:translateY(-10px)}
.plan.destacado:hover{transform:translateY(-15px)}
.plan.destacado li::before{background:var(--celeste-2)}
.ciclo:has(.planes.tres){max-width:68rem}
.planes.tres{grid-template-columns:repeat(3,minmax(0,1fr))}
.plan .precio{white-space:nowrap}
.planes.tres .precio{font-size:clamp(2.2rem,3.2vw,2.9rem)}
.planes.tres .plan:nth-child(3) li::before{background:linear-gradient(135deg,var(--lavanda),var(--celeste))}
.nota-anio{flex-basis:100%;display:none;margin:1.2rem auto 0;max-width:56rem;text-align:center;color:var(--texto-2);font-size:.92rem}
#c-anio:checked~.nota-anio{display:block}
.a-medida{display:flex;align-items:center;justify-content:space-between;gap:1rem 2rem;flex-wrap:wrap;max-width:68rem;margin:1.6rem auto 0;padding:clamp(1.2rem,2.6vw,1.8rem) clamp(1.4rem,3vw,2.1rem);border-radius:22px;border:1.5px dashed var(--linea)}
.a-medida .etiqueta{margin:0 0 .3rem;font-family:var(--mono);font-size:.72rem;letter-spacing:.07em;text-transform:uppercase;color:var(--texto-2)}
.a-medida h3{margin:0 0 .25rem;font-weight:740;font-stretch:112%;font-size:clamp(1.2rem,2vw,1.5rem);letter-spacing:-.015em}
.a-medida p{margin:0;color:var(--texto-2)}

.negocio-cab{flex-basis:100%;max-width:68rem;margin:2.6rem auto 0;text-align:center}
.negocio-cab .etiqueta{margin:0;font-family:var(--mono);font-size:.72rem;letter-spacing:.07em;text-transform:uppercase;color:var(--texto-2)}
.negocio-cab p:last-child{margin:.2rem 0 0;color:var(--texto-2)}
.planes.negocio{margin-top:1.2rem}
.sello-pronto{display:inline-block;margin-left:.6rem;padding:.25em .65em;border-radius:999px;background:var(--celeste);color:var(--marino);vertical-align:middle;font-family:var(--mono);font-size:.62rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}
.plan.pronto-plan li::before{background:linear-gradient(135deg,var(--lavanda),var(--celeste))}
@media (max-width:1020px){.planes.tres{grid-template-columns:1fr;max-width:34rem}}
@media (max-width:760px){.planes,.pasos{grid-template-columns:1fr}.plan.destacado,.plan.destacado:hover{transform:none}.a-medida .boton{width:100%;justify-content:center}}

@media (max-width:899px){html.motor:not(.ligero) .viaje-rotulo{margin-top:1.5rem}}


.dudas-cab{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:clamp(1.6rem,4vh,2.6rem);text-align:left}
.dudas-cab svg{width:4.6rem;height:auto;flex:none}
.dudas-cab .titulo{margin:0}
.dudas{max-width:52rem;margin:0 auto;border-top:1px solid var(--linea)}
.dudas details{border-bottom:1px solid var(--linea)}
.dudas summary{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.15rem .2rem;cursor:pointer;list-style:none;font-weight:650;font-stretch:108%;font-size:clamp(1.05rem,1.4vw,1.22rem);transition:color .2s}
.dudas summary::-webkit-details-marker{display:none}
.dudas summary::after{content:"";flex:none;width:1.9rem;height:1.9rem;border-radius:50%;background:var(--lavanda-suave) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 6v12M6 12h12' stroke='%231F2A44' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") center/60% no-repeat;transition:transform .3s var(--curva),background-color .2s}
.dudas summary:hover::after{background-color:var(--lavanda)}
.dudas details[open] summary::after{transform:rotate(45deg)}
.dudas summary:hover{color:var(--texto-2)}
.dudas details p{padding:0 .2rem 1.2rem;max-width:44rem;color:var(--texto-2)}


.cierre{position:relative;display:grid;justify-items:center;text-align:center;gap:1.3rem;padding:clamp(5rem,14vh,9rem) var(--margen);background:var(--fundido-suave);color:var(--tinta);overflow:clip}

.cierre-bicho{position:relative;display:grid;place-items:center;width:clamp(8.5rem,13vw,11rem);aspect-ratio:1;border-radius:50%;background:var(--fundido);
  box-shadow:0 30px 80px -30px rgba(120,100,220,.5);transition:transform .5s var(--curva)}
.cierre-bicho:hover{transform:rotate(-6deg) scale(1.04)}
.cierre-bicho svg{width:80%;height:auto}
.cierre h2{position:relative;margin:0;font-weight:780;font-stretch:116%;font-size:clamp(2rem,4.4vw,4rem);line-height:1;letter-spacing:-.03em;max-width:18ch;text-wrap:balance}
.cierre .promesa{justify-content:center}


.fijo{display:none}
@media (max-width:899px){
  .fijo{position:fixed;left:0;right:0;bottom:0;z-index:25;display:block;padding:.6rem 1rem calc(.6rem + env(safe-area-inset-bottom));
    background:color-mix(in srgb,var(--fondo) 86%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--linea);
    transform:translateY(110%);transition:transform .35s var(--curva)}
  .fijo.sale,html:not(.motor) .fijo{transform:none}
  .fijo .boton{width:100%}
}


.pie{position:relative;background:var(--fondo);color:var(--texto);border-top:1px solid var(--linea);padding:clamp(3rem,8vh,5rem) var(--margen) 2.2rem;display:grid;gap:2.2rem;grid-template-columns:1.2fr 1fr 1fr}
.pie p{margin:.6rem 0 0;color:var(--texto-2);font-size:.95rem;max-width:22rem}
.pie h2{margin:0 0 .7rem;font-family:var(--mono);font-size:.75rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--texto-2)}
.pie ul{list-style:none;margin:0;padding:0;display:grid;gap:.15rem}
.pie ul a{display:inline-block;padding:.3rem 0;text-decoration:none}
.pie ul a:hover{text-decoration:underline;text-underline-offset:.3em}
.pie-legal{grid-column:1 / -1;display:flex;flex-wrap:wrap;justify-content:space-between;gap:.6rem 2rem;padding-top:1.4rem;border-top:1px solid var(--linea);font-size:.86rem;color:var(--texto-2)}
@media (max-width:899px){.pie{grid-template-columns:1fr 1fr;padding-bottom:6rem}.pie>div:first-child{grid-column:1 / -1}}


.cab{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem var(--margen);background:color-mix(in srgb,var(--fondo) 86%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--linea)}
.cab .marca{display:inline-flex;align-items:center;gap:.6rem;letter-spacing:.02em;text-transform:none;font-size:1rem;font-stretch:110%}
.cab .marca i{width:32px;height:32px;border-radius:50%;background:var(--lavanda) url(icono-180.png) center/cover no-repeat;display:inline-block}
.boton.chico{min-height:40px;padding:.5em 1em;font-size:.9rem}
.legal{max-width:46rem;margin:0 auto;padding:3rem var(--margen) 4rem}
.legal h1{font-weight:760;font-stretch:112%;letter-spacing:-.02em;line-height:1.05}
.legal h2{font-stretch:108%;margin-top:2.2rem}


.oculto{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.prueba{position:relative;z-index:2;min-height:100svh;display:flex;flex-direction:column;justify-content:center;gap:clamp(1.5rem,4vh,2.6rem);
  padding:clamp(4.5rem,11vh,7rem) var(--margen);background:var(--fundido-suave);color:var(--tinta);
  --texto:var(--tinta);--texto-2:var(--tinta-2);--linea:rgba(31,42,68,.14);--tarjeta:#fff;--boton:var(--tinta);--boton-texto:#fff;--fondo:#EEE9FF}
.prueba-cab{text-align:center;max-width:56rem;margin:0 auto}
.prueba-cab .titulo{font-size:clamp(2rem,3.4vw,3.2rem);margin-bottom:.6rem}
.prueba-cab .sub{margin-inline:auto}
.prueba-mesa{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(1.5rem,4vw,4rem);align-items:center;width:100%;max-width:72rem;margin:0 auto}
.prueba-guia{display:flex;flex-direction:column;align-items:center;gap:1.1rem;text-align:center}
.prueba-bicho{width:clamp(8rem,15vw,12.5rem)}
.prueba-bicho svg{width:100%;height:auto;filter:drop-shadow(0 14px 22px rgba(31,42,68,.22))}
.prueba-dice{margin:0;max-width:25rem;padding:1.1rem 1.4rem 1.2rem;border-radius:1.5rem 1.5rem 1.5rem .3rem;background:#fff;box-shadow:0 26px 60px -30px rgba(31,42,68,.55);
  font-weight:700;font-stretch:110%;font-size:clamp(1.35rem,2.3vw,1.95rem);line-height:1.18;letter-spacing:-.015em;color:var(--marino)}
.prueba-dice-intro{display:block;margin-bottom:.4rem;font-family:var(--mono);font-size:.74rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--tinta-2)}
.prueba-sugerencia{background:linear-gradient(transparent 60%,var(--lavanda) 60%,var(--lavanda) 92%,transparent 92%);font-weight:750}
.prueba-dice.cambia{animation:aparece .5s var(--curva)}
.prueba-chat{display:flex;flex-direction:column;height:min(60svh,34rem);border-radius:28px;overflow:hidden;background:#EFEAE2;
  box-shadow:0 0 0 1px rgba(31,42,68,.08),0 44px 90px -44px rgba(31,42,68,.6)}
.prueba .wa-cab{padding:.8rem 1rem}
.prueba-log{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem;padding:1rem;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-size:.98rem;line-height:1.4;color:#111B21;scroll-behavior:smooth}
.pb{max-width:84%;margin:0;padding:.5rem .7rem .55rem;white-space:pre-line;border-radius:.7rem;box-shadow:0 1px .5px rgba(11,20,26,.13);animation:aparece .3s var(--curva)}
.pb.yo{align-self:flex-end;background:#D9FDD3;border-top-right-radius:.2rem}
.pb.el{align-self:flex-start;background:#fff;border-top-left-radius:.2rem}
.pb time{float:right;margin:.45rem 0 -.2rem .6rem;font-size:.66rem;color:#667781}
.pb-nota{display:block;clear:both;margin-top:.35rem;font-family:var(--mono);font-size:.6rem;letter-spacing:.04em;text-transform:uppercase;color:#6E62A8}
.pb-escribe{display:flex;gap:4px;padding:.75rem .85rem}
.pb-escribe i{width:7px;height:7px;border-radius:50%;background:#9AA5AD;animation:punto 1.2s infinite}
.pb-escribe i:nth-child(2){animation-delay:.15s}.pb-escribe i:nth-child(3){animation-delay:.3s}
@keyframes punto{0%,60%,100%{transform:none;opacity:.5}30%{transform:translateY(-4px);opacity:1}}
.prueba-form{display:flex;gap:.6rem;padding:.7rem;background:#F0F2F5}
#prueba-texto{flex:1;min-width:0;min-height:54px;border:0;border-radius:999px;padding:0 1.25rem;font:500 1.05rem/1.2 var(--letra);background:#fff;color:#111B21;outline:none;
  box-shadow:0 0 0 2px rgba(180,159,255,0);transition:box-shadow .2s}
#prueba-texto::placeholder{color:#7A858C}
.prueba:not(.terminada) #prueba-texto:not(:disabled){animation:llama 2.2s ease-in-out infinite}
#prueba-texto:focus{animation:none;box-shadow:0 0 0 3px var(--lavanda-2)}
@keyframes llama{0%,100%{box-shadow:0 0 0 0 rgba(180,159,255,0)}50%{box-shadow:0 0 0 7px rgba(180,159,255,.5)}}
.prueba-enviar{flex:none;width:54px;height:54px;border-radius:50%;border:0;background:#00A884;color:#fff;display:grid;place-items:center;cursor:pointer;transition:transform .15s var(--curva),background-color .2s}
.prueba-enviar svg{width:22px;height:22px;fill:currentColor}
.prueba-enviar:disabled{background:#B9C3C9;cursor:default}
.prueba-enviar:not(:disabled):hover{transform:scale(1.07)}
.prueba-enviar:not(:disabled):active{transform:scale(.95)}
.prueba-trampa{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.prueba-fin{display:flex;flex-direction:column;align-items:center;gap:.6rem;text-align:center;animation:aparece .5s var(--curva)}
.prueba-fin .letra-chica{margin:0}
.prueba-fin[hidden],.prueba-form[hidden]{display:none}
.prueba-sin{text-align:center;font-size:1.05rem}
@media (max-width:899px){
  .prueba{justify-content:flex-start;padding-top:calc(var(--nav) + 2rem)}
  .prueba-mesa{grid-template-columns:1fr}
  .prueba-guia{flex-direction:row;align-items:flex-end;text-align:left;gap:.6rem}
  .prueba-bicho{width:5.2rem;flex:none}
  .prueba-dice{font-size:1.18rem;padding:.85rem 1rem .95rem}
  .prueba-chat{height:min(44svh,25rem)}
  .prueba-cab .antetitulo{display:none}
  .prueba-cab .sub{font-size:.95rem}
  .prueba-guia{flex-wrap:wrap}
  .prueba-dice{flex:1;min-width:0}
  .prueba-bicho{width:4.4rem}
  .prueba-fin{flex-basis:100%;align-items:stretch}
}


.recorrido{display:none}
.presenta{position:relative;z-index:3;min-height:var(--alto,100svh);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;
  text-align:center;padding:calc(var(--nav) + 1.5rem) var(--margen) 3rem;background:var(--fundido);color:var(--marino)}
.presenta-hueco{width:min(44vmin,15rem);aspect-ratio:1;display:grid;place-items:center}
.presenta-hueco svg{width:100%;height:auto}
.presenta-dice{margin:0;max-width:17ch;font-weight:780;font-stretch:116%;font-size:clamp(1.9rem,4.4vw,3.8rem);line-height:1.02;letter-spacing:-.03em;text-wrap:balance;color:var(--marino)}
.presenta-sub{margin:0;font-size:clamp(1.05rem,1.4vw,1.25rem);color:#3B4560}
.camara,.cerebrito,.cerebrito-dice{display:none}

html.inmersion .recorrido{display:block;height:var(--recorrido,230svh)}
html.inmersion .heroe{position:sticky;top:var(--pega,0px);z-index:1;overflow:visible}
html.inmersion .movil,html.inmersion .escaparate:hover .movil{transition:none}
html.inmersion .presenta .presenta-hueco svg{visibility:hidden}   
html.inmersion .camara{display:block;position:fixed;inset:0;z-index:20;pointer-events:none;visibility:hidden;overflow:hidden}
.inm-disco{position:absolute;left:0;top:0;width:100px;height:100px;border-radius:50%;background:var(--fundido);transform-origin:0 0;will-change:transform}
.inm-fondo{position:absolute;inset:0;background:var(--fundido);opacity:0}
.inm-capa{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;text-align:center;
  padding:calc(var(--nav) + 1.5rem) var(--margen) 3rem;--texto:0}
.inm-capa .presenta-dice,.inm-capa .presenta-sub{opacity:var(--texto);transform:translateY(calc((1 - var(--texto)) * 14px))}


html.inmersion .cerebrito{display:block;position:fixed;left:0;top:0;z-index:22;pointer-events:none;opacity:0;transform-origin:50% 50%;will-change:transform}
.cerebrito-cuerpo,.cerebrito-flota{position:absolute;inset:0}
.cerebrito-cuerpo{transition:transform .35s var(--curva),opacity .25s}
.cerebrito.fuera .cerebrito-cuerpo{transform:scale(.2) translateY(60%);opacity:0}

html.cere-barra .cerebrito.anda{z-index:26}
html.cere-barra .fijo{padding-left:calc(1rem + 46px + .6rem)}
.cerebrito.sin-barra .cerebrito-cuerpo{transform:scale(.2) translateY(60%);opacity:0}
.cerebrito.salta .cerebrito-cuerpo{animation:salto .55s var(--curva)}
@keyframes salto{0%{transform:none}35%{transform:translateY(-16%) scale(1.06,.94)}100%{transform:none}}
.cerebrito.anda .cerebrito-flota{animation:flota-cere 2.8s ease-in-out infinite}
@keyframes flota-cere{0%,100%{transform:none}50%{transform:translateY(-7%) rotate(-4deg)}}
.cerebrito .pose{position:absolute;inset:0;opacity:0;transition:opacity .2s}
.cerebrito .pose.ya{opacity:1}
.cerebrito .pose svg{width:100%;height:100%;filter:drop-shadow(0 10px 18px rgba(31,42,68,.28))}
html.inmersion .cerebrito-dice{display:block;position:fixed;z-index:22;max-width:min(15rem,calc(100vw - 110px));margin:0;padding:.6rem .85rem;border-radius:1rem 1rem 1rem .25rem;
  background:#fff;color:var(--tinta);box-shadow:0 18px 40px -18px rgba(18,20,24,.5);font-weight:650;font-stretch:106%;font-size:.92rem;line-height:1.25;
  opacity:0;transform:translateY(8px) scale(.96);transform-origin:0 100%;transition:opacity .3s var(--curva),transform .3s var(--curva);pointer-events:none}
html.inmersion .cerebrito-dice.ya{opacity:1;transform:none}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition-duration:.01ms!important}
}


.invita-cinta{display:inline-flex;align-items:center;gap:.5em;margin:0 0 1.1rem;padding:.55em 1.05em;border-radius:999px;background:var(--fundido);color:var(--marino);font-weight:700;font-stretch:108%;font-size:1rem;line-height:1.2;box-shadow:var(--sombra)}
.invita-cinta::before{content:"🎁"}
.invita-cinta[hidden]{display:none}
html.invitado #precio,html.invitado .solo-sin-invita{display:none}
html.invita-pendiente [data-cta],html.invita-pendiente .promesa,html.invita-pendiente .letra-chica{visibility:hidden}



.viaje{padding:clamp(5rem,14vh,9rem) var(--margen) clamp(3rem,8vh,5rem)}
.viaje-cab{max-width:46rem;margin:0 auto clamp(2rem,5vh,3rem);text-align:center}
.viaje-escena{max-width:72rem;margin:0 auto}
.viaje-movil{display:flex;justify-content:center}
.viaje-marco{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:.5rem .2rem 1.2rem;max-width:100%}
.viaje-pantalla{flex:none;width:min(15.5rem,70vw);aspect-ratio:390/844;scroll-snap-align:center;border-radius:2rem;border:.5rem solid #121418;background:#fff;object-fit:cover;object-position:top;box-shadow:var(--sombra)}
div.viaje-pantalla{display:flex;flex-direction:column;overflow:hidden;background:#EFEAE2}
.viaje-wa{display:flex;align-items:center;gap:.6rem;padding:1.6rem .8rem .6rem;background:#F0F2F5;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-size:.9rem;color:#111B21}
.viaje-wa .tc-bicho{width:2.2rem;height:2.2rem}
.viaje-wa .tc-bicho svg{width:2.2rem;height:2.2rem}
div.viaje-pantalla .mini-chat{border-radius:0;font-size:.78rem}
div.viaje-pantalla .mini-chat p{margin:0}
.viaje-pasos{list-style:none;margin:1.6rem auto 0;padding:0;max-width:40rem;display:grid;gap:1rem}
.viaje-paso{display:flex;align-items:flex-start;gap:.8rem}
.viaje-bicho{flex:none;display:grid;place-items:center;width:3.4rem;height:3.4rem;border-radius:50%;background:var(--fundido)}
.viaje-bicho svg{width:2.9rem;height:2.9rem}
.viaje-paso p{margin:.2rem 0 0;padding:.75rem 1rem;border-radius:1rem 1rem 1rem .25rem;background:var(--tarjeta);box-shadow:var(--sombra);font-size:clamp(1rem,1.3vw,1.12rem);line-height:1.45;color:var(--texto-2)}
.viaje-paso b{color:var(--texto);font-weight:650}
.viaje-ejemplo{display:flex;justify-content:center;margin-top:1.4rem}

html.motor:not(.ligero) .viaje{height:calc(var(--pasos,5) * 88svh);padding-bottom:0}
html.motor:not(.ligero) .viaje-cab{margin-bottom:0}
html.motor:not(.ligero) .viaje-escena{position:sticky;top:var(--nav,64px);height:calc(100svh - var(--nav,64px));display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(2rem,5vw,5rem)}
html.motor:not(.ligero) .viaje-movil{order:2}
html.motor:not(.ligero) .viaje-camara{transform-origin:50% 50%}
html.motor:not(.ligero) .viaje-marco{position:relative;display:block;overflow:hidden;padding:0;height:min(76svh,40rem);aspect-ratio:390/844;border-radius:2.6rem;border:.6rem solid #121418;background:#121418;box-shadow:0 40px 80px -36px rgba(20,22,40,.55)}
html.motor:not(.ligero) .viaje-pantalla{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:2rem;box-shadow:none;opacity:0;will-change:opacity,transform}
html.motor:not(.ligero) .viaje-pasos{position:relative;margin:0;max-width:30rem;min-height:12rem;display:block}
html.motor:not(.ligero) .viaje-paso{position:absolute;inset:0 0 auto 0;opacity:0;will-change:opacity,transform}
html.motor:not(.ligero) .viaje-ejemplo{display:none}
@media (max-width:899px){
  html.motor:not(.ligero) .viaje-escena{display:flex;flex-direction:column;justify-content:center;gap:1rem;padding-bottom:calc(84px + env(safe-area-inset-bottom))}
  html.motor:not(.ligero) .viaje-movil{order:0}
  html.motor:not(.ligero) .viaje-marco{height:min(52svh,30rem);border-width:.45rem;border-radius:2rem}
  html.motor:not(.ligero) .viaje-pantalla{border-radius:1.6rem}
  html.motor:not(.ligero) .viaje-pasos{width:100%;min-height:8.5rem}
  .viaje-bicho{width:2.8rem;height:2.8rem}.viaje-bicho svg{width:2.4rem;height:2.4rem}
}

.viaje-movil{position:relative;flex-direction:column;align-items:center;gap:.7rem}
.viaje-sello{margin:0;padding:.3em .8em;border-radius:999px;background:var(--tarjeta);box-shadow:var(--sombra);font-family:var(--mono);font-size:.7rem;letter-spacing:.05em;text-transform:uppercase;color:var(--texto-2)}
.viaje-rotulo{display:none;margin:.7rem 0 .8rem 4.2rem;font-family:var(--mono);font-size:.74rem;letter-spacing:.06em;text-transform:uppercase;color:var(--texto-2)}
div.viaje-pantalla .mini-chat{padding:.7rem .8rem}
html.motor:not(.ligero) .viaje-rotulo{display:block}
html.motor:not(.ligero) .viaje-escena{grid-template-columns:minmax(0,30rem) auto;justify-content:center;max-width:64rem}
html.motor:not(.ligero) .viaje-lado{order:1}
@media (max-width:899px){
  html.motor:not(.ligero) .viaje-escena{justify-content:flex-start;padding-top:1.2rem}
  html.motor:not(.ligero) .viaje-marco{height:min(56svh,32rem,calc(100svh - 148px - 15.5rem))}
  html.motor:not(.ligero) .viaje-movil{gap:.5rem}
  html.motor:not(.ligero) .viaje-rotulo{margin:0 0 .5rem 3.6rem}
  html.motor:not(.ligero) .viaje-lado{width:100%}
}
.viaje-sello{position:relative;z-index:3}
html.motor:not(.ligero) .viaje-movil{gap:1rem}


.acto{--p:1;--tx:var(--tinta);--tx2:var(--tinta-2);--base:var(--lavanda-suave);--l1:var(--lavanda-2);--l2:var(--celeste-2);position:relative;color:var(--tx)}
.acto-fija{position:relative;overflow:clip;isolation:isolate;padding:clamp(4rem,10vh,7rem) var(--margen);background:var(--base)}
.acto-fondo{position:absolute;inset:0;z-index:-1;overflow:clip}
.acto-fondo i{position:absolute;border-radius:50%;will-change:transform}
.acto-fondo i:nth-child(1){width:60vmax;height:60vmax;left:-18vmax;top:-22vmax;background:radial-gradient(closest-side,var(--l1),transparent);opacity:.55;transform:translate3d(calc((var(--p) - .5) * 16vw),calc((var(--p) - .5) * -14vh),0)}
.acto-fondo i:nth-child(2){width:54vmax;height:54vmax;right:-16vmax;bottom:-24vmax;background:radial-gradient(closest-side,var(--l2),transparent);opacity:.6;transform:translate3d(calc((var(--p) - .5) * -14vw),calc((var(--p) - .5) * 12vh),0)}
.acto-fondo i:nth-child(3){width:26vmax;height:26vmax;left:44%;top:6%;background:radial-gradient(closest-side,#fff,transparent);opacity:.7;transform:translate3d(calc((var(--p) - .5) * 8vw),calc((var(--p) - .5) * 24vh),0)}
.a2{--base:var(--celeste-suave);--l1:var(--celeste);--l2:var(--lavanda)}
.a3{--base:#FFF4EA;--l1:var(--lavanda);--l2:#FFD9C2}
.a4{--base:#151B33;--l1:#5B4BC4;--l2:#2F7FC9;--tx:#fff;--tx2:rgba(233,235,238,.8)}
.a4 .acto-fondo i:nth-child(3){background:radial-gradient(closest-side,rgba(255,255,255,.18),transparent)}
.a5{--base:var(--lavanda-suave);--l1:var(--celeste);--l2:var(--lavanda-2)}
.acto-cuerpo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:clamp(2rem,5vw,5rem);max-width:76rem;margin:0 auto;min-height:100%}
.a2 .acto-escena,.a4 .acto-escena{order:-1}
.acto .antetitulo{color:var(--tx2)}
.acto .titulo{font-size:clamp(2.6rem,6.2vw,5.6rem);line-height:.94;letter-spacing:-.035em;margin:0 0 1.5rem;color:var(--tx)}
.acto-lista{list-style:none;margin:0;padding:0;display:grid;gap:.95rem;max-width:34rem}
.acto-lista li{padding-left:1rem;border-left:2px solid var(--l1);font-size:1rem;line-height:1.45;color:var(--tx2)}
.acto-lista b{display:block;color:var(--tx);font-weight:680;font-size:1.06rem}
.acto-lista .cap-enlace{display:inline-block;margin-left:.3rem;font-weight:650;color:var(--tx);text-decoration:none;white-space:nowrap}
.acto-lista .cap-enlace:hover{text-decoration:underline}

@media (min-width:900px){
  html.motor:not(.ligero) .acto{height:215svh}
  html.motor:not(.ligero) .acto-fija{position:sticky;top:0;height:100svh;padding-block:calc(var(--nav) + 1rem) 2rem;display:grid;align-items:center}
}
@media (min-width:900px) and (max-height:720px){.acto .titulo{font-size:clamp(2.2rem,5vw,3.6rem);margin-bottom:1rem}.acto-lista{gap:.6rem}.acto-lista li{font-size:.92rem}}


.sc,.scv{--t:clamp(0,calc((var(--p) - var(--a,0)) / var(--d,.12)),1)}
.sc{opacity:var(--t);transform:translateY(calc((1 - var(--t)) * var(--dy,1.1rem))) scale(calc(.9 + .1 * var(--t)))}
.acto-escena{position:relative;min-height:min(34rem,72svh);display:grid;place-items:center}
.marca-ej{position:absolute;left:0;bottom:-.4rem;margin:0;font-family:var(--mono);font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;color:var(--tx2);opacity:.75}


.tel{position:relative;z-index:2;width:min(15.5rem,62vw);aspect-ratio:9/16;border:.5rem solid #121418;border-radius:2.3rem;background:#EFEAE2;overflow:hidden;color:#111B21;
  box-shadow:0 44px 80px -30px rgba(10,14,40,.6);transform:translateY(calc((.5 - var(--p)) * 2.2rem)) rotate(calc((var(--p) - .5) * 2.4deg))}
.tel-cab{display:flex;align-items:center;gap:.5rem;padding:1.5rem .7rem .5rem;background:#F0F2F5;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-size:.78rem;line-height:1.15}
.tel-cab small{display:block;color:#667781;font-size:.62rem}
.tel-av svg{width:1.8rem;height:1.8rem}
.tel-chat{display:flex;flex-direction:column;gap:.4rem;padding:.7rem .55rem;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-size:.76rem;line-height:1.32}
.tel .b{max-width:90%;margin:0;padding:.4rem .55rem;border-radius:.55rem;box-shadow:0 1px .5px rgba(11,20,26,.13)}
.tel .b.yo{align-self:flex-end;background:#D9FDD3;border-top-right-radius:.15rem}
.tel .b.el{align-self:flex-start;background:#fff;border-top-left-radius:.15rem}
.tel .foto{font-weight:600}
.tel .audio{display:flex;align-items:center;gap:.4rem;min-width:9.4rem}
.tel .play{flex:none;width:0;height:0;border-left:.62rem solid #667781;border-block:.4rem solid transparent}
.tel .onda{display:flex;align-items:center;gap:2px;height:1.2rem;flex:1}
.tel .onda i{flex:1;max-width:3px;height:100%;border-radius:2px;background:#8696A0;transform:scaleY(.3);animation:onda 1.15s ease-in-out infinite}
.tel .onda i:nth-child(3n){animation-delay:-.35s}.tel .onda i:nth-child(3n+1){animation-delay:-.7s}.tel .onda i:nth-child(5n){animation-delay:-.1s}
.tel .audio em{flex:none;font-style:normal;font-size:.66rem;color:#667781}
@keyframes onda{50%{transform:scaleY(1)}}
.tel .dia{align-self:center;margin:.2rem 0;padding:.15rem .65rem;border-radius:.5rem;background:#E1F2FB;font-size:.68rem;color:#54656F}
.push{position:absolute;left:.45rem;right:.45rem;top:.45rem;z-index:3;display:flex;align-items:center;gap:.5rem;padding:.55rem .65rem;border-radius:1rem;background:rgba(255,255,255,.94);box-shadow:0 12px 30px rgba(18,20,24,.28);font-size:.74rem;line-height:1.2}
.push b{display:block}.push small{color:#667781;font-size:.64rem}
.campana{display:inline-block;font-size:1.25rem;transform-origin:50% 0;animation:suena 2.4s ease-in-out infinite}
@keyframes suena{0%,60%,100%{transform:rotate(0)}10%,30%,50%{transform:rotate(15deg)}20%,40%{transform:rotate(-15deg)}}
.chip{position:absolute;z-index:3;margin:0;padding:.5rem .9rem;border-radius:999px;background:#fff;color:#121418;box-shadow:var(--sombra);font-weight:650;font-size:.9rem;white-space:nowrap}
.bicho-act{position:absolute;z-index:4;display:block}
.bicho-act svg{filter:drop-shadow(0 14px 18px rgba(31,42,68,.28))}


.a1 .c1{left:-1%;top:17%}.a1 .c2{right:-1%;top:36%}.a1 .c3{left:1%;bottom:15%}
.a1 .b1{right:-2%;bottom:3%}

.tk{position:absolute;z-index:1;left:0;top:17%;width:7.4rem;padding:.65rem .65rem .8rem;display:flex;flex-direction:column;gap:.22rem;background:#fff;color:#222;font-family:ui-monospace,Consolas,monospace;font-size:.68rem;line-height:1.2;box-shadow:0 18px 36px -14px rgba(20,22,40,.45);border-bottom:.35rem dotted #d4d0c8}
.tk.sc{transform:translate(calc((1 - var(--t)) * -4rem),calc((1 - var(--t)) * 1rem)) rotate(calc(-10deg + 4deg * var(--t)))}
.tk-t{font-weight:700;text-transform:uppercase;letter-spacing:.04em}.tk-l{display:flex;justify-content:space-between}.tk-tot{margin-top:.2rem;padding-top:.3rem;border-top:1px dashed #999;font-weight:700;font-size:.78rem}
.anillo{position:absolute;z-index:3;right:-1%;top:19%;width:7.4rem;height:7.4rem;display:grid;place-items:center;border-radius:50%;background:#fff;box-shadow:var(--sombra);text-align:center;font-size:.64rem;line-height:1.15;color:#4A5059}
.anillo svg{position:absolute;inset:.45rem;width:calc(100% - .9rem);height:calc(100% - .9rem)}
.anillo b{display:block;font-size:1.15rem;color:#121418}
.a-fondo,.a-arco{fill:none;stroke-width:4}.a-fondo{stroke:rgba(31,42,68,.1)}
.a-arco{stroke:#8D74F5;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:calc(100 - 40 * var(--t));transform:rotate(-90deg);transform-origin:50% 50%}
.lista-m{position:absolute;z-index:3;right:0;bottom:11%;margin:0;padding:.7rem .95rem;list-style:none;display:grid;gap:.3rem;border-radius:1rem;background:#fff;box-shadow:var(--sombra);font-size:.84rem;color:#121418}
.lista-m li::before{content:"";display:inline-block;width:.85rem;height:.85rem;margin-right:.5rem;vertical-align:-.12rem;border-radius:.25rem;border:2px solid #B49FFF}
.lista-m .tacha{opacity:calc(1 - .42 * var(--t));text-decoration:line-through;text-decoration-color:rgb(122 128 137 / var(--t))}.lista-m .tacha::before{background:rgb(180 159 255 / var(--t))}
.a2 .b2{left:1%;bottom:2%}

.a3 .acto-escena::before{content:"";position:absolute;left:50%;top:46%;width:16rem;height:16rem;margin:-8rem 0 0 -8rem;border-radius:50%;background:var(--fundido);opacity:.6}
.hilos{position:absolute;inset:0;width:100%;height:100%;z-index:1;overflow:visible}
.hilo{fill:none;stroke:#8D74F5;stroke-width:.7;stroke-linecap:round;stroke-dasharray:1 1;stroke-dashoffset:calc(1 - var(--t))}
.b3{left:calc(50% - 4.7rem);top:calc(46% - 4.9rem)}
.nodo{position:absolute;z-index:3;margin:0;padding:.55rem .85rem;border-radius:1rem;background:#fff;box-shadow:var(--sombra);font-size:.8rem;line-height:1.2;color:#4A5059}
.nodo b{display:block;font-size:.95rem;color:#121418}
.n1{left:2%;top:8%}.n2{right:0;top:14%}.n3{right:-1%;top:60%}.n4{left:0;top:64%}
.tono{position:absolute;left:calc(50% - 7.2rem);bottom:1.2rem;z-index:3;display:flex;width:14.4rem;padding:.2rem;border-radius:999px;background:#fff;box-shadow:var(--sombra);font-weight:650;font-size:.84rem;color:#121418}
.tono>span:not(.tono-sel){position:relative;z-index:1;flex:1;padding:.42rem 0;text-align:center}
.tono-sel{position:absolute;left:.2rem;top:.2rem;bottom:.2rem;width:calc(50% - .2rem);border-radius:999px;background:var(--fundido);transform:translateX(calc(var(--t) * 100%))}

.tel-app{aspect-ratio:9/18;background:#fff;border-color:#0a0c12}
.pan{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top}
.pan.fade{opacity:var(--t)}
.cajon-hoja{position:absolute;left:0;right:0;bottom:0;top:22%;z-index:3;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.7rem .8rem;border-radius:1.4rem 1.4rem 0 0;background:#fff;box-shadow:0 -18px 40px rgba(18,20,24,.3);font-family:system-ui,sans-serif;font-size:.86rem;color:#121418}
.cj-bicho svg{width:4.6rem;height:4.6rem}
.idcard{position:relative;display:block;width:10.6rem;height:6.3rem;border-radius:.7rem;background:linear-gradient(135deg,var(--lavanda-suave),var(--celeste-suave));border:1px solid rgba(31,42,68,.16)}
.idcard::before{content:"";position:absolute;left:.7rem;top:.9rem;width:3rem;height:3.7rem;border-radius:.4rem;background:rgba(31,42,68,.13)}
.idcard i{position:absolute;left:4.2rem;height:.38rem;border-radius:3px;background:rgba(31,42,68,.2)}
.idcard i:nth-child(1){top:1.5rem;width:4.8rem}.idcard i:nth-child(2){top:2.3rem;width:3.8rem}.idcard i:nth-child(3){top:3.1rem;width:4.4rem}
.idcard em{position:absolute;right:.6rem;top:.45rem;font-style:normal;font-family:var(--mono);font-size:.6rem;letter-spacing:.1em;color:#4A5059}
.cj-llave{font-size:.68rem;line-height:1.3;text-align:center;color:#54656F}
.hoja-pdf{position:absolute;z-index:3;left:-1%;top:24%;width:9.6rem;margin:0;padding:.75rem .8rem;border-radius:.8rem;background:#fff;color:#121418;box-shadow:var(--sombra);font-size:.8rem;line-height:1.25}
.hoja-pdf b{display:block;width:max-content;margin-bottom:.3rem;padding:.05rem .45rem;border-radius:.3rem;background:#E5484D;color:#fff;font-size:.64rem;letter-spacing:.06em}
.hoja-pdf small{display:block;margin-top:.2rem;font-size:.66rem;color:#667781}
.a4 .c4{right:-1%;bottom:21%}.a4 .b4{left:-1%;bottom:1%}

.a5 .tel-a,.a5 .tel-b{position:absolute;width:min(10.6rem,40%)}
.a5 .tel-a{left:2%;top:7%}.a5 .tel-b{right:2%;top:13%}
.hilo-v{position:absolute;left:30%;width:40%;top:calc(7% + .8rem);height:7rem;z-index:3;overflow:visible}
.hilo-v .hilo{stroke-width:1.8}
.push-b{left:.4rem;right:.4rem;top:.3rem}
.nota-negocio{position:absolute;left:calc(50% - 8.7rem);bottom:0;z-index:4;width:17.4rem;display:grid;gap:.3rem;padding:.75rem 1rem;border-radius:1rem;background:#fff;color:#121418;box-shadow:var(--sombra);font-size:.82rem}
.nota-negocio b{display:block}.nota-negocio .sello-pronto{position:absolute;right:.6rem;top:.55rem;margin:0}
.emp{display:flex;justify-content:space-between;gap:.6rem;color:#4A5059}.emp em{font-style:normal;font-weight:700;color:#121418}
.a5 .b5{left:calc(50% - 3.4rem);top:calc(52% - 1rem)}

@media (max-width:899px){
  .acto-cuerpo{grid-template-columns:1fr;gap:2rem}
  .acto-escena,.a2 .acto-escena,.a4 .acto-escena{order:-1;min-height:30rem}
  .acto .titulo{font-size:clamp(2.5rem,12vw,3.6rem)}
  .acto-fija{padding-block:4.5rem 3.4rem}
  .tel{width:min(13.6rem,58vw)}
  .chip{font-size:.8rem;padding:.42rem .75rem}
  .a5 .tel-a,.a5 .tel-b{width:min(9.4rem,40%)}
  .anillo,.hoja-pdf{width:6.2rem}.anillo{height:6.2rem}.hoja-pdf{font-size:.72rem}
  .acto-fondo i:nth-child(3){display:none}
}
@media (max-width:420px){.a1 .c1{left:-3%}.a1 .c2{right:-3%}.anillo{right:-3%}.hoja-pdf{left:-3%}.nodo{font-size:.74rem;padding:.45rem .65rem}.n2,.n3{right:-3%}}
.a5 .tel-cab small{display:none}
.a4 .c4{bottom:10%}
@media (max-width:899px){.a5 .tel-cab{padding-inline:.5rem;font-size:.7rem}.acto-escena{min-height:28rem}}