.ruleta{position:relative;margin-top:var(--espacio-8)}.ruleta__mesa{position:relative;height:clamp(440px,118vw,560px);perspective:1400px;touch-action:pan-y;user-select:none;-webkit-user-select:none}.ruleta__mesa{--paso: 72%}.ruleta__carta{--s: 2;--a: max(var(--s), calc(var(--s) * -1));--alza: 1;position:absolute;left:50%;top:50%;width:min(64vw,320px);padding:14px 14px 0;background:#fffdf9;color:var(--marca-tinta);text-decoration:none;box-shadow:0 1px 2px #28190f33,calc(var(--luz, 0) * 6px + 9px - var(--px, 0) * 10px) calc(var(--luz, 0) * 12px + 14px - var(--py, 0) * 8px) calc(var(--luz, 0) * 16px + 22px) -6px #28190f57,calc(var(--luz, 0) * -6px - 9px - var(--px, 0) * 10px) calc(var(--luz, 0) * 12px + 14px - var(--py, 0) * 8px) calc(var(--luz, 0) * 16px + 22px) -6px #28190f57;transform:translate(-50%,calc(-50% + min(var(--a),1)*12px)) translate(calc(var(--s) * var(--paso) + var(--px, 0) * 10px)) rotateY(calc(var(--s) * -30deg + var(--px, 0) * 8deg)) rotateX(calc(var(--py, 0) * -6deg)) rotate(calc(-1.5deg + var(--s) * 3.5deg)) scale(calc((1 - min(var(--a),1) * .2 - max(var(--a) - 1,0) * .2) * var(--alza)));opacity:calc(1 - max(var(--a) - 1,0));transition:transform .65s cubic-bezier(.2,.7,.2,1),opacity .5s ease,box-shadow .4s ease,visibility 0s;cursor:grab;-webkit-tap-highlight-color:transparent}.ruleta__carta:before{content:"";position:absolute;z-index:1;top:-14px;left:50%;width:110px;height:30px;background:linear-gradient(180deg,#f0e4cdd9,#e1d2b6cc);clip-path:polygon(3% 0,97% 4%,100% 30%,96% 55%,100% 100%,4% 96%,0 70%,3% 45%,0 15%);transform:translate(-50%) rotate(-3deg)}.ruleta__carta[data-pos=centro]{--s: 0;z-index:3;cursor:pointer}.ruleta__carta[data-pos=izq]{--s: -1;z-index:2}.ruleta__carta[data-pos=der]{--s: 1;z-index:2}.ruleta__carta[data-pos^=fuera]{z-index:1;visibility:hidden;pointer-events:none;transition:transform .65s cubic-bezier(.2,.7,.2,1),opacity .4s ease,visibility 0s .65s}.ruleta__carta[data-pos=fuera-izq]{--s: -2}.ruleta__carta[data-pos=fuera-der]{--s: 2}.ruleta__carta.entra{visibility:visible;transition-delay:0s}.ruleta__carta:is([data-pos=izq],[data-pos=der]):is(:hover,:active){--alza: 1.05}.ruleta__carta[data-pos=centro]:is(:hover,:focus-visible,.zoom){--alza: 1.05}.ruleta__carta:is(:hover,:focus-visible,.zoom,.sigue){--luz: 1}.ruleta__carta.sigue{transition:transform .15s ease-out,opacity .5s ease,box-shadow .15s ease-out,visibility 0s}.arrastrando{cursor:grabbing}.arrastrando .ruleta__carta{--alza: 1;transition-duration:0s;cursor:grabbing}.ruleta__foto{display:grid;place-items:center;aspect-ratio:1 / 1;background:var(--blanco);overflow:hidden}.ruleta__img{width:100%;height:100%;padding:var(--espacio-3);object-fit:contain;pointer-events:none}.ruleta__logo{grid-column:2;grid-row:1 / span 3;align-self:center;width:auto;max-width:110px;max-height:48px;object-fit:contain;mix-blend-mode:multiply;pointer-events:none}.ruleta__logo--invertir{filter:invert(1);mix-blend-mode:normal}.ruleta__pie{display:grid;grid-template-columns:1fr auto;column-gap:var(--espacio-3);row-gap:var(--espacio-1);padding:var(--espacio-4) 4px var(--espacio-6)}.ruleta__pie>:not(.ruleta__logo){grid-column:1}.ruleta__volanta{font-size:var(--boton-size);letter-spacing:var(--boton-tracking);text-transform:uppercase;opacity:.7}.ruleta__nombre{font-size:var(--titulo-3-size);font-weight:300;letter-spacing:.1em;text-transform:uppercase}.ruleta__entrar{margin-top:var(--espacio-2);font-size:var(--boton-size);font-weight:600;letter-spacing:var(--boton-tracking);text-transform:uppercase;opacity:0;transition:opacity .4s ease}.ruleta__carta[data-pos=centro] .ruleta__entrar{opacity:1}.ruleta__flecha{position:absolute;top:50%;z-index:4;display:grid;place-items:center;width:48px;height:48px;margin-top:-24px;font-size:20px;color:var(--marca-tinta);background:var(--blanco);border:1px solid var(--borde-control);border-radius:50%;cursor:pointer;box-shadow:0 6px 16px -6px #28190f59;transition:background-color .25s ease,color .25s ease,transform .25s ease}.ruleta__flecha:is(:hover,:active,:focus-visible){background:var(--marca-tinta);color:var(--blanco);transform:scale(1.08)}.ruleta__flecha--izq{left:0}.ruleta__flecha--der{right:0}@media(min-width:900px){.ruleta__mesa{height:560px}.ruleta__mesa{--paso: 95%}}@media(prefers-reduced-motion:reduce){.ruleta__carta,.ruleta__carta[data-pos^=fuera]{transition:opacity .2s ease,visibility 0s}}.logos[data-astro-cid-qj7iy6dp]{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--espacio-4)}.logos__boton[data-astro-cid-qj7iy6dp]{display:grid;place-items:center;min-height:108px;padding:var(--espacio-3);background:var(--blanco);color:var(--marca-tinta);text-decoration:none;-webkit-tap-highlight-color:transparent;border:0;outline:1px solid var(--linea);outline-offset:-.5px;cursor:pointer;position:relative;box-shadow:0 1px #0000000a,0 4px 10px -4px #28190f2e,inset 0 1px #ffffffe6,inset 0 -2px #0000000d;transform:perspective(400px) translate(calc(var(--px, 0) * 6px),calc(var(--py, 0) * 4px)) rotateY(calc(var(--px, 0) * 12deg)) rotateX(calc(var(--py, 0) * -18deg)) scale(calc(1 + var(--alza, 0) * .03));transition:background-color .3s ease,transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s ease}.logos__boton[data-astro-cid-qj7iy6dp]:is(:hover,:active,:focus-visible){z-index:1;--alza: 2;background:var(--fondo)}.logos__boton[data-astro-cid-qj7iy6dp].sigue{--alza: 1;transition:background-color .3s ease,transform .15s ease-out,box-shadow .15s ease-out}.logos__boton[data-astro-cid-qj7iy6dp]:is(:hover,:active,:focus-visible,.sigue){box-shadow:0 1px 2px #28190f33,calc(var(--px, 0) * -8px) calc(12px - var(--py, 0) * 6px) 22px -8px #28190f61}.logos__boton--actual[data-astro-cid-qj7iy6dp]{outline:2px solid var(--marca-tinta);outline-offset:-2px}.logos__img[data-astro-cid-qj7iy6dp]{max-height:54px;width:auto;max-width:100%;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(0 2px 1px rgba(0,0,0,.12))}.logos__img--apilado[data-astro-cid-qj7iy6dp]{max-height:80px}.logos__img--invertir[data-astro-cid-qj7iy6dp]{filter:invert(1);mix-blend-mode:normal}.logos__texto[data-astro-cid-qj7iy6dp]{font-size:var(--boton-size);letter-spacing:.14em;text-transform:uppercase;font-weight:600;text-align:center}@media(prefers-reduced-motion:reduce){.logos__boton[data-astro-cid-qj7iy6dp]{transition:none}}
