/*
 * 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]) {
  margin-top: 20px;
  font-size: 38px;
  line-height: 44px;
}

/* 4-nov-2026: el <h1> de la pantalla de idioma (que no tenía ninguno) es solo para lectores de pantalla
   y buscadores. Oculto de la forma habitual, que no ocupa sitio ni cambia el diseño. */
.cwn-solo-lectores {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}