.escena{position:relative;aspect-ratio:4 / 3;overflow:hidden;border:3px solid var(--tinta);border-radius:20px;background:var(--naranja-tele);box-shadow:0 5px 0 var(--tinta)}.escena>*{position:absolute}.esc-luz{inset:0;background:radial-gradient(70% 78% at 50% 56%,var(--luz-crema) 0 46%,transparent 76%);animation:esc-respira 4s ease-in-out infinite}.esc-ondas{inset:0;background:url(/img/ondas.svg) center / cover no-repeat;opacity:.35;mix-blend-mode:multiply}.esc-piso{left:14%;right:14%;bottom:3%;height:9%;border-radius:50%;background:var(--onda-tele);opacity:.55}.esc-entra{left:5%;bottom:6%;width:90%;aspect-ratio:4 / 3;animation:esc-cae .6s cubic-bezier(.3,1.4,.5,1) both}.esc-dib{width:100%;height:100%;background:no-repeat 0 0 / 600% 400%;animation:esc-dib-x .75s steps(6) infinite,esc-dib-y 3s steps(4) infinite}.esc-dib-libreta{background-image:url(/img/escenas/libreta.webp?v=1)}.esc-dib-lupa{background-image:url(/img/escenas/lupa.webp?v=1)}.esc-dib-sello{background-image:url(/img/escenas/sello.webp?v=1)}.esc-dib-horno{background-image:url(/img/escenas/horno.webp?v=3)}.esc-dib-caja{background-image:url(/img/escenas/caja.webp?v=1)}.esc-dib-moto{background-image:url(/img/escenas/moto.webp?v=1);animation-duration:.5s,2s}.esc-dib-come{background-image:url(/img/escenas/come.webp?v=1);animation-duration:.5s,2s}.esc-dib-triste{background-image:url(/img/escenas/triste.webp?v=1)}.esc-dib-dormido{background-image:url(/img/escenas/dormido.webp?v=1)}.esc-dib-despide{background-image:url(/img/escenas/despide.webp?v=1)}.esc-nuevo .esc-entra{left:-8%}.esc-pago_recibido .esc-entra{left:3%}.esc-entregado .esc-entra{left:-6%}.esc-listo .esc-entra{left:13%}.esc-en_camino .esc-entra{left:7%;width:86%;bottom:5%}.esc-ticket{position:relative;display:grid;gap:4px;justify-items:start;padding:10px 12px 14px;border:3px solid var(--tinta);border-radius:6px 6px 2px 2px;background:#fff;box-shadow:0 4px 0 var(--tinta);font:700 13px/1 Barlow Semi Condensed,system-ui,sans-serif;text-transform:uppercase}.esc-ticket .t-folio{font:800 28px/1 Barlow Condensed,system-ui,sans-serif}.esc-ticket .t-linea{width:70px;height:5px;border-radius:3px;background:var(--masa-borde)}.esc-ticket .t-corta{width:44px}.esc-ticket .t-moneda{position:absolute;right:-18px;top:-16px;display:grid;place-items:center;width:34px;height:34px;border:3px solid var(--tinta);border-radius:50%;background:#f2b33d;font:800 18px/1 Barlow,system-ui,sans-serif;animation:esc-gira 3s ease-in-out infinite}.esc-mece{right:9%;top:14%;transform-origin:50% 0;animation:esc-mece 3.2s ease-in-out infinite}.esc-ticket-pago{right:3%;bottom:9%;transform:rotate(-3deg)}.esc-sello{position:absolute;left:50%;top:74%;padding:3px 7px;border:3px solid var(--rojo-banderilla);border-radius:8px;color:var(--rojo-banderilla);font:800 17px/1 Barlow,system-ui,sans-serif;letter-spacing:.05em;background:#ffffffd9;transform:translate(-50%,-50%) rotate(-12deg);animation:esc-sello .2s ease-out .5s both}.esc-vapor{left:63%;top:3%;width:22%;overflow:visible;filter:drop-shadow(0 0 1.5px rgb(20 17 16 / .6))}.esc-vapor path{fill:none;stroke:#fff;stroke-width:6;stroke-linecap:round;opacity:.9;animation:esc-vapor 2.6s ease-in-out infinite}.esc-vapor path:nth-child(2){animation-delay:.8s}.esc-vapor path:nth-child(3){animation-delay:1.6s}.esc-banderilla{left:4%;top:6%;padding:6px 12px;border:3px solid var(--tinta);border-radius:10px;background:var(--rojo-banderilla);color:#fff;font:800 19px/1 Barlow,system-ui,sans-serif;box-shadow:0 4px 0 var(--tinta);transform:rotate(-4deg);animation:esc-sello .5s cubic-bezier(.2,1.5,.5,1) .5s both}.esc-banderilla b{font-family:Barlow Condensed,system-ui,sans-serif}.esc-entregado .esc-banderilla{inset:auto 4% 9% auto}.esc-cielo{inset:0;background:linear-gradient(var(--luz-crema),var(--naranja-tele))}.esc-calle{left:0;right:0;bottom:0;height:18%;background:var(--grafito-banderilla);overflow:hidden;border-top:3px solid var(--tinta)}.esc-calle i{position:absolute;top:45%;width:18%;height:10%;background:#f2b33d;animation:esc-calle 1.4s linear infinite}.esc-calle i:nth-child(1){left:0}.esc-calle i:nth-child(2){left:34%}.esc-calle i:nth-child(3){left:68%}.esc-zzz{left:22%;top:2%;width:24%;height:34%}.esc-zzz i{position:absolute;bottom:0;color:var(--tinta);font:800 22px/1 Barlow,system-ui,sans-serif;font-style:normal;opacity:0;animation:esc-zeta 3.6s ease-in-out infinite}.esc-zzz i:nth-child(1){left:58%}.esc-zzz i:nth-child(2){left:30%;font-size:28px;animation-delay:1.2s}.esc-zzz i:nth-child(3){left:4%;font-size:36px;animation-delay:2.4s}@keyframes esc-dib-x{to{background-position-x:120%}}@keyframes esc-dib-y{to{background-position-y:133.3333%}}@keyframes esc-cae{0%{transform:translateY(-16%);opacity:0}}@keyframes esc-sello{0%{transform:translate(-50%,-50%) rotate(-12deg) scale(1.8);opacity:0}}@keyframes esc-respira{50%{opacity:.82}}@keyframes esc-mece{50%{transform:rotate(-5deg)}}@keyframes esc-gira{50%{transform:rotateY(180deg)}}@keyframes esc-vapor{0%{transform:translateY(10px);opacity:0}40%{opacity:.95}to{transform:translateY(-10px);opacity:0}}@keyframes esc-calle{to{transform:translate(-190%)}}@keyframes esc-zeta{0%{transform:translateY(20%);opacity:0}25%{opacity:.85}80%{opacity:.6}to{transform:translateY(-110%) rotate(-10deg);opacity:0}}.esc-banderilla{animation-name:esc-bandera}@keyframes esc-bandera{0%{transform:rotate(-4deg) scale(2);opacity:0}}@media(prefers-reduced-motion:reduce){.escena *{animation:none!important}.esc-zzz i{opacity:.8;bottom:auto;top:30%}}