/**
 * Accesibilidad ISM 2025 — Overrides
 * Se carga DESPUÉS del CSS del tema/Elementor. No editar los CSS generados por
 * TheGem/Elementor (uploads/thegem, uploads/elementor): se regeneran y pisarían los cambios.
 *
 * Tarea 2 · Contrastes de color ≥ 4,5:1 (WCAG 1.4.3 AA)
 * Excluido por decisión de cliente: color del texto de las TABLAS de datos (#5f727f).
 */

/* --- Migas de pan (Yoast) · #a2a7ab s/ blanco 2,42:1 -> #595f63 ~6,5:1 ---
   El color lo fija el tema con más peso; forzamos el override. Incluye el
   <strong> del último item (breadcrumb_last), también gris. */
#breadcrumbs,
#breadcrumbs * {
	color: #595f63 !important;
}

/* --- Rojo de enlaces unificado a un ÚNICO tono #d10000 (~5,7:1) ---
   El tema tenía dos rojos: #ec2d2f (marca: menú, enlaces de contenido, activo)
   y #ff3030 (destacados de Home). Se unifican al mismo rojo accesible.

   1) Color base del enlace: el tema lo fija con valor literal en `a { color:#ec2d2f }`.
      Sobreescribimos SIN !important y con la misma especificidad (gana por orden de
      carga). Esto recolorea los enlaces rojos por defecto SIN tocar los enlaces
      claros sobre fondo oscuro, que reciben su color de reglas más específicas. */
a {
	color: #d10000;
}

/* 2) Destacados de Home, que venían con #ff3030 fijado por Elementor (no usa la
      variable): se igualan al mismo #d10000. */
.elementor-1051 .elementor-element.elementor-element-d6f59b0 .elementor-text-editor *:not(.elementor-drop-cap-letter),
.elementor-1051 .elementor-element.elementor-element-35045a7 .elementor-text-editor *:not(.elementor-drop-cap-letter) {
	color: #d10000;
}

/* --- Botones "Borrar filtro" y paginación · #5f727f s/ #f0f0f0 4,38:1 -> #4a5a66 ~5,3:1 --- */
button[id^="borrarFiltro"],
[id^="paginacion"] button {
	color: #4a5a66 !important;
}

/* 3) Item ACTIVO del menú (megamenú): la página actual se resalta en #ec2d2f por
      una regla propia del menú. Se iguala al mismo rojo. Acotado a clases del
      menú actual: no afecta al cuerpo ni a enlaces sobre fondo oscuro. */
.current-menu-item > a,
.current-menu-item > .megamenu-column-header > a,
.current_page_item > a,
.current-menu-ancestor > a,
.current-menu-ancestor > .megamenu-column-header > a {
	color: #d10000 !important;
}

/* 4) EXCEPCIÓN: el ítem-HOJA activo DENTRO del megamenú lleva FONDO rojo (#ec2d2f)
      de resalte y su texto SIEMPRE fue BLANCO. La regla (3) de arriba lo pintó de
      rojo -> rojo sobre rojo, ilegible. Se restaura el blanco. Solo afecta a enlaces
      hoja (> a) activos dentro de un sub-menú.
      ACOTADO A ESCRITORIO con `#primary-menu.no-responsive`: ese fondo rojo lo pone
      el tema SOLO en escritorio (regla `#primary-menu...no-responsive ...
      menu-item-current > a { background:#ec2d2f }`). En MÓVIL el JS quita
      `no-responsive` (thegem-menu_init.js) y NO hay fondo rojo -> el texto activo va
      en rojo #d10000 (regla 3), NO blanco (si no, blanco sobre blanco = invisible,
      desaparecía la opción de la página actual en el menú móvil).
      OJO: NO incluir aquí `.megamenu-column-header > a` (los TÍTULOS de columna):
      no tienen fondo rojo ni en escritorio -> el blanco los ocultaría (p.ej.
      "Régimen jurídico"). Se dejan a la regla (3) -> #d10000, rojo oscuro visible. */
#primary-menu.no-responsive ul.sub-menu .current-menu-item > a,
#primary-menu.no-responsive ul.sub-menu .current_page_item > a,
#primary-menu.no-responsive ul.sub-menu .current-menu-ancestor > a {
	color: #fff !important;
}

/* (Los enlaces de contenido de las páginas legales, que eran #ec2d2f, quedan
   cubiertos por el override de la regla base `a` de arriba.) */

/* --- Enlaces del footer (Privacidad/Cookies/Contáctanos) · #a2a7ab 2,42:1 -> #595f63 ~6,5:1 ---
   Heredan el gris de .custom-footer / #colophon. */
.custom-footer a,
#colophon a,
#footer-navigation li a {
	color: #595f63 !important;
}

/* --- Estructura orgánica · párrafo introductorio bajo el H1 · #7A7A7A (color de
   texto global de Elementor) ~4,48:1 s/ blanco -> NEGRO. Corrección pedida por
   cliente en móvil y escritorio. Acotado al widget (element 55a7c89) para no
   alterar el resto del texto del sitio. */
.elementor-element-55a7c89 .elementor-text-editor,
.elementor-element-55a7c89 .elementor-text-editor p {
	color: #000 !important;
}