/**
 * Caja de alerta para errores de inicio de sesión.
 * 
 * Define la apariencia visual de los mensajes de error personalizados 
 * (campos vacíos o credenciales inválidas) inyectados vía JavaScript.
 * Utiliza tonos rojos para denotar error, con bordes redondeados y 
 * espaciado adaptado al contenedor del formulario.
 */
.mi-error-login {
    background: #fdecea;
    color: #b3261e;
    border: 1px solid #f5c2be;
    border-radius: 6px;
    padding: 10px 12px;
    margin: 0 0 15px 0;
    font-size: 14px;
    box-sizing: border-box;
}