/* ============================================================
   accessibility.css · WCAG 2.1 AA pragmatico + criterio tactil
   ------------------------------------------------------------
   Theme Engine (NEP Academy Core). Extraido de eco-learning-platform
   v1.1 web/css/accessibility.css (Brick 03, paso 5) y migrado a ranuras
   semanticas de tokens.css: no usa ningun nombre tematico.
   ============================================================ */

/* Foco visible en todo elemento interactivo */
:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px;border-radius:6px}

/* Skip link */
.skip-link{
  position:absolute;left:-999px;top:0;z-index:100;
  background:var(--color-primary-deep);color:var(--color-white);
  padding:.8rem 1.2rem;border-radius:0 0 12px 0;font-weight:800;text-decoration:none;
}
.skip-link:focus{left:0}

/* Objetivo táctil: acciones primarias del aula ≥ 64px */
.boton-grande,.btn{min-height:var(--tap-min)}

/* Movimiento reducido */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none !important;transition:none !important}
  html{scroll-behavior:auto}
}

/* Texto oculto accesible */
.visually-hidden{
  position:absolute;width:1px;height:1px;margin:-1px;padding:0;
  overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;
}