/* /Pages/Login.razor.rz.scp.css */
.login-banner-panel[b-8i5r884r4l] {
    background: linear-gradient(145deg, #007f8f 0%, #0b1432 52%, #1a2744 100%);
    align-items: center;
    justify-content: center;
}

.login-banner-logo[b-8i5r884r4l] {
    width: min(320px, 85%);
    height: auto;
    display: block;
    margin-inline: auto;
}

.login-banner-tagline[b-8i5r884r4l] {
    font-size: 0.95rem;
    letter-spacing: 0.06em;
    opacity: 0.85;
    max-width: 18rem;
    margin-inline: auto;
}

.logo-prp[b-8i5r884r4l] {
    width: min(120px, 28vw);
    height: auto;
    display: block;
}

.brand-title[b-8i5r884r4l] {
    font-size: 2.25rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1;
}

.letter-spaced[b-8i5r884r4l] {
    letter-spacing: 0.15em;
    text-transform: uppercase;
    font-size: 0.7rem;
}

.text-verde:hover[b-8i5r884r4l] {
    color: #007f8f;
}

.background_prp_b:hover[b-8i5r884r4l] {
    background-color: #9ebd1b !important;
}

.login-panel form[b-8i5r884r4l] {
    width: min(100%, 330px);
}

.login-panel .form-control[b-8i5r884r4l] {
    border-color: rgba(255, 255, 255, 0.35);
    color: #fff;
}

.login-panel .form-control:focus[b-8i5r884r4l] {
    border-color: #9ebd1b;
    box-shadow: 0 0 0 0.2rem rgba(158, 189, 27, 0.25);
    color: #fff;
    background-color: transparent;
}

.login-panel .form-check-input[b-8i5r884r4l] {
    border-color: rgba(255, 255, 255, 0.45);
}

.login-panel .form-check-input:checked[b-8i5r884r4l] {
    background-color: #9ebd1b;
    border-color: #9ebd1b;
}

@media (max-width: 767.98px) {
    .login-panel[b-8i5r884r4l] {
        background-image: linear-gradient(rgba(11, 20, 50, 0.88), rgba(11, 20, 50, 0.92)),
            linear-gradient(145deg, #007f8f 0%, #0b1432 100%);
        background-size: cover;
    }
}