/* Ônix Eventos — Design System de Luxo & SaaS Comercial */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Playfair+Display:ital,wght@0,600;0,700;1,400&display=swap');

:root {
  --onix-black: #0B0F17;
  --onix-dark: #121824;
  --onix-card: #1A2232;
  --onix-border: rgba(197, 168, 128, 0.2);
  --onix-gold: #C5A880;
  --onix-gold-light: #E2C9A6;
  --onix-gold-dark: #A5865E;
  --onix-gold-glow: rgba(197, 168, 128, 0.15);
  --onix-accent: #D4AF37;
  --bg-app: #F8FAFC;
  --surface-white: #FFFFFF;
}

body {
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  color: #1E293B;
  background-color: var(--bg-app);
}

.font-serif-luxury {
  font-family: 'Playfair Display', Georgia, serif;
}

/* Luxury gold gradients and glows */
.gold-gradient-text {
  background: linear-gradient(135deg, #DFBA73 0%, #C5A880 50%, #9C7A4A 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.gold-gradient-bg {
  background: linear-gradient(135deg, #D4AF37 0%, #C5A880 100%);
}

.gold-btn {
  background: linear-gradient(135deg, #C5A880 0%, #B89758 100%);
  color: #0B0F17;
  font-weight: 600;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 4px 14px rgba(197, 168, 128, 0.25);
}

.gold-btn:hover {
  background: linear-gradient(135deg, #D4AF37 0%, #C5A880 100%);
  box-shadow: 0 6px 20px rgba(197, 168, 128, 0.35);
  transform: translateY(-1px);
}

.gold-btn:active {
  transform: translateY(0);
}

.gold-border {
  border-color: rgba(197, 168, 128, 0.3);
}

/* Badges for lead classification */
.badge-lead-hot {
  background-color: #FEF2F2;
  color: #DC2626;
  border: 1px solid #FECACA;
}

.badge-lead-warm {
  background-color: #FEFCE8;
  color: #CA8A04;
  border: 1px solid #FEF08A;
}

.badge-lead-cold {
  background-color: #EFF6FF;
  color: #2563EB;
  border: 1px solid #BFDBFE;
}

.badge-objection-price {
  background-color: #FFF7ED;
  color: #C2410C;
  border: 1px solid #FFEDD5;
}

.badge-comparing {
  background-color: #F5F3FF;
  color: #7C3AED;
  border: 1px solid #DDD6FE;
}

.badge-undefined {
  background-color: #F8FAFC;
  color: #64748B;
  border: 1px solid #E2E8F0;
}

/* Star rating component */
.star-rating {
  display: inline-flex;
  flex-direction: row-reverse;
  gap: 0.5rem;
}

.star-rating input {
  display: none;
}

.star-rating label {
  cursor: pointer;
  color: #CBD5E1;
  font-size: 2.25rem;
  transition: all 0.15s ease-in-out;
}

.star-rating label:hover,
.star-rating label:hover ~ label,
.star-rating input:checked ~ label {
  color: #EAB308;
  transform: scale(1.1);
}

/* Interactive Survey Choice Cards */
.choice-card {
  transition: all 0.2s ease-in-out;
  cursor: pointer;
  border: 1.5px solid #E2E8F0;
}

.choice-card:hover {
  border-color: #C5A880;
  background-color: #FAF8F5;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(197, 168, 128, 0.12);
}

.choice-card.selected {
  border-color: #C5A880;
  background-color: #FBF7F0;
  box-shadow: 0 0 0 2px #C5A880;
}

/* Subtle scrollbars */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: #F1F5F9;
}
::-webkit-scrollbar-thumb {
  background: #CBD5E1;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #94A3B8;
}

/* Micro-animations */
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(6px); }
  to { opacity: 1; transform: translateY(0); }
}

.animate-fade-in {
  animation: fadeIn 0.25s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}