/* Marca ATL aplicada ao site (padrão ATL Wealth Management, tema Papel).
   Carregado por último em todas as páginas: redefine as variáveis antigas
   de cada modelo para a paleta ATL e marca as áreas em verde-floresta. */

:root {
  /* paleta ATL, tema Papel */
  --atl-surface-100:#f3ecdd; --atl-surface-200:#e9e0cc; --atl-mist:#d5dfd0;
  --atl-ink:#10231c; --atl-ink-muted:#4f5f57; --atl-forest:#0c2820;
  --atl-forest-line:#2f5f4f; --atl-on-forest:#f3ecdd; --atl-on-forest-muted:#a9b8ae;
  --atl-accent:#1b6b4a; --atl-signal:#22b36a; --atl-brass:#b8924a; --atl-brass-text:#7a5a1e;
  --atl-hairline:#c9bfa6; --atl-border-strong:#7a7f6f;

  /* variáveis dos modelos escuros (home, investidores, condomínios, calculadora) */
  --bg:#f3ecdd; --bg2:#e9e0cc; --bg3:#ece4d2; --surface:#ece4d2;
  --border:rgba(16,35,28,.14);
  --text:#10231c; --text-mid:#3c4c44; --text-dim:#4f5f57;
  --gold:#1b6b4a; --gold2:#145238; --gold-dim:rgba(27,107,74,.10); --accent:#1b6b4a;
  --green:#1b6b4a; --red:#a3392b; --blue:#2f5f4f;
  /* variáveis do modelo claro (artigos do blog) */
  --white:#f3ecdd; --off:#e9e0cc; --light:#e9e0cc; --mid:#d5dfd0;
  --gold-dark:#145238; --gold-light:#1b6b4a;
  /* auxiliares usadas pela conversão de cores fixas */
  --wa:#1b6b4a; --on-accent:#f3ecdd; --orange:#7a5a1e; --tint:#e9e0cc;
  --brass-text:#7a5a1e;
  --fg-rgb:16,35,28; --bg-rgb:243,236,221; --gold-rgb:27,107,74;
}

