/* ============================================================
   FUNDACIÓN BANÚS · CUENTOS PREMIADOS
   Solo maquetación de esta página. Ni un color ni un cuerpo se
   definen aquí: todo sale de los tokens del sistema. La cabecera
   sigue la misma convención que el resto del sitio hasta pasar a
   WordPress (el salto al contenido ya vive en el sistema).
   ============================================================ */

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

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

/* Nota que explica por qué la última edición enlaza a librerías y las
   anteriores a un libreto propio: honestidad de origen, no un fallo
   de maquetación. */
.cuentos__nota {
  margin-top: var(--space-sm);
  max-width: var(--medida);
  color: var(--texto-tenue);
}

/* ---------- Lista de ediciones ----------
   Filas anchas con filete, como .archivo en agenda.css, pero cada fila
   lleva su propio contenido (uno a tres relatos premiados), así que se
   apoyan en el filete horizontal en vez de en una rejilla de fichas:
   ninguna fila compite en altura con la de al lado. */
.ediciones {
  list-style: none;
  margin: var(--space-2xl) 0 0;
  padding: 0;
}

.edicion {
  display: grid;
  grid-template-columns: 9rem minmax(0, 1fr);
  gap: var(--space-lg);
  padding-block: var(--space-xl);
  border-top: var(--linea) solid var(--borde);
}

.ediciones > .edicion:last-child {
  border-bottom: var(--linea) solid var(--borde);
}

.edicion__rotulo {
  font-family: var(--font-display);
  font-weight: var(--fw-medium);
  font-size: var(--text-lead);
  letter-spacing: var(--track-rotulo);
  text-transform: uppercase;
  color: var(--acento-display);
  margin: 0;
}

.edicion__anio {
  display: block;
  margin-top: var(--space-3xs);
  font-size: var(--text-menor);
  color: var(--texto-tenue);
}

.edicion__cuerpo {
  display: flex;
  flex-direction: column;
  gap: var(--space-lg);
}

.edicion__premiados {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
}

/* Etiqueta de categoría del relato (Adultos / Infantil / Accésit): es un
   metadato sutil sobre el título, no una pastilla protagonista. Se afina
   solo aquí —cuerpo más pequeño, relleno mínimo y contorno a media tinta—
   sin tocar la .etiqueta--cat compartida que usa la Agenda. */
.edicion__premio .etiqueta {
  font-size: 0.625rem;
  letter-spacing: 0.1em;
  padding: 1px var(--space-2xs);
  border-color: var(--borde);
}

/* Peso declarado y no heredado: Bodoni Moda empieza en 400, y desde que
   body baja a --fw-lectura (300) heredarlo daría un fino falsificado
   por software. Mismo motivo que en .tarjeta__titulo. */
.edicion__titulo {
  font-family: var(--font-editorial);
  font-weight: var(--fw-regular);
  font-size: var(--text-lead);
  line-height: var(--lh-titulo);
  margin: var(--space-2xs) 0 var(--space-3xs);
}

.edicion__autor {
  font-size: var(--text-menor);
  color: var(--texto-tenue);
  margin: 0;
}

.edicion__acciones {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-sm);
  align-items: center;
  padding-top: var(--space-sm);
  border-top: var(--linea) solid var(--borde);
}

/* Botones de tienda (Amazon / Google Play): aquí son un enlace de
   descarga secundario que acompaña al relato, no el CTA de la página.
   Se afinan solo en esta página —relleno y cuerpo más discretos— sin
   tocar el .boton--compacto compartido, que en la home y en Becas sí
   pesa como llamada a la acción. El objetivo táctil se conserva:
   0.5rem + 0.5rem + ~15px de línea supera los 44px mínimos. */
.edicion__acciones .boton {
  padding: var(--space-2xs) var(--space-sm);
  font-size: 0.6875rem;
  letter-spacing: 0.1em;
}

/* ---------- Tableta y móvil ---------- */
@media (max-width: 760px) {
  .edicion {
    grid-template-columns: 1fr;
    gap: var(--space-md);
  }
}