.esc{z-index:-10;pointer-events:none;position:absolute;inset:0;overflow:hidden}.esc>*,.esc-eq>*{display:block;position:absolute}.esc:after{content:"";background:linear-gradient(#0000,#0b090759 40%,#0b0907eb 75%);position:absolute;inset:0}.esc-restaurant{background:radial-gradient(90% 55% at 50% 62%,#96461e66,#0000 72%),linear-gradient(#1d130c,#120c08)}.esc-bokeh{top:calc(6% + var(--i) * 7%);left:calc(6% + var(--i) * 20%);width:calc(8% + var(--i) * 1.5%);aspect-ratio:1;animation:esc-flotar calc(10s + var(--i) * 2s) ease-in-out infinite alternate;animation-delay:calc(var(--i) * -3s);background:radial-gradient(circle,#ffcd8c4d,#ffc8780f 60%,#0000 70%);border-radius:50%}.esc-lampara{top:0;left:calc(20% + var(--i) * 30%);transform-origin:0 0;width:0;height:100%;animation:esc-mecer-lampara calc(5.5s + var(--i) * 1.3s) ease-in-out infinite alternate;animation-delay:calc(var(--i) * -2.2s)}.esc-lampara>span{display:block;position:absolute}.esc-cable{width:1px;height:calc(16% + var(--i) * 5%);background:linear-gradient(#e6dcd126,#e6dcd173);top:0;left:-.5px}.esc-pantalla{top:calc(16% + var(--i) * 5%);background:linear-gradient(#8f1a22,#5e0b12);border-radius:44px 44px 3px 3px;width:44px;height:18px;left:-22px;box-shadow:inset 0 -2px #ffdca080}.esc-pantalla:after{content:"";background:#ffe2a6;border-radius:0 0 8px 8px;width:14px;height:6px;animation:4s ease-in-out infinite alternate esc-respirar-luz;position:absolute;bottom:-4px;left:50%;translate:-50%;box-shadow:0 0 14px 6px #ffc8788c}.esc-cono{top:calc(16% + var(--i) * 5% + 18px);clip-path:polygon(44% 0,56% 0,100% 100%,0 100%);filter:blur(2px);background:linear-gradient(#ffd28c52,#ffbe6e14 55%,#0000 85%);width:180px;height:75%;animation:4s ease-in-out infinite alternate esc-respirar-luz;left:-90px}.esc-mota{top:calc(30% + var(--i) * 5% + var(--j) * 9%);left:calc((var(--j) - 1.5) * 18px);width:3px;height:3px;animation:esc-polvo calc(5s + var(--j) * 1.7s) ease-in-out infinite alternate;animation-delay:calc(var(--j) * -1.3s + var(--i) * -.8s);background:#ffe6becc;border-radius:50%}.esc-mesa{background:linear-gradient(90deg,#0000,#e6dcd159,#0000);height:1px;top:70%;left:8%;right:8%}@keyframes esc-flotar{0%{opacity:.5;transform:translate(0)scale(1)}to{opacity:1;transform:translate(18%,-22%)scale(1.25)}}@keyframes esc-mecer-lampara{0%{transform:rotate(-2.4deg)}to{transform:rotate(2.4deg)}}@keyframes esc-respirar-luz{0%{opacity:.8}to{opacity:1}}@keyframes esc-polvo{0%{opacity:0;transform:translate(0)}30%{opacity:.9}to{opacity:.2;transform:translate(10px,-26px)}}.esc-disco{background:radial-gradient(70% 50% at 50% 0,#3c46ff59,#0000 70%),linear-gradient(#0a0b1c,#07060c)}.esc-haz{top:-10%;left:calc(20% + var(--i) * 20%);transform-origin:50% 0;background:linear-gradient(180deg, var(--color) 0%, transparent 85%);clip-path:polygon(46% 0,54% 0,100% 100%,0 100%);mix-blend-mode:screen;opacity:.55;width:26%;height:130%;animation:esc-barrer calc(4.5s + var(--i) * .8s) ease-in-out infinite alternate;animation-delay:calc(var(--i) * -1.3s)}.esc-haz:nth-of-type(odd){--color:#466effbf}.esc-haz:nth-of-type(2n){--color:#dc3cc8b3}.esc-espejos{opacity:.6;background-image:radial-gradient(circle,#ffffff8c 0 1px,#0000 1.6px);background-size:22px 22px;animation:40s linear infinite esc-girar;inset:-50%;-webkit-mask-image:radial-gradient(60% 50% at 50% 30%,#000,#0000 75%);mask-image:radial-gradient(60% 50% at 50% 30%,#000,#0000 75%)}.esc-destello{opacity:0;background:radial-gradient(60% 40% at 50% 15%,#ffffff38,#0000 70%);animation:3.2s step-end infinite esc-destellar;inset:0}.esc-eq{align-items:flex-end;gap:4%;height:22%;display:flex;position:absolute;inset:auto 6% 34%}.esc-eq>span{transform-origin:bottom;opacity:.55;height:100%;animation:esc-ecualizar calc(.7s + (var(--i) * .13s)) ease-in-out infinite alternate;animation-delay:calc(var(--i) * -.21s);background:linear-gradient(#e646d2bf,#5a78ffd9);border-radius:2px 2px 0 0;flex:1;position:relative}@keyframes esc-barrer{0%{transform:rotate(-28deg)}to{transform:rotate(28deg)}}@keyframes esc-girar{to{transform:rotate(360deg)}}@keyframes esc-destellar{0%,82%,88%,to{opacity:0}84%,90%{opacity:1}}@keyframes esc-ecualizar{0%{transform:scaleY(.15)}to{transform:scaleY(1)}}.esc-terraza{background:linear-gradient(#1b1236 0%,#5a2152 30%,#c2453e 50%,#f08a3a 60%,#2a1418 60.5%,#120a0c 100%)}.esc-estrellas{background-image:radial-gradient(circle at 12% 18%,#fff 0 1px,#0000 1.5px),radial-gradient(circle at 34% 8%,#fff 0 .8px,#0000 1.3px),radial-gradient(circle at 57% 26%,#fff 0 1px,#0000 1.5px),radial-gradient(circle at 72% 12%,#fff 0 .8px,#0000 1.3px),radial-gradient(circle at 88% 30%,#fff 0 1px,#0000 1.5px);animation:3.5s ease-in-out infinite alternate esc-centellear;inset:0 0 60%}.esc-sol{aspect-ratio:1;background:radial-gradient(circle at 50% 35%,#fff59a,#ffed00 45%,#ffb21a 100%);border-radius:50%;width:44%;animation:14s ease-in-out infinite alternate esc-ponerse;top:30%;left:50%;translate:-50%;box-shadow:0 0 60px 20px #ffc83c59;-webkit-mask-image:repeating-linear-gradient(#000 0 48%,#0000 48% 52%,#000 52% 60%,#0000 60% 63%,#000 63% 70%,#0000 70% 74%,#000 74% 100%);mask-image:repeating-linear-gradient(#000 0 48%,#0000 48% 52%,#000 52% 60%,#0000 60% 63%,#000 63% 70%,#0000 70% 74%,#000 74% 100%)}.esc-horizonte{background:linear-gradient(#2a1418,#120a0c);inset:60% 0 0;box-shadow:0 -1px #ffb45a59}.esc-palmera{aspect-ratio:60/100;transform-origin:50% 100%;width:26%;height:auto;animation:5s ease-in-out infinite alternate esc-brisa;bottom:38%;right:6%}@keyframes esc-centellear{0%{opacity:.25}to{opacity:.8}}@keyframes esc-ponerse{0%{transform:translateY(-6%)}to{transform:translateY(10%)}}@keyframes esc-brisa{0%{transform:rotate(-1.5deg)}to{transform:rotate(1.5deg)}}.esc-guirnalda{transform-origin:50% 0;height:40%;animation:6s ease-in-out infinite alternate esc-mecer;inset:16% -2% auto}.esc-guirnalda svg{width:100%;height:100%;position:absolute;inset:0}.esc-ampolleta{width:9px;height:11px;animation:esc-encender calc(2.4s + var(--i) * .31s) ease-in-out infinite alternate;animation-delay:calc(var(--i) * -.47s);background:radial-gradient(circle at 50% 40%,#fff3cf,#ffc85a 60%,#e39a2a);border-radius:50% 50% 45% 45%;position:absolute;translate:-50%;box-shadow:0 0 10px 3px #ffbe5a8c,0 0 26px 8px #ffaa3c2e}@keyframes esc-mecer{0%{transform:rotate(-1.2deg)}to{transform:rotate(1.2deg)}}@keyframes esc-encender{0%{opacity:.55}to{opacity:1}}.group:hover .esc{transform:scale(1.05)}.esc{transition:transform .7s}@media (prefers-reduced-motion:reduce){.esc,.esc *,.esc-eq>span{transition:none!important;animation:none!important}}
.medalla{--tam:44px;width:var(--tam);height:var(--tam);flex-shrink:0;place-items:center;display:inline-grid;position:relative}.medalla-lg{--tam:64px}.medalla-bronce{--m1:#f0b98a;--m2:#a45f2c;--m3:#6b3a17}.medalla-plata{--m1:#fff;--m2:#b9bec8;--m3:#6f7480}.medalla-oro{--m1:#fff1bf;--m2:#d4a640;--m3:#7d5a12}.medalla-disco{background:radial-gradient(circle at 32% 28%, var(--m1), var(--m2) 45%, var(--m3) 100%);box-shadow:inset 0 -3px 6px #00000059, 0 6px 18px -6px var(--m2);border-radius:50%;place-items:center;display:grid;position:absolute;inset:12%;overflow:hidden}.medalla-disco:after{content:"";background:linear-gradient(115deg,#0000 40%,#ffffffbf 50%,#0000 60%);animation:4.5s ease-in-out infinite medalla-brillo;position:absolute;inset:-40%;transform:translate(-70%)}.medalla-plata .medalla-disco:after{animation-delay:-1.5s}.medalla-oro .medalla-disco:after{animation-delay:-3s}.medalla-letra{z-index:1;font-family:var(--font-titulo), ui-serif, Georgia, serif;font-weight:700;font-size:calc(var(--tam) * .36);color:var(--m3);text-shadow:0 1px #ffffff73;line-height:1;position:relative}.medalla-anillo{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.medalla-anillo circle{fill:none;stroke:var(--m2);stroke-width:1.4px;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100px;animation:6s ease-in-out infinite medalla-anillo}.medalla-destello{clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);width:6px;height:6px;transform:rotate(calc(var(--i) * 90deg + 45deg)) translateY(calc(var(--tam) * -.5));animation:2.4s ease-in-out infinite medalla-destello;animation-delay:calc(var(--i) * -.6s);background:radial-gradient(circle,#fff7d6 0 35%,#0000 70%);margin:-3px;position:absolute;top:50%;left:50%}.avance-nivel{background:#ffffff14;border-radius:2px;height:2px;display:block;position:relative;overflow:hidden}.avance-nivel-relleno{width:var(--hasta);transform-origin:0;animation:5s cubic-bezier(.6,0,.2,1) infinite avance-llenar;animation-delay:calc(var(--i) * .25s);background:linear-gradient(90deg,#a45f2c,#b9bec8 50%,#d4a640);border-radius:2px;position:absolute;inset:0 auto 0 0}@keyframes medalla-brillo{0%,55%{transform:translate(-70%)}85%,to{transform:translate(70%)}}@keyframes medalla-anillo{0%{stroke-dashoffset:100px;opacity:1}45%,80%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:0}}@keyframes medalla-destello{0%,to{opacity:0;scale:.4}50%{opacity:1;scale:1.2}}@keyframes avance-llenar{0%{transform:scaleX(0)}45%,85%{transform:scaleX(1)}to{opacity:.4;transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.medalla *,.medalla :after,.avance-nivel-relleno{animation:none!important}.medalla-anillo circle{stroke-dashoffset:0}.avance-nivel-relleno{transform:none}}