/* Blog (lista + artigo). Ajuste só as variáveis; o comportamento (coluna fixa no desktop, tudo empilhado no celular) é fixo. */
:root{--blog-acento:#2C3627;--blog-destaque:#B99C57;--blog-texto:#20261C;--blog-suave:#4A5244;--blog-linha:rgba(44,54,39,.16);--blog-fundo-card:#FFFDF8;--blog-topo:96px}
.blog-lista{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:24px}
.blog-card{padding:30px}
.blog-card h2{font-size:1.5rem;margin-bottom:.4em;line-height:1.2}
.blog-card p{margin-bottom:1.2rem}
.blog-data{font-size:.78rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--blog-suave);margin-bottom:.8rem}
.blog-vazio{font-size:1.1rem;color:var(--blog-suave);text-align:center;padding-block:40px}
.artigo-h1{max-width:30ch;font-size:clamp(1.9rem,3.6vw,2.8rem);line-height:1.15}
.artigo-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:48px;align-items:start}
.artigo-texto{max-width:720px;font-size:1.08rem;line-height:1.8}
.artigo-texto h2{font-size:clamp(1.6rem,3vw,2rem);margin:2.2em 0 .6em}
.artigo-texto h3{font-size:1.35rem;margin:1.8em 0 .5em}
.artigo-texto p,.artigo-texto ul,.artigo-texto ol{margin-bottom:1.3em}
.artigo-texto ul,.artigo-texto ol{padding-left:1.4em}.artigo-texto li{margin-bottom:.5em}
.artigo-texto blockquote{border-left:3px solid var(--blog-destaque);padding:.3em 0 .3em 1.2em;color:var(--blog-suave);font-style:italic;margin:1.6em 0}
.artigo-texto a{color:var(--blog-acento);text-decoration:underline;text-underline-offset:3px}
/* Compartilhar */
.artigo-share{max-width:720px;display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:2.5rem;padding-top:1.6rem;border-top:1px solid var(--blog-linha)}
.artigo-share-rotulo{font-size:.78rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--blog-suave);margin-right:6px}
.share-btn{display:inline-flex;align-items:center;min-height:44px;padding:.5em 1.1em;border:1px solid var(--blog-linha);border-radius:999px;background:transparent;color:var(--blog-acento);font:inherit;font-size:.88rem;font-weight:600;text-decoration:none;cursor:pointer;transition:background .25s,color .25s,border-color .25s}
.share-btn:hover,.share-btn:focus-visible{background:var(--blog-acento);color:#fff;border-color:var(--blog-acento)}
.share-ok{font-size:.85rem;color:var(--blog-suave)}
.artigo-cta{max-width:720px;margin-top:2.5rem;padding:34px 30px;border:1px solid var(--blog-linha);border-radius:14px;background:var(--blog-fundo-card);text-align:center}
.artigo-cta h2{font-size:1.7rem;margin-bottom:.3em}.artigo-cta p{color:var(--blog-suave);margin-bottom:1.4rem}
/* Coluna lateral: assinatura do autor + continue lendo */
.artigo-lateral{display:flex;flex-direction:column;gap:20px}
.autor-card,.continue-lendo{background:var(--blog-fundo-card);border:1px solid var(--blog-linha);border-radius:14px;padding:24px}
.autor-card{text-align:center}
.autor-foto{width:88px;height:88px;border-radius:50%;object-fit:cover;object-position:center top;margin:0 auto 12px;display:block;border:2px solid var(--blog-destaque)}
.autor-nome{font-weight:700;font-size:1.05rem;margin:0}
.autor-cargo{font-size:.86rem;color:var(--blog-suave);margin:.25em 0 0;line-height:1.4}
.continue-titulo{font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--blog-suave);margin:0 0 12px}
.continue-item{display:block;padding:12px 0;border-top:1px solid var(--blog-linha);text-decoration:none;color:inherit}
.continue-item:first-of-type{border-top:0;padding-top:0}
.continue-data{display:block;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--blog-suave);margin-bottom:3px}
.continue-t{display:block;font-weight:600;line-height:1.35;font-size:.95rem;color:var(--blog-acento)}
.continue-item:hover .continue-t{text-decoration:underline;text-underline-offset:3px}
.continue-todos{display:inline-block;margin-top:10px;font-size:.86rem;font-weight:600;color:var(--blog-acento);text-decoration:none}
/* Desktop: texto à esquerda rola; coluna à direita fica fixa na tela */
@media(min-width:1000px){
  .artigo-grid{grid-template-columns:minmax(0,1fr) 320px}
  .artigo-lateral{position:sticky;top:var(--blog-topo);max-height:calc(100vh - var(--blog-topo) - 20px);overflow:auto}
}