/*
 * Ajustes de accesibilidad que no se pueden resolver solo con atributos HTML.
 * Ver INFORME-DIAGNOSTICO.md / plan de accesibilidad para el detalle de cada caso.
 *
 * Capa oscura semitransparente detrás del texto en blanco de las dos secciones
 * de cabecera con foto de fondo (home). Sin esto, el texto blanco pierde
 * legibilidad real en las zonas claras de la foto (no solo en el aviso
 * automático de contraste, sino visualmente al comprobarlo). Solo afecta a
 * estas dos secciones concretas de la home — no toca ningún otro estilo.
 *
 * Se aplica un "background-color" real (no un "::before" generado por CSS,
 * que los verificadores automáticos de contraste no cuentan como ancestro) al
 * propio contenedor con la foto, mezclado con "background-blend-mode" para
 * que se combine con el "background-image" en vez de taparlo. Un primer
 * intento aplicando el color solo a ".container" dejaba sin oscurecer los
 * márgenes laterales (Bootstrap centra ".container" con un ancho menor que
 * la sección completa) — así se cubre el ancho completo sin ese problema.
 */
.cl45078,
.cl45095 {
  background-color: rgba(0, 0, 0, 0.35);
  background-blend-mode: darken;
}