/* AXIS Estratégia - Estilos Customizados Corporativos */
:root {
  --navy-primary: #0A192F;
  --navy-dark: #071222;
  --navy-light: #162E4D;
  --navy-card: #0F233D;
  --gold-primary: #C59B27;
  --gold-hover: #B2881D;
  --gold-soft: #FBF6E9;
  --green-primary: #2D6A4F;
  --green-soft: #EBF5F0;
  --text-dark: #1E293B;
  --text-muted: #64748B;
  --border-light: #E2E8F0;
  --bg-light: #F8FAFC;
}

/* Tipografia */
.font-editorial {
  font-family: 'Cinzel', 'Cormorant Garamond', Georgia, serif;
  letter-spacing: -0.01em;
}

.font-body {
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* Efeito sutil de background com grade cartesiana (AXIS) */
.axis-grid-bg {
  background-size: 32px 32px;
  background-image: 
    linear-gradient(to right, rgba(197, 155, 39, 0.05) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(197, 155, 39, 0.05) 1px, transparent 1px);
}

.dark-grid-bg {
  background-size: 36px 36px;
  background-image: 
    linear-gradient(to right, rgba(255, 255, 255, 0.035) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(255, 255, 255, 0.035) 1px, transparent 1px);
}

/* Card hover transitions */
.hover-lift {
  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.25s ease;
}
.hover-lift:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 30px -10px rgba(10, 25, 47, 0.08);
}

/* Badge estilizado */
.axis-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.35rem 0.85rem;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  border-radius: 9999px;
  background: rgba(197, 155, 39, 0.12);
  color: #9A7718;
  border: 1px solid rgba(197, 155, 39, 0.25);
}

.axis-badge-dark {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.35rem 0.85rem;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  border-radius: 9999px;
  background: rgba(255, 255, 255, 0.08);
  color: #D4AF37;
  border: 1px solid rgba(212, 175, 55, 0.3);
}

/* Gradiente dourado para textos de destaque */
.text-gradient-gold {
  background: linear-gradient(135deg, #C59B27 0%, #E5C365 50%, #B8860B 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Glassmorphism para navbar */
.glass-nav {
  background: rgba(10, 25, 47, 0.94);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

/* Checkbox estilizado para o seletor interativo de sintomas */
.symptom-card {
  cursor: pointer;
  user-select: none;
  transition: all 0.2s ease;
}

.symptom-card.selected {
  border-color: #C59B27 !important;
  background-color: #FDFBF5 !important;
  box-shadow: 0 4px 14px rgba(197, 155, 39, 0.15) !important;
}

.symptom-card.selected .check-indicator {
  background-color: #C59B27 !important;
  color: #ffffff !important;
  border-color: #C59B27 !important;
}

/* Suavização de scroll */
html {
  scroll-behavior: smooth;
}

/* Proteção tipográfica para títulos e cabeçalhos em qualquer resolução */
h1, h2, h3 {
  text-wrap: balance;
  overflow-wrap: break-word;
  word-break: normal;
}

/* Proteção para itens da barra de navegação contra quebras de texto */
.glass-nav nav a {
  white-space: nowrap;
}

/* Previne que palavras sejam quebradas com hífens aleatórios */
.font-editorial {
  hyphens: none;
  -webkit-hyphens: none;
}