/* ─────────────────────────────────────────────────────────────────────────────
   manifestoList — renglones de manifiesto bajo la cabecera.
   Sin fondo propio, sin cajas, sin filetes: sólo aire, tamaño e sangría.
   ───────────────────────────────────────────────────────────────────────────── */

/* el titular de una cabecera a la izquierda: se le deja partir (alemán largo) */
.g-manifestoList-title { max-width: 17ch; overflow-wrap: break-word; hyphens: manual; }
.g-manifestoList-lede { max-width: 52ch; }

.g-manifestoList-lines {
  display: flex;
  flex-direction: column;
  gap: clamp(20px, 3.2vh, 40px);
  margin-top: clamp(46px, 7vh, 88px);
}

/* el renglón: cuerpo de titular pequeño, interlineado apretado y a color pleno
   (la entrada la pone <Reveal>; en reposo el texto nunca está lavado) */
.g-manifestoList-line {
  font-family: var(--display), sans-serif;
  font-weight: var(--dw);
  letter-spacing: var(--dt);
  font-size: clamp(22px, 2.6vw, 34px);
  line-height: 1.15;
  color: var(--text);
  /* ocupa casi todo el ancho del contenedor: nada de media página vacía */
  max-width: min(100%, 68ch);
  /* sangría creciente muy leve; va por dentro (padding) para no desbordar a la derecha */
  padding-left: calc(var(--i, 0) * clamp(2px, .5vw, 9px));
  /* guiones a mano: un texto grande con hyphens:auto sale partido en casi todas las líneas */
  hyphens: manual;
  overflow-wrap: break-word;
  text-wrap: pretty;
}

.g-manifestoList-line em {
  font-family: var(--em-font, var(--font-iserif)), serif;
  font-weight: 400;
  font-style: italic;
  letter-spacing: -0.012em;
  color: var(--a2);
}

@media (max-width: 900px) {
  .g-manifestoList-title { max-width: none; }
  .g-manifestoList-lede { max-width: none; }
  .g-manifestoList-lines { gap: 20px; margin-top: 34px; }
  .g-manifestoList-line { max-width: none; line-height: 1.18; }
}

@media (prefers-reduced-motion: reduce) {
  .g-manifestoList-line { transition: none; animation: none; }
}