/* =================================
   ESTILOS PARA LA PÁGINA DE LOGIN
   ================================= */
body.login-page {
    /* Usamos un degradado sutil con los colores institucionales */
    background: linear-gradient(135deg, #6a2c4d 0%, #541c3a 100%);
    background-size: cover;
}

.login-container {
    /* Esto es lo que centra el formulario en la pantalla */
    min-height: 100vh; /* Ocupa al menos el 100% de la altura de la pantalla */
    display: flex;
    align-items: center; /* Centra verticalmente */
    justify-content: center; /* Centra horizontalmente */
    padding: 1rem;
}