/* ============================================================================
   pages/raiz/noticias.css
   ----------------------------------------------------------------------------
   Firma visual: noticia destacada split (media + texto grande) + grid de
   cards con filtros CSS-only (reusa el patrón de galería de Vida Escolar).
   ============================================================================ */

/* Noticia destacada — split horizontal en desktop, stack en mobile */
.cec-news-featured {
  background: #fff;
  border: var(--cec-border);
  border-radius: var(--cec-radius-lg);
  overflow: hidden;
  display: grid;
  grid-template-columns: 1fr;
  box-shadow: var(--cec-shadow-md);
}
@media (min-width: 768px) {
  .cec-news-featured {
    grid-template-columns: 5fr 6fr;
    align-items: stretch;
  }
}
.cec-news-featured-media {
  position: relative;
  background: linear-gradient(135deg, var(--bs-primary), var(--bs-secondary));
  min-height: 280px;
  overflow: hidden;
}
.cec-news-featured-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  min-height: 280px;
}
.cec-news-featured-body {
  padding: 2rem 2.25rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.cec-news-featured-title {
  color: var(--bs-primary);
  font-weight: 700;
  font-size: clamp(1.25rem, 2.4vw, 1.7rem);
  line-height: 1.2;
  margin: 0.4rem 0 1rem;
}
.cec-news-featured-text {
  color: var(--bs-secondary);
  font-size: 0.96rem;
  line-height: 1.6;
  margin-bottom: 0.85rem;
}

/* Filtros CSS-only para el grid (mismo patrón que galería) */
.cec-news-grid { /* contenedor de las cards */ }

#cec-filter-academico:checked  ~ .cec-gallery-wrap-inner .cec-news-card-wrap:not([data-cat="academico"]),
#cec-filter-vida:checked       ~ .cec-gallery-wrap-inner .cec-news-card-wrap:not([data-cat="vida"]),
#cec-filter-pastoral:checked   ~ .cec-gallery-wrap-inner .cec-news-card-wrap:not([data-cat="pastoral"]),
#cec-filter-comunidad:checked  ~ .cec-gallery-wrap-inner .cec-news-card-wrap:not([data-cat="comunidad"]) {
  display: none;
}

/* Cuarta categoría del feed: contorno sobre fondo blanco, distinguible de las
   tres variantes rellenas que define main.css (académico, vida y pastoral). */
.cec-badge-news--comunidad {
  background: #ffffff;
  color: var(--bs-primary);
  border-color: var(--bs-primary);
}