/* Blog card banners */
.post .banner{
  height:180px;
  background-size:cover;
  background-position:center;
  position:relative;
  display:flex;
  align-items:flex-end;
  padding:16px;
}
.post .banner::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(to top,rgba(5,9,26,.78) 0%,rgba(5,9,26,.25) 55%,rgba(5,9,26,.08) 100%);
  z-index:0;
}
.post .banner .cat{position:relative;z-index:1}

/* Legacy category fallbacks */
.post .banner.entrenadores{background-image:url(../assets/personalTrainerGym.jpg)}
.post .banner.gimnasios{background-image:url(../assets/gym.jpg)}
.post .banner.yoga{background-image:url(../assets/yoga.jpg)}
.post .banner.pilates{background-image:url(../assets/pilates.jpg)}
.post .banner.crossfit{background-image:url(../assets/img/espacio_360.jpeg)}

/* Per-article covers (index + hero) */
.post .banner.cover-sw-ar-2026,
.art-hero--cover-sw-ar-2026{background-image:url(../assets/blog/blog-cardio-gym.jpg)}
.post .banner.cover-sw-ar-elegir,
.art-hero--cover-sw-ar-elegir{background-image:url(../assets/blog/blog-kettlebells.jpg)}
.post .banner.cover-sw-uy-2026,
.art-hero--cover-sw-uy-2026{background-image:url(../assets/blog/blog-crossfit-box.jpg)}
.post .banner.cover-sw-uy-elegir,
.art-hero--cover-sw-uy-elegir{background-image:url(../assets/gym.jpg)}
.post .banner.cover-checklist,
.art-hero--cover-checklist{background-image:url(../assets/blog/blog-kettlebells.jpg)}
.post .banner.cover-rutinas,
.art-hero--cover-rutinas{background-image:url(../assets/blog/blog-dumbbells.jpg);background-position:center 40%}
.post .banner.cover-crossfit,
.art-hero--cover-crossfit{background-image:url(../assets/blog/blog-crossfit-box.jpg)}
.post .banner.cover-yoga,
.art-hero--cover-yoga{background-image:url(../assets/yoga.jpg)}
.post .banner.cover-pilates,
.art-hero--cover-pilates{background-image:url(../assets/pilates.jpg)}
.post .banner.cover-app-gimnasios,
.art-hero--cover-app-gimnasios{background-image:url(../assets/blog/blog-app-gimnasios.png)}

/* Article hero with photo */
.art-hero{
  background-color:var(--void);
  background-size:cover;
  background-position:center;
}
.art-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(135deg,rgba(5,9,26,.88),rgba(13,27,75,.82))!important;
  z-index:0;
}
.art-hero .wrap{position:relative;z-index:1}

/* Legacy article heroes (unused if cover-* set) */
.art-hero--entrenadores{background-image:url(../../assets/personalTrainerGym.jpg)}
.art-hero--gimnasios{background-image:url(../../assets/gym.jpg)}
.art-hero--yoga{background-image:url(../../assets/yoga.jpg)}
.art-hero--pilates{background-image:url(../../assets/pilates.jpg)}
.art-hero--crossfit{background-image:url(../../assets/img/espacio_360.jpeg)}

.art-hero--cover-sw-ar-2026{background-image:url(../../assets/blog/blog-cardio-gym.jpg)}
.art-hero--cover-sw-ar-elegir{background-image:url(../../assets/blog/blog-kettlebells.jpg)}
.art-hero--cover-sw-uy-2026{background-image:url(../../assets/blog/blog-crossfit-box.jpg)}
.art-hero--cover-sw-uy-elegir{background-image:url(../../assets/gym.jpg)}
.art-hero--cover-checklist{background-image:url(../../assets/blog/blog-kettlebells.jpg)}
.art-hero--cover-rutinas{background-image:url(../../assets/blog/blog-dumbbells.jpg);background-position:center 40%}
.art-hero--cover-crossfit{background-image:url(../../assets/blog/blog-crossfit-box.jpg)}
.art-hero--cover-yoga{background-image:url(../../assets/yoga.jpg)}
.art-hero--cover-pilates{background-image:url(../../assets/pilates.jpg)}
.art-hero--cover-app-gimnasios{background-image:url(../../assets/blog/blog-app-gimnasios.png)}

/* Inline article images */
.prose .art-img{
  margin:30px 0;
  border-radius:var(--r);
  overflow:hidden;
  border:1px solid var(--line);
  box-shadow:var(--shadow-sm);
  background:#fff;
}
.prose .art-img img{
  width:100%;
  display:block;
  aspect-ratio:16/9;
  object-fit:cover;
}
.prose .art-img img.contain{aspect-ratio:auto;object-fit:contain;max-height:420px;background:var(--mist)}
.prose .art-img figcaption{
  font:500 12.5px/1.45 var(--mono);
  color:var(--ink-soft);
  padding:10px 14px;
  background:var(--mist);
  border-top:1px solid var(--line);
}
