.escena{--e-noche: #0b1d18;--e-borde: #1f4538;--e-crema: #f8f3e6;--e-crema-2: #efe7d2;--e-tinta: #14302a;--e-tinta-2: #4a5f57;--e-oro: #e3b64c;--e-rosa: #f19cb4;--e-azul: #7fb9ee;--e-lila: #b9a6f2;--e-linea: #dfe9e3;--e-verde: #86d3a3}.escena{margin:0;width:100%;max-width:34rem;justify-self:center;container-type:inline-size}.escena-cuadro{position:relative;aspect-ratio:1;overflow:hidden;border-radius:1.6rem;border:1px solid var(--e-borde);background-color:var(--e-noche);background-image:radial-gradient(1px 1px at 12% 18%,#ffffff55 50%,transparent 51%),radial-gradient(1px 1px at 72% 12%,#ffffff44 50%,transparent 51%),radial-gradient(1.5px 1.5px at 88% 64%,#e3b64c66 50%,transparent 51%),radial-gradient(1px 1px at 30% 82%,#ffffff40 50%,transparent 51%),radial-gradient(1px 1px at 55% 40%,#ffffff30 50%,transparent 51%),radial-gradient(1.5px 1.5px at 8% 60%,#e3b64c55 50%,transparent 51%),radial-gradient(1px 1px at 92% 30%,#ffffff35 50%,transparent 51%),radial-gradient(1px 1px at 42% 94%,#ffffff30 50%,transparent 51%);box-shadow:0 30px 60px -36px #0b1d1899;color:var(--e-crema);font-size:max(11.5px,3.4cqi);line-height:1.25}.escena-barra{position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--e-oro);transform-origin:left center;scale:0 1;opacity:.9;z-index:9}.escena-pie{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.65rem}.escena-ejemplo{display:inline-block;padding:.2rem .8rem;border:1.5px solid var(--gold);border-radius:99px;color:var(--gold-ink);font-weight:700;font-size:1rem}.escena-otra{font:inherit;font-weight:700;font-size:1rem;display:inline-flex;align-items:center;gap:.45rem;min-height:2.75rem;padding:0 1rem;border:1.5px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);cursor:pointer}.escena-otra:hover{border-color:var(--gold)}.escena-otra svg{width:1.15rem;height:1.15rem}html:not(.anima) .escena-barra,html:not(.anima) .escena-otra{display:none}.escena [data-solo-anima]{opacity:0}.e-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.e-rama{fill:none;stroke-width:.8;stroke-linecap:round;opacity:.9}.e-rama-oro{stroke:var(--e-oro);stroke-width:1}.e-camino{fill:none;stroke:#fffaf0;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 1.2px rgba(255,246,223,.9))}.e-cara,.e-duda,.e-brillo,.e-onda,.e-fantasma,.e-luz,.e-play,.e-halo{position:absolute;left:var(--x);top:var(--y);width:var(--s);height:var(--s);margin:calc(var(--s) / -2) 0 0 calc(var(--s) / -2);border-radius:50%}.e-cara{z-index:2;padding:max(2px,.7cqi);background:var(--c);box-shadow:0 1.2cqi 3cqi -1cqi #000000b3}.e-cara img,.e-fantasma img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:max(2px,.55cqi) solid var(--e-noche);background:var(--e-crema-2)}.e-tu{box-shadow:0 0 0 1.2cqi #e3b64c38,0 1.6cqi 4cqi -1cqi #000c}.e-halo{--s: 46cqi;z-index:1;background:radial-gradient(circle,#e3b64c4d,#e3b64c00 64%)}.e-etq{position:absolute;z-index:3;left:var(--x);top:calc(var(--y) + var(--s) / 2 + 1.1cqi);transform:translate(-50%);text-align:center;white-space:nowrap}.e-etq b{display:inline-block;padding:.12em .55em;border-radius:99px;background:#0b1d18f2;font-weight:700}.e-etq small{display:block;width:fit-content;margin:.15em auto 0;padding:0 .45em;border-radius:99px;background:#0b1d18f2;font-size:.84em;color:#cfe0d6}.e-etq-derecha small{margin-left:0}.e-tu+.e-etq b{background:var(--e-oro);color:var(--e-tinta)}.e-etq-derecha{left:calc(var(--x) + var(--s) / 2 + 2.2cqi);top:var(--y);transform:translateY(-50%);text-align:left}.e-duda{z-index:2;display:grid;place-items:center;border:max(2px,.5cqi) dashed rgba(248,243,230,.6);background:#ffffff0d;color:var(--e-oro);font-family:var(--display);font-weight:800;font-size:7cqi}.e-duda-chica{font-size:5.5cqi}.e-brillo{z-index:1;box-shadow:0 0 0 .6cqi #fffaf0,0 0 3.5cqi .6cqi #fff6df8c}.e-chica{padding:max(1.5px,.45cqi)}.e-onda{z-index:7;border:max(2px,.55cqi) solid #fffaf0;pointer-events:none}.e-fantasma{z-index:6;padding:max(2px,.7cqi);background:var(--e-lila);box-shadow:0 3cqi 6cqi -1.5cqi #000c;scale:1.08}.e-dedo{position:absolute;z-index:8;width:0;height:0;pointer-events:none}.e-dedo-punto{position:absolute;left:-4.6cqi;top:-4.6cqi;width:9.2cqi;height:9.2cqi;border-radius:50%;background:#ffffff52;border:max(2px,.55cqi) solid rgba(255,255,255,.92);box-shadow:0 1cqi 3cqi #00000080}.e-dedo-mano img{position:absolute;left:0;top:0;width:22cqi;max-width:none;height:auto;transform:translate(-25%,-8%);filter:drop-shadow(0 1.5cqi 2.2cqi rgba(0,0,0,.45))}.e-tarjeta,.e-recuerdo,.e-mensaje,.e-aviso,.e-burbuja{position:absolute;z-index:4;margin:0;color:var(--e-tinta);background:var(--e-crema);border-radius:4cqi;box-shadow:0 2cqi 5cqi -2cqi #0009}.e-bis-titulo{position:absolute;left:6%;width:44%;top:7%;display:grid;gap:.35em}.e-bis-titulo b{font-family:var(--display);font-weight:800;font-size:1.55em;line-height:1.05;color:var(--e-oro)}.e-bis-titulo span{color:#cfe0d6;font-size:.92em}.e-recuerdo{left:6%;width:44%;top:36%;padding:3cqi 3.4cqi}.e-recuerdo p{font-family:Iowan Old Style,Palatino Linotype,Georgia,serif;font-style:italic;font-size:.98em;line-height:1.32}.e-recuerdo footer{margin-top:.6em;font-size:.82em;font-weight:700;color:var(--e-tinta-2)}.e-respuesta{left:6%;right:6%;bottom:5%;padding:3cqi 3.6cqi;display:grid;gap:.3em;text-align:center}.e-respuesta b{font-family:var(--display);font-weight:800;font-size:1.32em;line-height:1.1;color:#134a38}.e-respuesta span{font-size:1em;color:var(--e-tinta-2)}.e-panel{position:absolute;inset:7%;border-radius:6cqi;background:var(--e-crema);box-shadow:0 2cqi 6cqi -2cqi #0009}.e-voz-nombre{position:absolute;z-index:3;left:15%;right:15%;top:44%;text-align:center;color:var(--e-tinta)}.e-voz-nombre b{display:block;font-family:var(--display);font-weight:800;font-size:1.35em}.e-voz-nombre span{font-size:.86em;color:var(--e-tinta-2)}.e-play{--x: 21%;--y: 64%;--s: 13cqi;z-index:3;display:grid;place-items:center;background:#134a38;color:#fff}.e-play svg{grid-area:1 / 1;width:55%;height:55%}.e-ondas{position:absolute;z-index:3;left:31%;right:18%;top:64%;height:11%;transform:translateY(-50%);display:flex;align-items:center;gap:.7cqi}.e-ondas i{flex:1;height:var(--h);border-radius:99px;background:#1d6b50}.escena.viva .e-ondas i{animation:e-habla .9s ease-in-out infinite alternate;animation-delay:calc(var(--i) * -.13s)}@keyframes e-habla{0%{scale:1 .3}to{scale:1 1}}.e-tiempo{position:absolute;z-index:3;right:10%;top:64%;transform:translateY(-50%);color:var(--e-tinta-2);font-size:.86em;font-variant-numeric:tabular-nums}.e-subtitulo{position:absolute;z-index:3;left:12%;right:12%;top:74%;text-align:center;color:var(--e-tinta);font-family:Iowan Old Style,Palatino Linotype,Georgia,serif;font-style:italic;font-size:1.04em;line-height:1.3}.e-subtitulo span{display:block}.e-mensaje{left:6%;right:16%;top:6%;height:36%;padding:3cqi 3.6cqi;border-radius:4cqi 4cqi 4cqi 1cqi}.e-mensaje b{display:block;margin-bottom:.25em;color:#1d6b50;font-size:.9em}.e-mensaje p{margin:0}.e-escribiendo{position:absolute;left:3.6cqi;top:9cqi;display:flex;gap:1.2cqi}.e-escribiendo i{width:2cqi;height:2cqi;border-radius:50%;background:var(--e-tinta-2)}.escena.viva .e-escribiendo i{animation:e-punto .9s ease-in-out infinite}.escena.viva .e-escribiendo i:nth-child(2){animation-delay:.15s}.escena.viva .e-escribiendo i:nth-child(3){animation-delay:.3s}@keyframes e-punto{50%{translate:0 -1cqi;opacity:.5}}.e-enlace{position:absolute;left:3.6cqi;bottom:3cqi;padding:.45em .95em;border-radius:99px;background:#134a38;color:#fff;font-weight:700;font-size:.92em;transform-origin:center}.e-pastilla{position:absolute;z-index:5;padding:.25em .75em;border-radius:99px;background:var(--e-oro);color:var(--e-tinta);font-weight:800;white-space:nowrap;box-shadow:0 1cqi 3cqi -1cqi #0009}.e-aqui{left:74%;top:70%}.e-aviso{left:6%;right:24%;top:7%;height:25%;padding:2.4cqi 3cqi;display:flex;align-items:center;gap:2.6cqi}.e-aviso-icono{flex:none;width:12cqi;height:12cqi}.e-aviso-texto{display:grid;gap:.3em}.e-aviso-texto b{line-height:1.15}.e-aviso-texto span{font-size:.84em;color:var(--e-tinta-2)}.e-boton-oro{position:absolute;z-index:3;left:50%;top:42%;min-width:40%;padding:.55em 1.2em;border-radius:3cqi;translate:-50% -50%;background:var(--e-oro);color:var(--e-tinta);font-weight:800;font-size:1.12em;text-align:center}.e-burbuja{left:20%;right:6%;top:56%;padding:3cqi 3.6cqi;background:#dff3e4;border-radius:4cqi 4cqi 1cqi}.e-burbuja p{margin:0}.e-enviado{display:block;margin-top:.4em;text-align:right;font-size:.8em;color:#1d6b50;font-weight:700}.e-burbuja-llega{position:absolute;z-index:4;left:6%;right:24%;top:77%;padding:2.4cqi 3.6cqi;color:var(--e-tinta);background:var(--e-crema);border-radius:4cqi 4cqi 4cqi 1cqi;box-shadow:0 2cqi 5cqi -2cqi #0009}.e-burbuja-llega b{display:block;color:#6b4fb8;font-size:.85em}.e-burbuja-llega p{margin:0}.e-luz{--s: 10cqi;z-index:5;display:grid;place-items:center;background:var(--e-crema);box-shadow:0 0 0 .8cqi #e3b64c8c,0 0 5cqi 1cqi #e3b64c73}.e-luz svg{width:72%;height:72%}.e-letrero{position:absolute;z-index:4;left:8%;right:8%;top:78%;margin:0;text-align:center;font-family:var(--display);font-weight:800;font-size:1.3em;color:var(--e-oro)}.e-letrero-final{color:var(--e-crema)}.e-telefono{position:absolute;inset:5% 14%;border-radius:7cqi;background:var(--e-crema);box-shadow:0 2cqi 6cqi -2cqi #0009}.e-pregunta{position:absolute;z-index:3;left:20%;right:20%;top:12%;margin:0;text-align:center;color:var(--e-tinta);font-family:var(--display);font-weight:800;font-size:1.45em;line-height:1.1}.e-caja{position:absolute;z-index:3;left:20%;right:20%;top:31%;height:11%;display:flex;align-items:center;padding:0 3cqi;border:max(2px,.5cqi) solid #1d6b50;border-radius:3cqi;background:#fff;color:var(--e-tinta);font-size:1.4em;font-weight:700}.e-cursor{width:max(2px,.45cqi);height:55%;margin-left:.6cqi;background:#1d6b50}.escena.viva .e-cursor{animation:e-parpadeo 1s steps(1) infinite}@keyframes e-parpadeo{50%{opacity:0}}.e-nose{position:absolute;z-index:3;left:50%;top:46%;transform:translate(-50%);color:#1d6b50;font-weight:700;text-decoration:underline;text-underline-offset:.2em;white-space:nowrap}.e-boton-verde{position:absolute;z-index:3;left:20%;right:20%;top:57%;height:12%;display:grid;place-items:center;border-radius:3cqi;background:#134a38;color:#fff;font-weight:800;font-size:1.15em}.e-listo{position:absolute;z-index:3;left:17%;right:17%;top:77%;margin:0;text-align:center;color:#134a38;font-weight:800;font-size:1.1em;line-height:1.2}.e-velo{position:absolute;inset:0;z-index:4;background:#0b1d18b3}.e-cara.e-encima,.e-cara.e-encima+.e-etq,.e-brillo.e-encima{z-index:6}.e-ficha{inset:50% 5% 4.5%;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:2.4cqi 4cqi 3cqi;text-align:center}.e-ficha-nombre{font-family:var(--display);font-weight:800;font-size:1.3em;line-height:1.1}.e-ficha-lazo{font-weight:800;color:#7a5200}.e-ficha-camino{display:flex;align-items:flex-start;justify-content:center;gap:1.8cqi}.e-ficha-camino i{margin-top:3cqi;font-style:normal;font-weight:800;color:var(--e-tinta-2)}.e-paso{display:grid;justify-items:center;gap:.5cqi}.e-paso img{width:10.5cqi;height:10.5cqi;border-radius:50%;object-fit:cover;border:max(2px,.65cqi) solid var(--c);background:var(--e-crema-2)}.e-paso small{font-size:.82em;font-weight:700}.e-ficha-boton,.e-volver{height:8.5cqi;display:grid;place-items:center;border-radius:3cqi;background:var(--e-oro);color:var(--e-tinta);font-weight:800;font-size:1.05em;white-space:nowrap}.e-ficha-boton{width:76%}.e-cara.e-yo+.e-etq b{background:var(--e-oro);color:var(--e-tinta)}.e-como{position:absolute;z-index:3;left:50%;top:3.5%;transform:translate(-50%);width:max-content;max-width:90%;margin:0;padding:.35em .9em;border:1px solid var(--e-borde);border-radius:99px;background:#0b1d18f2;font-weight:700;font-size:.92em;line-height:1.2;text-align:center}.e-volver{position:absolute;z-index:3;left:50%;bottom:4.5%;transform:translate(-50%);padding:0 1.1em}@media(prefers-reduced-motion:reduce){.escena .e-ondas i,.escena .e-escribiendo i,.escena .e-cursor{animation:none!important}}