/* Hero compacto e cards das páginas de listagem. */

  
  
  
  .blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
  @media(max-width:920px){.blog-grid{grid-template-columns:1fr 1fr}}
  @media(max-width:680px){.blog-grid{grid-template-columns:1fr}}
  /* hero compacto, só o título centralizado */
  #posts{padding-top:clamp(34px,4.5vw,52px);padding-bottom:clamp(28px,4vw,44px)}
  .hero.hero-sm{min-height:clamp(340px,46vh,440px)}
  .hero.hero-sm .hero-content{justify-content:center;align-items:center;text-align:center;padding-top:74px}
  .hero.hero-sm h1{margin:0;max-width:none;font-size:clamp(2.2rem,5vw,3.4rem)}