.ruleta-overlay{z-index:9999;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ruleta-modal-container{z-index:1;background:#fff url(/assets/img/fondo-modal-ruleta-blanco.jpg) 50%/cover no-repeat;border-radius:20px;width:90%;max-width:500px;padding:30px 20px 20px;position:relative;box-shadow:0 10px 40px #0000004d}.ruleta-close-btn{color:#666;cursor:pointer;z-index:20;pointer-events:auto;background:0 0;border:none;justify-content:center;align-items:center;width:40px;height:40px;padding:0;font-size:32px;transition:color .2s;display:flex;position:absolute;top:15px;right:20px}.ruleta-close-btn:hover{color:#000}.ruleta-content{flex-direction:column;align-items:center;gap:20px;display:flex}.ruleta-wheel-container{z-index:1;justify-content:center;align-items:center;width:450px;height:450px;display:flex;position:relative}.ruleta-center-circle{z-index:10;pointer-events:none;background:#fff;border:3px solid #e0e0e0;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:187px;height:187px;padding:12px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 15px #00000026}.ruleta-center-circle button{pointer-events:all}.ruleta-center-title{text-align:center;color:#111827;margin-top:7px;margin-bottom:12px;font-size:16px;font-weight:900;line-height:1.2}.ruleta-center-subtitle{text-align:center;color:#4b5563;margin-bottom:14px;font-size:12px;line-height:1.3}.ruleta-center-subtitle span{color:#111827;font-weight:900}.ruleta-girar-btn{color:#fff;cursor:pointer;letter-spacing:.5px;background:#19c37d;border:none;border-radius:25px;padding:10px 24px;font-size:14px;font-weight:900;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 12px #19c37d4d}.ruleta-girar-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 6px 16px #19c37d66}.ruleta-girar-btn:disabled{opacity:.7;cursor:not-allowed}.ruleta-resultado{color:#19c37d;text-align:center;background:#f0fdf4;border-radius:12px;margin-top:15px;padding:15px 30px;font-size:22px;font-weight:900}.ruleta-footer{color:#4b5563;text-align:center;letter-spacing:.3px;margin-top:10px;font-size:11px;font-weight:900}.ruleta-form-container{text-align:center;max-width:450px;margin:0 auto;padding:20px}.ruleta-form-logo{justify-content:center;align-items:center;margin-bottom:20px;display:flex}.ruleta-logo{max-width:200px;height:auto}.ruleta-form-title{color:#111827;margin-bottom:10px;font-size:28px;font-weight:900}.ruleta-form-discount{color:#111827;margin-bottom:20px;font-size:56px;font-weight:900;line-height:1}.ruleta-form-instructions{color:#111827;margin-bottom:30px;font-size:14px;line-height:1.5}.ruleta-form-instructions span{color:#19c37d;font-weight:900}.ruleta-form{flex-direction:column;gap:20px;display:flex}.ruleta-form-group{text-align:left}.ruleta-form-label{color:#111827;margin-bottom:8px;font-size:16px;font-weight:900;display:block}.ruleta-form-input{color:#111827;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;outline:none;width:100%;padding:12px 16px;font-size:14px;transition:all .2s}.ruleta-form-input:focus{ring:2px;ring-color:#19c37d;border-color:#0000;outline:none;box-shadow:0 0 0 2px #19c37d}.ruleta-form-submit{color:#fff;cursor:pointer;letter-spacing:.5px;background:#10b981;border:2px solid #10b981;border-radius:8px;width:100%;margin-top:10px;padding:12px 24px;font-size:16px;font-weight:600;transition:all .3s}.ruleta-form-submit:hover{background:#059669;border-color:#059669}.ruleta-form-submit:disabled{opacity:.5;cursor:not-allowed}.ruleta-form-input-error{background:#fef2f2!important;border-color:#ef4444!important}.ruleta-form-error{color:#ef4444;margin-top:4px;font-size:12px;display:block}.ruleta-form-error-message{color:#dc2626;text-align:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:20px;padding:12px;font-size:14px}.ruleta-form-success{flex-direction:column;gap:20px;display:flex}.ruleta-form-coupon-display{margin:20px 0}.ruleta-form-coupon-input{text-align:center;letter-spacing:2px;color:#111827;cursor:default;background:#f9fafb;border:2px solid #10b981;border-radius:8px;width:100%;padding:16px;font-size:24px;font-weight:900}.ruleta-form-coupon-input:disabled{opacity:1;background:#f9fafb}@media (max-width:600px){.ruleta-wheel-container{aspect-ratio:1;width:100%;max-width:400px;height:auto}.ruleta-center-circle{width:170px;height:170px;padding:15px}.ruleta-center-title{font-size:16px}.ruleta-center-subtitle{font-size:9px}.ruleta-girar-btn{padding:10px 24px;font-size:14px}}.ruleta-logo-container{text-align:center;margin:20px 0 10px}.ruleta-logo-header{max-width:120px;height:auto;display:inline-block}