.blog-main{ padding-top:100px; }
.blog-cabecalho{ padding:2rem 0 3rem; border-bottom:1px solid var(--carvao); }
.blog-cabecalho .h2{ color:var(--marfim); }
.blog-lista{ padding:3.5rem 0 5rem; }
.blog-vazio{ color:var(--pedra); text-align:center; padding:3rem 0; }

.blog-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:1.6rem; }
.blog-card{ background:var(--grafite); border:1px solid var(--carvao); transition:transform .4s var(--suave,ease), border-color .4s; }
.blog-card:hover{ transform:translateY(-4px); border-color:rgba(204,167,75,.5); }
.blog-card__link{ display:block; }
.blog-card__img{ aspect-ratio:16/10; overflow:hidden; background:#fff; }
.blog-card__img img{ width:100%; height:100%; object-fit:cover; }
.blog-card__corpo{ padding:1.4rem; }
.blog-card__data{ font-family:var(--fonte-display); font-size:.68rem; letter-spacing:.14em; text-transform:uppercase; color:var(--ouro); }
.blog-card__corpo h2{ margin:.5rem 0 .5rem; }
.blog-card__corpo p{ font-size:.9rem; color:var(--marfim-70); margin-bottom:.8rem; }

.blog-post__cabecalho{ padding:2rem 0 1.5rem; max-width:760px; margin:0 auto; }
.blog-post__voltar{ display:inline-block; margin-bottom:1.2rem; font-size:.88rem; }
.blog-post__cabecalho h1{ margin-top:.6rem; color:var(--marfim); }
.blog-post__capa{ max-width:900px; margin:0 auto 2rem; }
.blog-post__capa img{ width:100%; border:1px solid var(--carvao); background:#fff; }
.blog-post__corpo{ max-width:720px; margin:0 auto; color:var(--marfim-70); font-size:1.02rem; line-height:1.8; }
.blog-post__corpo h2{ color:var(--marfim); font-size:1.5rem; margin:2rem 0 1rem; }
.blog-post__corpo h3{ color:var(--marfim); font-size:1.2rem; margin:1.6rem 0 .8rem; }
.blog-post__corpo p{ margin-bottom:1.2rem; max-width:none; }
.blog-post__corpo a{ color:var(--ouro); text-decoration:underline; }
.blog-post__corpo ul,.blog-post__corpo ol{ margin:0 0 1.2rem 1.4rem; }
.blog-post__corpo ul{ list-style:disc; } .blog-post__corpo ol{ list-style:decimal; }
.blog-post__corpo blockquote{ border-left:2px solid var(--ouro); padding-left:1.2rem; font-style:italic; color:var(--marfim); margin:1.6rem 0; }
.blog-post__rodape{ max-width:720px; margin:3rem auto 0; padding-bottom:2rem; }

@media (max-width:900px){
  .blog-grid{ grid-template-columns:1fr; }
  .blog-main{ padding-top:84px; }
}