/* QLicitações — estilo compartilhado do blog (artigos + índice). Tema CLARO pra leitura. */
* { margin: 0; padding: 0; box-sizing: border-box; }
:root {
  --navy:#0D1F3C; --texto:#334155; --texto2:#475569; --cinza:#64748B;
  --gold:#F0A500; --gold2:#FFB830; --gold-txt:#8A5A00; --gold-em:#B26B00;
  --bg:#FFFFFF; --bg-soft:#F5F8FD; --linha:rgba(13,31,60,0.12);
}
html { scroll-behavior: smooth; }
body {
  background:var(--bg);
  color:var(--texto);
  font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;
  -webkit-font-smoothing:antialiased; line-height:1.75; font-size:17px;
}
a { color:var(--gold-txt); }
.container { max-width:720px; margin:0 auto; padding:0 24px; }

/* Header (navy, marca) / footer */
header.top { background:var(--navy); padding:18px 0; }
.top-inner { max-width:720px; margin:0 auto; padding:0 24px; display:flex; align-items:center; justify-content:space-between; }
.logo { font-family:'Plus Jakarta Sans',sans-serif; font-weight:800; color:var(--gold); font-size:1.2rem; letter-spacing:-.02em; text-decoration:none; }
.logo span { color: #D9DDE4; }
.logo-mark { height:1.3em; width:auto; vertical-align:-0.26em; margin-right:8px; }
.top-cta { font-family:'Inter',sans-serif; font-weight:600; font-size:.85rem; color:var(--navy); background:linear-gradient(135deg,#FFC24D,#F0A500 60%,#E08900); padding:9px 16px; border-radius:9px; text-decoration:none; }
footer.bottom { border-top:1px solid var(--linha); padding:28px 0; text-align:center; color:var(--cinza); font-size:.85rem; }
footer.bottom a { color:var(--gold-txt); text-decoration:none; }

/* Artigo */
.crumbs { font-size:.8rem; color:var(--cinza); margin:28px 0 10px; }
.crumbs a { color:var(--cinza); text-decoration:none; border-bottom:1px solid var(--linha); }
article { padding-bottom:64px; }
h1 { font-family:'Plus Jakarta Sans',sans-serif; font-weight:800; font-size:clamp(28px,5.4vw,42px); line-height:1.12; letter-spacing:-.025em; margin:6px 0 14px; color:var(--navy); text-wrap:balance; }
.meta { color:var(--cinza); font-size:.85rem; margin-bottom:36px; }
article p { margin:0 0 20px; color:var(--texto); text-wrap:pretty; }
article strong { color:var(--navy); }
article h2 { font-family:'Plus Jakarta Sans',sans-serif; font-weight:700; font-size:clamp(22px,4vw,28px); letter-spacing:-.02em; margin:44px 0 14px; color:var(--navy); }
article h2 .em { color:var(--gold-em); }
article h3 { font-family:'Plus Jakarta Sans',sans-serif; font-weight:700; font-size:1.15rem; margin:28px 0 8px; color:var(--navy); }
.formula { font-family:ui-monospace,'SF Mono','Cascadia Mono',Consolas,monospace; background:var(--bg-soft); border:1px solid var(--linha); border-left:3px solid var(--gold); border-radius:10px; padding:16px 18px; font-size:1rem; color:var(--navy); overflow-x:auto; }
article ul, article ol { margin:0 0 22px; padding-left:22px; color:var(--texto); }
article li { margin-bottom:10px; }
article ol { counter-reset:s; list-style:none; padding-left:0; }
article ol > li { counter-increment:s; position:relative; padding-left:46px; margin-bottom:18px; }
article ol > li::before { content:counter(s); position:absolute; left:0; top:-2px; width:30px; height:30px; display:flex; align-items:center; justify-content:center; border-radius:8px; background:rgba(240,165,0,0.16); border:1px solid rgba(240,165,0,0.4); color:var(--gold-em); font-family:'Plus Jakarta Sans',sans-serif; font-weight:700; font-size:.95rem; }

/* Tabela (featured-snippet friendly) */
.tabela-wrap { overflow-x:auto; margin:8px 0 26px; border:1px solid var(--linha); border-radius:12px; }
table { width:100%; border-collapse:collapse; font-size:.92rem; min-width:560px; background:var(--bg); }
caption { text-align:left; color:var(--cinza); font-size:.82rem; padding:12px 16px; border-bottom:1px solid var(--linha); }
thead th { background:linear-gradient(135deg,#FFC24D,#F0A500 60%,#E08900); color:var(--navy); font-family:'Plus Jakarta Sans',sans-serif; font-weight:700; text-align:left; padding:13px 16px; font-size:.85rem; }
tbody td { padding:13px 16px; border-top:1px solid var(--linha); vertical-align:top; color:var(--texto); }
tbody tr:nth-child(even) td { background:var(--bg-soft); }
tbody td:first-child { font-weight:600; color:var(--navy); }

/* CTA box */
.cta-box { margin:40px 0; padding:28px 26px; border:1px solid var(--linha); border-left:3px solid var(--gold); border-radius:14px; background:var(--bg-soft); }
.cta-box h3 { margin:0 0 8px; font-size:1.25rem; color:var(--navy); }
.cta-box p { margin:0 0 18px; color:var(--texto2); font-size:.98rem; }
.cta-box a.btn { display:inline-flex; align-items:center; gap:8px; min-height:48px; padding:0 24px; background:linear-gradient(135deg,#FFC24D,#F0A500 55%,#E08900); color:var(--navy); font-family:'Plus Jakarta Sans',sans-serif; font-weight:700; border-radius:11px; text-decoration:none; box-shadow:0 8px 22px rgba(240,165,0,0.28); }

/* FAQ */
.faq h2 { margin-bottom:8px; }
.faq details { border-bottom:1px solid var(--linha); padding:16px 0; }
.faq summary { cursor:pointer; font-family:'Plus Jakarta Sans',sans-serif; font-weight:700; font-size:1.05rem; color:var(--navy); list-style:none; display:flex; justify-content:space-between; gap:16px; }
.faq summary::-webkit-details-marker { display:none; }
.faq summary::after { content:'+'; color:var(--gold-em); font-weight:700; }
.faq details[open] summary::after { content:'\2013'; }
.faq details p { margin:12px 0 0; color:var(--texto2); font-size:.97rem; }
.nota { font-size:.82rem; color:var(--cinza); border-top:1px solid var(--linha); margin-top:48px; padding-top:20px; }

/* Continue lendo (links internos: cluster <-> pilar) */
.relacionados { margin:44px 0 8px; padding:24px 24px; border:1px solid var(--linha); border-left:3px solid var(--gold); border-radius:14px; background:var(--bg-soft); }
.relacionados h2 { font-family:'Plus Jakarta Sans',sans-serif; font-weight:700; font-size:1.05rem; color:var(--navy); margin:0 0 12px; letter-spacing:-.01em; }
.relacionados ul { list-style:none; padding:0; margin:0; }
.relacionados li { margin:0 0 10px; padding-left:18px; position:relative; }
.relacionados li:last-child { margin-bottom:0; }
.relacionados li::before { content:'\2192'; position:absolute; left:0; color:var(--gold-em); font-weight:700; }
.relacionados a { color:var(--gold-txt); font-weight:600; text-decoration:none; }
.relacionados a:hover { text-decoration:underline; }

/* Índice do blog */
.blog-head { padding:40px 0 8px; }
.blog-head h1 { margin-bottom:10px; }
.blog-head p { color:var(--texto2); font-size:1.05rem; }
.post-grid { display:grid; gap:16px; padding:24px 0 56px; }
.post-card { display:block; padding:0; border:1px solid var(--linha); border-left:3px solid var(--gold); border-radius:14px; background:var(--bg); text-decoration:none; transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.post-body { padding:22px 24px 24px; }
.post-card:hover { transform:translateY(-3px); box-shadow:0 12px 30px rgba(13,31,60,0.10); border-color:var(--gold); }
.post-card .tag { font-family:'Plus Jakarta Sans',sans-serif; font-size:.72rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--gold-txt); }
.post-card h2 { font-family:'Plus Jakarta Sans',sans-serif; font-weight:700; font-size:1.25rem; color:var(--navy); margin:8px 0 8px; letter-spacing:-.015em; line-height:1.25; }
.post-card p { color:var(--texto2); font-size:.95rem; margin:0; }
.post-card .ler { display:inline-block; margin-top:14px; color:var(--gold-txt); font-weight:600; font-size:.9rem; }
.blog-section h2 { font-family:'Plus Jakarta Sans',sans-serif; font-weight:700; font-size:1.3rem; color:var(--navy); margin:40px 0 4px; letter-spacing:-.015em; }
.blog-section .post-grid { padding:16px 0 8px; }
.post-card.pilar { border-left-width:4px; background:var(--bg-soft); margin-top:10px; }
.post-card.pilar .tag { color:var(--gold-em); }
.post-card.pilar h2 { font-size:1.4rem; }

a:focus-visible, summary:focus-visible, .post-card:focus-visible { outline:2px solid var(--gold-em); outline-offset:3px; border-radius:4px; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior:auto; } .post-card { transition:none; } }


/* ── E-E-A-T: byline de autor ── */
.byline { color:var(--cinza); font-size:.85rem; margin:-26px 0 34px; }
.byline a { color:var(--gold-em); text-decoration:none; font-weight:600; border-bottom:1px solid var(--linha); }
/* ── Footer: navegação legal ── */
.foot-nav { margin:0 0 10px; display:flex; gap:10px; justify-content:center; flex-wrap:wrap; }
.foot-nav a { color:var(--cinza); text-decoration:none; }
.foot-nav a:hover { color:var(--gold-em); }
/* ── Slot de anúncio (reserva espaço p/ não quebrar CLS quando AdSense entrar) ── */
.ad-slot { min-height:280px; margin:36px 0; display:flex; align-items:center; justify-content:center; background:var(--bg-soft); border:1px dashed var(--linha); border-radius:12px; color:var(--cinza); font-size:.74rem; letter-spacing:.08em; text-transform:uppercase; }
.ad-slot::before { content:'Publicidade'; }
/* ── Página de autor ── */
.autor-hero { display:flex; gap:24px; align-items:center; margin:30px 0 26px; }
.autor-ava { width:92px; height:92px; border-radius:50%; flex-shrink:0; background:linear-gradient(135deg,#FFC24D,#F0A500 60%,#E08900); display:flex; align-items:center; justify-content:center; font-family:'Plus Jakarta Sans',sans-serif; font-weight:800; font-size:1.9rem; color:var(--navy); }
.autor-hero h1 { margin:0 0 4px; }
.autor-cargo { color:var(--gold-em); font-weight:600; font-size:.95rem; }
.autor-bio p { color:var(--texto); margin:0 0 16px; }
.autor-cred { list-style:none; padding:0; margin:18px 0 0; display:flex; flex-wrap:wrap; gap:10px; }
.autor-cred li { background:var(--bg-soft); border:1px solid var(--linha); border-radius:8px; padding:6px 12px; font-size:.82rem; color:var(--texto2); }
@media (max-width:560px){ .autor-hero { flex-direction:column; text-align:center; } }