/* ============================================================================
   public-v2.css — rebranding leve dos HTMLs públicos
   ============================================================================
   Aplicado em: campanha.html, captura.html, consulta.html
   Não muda estrutura nem fontes — só substitui paleta dourada (#c9a84c) pela
   paleta brand v2 (#1E5BAA), mantendo o look "landing escura sofisticada".

   Estes HTMLs são páginas públicas (não-CRM) com tema dark próprio. Aqui só
   re-pintamos pra coerência de marca com o restante do sistema.

   Sessão 105 — coerência marca (2026-04-28)
   ============================================================================ */

/* ============================================================
   SUBSTITUIÇÃO DE TOKENS DOURADOS POR BRAND-AZUL
   ============================================================ */
:root,
[data-theme="light"],
[data-theme="dark"],
html {
  /* Substitui dourado pelo azul brand (mantém sensação de destaque) */
  --gold: #4A90E2 !important;
  --gold2: #6FA0E0 !important;
  --gold3: #2563D9 !important;
  --gold-glow: rgba(74, 144, 226, 0.18) !important;
  --gold-dim: rgba(74, 144, 226, 0.10) !important;

  /* Tokens de borda/focus */
  --border2: rgba(74, 144, 226, 0.25) !important;
  --input-border-focus: rgba(74, 144, 226, 0.4) !important;

  /* Card border */
  --card-border: rgba(74, 144, 226, 0.25) !important;

  /* Date pill */
  --date-bg: rgba(74, 144, 226, 0.06) !important;
  --date-border: rgba(74, 144, 226, 0.20) !important;

  /* Button text continua branco */
  --btn-text: #ffffff !important;

  /* Background gradients — usa brand */
  --bg-grad1: rgba(74, 144, 226, 0.12) !important;
  --bg-grad2: rgba(37, 99, 217, 0.06) !important;
  --bg-grid: rgba(74, 144, 226, 0.025) !important;
}

/* ============================================================
   TEMA CLARO público — rebranding
   ============================================================ */
[data-theme="light"] {
  --gold: #1E5BAA !important;
  --gold2: #4A7BC0 !important;
  --gold-glow: rgba(30, 91, 170, 0.12) !important;
  --gold-dim: rgba(30, 91, 170, 0.08) !important;
  --card-border: rgba(30, 91, 170, 0.25) !important;
  --input-border-focus: rgba(30, 91, 170, 0.4) !important;
  --date-bg: rgba(30, 91, 170, 0.06) !important;
  --date-border: rgba(30, 91, 170, 0.20) !important;
  --bg-grad1: rgba(30, 91, 170, 0.07) !important;
  --bg-grad2: rgba(37, 99, 217, 0.04) !important;
  --bg-grid: rgba(30, 91, 170, 0.025) !important;
}

/* ============================================================
   GRADIENTES DOS BOTÕES — substitui linear-gradient dourado
   ============================================================ */
.btn-primary,
button.btn-primary {
  background: linear-gradient(135deg, #2563D9, #4A90E2, #2563D9) !important;
  color: #ffffff !important;
}
.btn-primary:hover {
  filter: brightness(1.08) !important;
}
.btn-primary:disabled {
  opacity: 0.5 !important;
  cursor: not-allowed !important;
}

/* ============================================================
   GRADIENTE SUPERIOR DA CONTAINER (linha brilhante topo)
   ============================================================ */
.container::before {
  background: linear-gradient(90deg, #154A8E, #1E5BAA, #4A90E2, #1E5BAA) !important;
}

/* ============================================================
   PROGRESS BAR (questionário captura)
   ============================================================ */
.progress-fill {
  background: linear-gradient(90deg, #1E5BAA, #4A90E2) !important;
}

/* ============================================================
   OPÇÕES SELECIONADAS / SCALE / NPS — substituir dourado
   ============================================================ */
.option-card.selected,
.scale-btn.selected,
.nps-btn.selected,
.cta-option.selected {
  background: rgba(30, 91, 170, 0.18) !important;
  border-color: #4A90E2 !important;
  color: #ffffff !important;
}
.scale-btn.selected,
.nps-btn.selected {
  background: #1E5BAA !important;
  color: #ffffff !important;
  border-color: #1E5BAA !important;
}
.cta-option:hover {
  background: linear-gradient(135deg, rgba(30, 91, 170, 0.22), rgba(74, 144, 226, 0.10)) !important;
}
.option-card:hover {
  border-color: #4A90E2 !important;
  background: rgba(30, 91, 170, 0.10) !important;
}

/* ============================================================
   FORM FOCUS (border dourada → border azul)
   ============================================================ */
input:focus,
textarea:focus,
select:focus {
  border-color: #4A90E2 !important;
  box-shadow: 0 0 0 3px rgba(74, 144, 226, 0.18) !important;
}

/* ============================================================
   PILL GOLD (consulta.html lista de leads) → pill brand
   ============================================================ */
.pill-gold {
  background: rgba(74, 144, 226, 0.15) !important;
  color: #4A90E2 !important;
}

/* ============================================================
   AVATAR / SCORE COLOR
   ============================================================ */
.lead-avatar,
.ficha-avatar,
.lead-score .score-num {
  color: #4A90E2 !important;
}
.ficha-avatar {
  background: linear-gradient(135deg, rgba(74, 144, 226, 0.25), rgba(74, 144, 226, 0.05)) !important;
}

/* ============================================================
   SHIMMER text gradient (titles que usavam gold gradient)
   ============================================================ */
.shimmer-text,
h1.gold-gradient,
.gold-shimmer {
  background: linear-gradient(135deg, #1E5BAA, #4A90E2, #6FA0E0, #4A90E2) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}