/* ====================================================== ver dónde estás
   El tema y sus plugins quitan el indicador de foco con nueve reglas
   distintas. Resultado: quien navega con el teclado —porque no puede usar el
   ratón, o porque va rápido— no sabe en qué enlace está. Es el punto 2.4.7 de
   las WCAG y desde junio de 2025 es exigible por ley en España.

   Se usa :focus-visible, no :focus. La diferencia importa: el navegador sólo
   lo aplica cuando la persona llega con el teclado, nunca al hacer clic. Así
   que para quien usa el ratón la web se ve exactamente igual que antes.

   El anillo va en dos colores a propósito: oscuro pegado al elemento y un halo
   claro alrededor. Uno de los dos contrasta siempre, esté el elemento sobre el
   fondo blanco de la web o sobre el negro del aula. Con un solo color habría
   sitios donde no se vería, que es como no ponerlo.
   ------------------------------------------------------------------------ */
:where(a, button, input, select, textarea, summary, [tabindex], [role="button"], [role="link"]):focus-visible{
 outline: 3px solid #14151A !important;
 outline-offset: 2px !important;
 box-shadow: 0 0 0 6px rgba(255,255,255,.92) !important;
 border-radius: 2px;
}

/* En el aula y en cualquier zona oscura, al revés: claro pegado y halo oscuro. */
.dva-escena :where(a, button, input, [tabindex]):focus-visible,
.dvv :where(a, button, input, [tabindex]):focus-visible,
.dvc-portada :where(a, button, [tabindex]):focus-visible,
.dvc-fija :where(a, button, [tabindex]):focus-visible{
 outline: 3px solid #FFFFFF !important;
 box-shadow: 0 0 0 6px rgba(10,11,15,.85) !important;
}

/* Quien usa el ratón no ve nada de esto: se le quita el resto de adornos que
   algunos temas dejan al hacer clic. */
:where(a, button):focus:not(:focus-visible){ outline: none !important }