/* Estilos propios del sistema CAMJ.
   Bootstrap hace el grueso del trabajo; acá solo agregamos algunos
   detalles de marca y de accesibilidad. */

html { font-size: 16px; }

/* Hacemos que el pie de página quede siempre abajo. */
body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}
main { flex: 1 0 auto; }

/* Color institucional (azul sobrio) para la barra superior. */
.bg-camj { background-color: #1f3a5f !important; }

/* Mejora el "foco" visible al navegar con el teclado (accesibilidad).
   Un borde amarillo claro y notorio sobre el elemento enfocado. */
a:focus-visible,
button:focus-visible,
input:focus-visible,
.form-control:focus-visible {
    outline: 3px solid #ffbf47;
    outline-offset: 2px;
}