/* ═══ Noticias (R-41) ═════════════════════════════════════════════════
   Sin maqueta propia: sale de las noticias de la home (maqueta D) y de la
   tarjeta de base.css. Listado con la noticia compacta de base.css (.news-teaser) y la nota completa
   (el cuerpo con formato lo estila rich-text.css). Mobile-first. */

.news-feed { margin-top: var(--space-lg); }
.news-feed[aria-busy="true"] {
  display: grid;
  gap: var(--space-md);
}

.news-feed__list {
  display: grid;
  gap: var(--space-md);
}
.news-feed__back { margin-top: var(--space-md); }

/* ── Nota completa ────────────────────────────────────────────────── */
.news-article__back {
  display: inline-flex;
  align-items: center;
  min-height: var(--touch-target);
}
.news-article .page-header { padding-top: var(--space-xs); }
.news-article__title {
  margin-top: var(--space-2xs);
  font-size: var(--font-size-heading-xl);
  line-height: var(--line-height-heading);
}
/* Reserva el lugar con la proporción de referencia y después respeta la de la imagen */
.news-article__image {
  width: 100%;
  height: auto;
  margin-top: var(--space-lg);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
}
.news-article__body { margin-top: var(--space-lg); }
.news-article__footer-link { margin-top: var(--space-xl); }

@media (min-width: 700px) {
  .news-article__title { font-size: var(--font-size-title); }
}