.ruleta{position:relative;overflow:hidden}.ruleta--dark{background:#0a0a0a;color:#f5f5f7}.ruleta--light{background:#f6f6f8;color:#0a0a0a}.ruleta__inner{text-align:center;padding:clamp(3rem,6vw,7rem) 0}.ruleta__title{margin:0;font-weight:700;letter-spacing:-.02em;font-size:clamp(2.6rem,5vw,5rem)}.ruleta__subtitle{margin:1.2rem auto 0;max-width:60rem;color:currentColor;opacity:.7;font-size:clamp(1.5rem,2vw,2rem)}.ruleta__stage{position:relative;width:min(86vw,46rem);aspect-ratio:1 / 1;margin:4rem auto 0;transition:transform .6s cubic-bezier(.22,1,.36,1)}.ruleta__stage.is-active{transform:scale(1.06)}.ruleta__wheel{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:.8rem solid rgba(255,255,255,.12);box-shadow:0 2.4rem 6rem #0000008c,inset 0 0 0 .4rem #00000040;transition:transform 5.4s cubic-bezier(.12,.7,.12,1);will-change:transform}.ruleta__label{position:absolute;left:50%;top:0;width:0;height:50%;transform-origin:bottom center;pointer-events:none}.ruleta__label span{position:absolute;top:9%;left:50%;transform:translate(-50%);white-space:nowrap;font-weight:800;font-size:clamp(1.2rem,2.4vw,1.7rem);text-shadow:0 1px 2px rgba(0,0,0,.35);letter-spacing:-.01em}.ruleta__pointer{position:absolute;top:-1.2rem;left:50%;transform:translate(-50%);width:0;height:0;border-left:1.6rem solid transparent;border-right:1.6rem solid transparent;border-top:2.6rem solid var(--ruleta-accent, #E11D2A);z-index:3;filter:drop-shadow(0 .4rem .6rem rgba(0,0,0,.5))}.ruleta__hub{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:22%;height:22%;border-radius:50%;border:.5rem solid #fff;background:var(--ruleta-accent, #E11D2A);color:#fff;font-weight:800;font-size:clamp(1.2rem,2vw,1.6rem);cursor:pointer;z-index:4;box-shadow:0 1rem 2.4rem #00000080;transition:transform .2s ease,filter .2s ease}.ruleta__hub:hover{transform:translate(-50%,-50%) scale(1.05);filter:brightness(1.08)}.ruleta__hub:disabled{cursor:default;opacity:.7}@media(prefers-reduced-motion:no-preference){.ruleta__hub:not(:disabled){animation:ruleta-pulse 2s ease-in-out infinite}}@keyframes ruleta-pulse{0%,to{box-shadow:0 1rem 2.4rem #00000080}50%{box-shadow:0 1rem 3.4rem var(--ruleta-accent,#E11D2A)}}.ruleta__result{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#000000c7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.ruleta__result[hidden]{display:none}.ruleta__confetti{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.ruleta__result-card{position:relative;z-index:1;text-align:center;padding:clamp(2.6rem,5vw,4rem);background:#111;color:#fff;border-radius:2.4rem;border:1px solid rgba(255,255,255,.1);max-width:42rem;width:90%;animation:ruleta-pop .5s cubic-bezier(.22,1,.36,1) both}@keyframes ruleta-pop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.ruleta__result-title{margin:0;font-size:clamp(2.4rem,5vw,3.4rem);font-weight:800}.ruleta__result-prize{margin:1.4rem 0;font-size:clamp(3rem,7vw,5rem);font-weight:800;color:var(--ruleta-accent,#E11D2A);animation:ruleta-zoom 1s ease .15s both}@keyframes ruleta-zoom{0%{transform:scale(.4)}60%{transform:scale(1.15)}to{transform:scale(1)}}.ruleta__result-msg{margin:0 0 1.8rem;color:#f5f5f7b3;font-size:1.5rem}.ruleta__btn{display:inline-block;margin:.5rem;padding:1.2rem 2.6rem;border-radius:5rem;font-weight:700;font-size:1.5rem;text-decoration:none;cursor:pointer;border:none}.ruleta__btn--primary{background:var(--ruleta-accent,#E11D2A);color:#fff}.ruleta__btn--ghost{background:transparent;border:1px solid rgba(255,255,255,.25);color:#fff}.ruleta__btn--primary:hover{filter:brightness(1.08)}.ruleta__feature{margin:4rem auto 0;max-width:40rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.ruleta__feature-badge{display:inline-block;padding:.5rem 1.4rem;border-radius:4rem;font-size:1.2rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:var(--ruleta-accent, #E11D2A)}.ruleta__feature-img{max-height:26rem;width:auto;object-fit:contain;filter:drop-shadow(0 2rem 4rem rgba(0,0,0,.5))}@media(prefers-reduced-motion:no-preference){.ruleta__feature-img{animation:ruleta-float 5s ease-in-out infinite}}@keyframes ruleta-float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.ruleta__feature-caption{margin:0;font-size:1.5rem;opacity:.8;text-align:center}.ruleta__label-img{position:absolute;top:21%;left:50%;transform:translate(-50%);width:5.4rem;height:auto;pointer-events:none;filter:drop-shadow(0 .4rem .8rem rgba(0,0,0,.55))}@media(max-width:600px){.ruleta__label-img{width:4rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/ruleta.css.map */