.carrusel{--aire:clamp(36px,4vw,60px);isolation:isolate;background:linear-gradient(180deg,#f8f7f5 0%,var(--papel) 100%);position:relative;overflow:hidden}.cielo{left:50%;top:calc(20px + var(--cw)*.625);width:calc(var(--cw)*4.6);height:calc(var(--cw)*2.5);z-index:-1;pointer-events:none;position:absolute;transform:translate(-50%,-50%);-webkit-mask-image:radial-gradient(closest-side,#000 30%,#00000073 62%,#0000);mask-image:radial-gradient(closest-side,#000 30%,#00000073 62%,#0000)}.cielo div{width:calc(var(--cw)*5.3);aspect-ratio:1;margin:calc(var(--cw)*-2.65) 0 0 calc(var(--cw)*-2.65);will-change:transform;background:conic-gradient(from -90deg,#5cb0ec75,#5cb0ec47 22%,#e2bc966b 50%,#e2bc9642 72%,#5cb0ec75);position:absolute;top:50%;left:50%}.aura{z-index:-1;pointer-events:none;width:min(1500px,170vw);height:clamp(520px,64vw,860px);position:absolute;top:clamp(110px,13vw,170px);left:50%;transform:translate(-50%);-webkit-mask-image:radial-gradient(50% 50%,#000 10%,#0000 72%);mask-image:radial-gradient(50% 50%,#000 10%,#0000 72%)}.aura div{filter:blur(70px)saturate(1.3);opacity:0;transition:opacity 1.2s var(--ease);background-position:50% 30%;background-size:cover;position:absolute;inset:0;transform:scale(1.1)}.aura div.on{opacity:.6}.escena{--cw:clamp(230px,24vw,350px);height:calc(var(--cw)*1.25 + 40px);margin-top:calc(var(--aire) - 25px);perspective:2200px;perspective-origin:50% 45%;touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none;outline:none;position:relative}.escena:focus-visible .cand[tabindex="0"]{outline:1.5px solid var(--tinta);outline-offset:6px}.escena.arrastrando{cursor:grabbing}.toca-sonido{z-index:2;-webkit-backdrop-filter:blur(12px)saturate(1.4);backdrop-filter:blur(12px)saturate(1.4);letter-spacing:.01em;white-space:nowrap;color:var(--tinta);cursor:pointer;opacity:0;pointer-events:none;transition:opacity .25s var(--ease),translate .25s var(--ease);background:#ffffffd1;border-radius:999px;align-items:center;gap:7px;padding:8px 14px 7px 12px;font-size:12.5px;font-weight:500;display:inline-flex;position:absolute;bottom:36px;left:50%;translate:-50% 8px;box-shadow:0 8px 24px -10px #00000059}.toca-sonido svg{flex:none;width:14px;height:14px}.toca-sonido.ver{opacity:1;pointer-events:auto;transition-duration:.6s;transition-delay:1.6s;translate:-50%}@media not (pointer:coarse){.toca-sonido{display:none}}@media (prefers-reduced-motion:reduce){.toca-sonido{translate:-50%}}.anillo{width:0;height:0;transform-style:preserve-3d;position:absolute;top:20px;left:50%}.cand{left:calc(var(--cw)/-2);width:var(--cw);aspect-ratio:4/5;background:var(--niebla);cursor:inherit;backface-visibility:hidden;will-change:transform,opacity;border:0;border-radius:4px;padding:0;position:absolute;top:0;overflow:hidden;box-shadow:0 30px 60px -28px #00000059}.cand img{object-fit:cover;object-position:50% 25%;pointer-events:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.cand:after{content:"";opacity:var(--velo,0);pointer-events:none;background:#fff;position:absolute;inset:0}.escena.eligiendo{pointer-events:none}.escena.eligiendo .cand{transition:filter .45s var(--ease),scale .5s cubic-bezier(.3,1.5,.5,1),translate .5s cubic-bezier(.3,1.5,.5,1),box-shadow .5s}.escena.eligiendo .cand:not(.elegida){filter:blur(5px)saturate(.5)brightness(1.06)}.cand.elegida{translate:0 -14px;scale:1.07;box-shadow:0 46px 80px -30px #00000080}.cand.elegida:before{content:"";z-index:2;pointer-events:none;background:linear-gradient(105deg,#0000 35%,#ffffff8c 50%,#0000 65%) -150% 0/60% 100% no-repeat;animation:.6s ease-out 50ms both elegidaBrillo;position:absolute;inset:0}@keyframes elegidaBrillo{to{background-position:250% 0}}.cand{transition:filter .45s var(--ease)}.cand.fuera{filter:saturate(.25)brightness(1.08)blur(2px)opacity(.5)}.info-premio{width:fit-content;margin:2px auto 0;display:flex}.info-premio[hidden]{display:none}.cand.hallada{animation:1.2s cubic-bezier(.2,.8,.3,1) hallada}@keyframes hallada{0%{scale:1;box-shadow:0 30px 60px -28px #00000059,0 0 #1111118c}22%{scale:1.035}to{scale:1;box-shadow:0 30px 60px -28px #00000059,0 0 0 26px #1110}}.cand .sil{background:linear-gradient(#f6f6f4,#ebebe8);flex-direction:column;justify-content:flex-end;align-items:center;display:flex;position:absolute;inset:0}.cand .sil svg{width:78%;display:block}.cand .sil span{text-align:center;font-family:var(--texto);font-size:11px;font-weight:500;font-stretch:var(--ancho-display);letter-spacing:.2em;text-transform:uppercase;color:var(--gris-claro);position:absolute;top:14px;left:0;right:0}.info{z-index:2;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px;max-width:860px;margin:clamp(20px,3vw,36px) auto 0;display:grid;position:relative}.info-txt{text-align:center;min-width:0}.info-num{font-family:var(--texto);letter-spacing:.08em;color:var(--gris-claro);font-variant-numeric:tabular-nums;font-size:12px;display:block}.info-txt h2{font-size:clamp(1.75rem,3.4vw,2.5rem);font-weight:400;font-stretch:var(--ancho-nombre);letter-spacing:-.02em;margin:.25em 0 .3em;line-height:1.05}.info-txt p{color:var(--gris);font-size:16px}.info-txt .enlace{margin-top:18px}.cambia{animation:cambia .6s var(--ease)}@keyframes cambia{0%{opacity:.15;transform:translateY(8px)}}.flechita{border:1px solid var(--linea);background:var(--papel);cursor:pointer;width:52px;height:52px;transition:border-color .2s,transform .4s var(--ease);border-radius:50%;place-items:center;display:grid}.flechita:hover{border-color:var(--tinta)}.flechita:active{transform:scale(.93)}.flechita svg{width:18px;height:18px}.auto{justify-content:center;gap:28px;margin-top:20px;display:flex}.auto svg{width:14px;height:14px}.auto button,.auto .todas{cursor:pointer;font-size:11px;font-weight:500;font-stretch:var(--ancho-display);letter-spacing:.2em;text-transform:uppercase;color:var(--gris-claro);background:0 0;border:0;align-items:center;gap:.6em;text-decoration:none;display:inline-flex}.auto button:hover,.auto .todas:hover{color:var(--tinta)}.auto i{background:var(--linea);width:28px;height:1px;position:relative;overflow:hidden}.auto i:after{content:"";background:var(--tinta);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.auto.corriendo i:after{animation:barra var(--t,5s) linear infinite}@keyframes barra{to{transform:scaleX(1)}}@media (max-width:640px){.escena{--cw:clamp(200px,62vw,300px)}.cielo{opacity:.65}.info{grid-template-columns:1fr;gap:12px}.flechita{display:none}}@keyframes entrar{0%{opacity:0;transform:translateY(18px)}}@keyframes aparecer{0%{opacity:0}}.aura,.cielo{animation:1.8s ease-out .35s both aparecer}.escena{animation:entrar 1.2s var(--ease) .35s both}.carrusel .info{animation:entrar 1s var(--ease) .65s both}.auto{animation:entrar 1s var(--ease) .8s both}
