/*
 * CG Sitio: ajustes de accesibilidad para todo el sitio (fuera de las páginas de CG Galería).
 * Viene del diagnóstico de la fase 0 (08-10-2026, ux.md §5.1 y W1/A1). Lo carga un mu-plugin de _woo en todas las páginas.
 * Colores de brand.md: celeste tinta #006E9A (5,2:1 sobre blanco), celeste noche #3CC4F2 (sobre negro), negro #07090A.
 * Las páginas de CG Galería (body.cg) y /cyber/ (.cy) ya traen su propio foco: aquí se excluyen.
 */

/* 1. Foco visible al navegar con teclado. Minimog pone outline:none sin reemplazo. */
body:not(.cg) :is(a, button, input, select, textarea, summary, [tabindex]:not([tabindex="-1"]), [role="button"]):not(:is(.cy, .cy-layer) *):focus-visible {
	outline: 2px solid #006E9A !important;
	outline-offset: 2px;
	box-shadow: 0 0 0 4px #fff;
}
/* En fondo oscuro (barra superior, cabecera oscura, barra inferior de celular, pie): celeste noche sobre negro */
body:not(.cg) :is(#page-top-bar, #page-header, #page-mobile-tabs, .page-footer, .elementor-location-footer) :is(a, button, input, select, [tabindex]:not([tabindex="-1"]), [role="button"]):focus-visible {
	outline-color: #3CC4F2 !important;
	box-shadow: 0 0 0 4px #07090A;
}

/* 2. Precio con tarjeta legible. #32BDE8 daba 2,19:1 sobre blanco; celeste tinta da 5,2:1. */
body:not(.cg) .precios-producto .precio-tarjeta-valor {
	color: #006E9A !important;
}

/* 3. Portada (escritorio y celular): títulos de sección y «Ver Todo» en celeste tinta. #00A7E1 daba 2,76:1.
      El color del título lo fija cada widget de Elementor con más especificidad: por eso el !important. */
body.home .tm-modern-heading .heading-primary {
	color: #006E9A !important;
}
body.home a.tm-button.style-bottom-line,
body.home a.tm-button.style-bottom-line .button-content-wrapper {
	color: #006E9A;
}
body.home a.tm-button.style-bottom-line::before,
body.home a.tm-button.style-bottom-line::after {
	background-color: #006E9A;
}

/* 4. Portada de celular: «Añadir» celeste con texto oscuro (blanco sobre #00A7E1 da 2,76:1; tinta da 7,6:1)
      y botones táctiles de al menos 44 px. */
/*    cg-portada-movil fija `.cg-portada-movil .minimog-product .product-action .button {color:#fff !important; min-height:36px}`
      (0,4,0): estas reglas llevan body y la misma cadena para ganarle (0,4,1). */
body.cg-portada-movil .minimog-product .product-action .button,
body.cg-portada-movil .minimog-product .product-action .button * {
	color: #07090A !important;
}
body.cg-portada-movil .minimog-product .product-action .button {
	min-height: 44px !important;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
body.cg-portada-movil a.tm-button.style-bottom-line {
	min-height: 44px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}