/* Áreas em verde-floresta: menu, rodapé, capas e blocos de chamada */
nav:not(.breadcrumb), .mobile-menu, .mob-menu, .mob-drawer,
footer, .hero, .page-hero, .cta-block, .article-cta, .canal-cta, .ticker-bar,
.perguntas-box, .veredicto, .checklist-dark, .quando-box, .hero-left {
  --bg:#0c2820; --bg2:#12362c; --bg3:#173f33; --surface:#173f33;
  --border:rgba(243,236,221,.16);
  --text:#f3ecdd; --text-mid:#d0d9d2; --text-dim:#b8c5bc;
  --gold:#5fd3a0; --gold2:#8fe0bb; --gold-dim:rgba(95,211,160,.14); --accent:#5fd3a0;
  --green:#5fd3a0; --red:#f2a596; --blue:#9fd0bb;
  --white:#0c2820; --off:#12362c; --light:#12362c; --mid:#214a3d;
  --gold-dark:#5fd3a0; --gold-light:#8fe0bb;
  --wa:#5fd3a0; --on-accent:#0c2820; --orange:#d2ae6a; --tint:#12362c;
  --brass-text:#d2ae6a;
  --fg-rgb:243,236,221; --bg-rgb:12,40,32; --gold-rgb:95,211,160;
  color: var(--text);
}
nav:not(.breadcrumb):not(.mobile-menu-nav):not(.mob-menu-nav):not(.mob-nav),
.mobile-menu, .mob-menu, .mob-drawer, footer, .cta-block, .article-cta, .canal-cta, .ticker-bar {
  background-color:#0c2820 !important;
}
.page-hero, .hero { background-color:#0c2820; }
nav:not(.breadcrumb) { border-color:rgba(243,236,221,.12) !important; }

/* Tipografia */
body { font-family:'Instrument Sans', system-ui, -apple-system, 'Segoe UI', sans-serif; }
h1, h2, h3 { font-weight:500; letter-spacing:-0.01em; }
.hero h1 em, .page-hero h1 em, .hero-title em { color:var(--brass-text); }

/* Marca */
.atl-wordmark {
  font-family:'Newsreader', Georgia, 'Times New Roman', serif;
  font-size:30px; font-weight:500; letter-spacing:-0.02em; line-height:1;
  color:#f3ecdd; display:inline-block; text-decoration:none;
}
.atl-footer-name {
  font-family:'Newsreader', Georgia, serif; font-size:28px; font-weight:500;
  letter-spacing:-0.015em; color:#f3ecdd; margin-bottom:12px;
}
.footer-brand-name { font-family:'Newsreader', Georgia, serif !important; }

/* Ícones */
[class*="icon"]:empty, [class*="emoji"]:empty { display:none !important; }
.atl-ico { width:18px; height:18px; stroke:currentColor; fill:none; stroke-width:1.5;
  stroke-linecap:round; stroke-linejoin:round; display:block; }

/* Foco e seleção */
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline:2px solid var(--accent); outline-offset:2px;
}
::selection { background:#d5dfd0; color:#10231c; }

/* Ajustes de componentes */
.atl-wordmark { font-size:30px !important; }
nav .nav-cta, nav .nav-cta-btn, nav .nav-cta-desktop, .mobile-menu-cta, .mob-menu-cta { color:var(--on-accent) !important; }
.atl-wordmark { font-family:'Newsreader', Georgia, serif !important; font-weight:500 !important; letter-spacing:-0.02em !important; color:#f3ecdd !important; }
.atl-ico { stroke:var(--text); }
a:hover .atl-ico { stroke:var(--gold); }
footer p, footer .footer-brand-contact, footer [class*="bottom"] p, footer [class*="bottom"] div,
footer [class*="bottom"] span, footer [class*="brand-text"] { color:#b8c5bc !important; }
footer a { color:#d0d9d2; }
footer [class*="bottom"] [style*="opacity"] { opacity:.85 !important; }
.atl-ico { fill:none !important; stroke:#d0d9d2 !important; }
a:hover .atl-ico { stroke:#5fd3a0 !important; }
.btn-gold, .hero-btn, .canal-cta-btn, .mob-cta, .filter-btn.active, .btn-primary, .isca-btn, .whatsapp-float, .wa-float { color:var(--on-accent) !important; }
footer a { color:#d0d9d2 !important; }
footer a:hover { color:#5fd3a0 !important; }
.ticker-bar [class*="label"] { color:#b8c5bc !important; }
.nc-detalhe { opacity:1 !important; }
p a:not([class]), article li a:not([class]), .article-body li a:not([class]), td a:not([class]) { color:var(--gold); text-decoration-thickness:1px; text-underline-offset:2px; }
p a:not([class]):hover, .article-body li a:not([class]):hover { color:var(--gold2); }
.ticker-bar, .ticker-bar * { font-family:'Instrument Sans', system-ui, sans-serif !important; font-variant-numeric:tabular-nums; }
/* Leituras do blog (investidores.html e calculadora.html) */
.leituras-blog { max-width:1200px; margin:56px auto 0; padding-top:32px; border-top:1px solid var(--atl-hairline); }
.leituras-blog h2 { font-family:'Newsreader', serif; font-weight:500; font-size:clamp(22px, 2.6vw, 28px); color:var(--text); margin:8px 0 20px; }
.leituras-blog ul { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(auto-fit, minmax(260px, 1fr)); gap:16px; }
.leituras-blog li { background:var(--bg); border:1px solid var(--atl-hairline); border-radius:8px; padding:18px 20px; }
.leituras-blog li a { display:block; font-weight:600; font-size:15px; color:var(--text); text-decoration:none; line-height:1.4; margin-bottom:6px; }
.leituras-blog li a:hover { color:var(--gold); }
.leituras-blog li span { display:block; font-size:13px; color:var(--text-mid); line-height:1.6; }
/* Tabelas largas do blog rolam dentro do próprio bloco no celular */
@media (max-width:768px) { .article-body table { display:block; max-width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch; } }