/* ===================================================================== accesibilidad.css — el módulo global de accesibilidad Dos cosas viven aquí: 1. El widget: un botón flotante abajo a la IZQUIERDA y su panel. La izquierda no es capricho — el botón de WhatsApp ocupa la esquina inferior derecha, y dos discos flotantes en la misma esquina se tapan el uno al otro en un móvil de 360 px. Acuerdo entre los dos módulos: derecha para WhatsApp, izquierda para accesibilidad. 2. Los modos: alto contraste, corrección de color, escalado de texto, tipografía de fácil lectura y pausa del movimiento. Todos se encienden con un atributo en que pone accesibilidad.js. Nada de clases sueltas: un atributo por eje, así se leen de un vistazo en el inspector y se combinan sin pisarse. data-a11y-contraste="alto" data-a11y-color="monocromo|protanopia|deuteranopia|tritanopia" data-a11y-lectura="facil" data-a11y-movimiento="pausado" Los dos ejes que NO viven aquí son el tamaño del texto —es font-size sobre :root, y lo pone el JS con element.style— y el filtro de color en sí. Sobre esto último, una advertencia que costó encontrar: `filter: url(#id)` escrito en una hoja EXTERNA no resuelve igual en todos los navegadores, porque el fragmento se puede interpretar contra la URL de la hoja en vez de contra la del documento. Por eso el valor del filtro lo pone accesibilidad.js en raiz.style.filter, que siempre resuelve contra el documento. Aquí solo queda el estado. Todo respeta la CSP cerrada del sitio: ni un style=, ni un