/*
 * RB Accesibilidad - Correcciones de contraste WCAG 2.1 AA (criterio 1.4.3)
 * Requisito 9.1.4.3 del informe Kit Digital.
 *
 * Paleta accesible derivada de la marca:
 *   #00B0BC (teal de marca) -> 2.65:1 sobre blanco   = NO CUMPLE
 *   #00727A (teal oscuro)   -> 5.69:1 sobre blanco   = CUMPLE AA
 *   #4FD1DB (teal claro)    -> 11.37:1 sobre #02000F = CUMPLE AA
 *   #E2E2E2 (texto del kit) -> 16.06:1 sobre #02000F = CUMPLE AA
 *
 * El teal de marca #00B0BC se conserva donde SI cumple (sobre el fondo
 * oscuro del sitio, 7.86:1); solo se sustituye donde falla.
 */

/* -------------------------------------------------------------------------
 * 1) Menu de navegacion (widget jkit_nav_menu de Jeg Kit).
 *
 *    Jeg Kit asigna al contenedor del menu un fondo #F7F7F7 pensado para un
 *    sitio claro. Ese contenedor cumple dos papeles distintos:
 *
 *      - En escritorio es la barra horizontal del header, que debe ser
 *        transparente para dejar ver el hero. El fondo #F7F7F7 no llega a
 *        verse porque los enlaces van sueltos sobre el, pero cualquier color
 *        opaco que se le ponga SI se dibuja como una banda sobre la imagen.
 *        Por eso aqui se fuerza a transparente y no a un color oscuro.
 *
 *      - En movil y tablet es el panel desplegable. Ahi el fondo claro si es
 *        visible, y como los enlaces heredan el color claro del header de
 *        escritorio el resultado era texto blanco sobre casi blanco
 *        (1.07:1) y teal #00B0BC sobre claro (2.47:1).
 *
 *    De ahi que el tratamiento sea distinto en cada caso.
 * ---------------------------------------------------------------------- */

/* Escritorio: sin fondo propio. Elimina el gris de Jeg Kit sin pintar
   ninguna banda sobre el hero. */
.jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper {
	background-color: transparent !important;
}

/* Movil y tablet: el panel desplegable si necesita fondo propio, y se
   unifica con el fondo oscuro de la marca. */
body[data-elementor-device-mode="mobile"] .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper,
body[data-elementor-device-mode="mobile_extra"] .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper,
body[data-elementor-device-mode="tablet"] .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper,
body[data-elementor-device-mode="tablet_extra"] .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper {
	background-color: #02000F !important;
}

/* Enlaces del panel: #E2E2E2 sobre #02000F = 16.06:1 */
body[data-elementor-device-mode="mobile"] .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper .jkit-menu li > a,
body[data-elementor-device-mode="mobile_extra"] .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper .jkit-menu li > a,
body[data-elementor-device-mode="tablet"] .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper .jkit-menu li > a,
body[data-elementor-device-mode="tablet_extra"] .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper .jkit-menu li > a {
	color: #E2E2E2 !important;
}

body[data-elementor-device-mode="mobile"] .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper .jkit-menu li > a:hover,
body[data-elementor-device-mode="mobile"] .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper .jkit-menu li > a:focus,
body[data-elementor-device-mode="mobile_extra"] .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper .jkit-menu li > a:hover,
body[data-elementor-device-mode="mobile_extra"] .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper .jkit-menu li > a:focus,
body[data-elementor-device-mode="tablet"] .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper .jkit-menu li > a:hover,
body[data-elementor-device-mode="tablet"] .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper .jkit-menu li > a:focus,
body[data-elementor-device-mode="tablet_extra"] .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper .jkit-menu li > a:hover,
body[data-elementor-device-mode="tablet_extra"] .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper .jkit-menu li > a:focus {
	color: #4FD1DB !important;
}

/* -------------------------------------------------------------------------
 * 2) Banner de cookies (Complianz).
 *    Boton "Aceptar": blanco sobre #00B0BC = 2.65:1 -> #00727A = 5.69:1
 * ---------------------------------------------------------------------- */
.cmplz-cookiebanner .cmplz-btn.cmplz-accept,
.cmplz-btn.cmplz-accept {
	background-color: #00727A !important;
	border-color: #00727A !important;
	color: #FFFFFF !important;
}

.cmplz-cookiebanner .cmplz-btn.cmplz-accept:hover,
.cmplz-btn.cmplz-accept:hover {
	background-color: #00595F !important;
	border-color: #00595F !important;
}

/* Enlaces legales del banner (12px sobre fondo blanco):
   #00B0BC = 2.65:1 -> #00727A = 5.69:1.
   Se subrayan ademas para no depender unicamente del color. */
.cmplz-cookiebanner .cmplz-links a,
.cmplz-cookiebanner .cmplz-link,
.cmplz-documents .cmplz-link,
a.cmplz-link {
	color: #00727A !important;
	text-decoration: underline;
}

/* -------------------------------------------------------------------------
 * 3) Color de enlace por defecto.
 *    El reset del tema define a { color:#CC3366 }, que sobre el fondo oscuro
 *    del sitio (#02000F) da 4.19:1, por debajo del minimo de 4.5:1.
 *    Solo afecta a enlaces sin clase propia (los que no estiliza Elementor).
 * ---------------------------------------------------------------------- */
body a:not([class]):not(.cmplz-link) {
	color: #4FD1DB;
}

/* Zonas de fondo claro, donde el teal claro no contrastaria. */
.cmplz-cookiebanner a:not([class]),
.joinchat a:not([class]) {
	color: #00727A;
}

/* -------------------------------------------------------------------------
 * 4) Indicador de foco visible (WCAG 2.4.7). Necesario para poder recorrer
 *    con teclado los enlaces cuyo nombre accesible se ha corregido.
 * ---------------------------------------------------------------------- */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible {
	outline: 3px solid #4FD1DB;
	outline-offset: 2px;
}