@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Montserrat:wght@300;400;500;600;700&display=swap');
/* ============================================================
   marca-jc.css — Camada de alinhamento à identidade JC Advocacia
   Landing tributário (Edital PGFN 6/2026)
   COMO USAR: carregar este arquivo DEPOIS de style.css, ex.:
     <link rel="stylesheet" href="assets/css/style.css?v=9.2">
     <link rel="stylesheet" href="assets/css/marca-jc.css?v=1.0">
   Ele redefine os tokens da marca, as fontes oficiais e neutraliza
   o gradiente metálico em textos (proibido pelo manual da marca).
   ============================================================ */


/* 1) TOKENS OFICIAIS DA MARCA (sobrescrevem os do style.css) */
:root{
  --bg-dark:#1D1D1B;        /* Preto Tribunal */
  --bg-section:#1F1F1D;     /* seção alternada */
  --bg-card:#2A2A28;        /* Carvão */
  --gold:#B98A3F;           /* Dourado JC */
  --gold-light:#E7D085;     /* Champanhe */
  --gold-gradient:linear-gradient(35deg,#8C6526 0%,#C99B4F 55%,#E7D085 100%); /* gradiente oficial 35° (só superfícies grandes) */
  --text-primary:#F5F1E8;   /* Marfim */
  --text-secondary:#C9C5BC; /* Pérola */
  --text-muted:#8A8578;     /* Grafite claro */
  --border-subtle:rgba(185,138,63,0.18);
  --font-heading:'Cinzel', Georgia, 'Times New Roman', serif;
  --font-body:'Montserrat', system-ui, -apple-system, Arial, sans-serif;
}

/* 2) REGRA DE MARCA: nenhum texto com gradiente metálico.
   Os títulos de seção do style.css usam background-clip:text — aqui voltamos
   ao dourado/champanhe CHAPADO, mantendo a fonte de display. */
section h2{
  background:none !important;
  -webkit-background-clip:border-box !important;
  background-clip:border-box !important;
  -webkit-text-fill-color:currentColor !important;
  color:var(--gold-light) !important;   /* champanhe chapado */
  letter-spacing:.02em;
}

/* 3) Títulos e textos coerentes com a marca */
.hero-section h1{ color:var(--text-primary); letter-spacing:.01em; }
.section-subtitle,.subtitle,.deadline-text{ color:var(--text-secondary); }
.oab-tag{ color:var(--gold); border-color:var(--border-subtle); }

/* 4) Botões CTA — gradiente oficial 35° + texto Preto Tribunal */
.cta-button{ background:var(--gold-gradient); color:#1D1D1B; box-shadow:0 4px 20px rgba(185,138,63,.22); }
.cta-button:hover{ box-shadow:0 8px 30px rgba(185,138,63,.36); }

/* 5) Cartões e molduras — borda dourada sutil (assinatura visual JC) */
.card,.card-primary,.card-secondary,.glass-box{ border:1px solid var(--border-subtle); }
.card-primary{ border-color:rgba(185,138,63,.35); }

/* 6) Ícones de check em dourado da marca */
.check-icon{ color:var(--gold); }

/* 7) WhatsApp flutuante — mantém o verde reconhecível do WhatsApp,
   com anel dourado para conexão com a marca. (Troque por var(--gold)
   no 'background' se preferir o botão totalmente dourado.) */
.whatsapp-float{ border:2px solid var(--gold); box-shadow:0 8px 24px rgba(0,0,0,.45); }

/* 8) Navegação — marca em Cinzel */
.nav-brand{ font-family:var(--font-heading); letter-spacing:.12em; color:var(--text-primary); }
.nav-links a:hover{ color:var(--gold); }

/* 9) Barra de progresso de leitura no dourado da marca */
.reading-progress{ background:var(--gold) !important; }

/* 10) Rodapé/realces de borda */
.section-alt{ background:var(--bg-section); }
hr,.footer-links{ border-color:var(--border-subtle); }

/* 11-12) ALINHAMENTO — consolidado no style.css base:
   corpo JUSTIFICADO (duas margens), títulos de seção à esquerda, hero centralizado.
   Aqui mantemos apenas o que é específico desta landing. */
main section h2{ text-align:left; }                       /* título de seção à esquerda */
.section-subtitle{ max-width:64ch; margin-left:0; margin-right:0; }
.cta-wrapper{ text-align:center; }                        /* faixa de CTA centralizada */
.cta-wrapper .lgpd-note{ max-width:64ch; margin-left:auto; margin-right:auto; text-align:center; }