/*
 * Sin marco negro al tocar un link o boton (2026-10-27).
 * Bootstrap 3 le pone contorno a todo lo que recibe foco (a:focus, .btn:focus); en el celular y con el
 * mouse se quedaba un marco negro despues de tocar. Ahora no sale al tocar. Si alguien navega con el
 * teclado (Tab) se ve un anillo lavanda, para que siga siendo accesible.
 * Es lo mismo que trae assets/css/base.css al final; este archivo es para las paginas que no usan base.css.
 */
html{-webkit-tap-highlight-color:transparent}
a:focus,button:focus,.btn:focus,.btn:active:focus,.btn.active:focus,
[role="button"]:focus,input[type="button"]:focus,input[type="submit"]:focus{outline:none !important}
a:focus-visible,button:focus-visible,.btn:focus-visible,[role="button"]:focus-visible,
input[type="button"]:focus-visible,input[type="submit"]:focus-visible{outline:2px solid #6a6cc6 !important;outline-offset:2px}