/* Pequeños ajustes y personalizaciones sobre Bootstrap */
.login-container {
    max-width: 400px;
    margin: 5rem auto;
}

.table-responsive {
    width: 100%;
    overflow-x: auto;
}

.form-check-label {
    cursor: pointer;
}

/* ==== ESTILOS PARA LA PÁGINA DE LOGIN ==== */

/* Fondo degradado y oscuro para la página de login */
body.login-page {
    background: #002A53; /* Color de tu marca como base */
    background: -webkit-linear-gradient(to right, #004e92, #000428); /* Un degradado sutil */
    background: linear-gradient(to right, #004e92, #000428); /* Degradado estándar */
}

/* Ajustes al contenedor del formulario */
.login-container {
    max-width: 420px;
    margin: 4rem auto;
}

/* Tarjeta de login con fondo semitransparente */
.login-card {
    background-color: rgba(255, 255, 255, 0.95);
    border: none;
    border-radius: 15px; /* Bordes más redondeados */
}

/* Estilo para el logo */
.login-logo {
    max-width: 250px; /* Ajusta el tamaño del logo si es necesario */
    height: auto;
    margin-bottom: 1.5rem;
}