/* Login Challenger — solo lo que Bootstrap 5 no cubre: fondo full-bleed + vidrio */

.login-page-bg {
    margin: 0;
    min-height: 100vh;
    min-height: 100dvh;
    font-family: "Inter", system-ui, -apple-system, sans-serif;
    background-color: #050d1f;
    background-image: url("../../images/background-login-challenger-clean.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.login-glass-card {
    --bs-card-bg: transparent;
    background: rgba(10, 24, 52, 0.48) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.1),
        inset 0 14px 28px -14px rgba(140, 210, 255, 0.35),
        0 20px 50px rgba(0, 0, 0, 0.4) !important;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}

.login-brand-row {
    row-gap: 0.75rem;
}

.login-brand-img {
    width: auto;
    object-fit: contain;
    flex: 0 1 auto;
}

/* Mismos activos que en V2 (public/images/Challenger-DashBoard_Logo_*.png) */
.login-brand-img--challenger {
    height: clamp(31px, 8.8vw, 44px);
    max-width: min(242px, 57vw);
}

.login-brand-img--acomedios {
    height: clamp(29px, 7.7vw, 40px);
    max-width: min(220px, 53vw);
}

/* Botón: ligero lift en hover (complemento a Bootstrap) */
.login-glass-card .btn-light:hover {
    transform: translateY(-1px);
    box-shadow: 0 0.5rem 1.25rem rgba(255, 255, 255, 0.2) !important;
}

.login-glass-card .btn-light:active {
    transform: translateY(0);
}

.py-xl-5 {
    padding-top: 9rem !important;
    padding-bottom: 3rem !important;
}

@media (max-width: 767.98px) {
    .login-page-bg .row {
        justify-content: center !important;
    }
}