/* ============================================================
   FUNDACIÓN BANÚS · CUENTOS PRESENTADOS (XXVI Concurso)
   Solo maquetación de esta página. Ni un color ni un cuerpo se
   definen aquí: todo sale de los tokens del sistema.
   ============================================================ */

/* Entradilla bajo el rótulo, misma dosis editorial que en becas.css. */
.presentados__intro {
  margin-top: var(--space-lg);
}

/* Cifras de la edición: el componente .convocatoria__ficha del sistema
   tal cual; aquí solo se le da sitio y un ancho, porque fuera de la
   tarjeta de convocatoria no tiene columna que lo acote. */
.presentados__ficha {
  max-width: 32rem;
  margin-top: var(--space-xl);
}

.presentados__accion {
  margin-top: var(--space-lg);
}

/* ---------- Buscador + índice de letras ----------
   El buscador filtra con el atributo hidden; .campo y los grupos
   declaran display propio, que ganaría al del navegador. */
#contenido [hidden] {
  display: none;
}

.presentados__buscador {
  max-width: 28rem;
}

.presentados__recuento {
  margin: var(--space-2xs) 0 0;
  font-size: var(--text-menor);
  color: var(--texto-tenue);
}

.presentados__letras {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3xs) var(--space-2xs);
  margin-top: var(--space-lg);
  padding-block: var(--space-sm);
  border-block: var(--linea) solid var(--borde);
}

/* Objetivo táctil de 44px aunque la letra sea pequeña. */
.presentados__letras a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.75rem;
  min-height: 2.75rem;
  font-family: var(--font-display);
  font-weight: var(--fw-medium);
  letter-spacing: var(--track-rotulo);
  color: var(--acento-display);
  text-decoration: none;
}

.presentados__letras a:hover {
  text-decoration: underline;
  text-underline-offset: 0.3em;
}

/* ---------- Lista por letra ----------
   Columnas de texto, no rejilla de fichas: cada título es una línea
   de largo variable y fluye de columna en columna sin cuadrarse. */
.presentados__grupo {
  display: grid;
  grid-template-columns: 4rem minmax(0, 1fr);
  gap: var(--space-md);
  padding-block: var(--space-lg);
  border-bottom: var(--linea) solid var(--borde);
  scroll-margin-top: var(--space-md);
}

.presentados__letra {
  font-family: var(--font-display);
  font-weight: var(--fw-thin);
  font-size: var(--text-titulo);
  line-height: 1;
  color: var(--acento-display);
  margin: 0;
}

.presentados__lista {
  list-style: none;
  margin: 0;
  padding: 0;
  columns: 3 16rem;
  column-gap: var(--space-lg);
}

/* Tipografía y peso del texto corrido (Public Sans a --fw-lectura),
   heredados del body: 668 títulos se leen como lista, no como piezas
   destacadas, así que no llevan la Bodoni de .edicion__titulo. */
.presentados__lista li {
  line-height: var(--lh-titulo);
  padding-block: var(--space-3xs);
  break-inside: avoid;
}

.presentados__vacio {
  margin: var(--space-lg) 0 0;
  color: var(--texto-tenue);
}

/* ---------- Móvil ---------- */
@media (max-width: 760px) {
  .presentados__grupo {
    grid-template-columns: 1fr;
    gap: var(--space-xs);
  }
}