/* ==========================================================================
   a11y.css — Accesibilidad Xin'ai Escuela de Chino Online (subsanación Kit Digital, 09/2026)
   Se carga después de css/template.min.css desde templates/home_1.php y templates/page_7.php
   ========================================================================== */

/* Texto solo para lectores de pantalla */
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Foco visible en todo el sitio (Themler lo anula con outline-width:0). Doble color: visible sobre rojo, dorado y blanco */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid #ffffff!important;outline-offset:2px;box-shadow:0 0 0 6px #000000!important}
#w357_cpnb_outer a:focus-visible,#w357_cpnb_outer [tabindex]:focus-visible{outline:3px solid #ffffff!important;box-shadow:0 0 0 6px #000000!important}

/* Destino del enlace de salto */
#contenido{scroll-margin-top:70px}
#contenido:focus{outline:none}

/* Enlace "Saltar al contenido principal" (visible solo al recibir el foco) */
.skip-link{position:absolute;left:-999px;top:8px;z-index:100000;background:#000000;color:#ffffff;padding:10px 16px;border-radius:4px;font-size:16px;text-decoration:none}
.skip-link:focus{left:8px;outline:3px solid #ffffff;outline-offset:2px}
a.skip-link:focus,a.skip-link:hover{color:#ffffff!important;background:#000000!important}

/* Estados al pasar el puntero y al recibir el foco de los demás enlaces sobre el fondo rojo del sitio (la plantilla los ponía en #8a0917, el mismo color del fondo) */
#contenido a:hover,#contenido a:focus,.bd-content-7 a:hover,.bd-content-7 a:focus,a.bd-backtotop-1:hover,a.bd-backtotop-1:focus,.bd-footerarea-1 a:hover,.bd-footerarea-1 a:focus{color:#ffffff!important;text-decoration:underline}
#contenido table a:hover,#contenido table a:focus,.bd-content-7 table a:hover,.bd-content-7 table a:focus{color:#5c0910!important}
a.float:hover i,a.float:focus i,a.float:hover,a.float:focus{color:#ffffff!important}

/* Menú principal (estrellas): estados al pasar el puntero y al recibir el foco con contraste sobre el fondo rojo */
.caja a{color:#eac162;text-decoration:none}
.caja a:hover,.caja a:focus{color:#ffffff;text-decoration:underline}

/* Botón fijo "Volver al inicio": 44 px de alto y estados con contraste (negro/blanco 21:1; rojo oscuro/blanco 12,6:1) */
a.boton{display:inline-block;min-height:44px;line-height:24px;padding:10px 15px;box-sizing:border-box;background-color:#000000!important;color:#ffffff!important;text-decoration:none;font-weight:bold}
a.boton:hover,a.boton:focus{background-color:#5c0910!important;color:#ffffff!important;text-decoration:underline}

/* Selector de idioma GTranslate: cada bandera con un área de 44×44 px */
#gt-wrapper-93 a.glink{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0 2px;vertical-align:middle}
#gt-wrapper-93 a.glink img{margin:0}

/* Enlaces legales y de autoría del pie: altura mínima de 24 px */
.menu-legal a,.pie-autor a{display:inline-block;padding:8px 6px;line-height:20px;text-decoration:underline}
.menu-legal a:hover,.menu-legal a:focus,.pie-autor a:hover,.pie-autor a:focus{color:#ffffff!important}

/* Aviso de cookies (Web357): texto de 14 px y botones con altura suficiente (colores definidos en el plugin) */
#w357_cpnb_outer .cpnb-message,#w357_cpnb_outer .cpnb-button{font-size:14px!important;line-height:1.4}
#w357_cpnb_outer .cpnb-button{min-height:32px;padding:6px 12px!important}

/* Enlace flotante de WhatsApp (80×80): fondo #128c7e para que el icono blanco supere 3:1 (contraste no textual); estado al pasar el puntero o recibir el foco #075e54 */
a.float{background-color:#128c7e!important}
a.float:hover,a.float:focus{background-color:#075e54!important}

/* Título de artículo impreso por la plantilla como h1 (mismo aspecto que tenía el h2) */
h1.bd-postheader-7{font-weight:inherit}

/* Preferencia de movimiento reducido */
@media (prefers-reduced-motion:reduce){*{animation-duration:0.01ms!important;transition-duration:0.01ms!important;scroll-behavior:auto!important}}