.desconto-gamified {padding: 60px 20px 80px;min-height: 85vh;background-color: var(--bg-page);background-image: radial-gradient(circle at 10% 20%, rgba(37, 99, 235, 0.08) 0%, transparent 40%), radial-gradient(circle at 90% 80%, rgba(245, 158, 11, 0.08) 0%, transparent 40%), url("../../assets/img/backdesconto.webp");background-size: cover;background-position: center;position: relative;display: flex;justify-content: center;align-items: center;}.desconto-overlay {position: absolute;inset: 0;background: rgba(15, 23, 42, 0.88);backdrop-filter: blur(8px);z-index: 1;}.desconto-container-page {position: relative;z-index: 2;max-width: 1140px;width: 100%;margin: 0 auto;}.desconto-header {max-width: 760px;margin: 0 auto 40px;text-align: center;}.desconto-badge {display: inline-flex;align-items: center;gap: 8px;font-size: 0.8rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.05em;padding: 6px 16px;border-radius: var(--radius-pill);background: rgba(245, 158, 11, 0.18);color: #f59e0b;border: 1px solid rgba(245, 158, 11, 0.35);margin-bottom: 14px;}.desconto-header h1 {font-size: clamp(1.8rem, 2.6vw, 2.4rem);font-weight: 800;color: #ffffff;line-height: 1.25;margin-bottom: 12px;}.desconto-header p {font-size: 1.02rem;color: #94a3b8;line-height: 1.6;margin-bottom: 20px;}.desconto-trust-bar {display: flex;flex-wrap: wrap;justify-content: center;gap: 18px;font-size: 0.82rem;color: #cbd5e1;}.desconto-trust-bar span {display: inline-flex;align-items: center;gap: 6px;background: rgba(255, 255, 255, 0.06);padding: 5px 12px;border-radius: var(--radius-pill);border: 1px solid rgba(255, 255, 255, 0.1);}.desconto-trust-bar span i {color: #f59e0b;}.roleta-container {display: grid;grid-template-columns: 1fr 1.15fr;gap: 50px;align-items: center;width: 100%;}.form-container {width: 100%;}.form-card {background: #ffffff;border-radius: 20px;padding: 32px 28px;box-shadow: 0 20px 45px -10px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.1);}.form-card-header {display: flex;align-items: center;gap: 14px;margin-bottom: 22px;padding-bottom: 16px;border-bottom: 1px solid #f1f5f9;}.form-card-icon {width: 44px;height: 44px;border-radius: 12px;background: #fef3c7;color: #d97706;display: flex;align-items: center;justify-content: center;font-size: 1.2rem;flex-shrink: 0;}.form-card-header h3 {font-size: 1.15rem;font-weight: 700;color: #0f172a;margin: 0 0 2px 0;}.form-card-header p {font-size: 0.82rem;color: #64748b;margin: 0;}.form-card form {display: flex;flex-direction: column;gap: 16px;}.input-group-modern {display: flex;flex-direction: column;gap: 6px;text-align: left;}.input-group-modern label {font-size: 0.82rem;font-weight: 700;color: #334155;display: flex;align-items: center;gap: 6px;}.input-group-modern label i {color: #64748b;font-size: 0.85rem;}.input-group-modern input {width: 100%;padding: 12px 14px;font-size: 0.95rem;color: #0f172a;background: #f8fafc;border: 1.5px solid #e2e8f0;border-radius: 10px;outline: none;transition: border-color 0.2s, background-color 0.2s, box-shadow 0.2s;box-sizing: border-box;}.input-group-modern input:focus {background: #ffffff;border-color: #2563eb;box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15);}.consent-label {display: flex;align-items: flex-start;gap: 8px;font-size: 0.82rem;color: #64748b;cursor: pointer;text-align: left;margin-top: 4px;}.consent-label input[type="checkbox"] {margin-top: 3px;accent-color: #2563eb;cursor: pointer;width: 16px;height: 16px;flex-shrink: 0;}.consent-label a {color: #2563eb;text-decoration: underline;font-weight: 600;}.btn-girar {display: inline-flex;align-items: center;justify-content: center;gap: 10px;padding: 15px 24px;background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);color: #ffffff;font-size: 1.05rem;font-weight: 800;border: none;border-radius: 12px;cursor: pointer;transition: transform 0.2s ease, box-shadow 0.2s ease, opacity 0.2s;box-shadow: 0 8px 24px rgba(217, 119, 6, 0.35);margin-top: 8px;width: 100%;}.btn-girar:hover:not(:disabled) {transform: translateY(-2px);box-shadow: 0 12px 28px rgba(217, 119, 6, 0.45);}.btn-girar:disabled {opacity: 0.65;cursor: not-allowed;transform: none;}.btn-girar i {font-size: 1.15rem;}.wheel-column {display: flex;flex-direction: column;align-items: center;justify-content: center;position: relative;width: 100%;}.wheel-showcase {position: relative;display: flex;align-items: center;justify-content: center;padding: 16px;}.wheel-pointer {position: absolute;top: 0;left: 50%;transform: translateX(-50%);z-index: 10;filter: drop-shadow(0 4px 10px rgba(0, 0, 0, 0.5));}.pointer-arrow {width: 0;height: 0;border-left: 18px solid transparent;border-right: 18px solid transparent;border-top: 36px solid #f59e0b;position: relative;}.pointer-arrow::after {content: "";position: absolute;top: -36px;left: -8px;width: 16px;height: 16px;border-radius: 50%;background: #ffffff;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);}.wheel-bezel {position: relative;width: 440px;height: 440px;max-width: 100%;border-radius: 50%;background: radial-gradient(circle, #1e293b 60%, #0f172a 100%);padding: 12px;box-shadow: 0 0 0 6px rgba(245, 158, 11, 0.4), 0 0 35px rgba(245, 158, 11, 0.3), 0 25px 60px rgba(0, 0, 0, 0.6);display: flex;align-items: center;justify-content: center;box-sizing: border-box;transition: box-shadow 0.3s ease;}.wheel-bezel.spinning {animation: pulseGlow 0.4s infinite alternate;}@keyframes pulseGlow {0% {box-shadow: 0 0 0 6px rgba(245, 158, 11, 0.5), 0 0 25px rgba(245, 158, 11, 0.4), 0 25px 60px rgba(0, 0, 0, 0.6);}100% {box-shadow: 0 0 0 8px rgba(16, 185, 129, 0.6), 0 0 45px rgba(16, 185, 129, 0.5), 0 25px 60px rgba(0, 0, 0, 0.6);}}#wheelCanvas {width: 100%;height: 100%;border-radius: 50%;display: block;}.wheel-hub {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 68px;height: 68px;border-radius: 50%;background: radial-gradient(circle, #ffffff 30%, #e2e8f0 100%);border: 4px solid #f59e0b;box-shadow: 0 4px 18px rgba(0, 0, 0, 0.35);display: flex;align-items: center;justify-content: center;color: #d97706;font-size: 24px;z-index: 5;pointer-events: none;}.result-card-modern {margin-top: 24px;width: 100%;max-width: 440px;animation: fadeInUp 0.5s ease;}.result-box-inner {background: rgba(255, 255, 255, 0.98);border-radius: 18px;padding: 24px;text-align: center;box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);border: 2px solid #10b981;}.result-badge {display: inline-flex;align-items: center;gap: 6px;font-size: 0.76rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.05em;padding: 4px 12px;border-radius: var(--radius-pill);background: #ecfdf5;color: #059669;margin-bottom: 10px;}.result-box-inner h3 {font-size: 1.35rem;font-weight: 800;color: #0f172a;margin: 0 0 8px 0;}.result-box-inner p {font-size: 0.85rem;color: #64748b;margin: 0 0 16px 0;line-height: 1.5;}.result-whatsapp-btn {display: inline-flex;align-items: center;justify-content: center;gap: 10px;background: #25d366;color: #ffffff !important;font-size: 1rem;font-weight: 700;padding: 13px 22px;border-radius: 12px;text-decoration: none !important;box-shadow: 0 6px 18px rgba(37, 211, 102, 0.35);transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;width: 100%;box-sizing: border-box;}.result-whatsapp-btn:hover {background: #20ba59;transform: translateY(-2px);box-shadow: 0 10px 24px rgba(37, 211, 102, 0.45);}.result-whatsapp-btn i.fa-whatsapp {font-size: 1.25rem;}.swal-win-box {padding: 10px 0;text-align: center;}.swal-win-tag {display: inline-block;font-size: 0.75rem;font-weight: 800;text-transform: uppercase;letter-spacing: 0.05em;padding: 4px 12px;border-radius: 20px;background: #fef3c7;color: #d97706;margin-bottom: 8px;}.swal-win-title {font-size: 1.4rem;font-weight: 800;color: #0f172a;margin: 6px 0 12px;}@media (max-width: 991px) {.desconto-gamified {padding: 40px 16px 60px;}.roleta-container {grid-template-columns: 1fr;gap: 40px;}.wheel-column {order: -1;}.wheel-bezel {width: 360px;height: 360px;}}@media (max-width: 480px) {.desconto-gamified {padding: 30px 12px 50px;}.form-card {padding: 24px 18px;}.wheel-bezel {width: 300px;height: 300px;padding: 8px;}.wheel-hub {width: 52px;height: 52px;font-size: 18px;}.pointer-arrow {border-left-width: 14px;border-right-width: 14px;border-top-width: 28px;}.pointer-arrow::after {top: -28px;left: -7px;width: 14px;height: 14px;}.btn-girar {font-size: 0.95rem;padding: 13px 18px;}}