.hidden {
    display: none;
}

.invisible {
    visibility: hidden;
}

/*
 * Los mensajes de error de validación (id="error-{campo}") usan esta clase
 * junto a "msg-error" y se muestran/ocultan alternando "invisible" desde JS
 * (ver form-utils.js). "msg-error" por sí sola tiene display:none en
 * componentes.css, por lo que aquí se fuerza a "block" para que puedan
 * mostrarse en las vistas que usan este layout (igual que en login.css).
 */
.error-validacion {
    display: block;
}

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}