/* PANTALLA DE LOGIN - ESTILO CORPORATIVO LOGÍSTICO */

body {
    margin: 0;
    padding: 0;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    /* Degradado lineal moderno con los colores de marca */
    background: linear-gradient(135deg, #0D3B58 0%, #1A85AF 100%);
    background-attachment: fixed;
    font-family: "Open Sans", sans-serif;
}

/* Sugerencia adicional para la tarjeta de login si usas una clase .card o similar */
.login-card {
    background: #FFFFFF;
    border-radius: 8px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
    padding: 2rem;
    border-top: 5px solid #1A85AF; /* Detalle de color logístico en el borde superior */
}

/* Estilo para el botón de "Iniciar Sesión" */
.btn-primary-login {
    background-color: #1A85AF !important;
    border-color: #1A85AF !important;
    font-weight: 600;
    transition: all 0.3s ease;
}

.btn-primary-login:hover {
    background-color: #0D3B58 !important; /* Oscurece al pasar el mouse */
    transform: translateY(-1px);
}