/* Blog & Artigos — reaproveita os tokens de cor já definidos em
   home-evolucao.css (--j2a-blue, --j2a-gold, --j2a-muted, --j2a-border),
   carregado pelo próprio includes/header.php. */

.blog-topo{ padding:64px 24px 8px; text-align:center; }
.blog-topo h1{
  margin:12px 0 0; color:var(--j2a-blue-dark); font-size:clamp(2rem,4vw,2.8rem);
  line-height:1.08;
}

.blog-grade{
  max-width: 1080px; margin: 44px auto; padding: 0 24px;
  display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 28px;
}

.blog-cartao{
  border: 1px solid var(--j2a-border); border-radius: 16px; overflow: hidden;
  text-decoration: none; color: inherit; display: flex; flex-direction: column;
  transition: box-shadow .18s ease, transform .18s ease;
}
.blog-cartao:hover{ box-shadow: 0 10px 28px rgba(8,36,63,.12); transform: translateY(-2px); }

.blog-capa{ width: 100%; height: 170px; object-fit: cover; background: #eef2f7; }
.blog-capa-vazia{
  width: 100%; height: 170px; background: linear-gradient(135deg,var(--j2a-blue),var(--j2a-blue-dark));
  display:flex; align-items:center; justify-content:center; color:#fff; font-size:15px; opacity:.9;
}
.blog-capa-externa{ background: linear-gradient(135deg,#647383,#3f4a5a); }

.blog-corpo{ padding: 18px 20px 22px; flex: 1; display:flex; flex-direction:column; }
.blog-data{ color: var(--j2a-muted); font-size:12px; margin-bottom:8px; }
.blog-cartao h2{ margin:0 0 10px; color:var(--j2a-blue); font-size:18px; font-weight:750; line-height:1.35; }
.blog-cartao p{ margin:0; color:var(--j2a-muted); font-size:13.5px; line-height:1.6; flex:1; }

.blog-tag{ display:inline-block; margin-top:14px; font-size:11px; font-weight:700; color:var(--j2a-gold); text-transform:uppercase; letter-spacing:.04em; }
.blog-tag.externa{ color:var(--j2a-muted); }

.blog-vazio{ max-width:560px; margin:60px auto; text-align:center; color:var(--j2a-muted); padding:0 24px; }

/* Página de artigo individual */
.blog-voltar{ display:block; max-width:680px; margin:32px auto 0; padding:0 24px; color:var(--j2a-muted); text-decoration:none; font-size:13.5px; }
.blog-voltar:hover{ color:var(--j2a-blue); }
.blog-artigo{ max-width:680px; margin:0 auto; padding:24px 24px 80px; }
.blog-artigo .blog-data{ font-size:13px; margin-bottom:10px; }
.blog-artigo h1{ margin:0 0 18px; color:var(--j2a-blue-dark); font-size:30px; font-weight:800; letter-spacing:-.02em; line-height:1.25; }
.blog-capa-artigo{ width:100%; max-height:360px; object-fit:cover; border-radius:14px; margin-bottom:28px; }
.blog-corpo-texto{ font-size:17px; line-height:1.75; color:#28374a; }
.blog-corpo-texto p{ margin:0 0 20px; }
.blog-autor{ margin-top:40px; padding-top:20px; border-top:1px solid #eef2f7; color:var(--j2a-muted); font-size:13.5px; }
.blog-nao-encontrado{ max-width:480px; margin:100px auto; text-align:center; padding:0 24px; }
.blog-nao-encontrado h1{ color:var(--j2a-blue); font-size:22px; }
.blog-nao-encontrado p{ color:var(--j2a-muted); }
.blog-nao-encontrado a{ color:var(--j2a-blue); font-weight:700; text-decoration:none; }

@media (prefers-reduced-motion: reduce){ .blog-cartao{ transition:none; } .blog-cartao:hover{ transform:none; } }