/* ==========================================================================
   BLOG — listado de artículos por pilar
   ========================================================================== */
.b-hero{
  position:relative; overflow:hidden; background:var(--ink-deep); color:var(--cream);
  padding:calc(var(--nav-h) + clamp(70px,10vw,120px)) 0 clamp(50px,7vw,90px);
}
.b-hero .beam{
  background:radial-gradient(900px 520px at 80% 0%, rgba(47,217,172,.14), transparent 70%),
             radial-gradient(700px 480px at 0% 100%, rgba(76,155,239,.12), transparent 66%);
}
.b-hero .wrap{ position:relative; z-index:2; }
.b-hero h1{ font-size:clamp(34px,5.4vw,72px); letter-spacing:-.035em; max-width:20ch; margin-top:22px; }
.b-filters{ display:flex; gap:10px; flex-wrap:wrap; margin-bottom:clamp(30px,4vw,50px); }
.b-filters .chip{ font-size:14px; padding:10px 18px; }
.b-more{ display:flex; justify-content:center; margin-top:44px; }