.login-page {
    width: 100%;
    height: 100%;
}

.btn-login {
    color: #fff;
    background-color: #1e3859; /* Color base */
    border-color: #1e3859; /* Color base */
}

    .btn-login:hover {
        color: #fff;
        background-color: #182e4b; /* Un tono más oscuro para el efecto hover */
        border-color: #162845; /* Un tono más oscuro para el borde en hover */
    }

    .btn-login:focus, .btn-login.focus {
        box-shadow: 0 0 0 0.2rem rgba(30, 56, 89, 0.5); /* Ajustado para coincidir con el color base */
    }

    .btn-login.disabled, .btn-login:disabled {
        color: #fff;
        background-color: #1e3859; /* Mismo color base */
        border-color: #1e3859; /* Mismo color base */
    }

    .btn-login:not(:disabled):not(.disabled):active, .btn-login:not(:disabled):not(.disabled).active,
    .show > .btn-login.dropdown-toggle {
        color: #fff;
        background-color: #162845; /* Un tono más oscuro para el efecto activo */
        border-color: #14233f; /* Un tono más oscuro para el borde en activo */
    }

        .btn-login:not(:disabled):not(.disabled):active:focus, .btn-login:not(:disabled):not(.disabled).active:focus,
        .show > .btn-login.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(30, 56, 89, 0.5); /* Ajustado para coincidir con el nuevo color base */
        }

.bg-light {
    background-color: #e4e5e6 !important;
}

b, strong {
    font-weight: bolder;
    font-size: 12.99px !important;
}