/* PROVISIONAL (D-25b) — until Nicolás designs the keyboard-focus states (ESTADOS-SIN-DISENAR: «foco de teclado»).
   Measured 11-oct (accesibilidad-vivo.mjs): Tab reaches every control, but some form fields showed NO focus indicator
   at all — WCAG 2.2 · 2.4.7 (AA). The mockup writes `outline:none` inline on its fields (hence !important), and only
   KEYBOARD navigation paints the ring (comun/foco-teclado.js marks <html> while the user tabs; a mouse click paints
   nothing new). Form fields only: buttons and links already change on focus.
   Where the mockup DID decide the focus (review 11-oct), the field itself is left alone:
     · the login page: its fields have their own designed focus halo;
     · the island's «Pregunte a Astrea…» field is deliberately bare (outline and shadow none !important) — but measured,
       tabbing into it changed NOTHING on screen, so the ring goes on the island around it instead. */
html[data-foco-teclado] body:not([data-dc-root="Login"]) :is(input, textarea, select):not([data-island] *):focus {
  outline: 2px solid #a0bddb !important;
  outline-offset: 2px !important;
}
html[data-foco-teclado] [data-island]:has(input:focus) {
  outline: 2px solid #a0bddb;
  outline-offset: 3px;
}