/*
 * Escala tipográfica transversal.
 *
 * Los primeros rediseños usaban titulares propios de una campaña gráfica.
 * En páginas completas esa escala restaba aire al contenido y podía estrechar
 * en exceso la columna. Esta capa conserva la voz contundente de la marca,
 * pero permite leer cada palabra y el contexto que la acompaña.
 */

/* Héroes y capítulos de las páginas. Los límites se aplican al título, no a
   la tarjeta o a la columna que lo contiene, para no romper las retículas. */
body.page .forjando-migrated-section:not(.forjando-rendered-composition) h1,
body.page .forjando-rendered-composition h1 {
  max-width: min(100%, 11.5ch) !important;
  font-size: clamp(3.1rem, 7.8vw, 8.2rem) !important;
  line-height: .9 !important;
}

body.page .forjando-migrated-section:not(.forjando-rendered-composition) h2,
body.page .forjando-rendered-composition h2 {
  max-width: min(100%, 15ch) !important;
  font-size: clamp(2.15rem, 4.7vw, 5.45rem) !important;
  line-height: .94 !important;
}

body.page .forjando-migrated-section:not(.forjando-rendered-composition) h3,
body.page .forjando-rendered-composition h3 {
  max-width: min(100%, 22ch) !important;
  font-size: clamp(1.3rem, 2vw, 2.15rem) !important;
  line-height: 1.02 !important;
}

/* En las entradas la portada mantiene presencia editorial, pero deja ver la
   imagen y los datos de lectura sin convertir el titular en un muro. */
body.single-post .forjando-article__hero h1 {
  max-width: min(100%, 15ch) !important;
  font-size: clamp(2.8rem, 6.2vw, 6.65rem) !important;
  line-height: .92 !important;
}

body.single-post .forjando-article__content :is(h2, h3) {
  max-width: min(100%, 18ch) !important;
}

/* La portada usa componentes propios, fuera de las secciones Gutenberg. */
body.home :is(.forjando-home-page, .forjando-home-women, .forjando-home-page__closing) :is(h1, h2) {
  max-width: min(100%, 12ch) !important;
  font-size: clamp(3rem, 7.4vw, 7.75rem) !important;
  line-height: .91 !important;
}

/* La cabecera de disciplinas vive en una columna más estrecha. No debe
 * heredar la escala monumental del resto de la portada: cada palabra queda
 * completa, incluso antes del salto de línea definido en el contenido. */
body.home .forjando-home-page__disciplines h2 {
  max-width: none !important;
  font-size: clamp(3.1rem, 3.35vw, 3.4rem) !important;
  line-height: .9 !important;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}

@media (max-width: 767px) {
  body.page .forjando-migrated-section:not(.forjando-rendered-composition) h1,
  body.page .forjando-rendered-composition h1 {
    font-size: clamp(2.75rem, 12.5vw, 4.5rem) !important;
    line-height: .92 !important;
  }

  body.page .forjando-migrated-section:not(.forjando-rendered-composition) h2,
  body.page .forjando-rendered-composition h2 {
    font-size: clamp(2.05rem, 9vw, 3.55rem) !important;
    line-height: .96 !important;
  }

  body.home :is(.forjando-home-page, .forjando-home-women, .forjando-home-page__closing) :is(h1, h2) {
    font-size: clamp(2.65rem, 11.5vw, 4.3rem) !important;
    line-height: .93 !important;
  }
}