/* Blog — listagem e artigo (tokens Maçã em navary.css) */
.hero-blog { padding-bottom: 8px; }
.hero-blog h1 { font-size: clamp(34px, 4.6vw, 56px); }
.blog-lista { padding-bottom: 80px; }
.blog-filtros { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; margin-bottom: 40px; }
.blog-filtros a {
  font-size: 14px; font-weight: 500; padding: 7px 16px; border-radius: var(--r-pill);
  background: var(--faixa); color: var(--tinta); transition: background .2s, color .2s;
}
.blog-filtros a:hover { background: #E8E8ED; }
.blog-filtros a.ativo { background: var(--tinta-forte); color: #fff; }
.blog-grid-cheio { grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); }
.blog-lista .post-card { background: var(--faixa); box-shadow: none; }
.blog-lista .post-card:hover { box-shadow: 0 12px 32px rgba(0, 0, 0, 0.08); }

/* artigo */
.artigo { max-width: 720px; padding-block: 44px 80px; }
.artigo-breadcrumb { font-size: 14px; color: var(--tinta-suave); margin-bottom: 14px; }
.artigo-breadcrumb a { color: var(--acao); }
.artigo-titulo { font-size: clamp(32px, 4.6vw, 48px); margin-bottom: 18px; }
.artigo-autora {
  display: flex; align-items: center; gap: 12px;
  font-size: 14px; color: var(--tinta-suave); margin-bottom: 28px;
}
.artigo-autora img { border-radius: 50%; display: block; }
.artigo-autora strong { color: var(--tinta-forte); }
.artigo-ia {
  background: var(--faixa); color: var(--tinta-suave);
  border-radius: var(--r-pill); padding: 3px 12px; font-size: 12px; margin-left: 4px;
}
.artigo-capa { width: 100%; border-radius: var(--r-foto); margin-bottom: 32px; display: block; }
.artigo-corpo { font-size: 18px; line-height: 1.65; color: var(--tinta); }
.artigo-corpo h2 { font-size: 27px; margin: 42px 0 14px; }
.artigo-corpo h3 { font-size: 21px; margin: 30px 0 10px; }
.artigo-corpo p { margin: 0 0 18px; }
.artigo-corpo ul, .artigo-corpo ol { margin: 0 0 18px 24px; }
.artigo-corpo li { margin-bottom: 8px; }
.artigo-corpo a { color: var(--acao); }
.artigo-corpo a:hover { text-decoration: underline; }
.artigo-corpo blockquote {
  background: var(--faixa); border-radius: 16px;
  margin: 24px 0; padding: 18px 22px;
  color: var(--tinta); font-size: 17px;
}
.artigo-corpo strong { font-weight: 650; color: var(--tinta-forte); }
.artigo-relacionados { margin-top: 64px; }
.artigo-relacionados .secao-titulo { font-size: 26px; margin-bottom: 22px; text-align: left; }
.artigo-relacionados .post-card { background: var(--faixa); box-shadow: none; }