/**
 * convocatorias.css — Pantalla de Convocatorias (template-convocatorias.php).
 * Reutiliza la .noticia-card (cards.css). Contenido provisional.
 */

.convocatorias-page {
  position:   relative;
  background: var(--nexo-bg);
  color:      var(--nexo-dark);
}

/* Mismo espaciado que el Directorio para que las pantallas se vean iguales. */
.convocatorias-page__body {
  padding-block: clamp(var(--space-8), 5vh, var(--space-16));
}

/* ── Grilla (4 por fila en desktop) ────────────────────────────────────── */
.convocatorias-grid {
  display:               grid;
  grid-template-columns: repeat(4, 1fr);
  gap:                   0;
}

.convocatorias-grid__item {
  display:        flex;
  flex-direction: column;
  min-width:      0; /* permite que las columnas se encojan sin desbordar */
}

.convocatorias-grid__item > .noticia-card { flex: 1; }

.convocatorias-grid__item.is-hidden { display: none; }

.convocatorias-grid .noticia-card__body  { gap: var(--space-3); padding: clamp(var(--space-4), 1.5vw, var(--space-5)); }
.convocatorias-grid .noticia-card__title { font-size: var(--fs-lg); }
.convocatorias-grid .noticia-card__cta   { min-height: 2.6rem; }

@media (max-width: 1200px) {
  .convocatorias-grid { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 860px) {
  .convocatorias-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 540px) {
  /* Móvil: 2 columnas a ancho completo (sin el padding lateral del .container). */
  .convocatorias-grid { grid-template-columns: repeat(2, 1fr); padding-inline: 0; }
}

/* ── Estado vacío ──────────────────────────────────────────────────────── */
.convocatorias-vacio {
  padding-block: clamp(var(--space-10), 8vh, var(--space-20));
  text-align:    center;
  font-size:     var(--fs-lg);
  color:         var(--nexo-dark);
}