/**
 * T6 · Foco visible en los contenedores de tabla con scroll horizontal.
 * WCAG 2.4.7 (foco visible) + apoyo a 2.1.1 (operable por teclado).
 *
 * El JS accesibilidad-tablas-scroll.js hace focalizables estos contenedores
 * (tabindex="0"). Sin un indicador de foco, el usuario no percibe cuándo el
 * contenedor está enfocado —único momento en que las flechas ←→ lo desplazan—.
 * Este recuadro solo aparece al navegar con teclado (:focus-visible), no con ratón.
 */
[class*="scroll-x"]:focus-visible {
	outline: 3px solid #4a5a66;
	outline-offset: 2px;
}

/**
 * T12 · Envoltorio de scroll para las tablas anchas que no tenían ninguno.
 *
 * Lo crea accesibilidad-tablas-scroll.js. La reauditoría del 15/07/2026 detectó
 * 14 tablas (hasta 821px de ancho) que en móvil se cortaban SIN scroll: las
 * columnas sobrantes eran inalcanzables. Con este contenedor el usuario puede
 * desplazarse (ratón, dedo o teclado vía T6) y el contenido deja de perderse.
 *
 * El nombre de la clase contiene "scroll-x" a propósito: así hereda el foco
 * visible de la regla de arriba y el manejo de teclado de T6, que actúa sobre
 * [class*="scroll-x"].
 *
 * No cambia el aspecto: el contenedor no pinta nada, solo acota y permite
 * desplazar. En escritorio, donde las tablas caben, el JS no lo añade.
 */
.ism-a11y-scroll-x {
	overflow-x: auto;
	max-width: 100%;
	/* Inercia en iOS. */
	-webkit-overflow-scrolling: touch;
}