/*
 * ESPEJO DE LAS REGLAS `h1` PARA LOS `<h2>` QUE ERAN `<h1>` (23-sep-2026, tarea 22.19 de CWN).
 *
 * La integración «un solo <h1> por página» (src/lib/encabezados.mjs) convierte en `<h2>` los
 * `<h1>` de más y los marca con `data-era-h1`. Al cambiar de etiqueta perdían las reglas `h1`
 * de la hoja de Webflow. Aquí se repiten, en el mismo orden y con sus @media, sobre
 * `h2:where([data-era-h1])`, que pesa lo mismo que `h1`: las clases siguen mandando.
 *
 * Generado desde la hoja de Webflow: si se recaptura, se regenera (generar-espejo.cjs en
 * docs/red/22.19-h1-h2 de CWN). Comprobado: estilo calculado de todos los encabezados igual
 * que sin la integración, a 1440 y 375 px.
 */
h2:where([data-era-h1]) {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: "Almoneda Vcourtiers 2", sans-serif;
  font-size: 60px;
  font-weight: 700;
  line-height: .85em;
}
@media screen and (max-width: 991px) {
  h2:where([data-era-h1]) {
    margin-bottom: 30px;
    font-size: 80px;
  }
}
@media screen and (max-width: 767px) {
  h2:where([data-era-h1]) {
    font-size: 55px;
  }
}
@media screen and (max-width: 479px) {
  h2:where([data-era-h1]) {
    margin-bottom: 25px;
    font-size: 45px;
  }
}