@property --barrido{syntax:"<angle>";inherits:false;initial-value:0deg}@property --hueco{syntax:"<percentage>";inherits:true;initial-value:130%}.fq-escena{flex:1 1 0;justify-content:center;align-items:center;width:100%;min-height:200px;display:flex;container-type:size}.fq-encuadre{--proporcion:1;width:min(100cqw, (100cqh - 3.5rem) * var(--proporcion));padding-bottom:3.5rem;position:relative;container-type:inline-size}@media (min-width:768px){.fq-encuadre{--proporcion:2.2}}.fq-pantalla{aspect-ratio:var(--proporcion);isolation:isolate;background:radial-gradient(70% 80% at 50% 45%,#fbf4e2 0%,#eadfc4 55%,#b9ab8c 100%);border-radius:6px;animation:.6s steps(6,jump-none) both fq-lampara;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff0f,0 30px 120px -20px #ffe4aa47}@keyframes fq-lampara{0%{opacity:0}30%{opacity:.7}45%{opacity:.15}70%{opacity:.9}85%{opacity:.5}to{opacity:1}}.fq-parpadeo{z-index:3;pointer-events:none;mix-blend-mode:soft-light;background:#fffaeb;animation:.18s steps(2,end) infinite fq-parpadeo;position:absolute;inset:0}@keyframes fq-parpadeo{0%{opacity:.18}to{opacity:.32}}.fq-rayas{z-index:4;pointer-events:none;background:linear-gradient(90deg,#0000 0 18%,#281e1447 18% 18.15%,#0000 18.15%),linear-gradient(90deg,#0000 0 71%,#281e1433 71% 71.1%,#0000 71.1%);animation:.9s step-end infinite fq-rayas;position:absolute;inset:0}@keyframes fq-rayas{0%{opacity:1;transform:translate(0)}25%{opacity:.4;transform:translate(-9%)}50%{opacity:0;transform:translate(12%)}75%{opacity:.8;transform:translate(4%)}}.fq-polvo{z-index:4;pointer-events:none;background:#5a462859;border-radius:50%;width:3px;height:3px;animation:9s linear infinite fq-polvo;position:absolute}@keyframes fq-polvo{0%{transform:translate(0)}50%{transform:translate(40px,-24px)}to{transform:translate(80px,6px)}}.fq-siluetas{z-index:1;justify-content:center;align-items:flex-end;gap:clamp(.5rem,3.75cqw,2.5rem);padding-bottom:0;display:flex;position:absolute;inset:0}.fq-sube{animation:.7s cubic-bezier(.34,1.56,.64,1) both fq-sube}.fq-sube:first-child{animation-delay:5.5s}.fq-sube:nth-child(2){animation-delay:5.9s}.fq-sube:nth-child(3){animation-delay:6.3s}@keyframes fq-sube{0%{transform:translateY(115%)}to{transform:translateY(0)}}.fq-carton{transform-origin:50% 100%;filter:blur(1.2px);flex-direction:column;align-items:center;animation:2.6s ease-in-out infinite alternate fq-tiembla;display:flex}.fq-sube:nth-child(2) .fq-carton{animation-duration:3.1s;animation-delay:-1.2s}.fq-sube:nth-child(3) .fq-carton{animation-duration:2.3s;animation-delay:-.6s}@keyframes fq-tiembla{0%{transform:rotate(-4deg)translateY(2%)}to{transform:rotate(3.5deg)translateY(-3%)}}.fq-cifra{font-family:var(--font-marquesina), var(--font-archivo), sans-serif;font-variation-settings:"opsz" 72;color:#1c1610db;font-size:clamp(3rem,30cqw,15rem);font-weight:900;line-height:.8}.fq-palito{background:#1c1610d1;border-radius:2px;width:clamp(5px,1cqw,9px);height:clamp(1.5rem,11.25cqw,6rem);margin-top:-.4rem}.fq-sube:nth-child(2) .fq-cifra{animation:7s ease-in-out 7.5s infinite fq-resbala;display:inline-block}@keyframes fq-resbala{0%,86%,to{transform:rotate(0)}90%{transform:rotate(24deg)translateY(4%)}95%{transform:rotate(-6deg)}}.fq-cinta{z-index:2;animation:1.7s cubic-bezier(.55,0,.85,.6) 4.2s both fq-quema;position:absolute;inset:-30px}@keyframes fq-quema{0%{--hueco:-14%}to{--hueco:130%}}.fq-cuadro,.fq-letrero{text-align:center;color:#efe6cf;-webkit-mask-image:radial-gradient(circle at 54% 46%, transparent var(--hueco), #000 calc(var(--hueco) + 0.6%));-webkit-mask-image:radial-gradient(circle at 54% 46%, transparent var(--hueco), #000 calc(var(--hueco) + 0.6%));mask-image:radial-gradient(circle at 54% 46%, transparent var(--hueco), #000 calc(var(--hueco) + 0.6%));background:radial-gradient(#2a241d 0%,#15120e 75%,#0b0907 100%);flex-direction:column;justify-content:center;align-items:center;gap:.6rem;padding:1.5rem;animation:.6s step-end 3.5s both fq-traba;display:flex;position:absolute;inset:0}.fq-letrero{z-index:1;background:0 0;inset:30px}.fq-cinta-fondo{filter:url(#borde-quemado);position:absolute;inset:0}@keyframes fq-traba{0%{transform:translateY(0)}15%{transform:translateY(-7%)}30%{transform:translateY(4%)rotate(-.6deg)}45%{transform:translateY(-2%)}60%{transform:translateY(9%)rotate(.8deg)}80%{transform:translateY(1.5%)}to{transform:translateY(1.5%)rotate(.3deg)}}.fq-marco{border:3px double #efe6cf8c;border-radius:4px;position:absolute;inset:7%}.fq-presenta{letter-spacing:.3em;text-transform:uppercase;color:#efe6cfbf;font-size:clamp(.8rem,2cqw,1rem)}.fq-titulo{font-family:var(--font-marquesina), var(--font-archivo), sans-serif;font-variation-settings:"opsz" 72;text-transform:uppercase;max-width:14ch;font-size:clamp(1.1rem,7.5cqw,4.2rem);font-weight:800;line-height:.95}.fq-brasa{pointer-events:none;background:radial-gradient(circle at 54% 46%, transparent calc(var(--hueco) - 0.4%), #fff7d6 var(--hueco), #ffb12e calc(var(--hueco) + 1.4%), #c2410c calc(var(--hueco) + 3%), #321204e6 calc(var(--hueco) + 5.5%), #140a0480 calc(var(--hueco) + 9%), transparent calc(var(--hueco) + 15%));position:absolute;inset:0}.fq-cola{z-index:5;background:radial-gradient(#b3ada0 0%,#8d887c 60%,#5d594f 100%);place-items:center;animation:3.5s step-end both fq-fuera;display:grid;position:absolute;inset:0;overflow:hidden}@keyframes fq-fuera{0%{visibility:visible}to{visibility:hidden}}.fq-cruz{background:linear-gradient(90deg,#0000 calc(50% - 1px),#141414b3 calc(50% - 1px) calc(50% + 1px),#0000 calc(50% + 1px)),linear-gradient(0deg,#0000 calc(50% - 1px),#141414b3 calc(50% - 1px) calc(50% + 1px),#0000 calc(50% + 1px));position:absolute;inset:0}.fq-barrido{aspect-ratio:1;background:conic-gradient(#14120e6b var(--barrido), transparent 0);width:260%;animation:1s linear .5s 3 both fq-barrido;position:absolute;top:50%;left:50%;translate:-50% -50%}@keyframes fq-barrido{0%{--barrido:0deg}to{--barrido:360deg}}.fq-anillo{aspect-ratio:1;border:3px solid #f5f2e8d9;border-radius:50%;position:absolute;top:50%;left:50%;translate:-50% -50%}.fq-numero{font-family:var(--font-marquesina), var(--font-archivo), sans-serif;font-variation-settings:"opsz" 72;color:#141210;opacity:0;font-size:clamp(3rem,27.5cqw,13rem);font-weight:800;line-height:1;animation:1s step-end fq-numero;position:absolute}.fq-numero:first-of-type{animation-delay:.5s}.fq-numero:nth-of-type(2){animation-delay:1.5s}.fq-numero:nth-of-type(3){animation-delay:2.5s}@keyframes fq-numero{0%{opacity:1}to{opacity:0}}.fq-publico{z-index:6;pointer-events:none;justify-content:center;align-items:flex-end;gap:clamp(.25rem,2.75cqw,1.6rem);display:flex;position:absolute;bottom:0;left:0;right:0}.fq-persona{transform-origin:50% 100%;flex-direction:column;align-items:center;animation:1.6s ease-in-out both fq-murmura;display:flex;position:relative}.fq-persona:nth-child(2) .fq-cabeza{width:clamp(1.3rem,6.75cqw,3.3rem)}.fq-persona:nth-child(4) .fq-cabeza{width:clamp(1.6rem,8cqw,3.9rem)}.fq-persona.fq-borde{display:none}@container (min-width:860px){.fq-persona.fq-borde{display:flex}}.fq-cabeza{aspect-ratio:.82;transform-origin:50% 90%;background:#050506;border-radius:46% 46% 42% 42%;width:clamp(1.5rem,7.5cqw,3.6rem)}.fq-hombros{background:#050506;border-radius:48% 48% 0 0/70% 70% 0 0;width:clamp(3rem,15cqw,7.4rem);height:clamp(1.4rem,6.25cqw,3.4rem);margin-top:-.35rem}.fq-persona:first-child{--giro:9deg;animation-delay:4.5s}.fq-persona:nth-child(2){--giro:-10deg;animation-delay:4.6s}.fq-persona:nth-child(3){animation-name:fq-levanta;animation-duration:2.6s;animation-delay:4.4s}.fq-persona:nth-child(4){--giro:10deg;animation-delay:4.7s}.fq-persona:nth-child(5){--giro:-8deg;animation-delay:4.55s}.fq-persona .fq-cabeza{animation:inherit;animation-name:fq-gira}@keyframes fq-murmura{0%,to{transform:translateY(0)}30%,70%{transform:translateY(-3%)}}@keyframes fq-gira{0%,to{transform:rotate(0)translate(0)}25%,75%{transform:rotate(var(--giro,0deg)) translateX(calc(var(--giro,0deg) / 1deg * .6px))}}@keyframes fq-levanta{0%,to{transform:translateY(0)}20%,70%{transform:translateY(-22%)}}.fq-otra-vez{z-index:7;position:absolute;bottom:-.25rem;right:0}@media (prefers-reduced-motion:reduce){.fq-escena *,.fq-pantalla{animation:none!important}.fq-cola{visibility:hidden}}
