/* Paleta violeta exclusiva de la pantalla de ingreso. */
html body.login-body.login-v110 {
    background-color: #f7f5fa !important;
    background-image: none !important;
    color: #26304b !important;
}

body.login-v110 .login-shell {
    grid-template-columns: minmax(420px, 55%) minmax(400px, 45%) !important;
    width: min(1480px, calc(100vw - 32px)) !important;
    height: min(820px, calc(100svh - 32px)) !important;
    border-color: #e7def1 !important;
    background: #ffffff !important;
    box-shadow: 0 24px 68px rgba(42, 24, 73, 0.13) !important;
}

body.login-v110 .login-showcase {
    background: radial-gradient(circle at 95% 3%, #8243d5 0, transparent 34%),
        radial-gradient(circle at 1% 100%, #6d3aca 0, transparent 35%),
        linear-gradient(145deg, #28163f 0%, #321958 52%, #250f43 100%) !important;
}

body.login-v110 .login-showcase::before {
    inset: auto auto -28% -28% !important;
    width: 78% !important;
    height: 57% !important;
    border: 1px solid rgba(188, 136, 255, 0.57) !important;
    border-radius: 50% !important;
    background: rgba(151, 86, 244, 0.16) !important;
    transform: rotate(23deg) !important;
}

body.login-v110 .login-showcase::after {
    top: -28% !important;
    right: -23% !important;
    width: 68% !important;
    height: 72% !important;
    border: 1px solid rgba(188, 136, 255, 0.55) !important;
    background: rgba(151, 86, 244, 0.1) !important;
}

html body.login-body.login-v110 .login-reference-mark.rh-login-mark {
    width: min(340px, 100%) !important;
    margin-bottom: 24px !important;
    padding: 12px 16px !important;
    border-radius: 18px !important;
    background: rgba(255, 255, 255, 0.96) !important;
    box-shadow: 0 16px 36px rgba(19, 7, 38, 0.21) !important;
}

body.login-v110 .login-reference-brand strong {
    margin-top: 0 !important;
    color: #ffffff !important;
    font-size: clamp(22px, 2.2vw, 29px) !important;
    font-weight: 700 !important;
}

body.login-v110 .login-reference-brand p {
    max-width: 580px !important;
    margin-top: 15px !important;
    color: #e4d9f2 !important;
    font-size: 15px !important;
}

body.login-v110 .login-showcase footer {
    position: relative !important;
    left: auto !important;
    bottom: auto !important;
    transform: none !important;
    margin-top: 56px !important;
    padding-top: 25px !important;
    border-top: 1px solid rgba(186, 132, 250, 0.4) !important;
    color: #eee6f7 !important;
    font-size: 13px !important;
    letter-spacing: 0 !important;
}

body.login-v110 .login-showcase footer i {
    margin-right: 8px !important;
    color: #bf8dff !important;
    font-size: 18px !important;
}

body.login-v110 .login-panel {
    background: #f7f5fa !important;
}

body.login-v110 .login-card {
    width: min(520px, 100%) !important;
    max-width: 520px !important;
    padding: clamp(30px, 3vw, 44px) !important;
    border-color: #e9e1f1 !important;
    border-radius: 24px !important;
    box-shadow: 0 22px 58px rgba(46, 28, 76, 0.11) !important;
}

body.login-v110 .login-card h2 {
    color: #1d2944 !important;
    font-size: clamp(33px, 3vw, 41px) !important;
    font-weight: 750 !important;
}

body.login-v110 .login-card > p {
    color: #65718a !important;
    font-size: 15px !important;
}

body.login-v110 .login-access-icon {
    background: #f1eafd !important;
    color: #6b37c6 !important;
}

body.login-v110 .login-card .kicker {
    color: #6934c8 !important;
    font-weight: 700 !important;
}

body.login-v110 .login-field > span {
    color: #3d4c67 !important;
    font-size: 13px !important;
    font-weight: 650 !important;
}

body.login-v110 .input-shell input {
    border-color: #d8d5e5 !important;
    background: #fcfbfe !important;
    color: #26304b !important;
}

body.login-v110 .input-shell input:focus {
    border-color: #8051d4 !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 4px #eee5fc !important;
}

body.login-v110 .input-shell > i,
body.login-v110 .password-toggle {
    color: #776a92 !important;
}

body.login-v110 .password-toggle:hover,
body.login-v110 .password-toggle:focus-visible {
    background: #f0e9fb !important;
    color: #6736bf !important;
}

body.login-v110 label.login-remember {
    color: #58647d !important;
    font-size: 13px !important;
}

body.login-v110 label.login-remember input {
    accent-color: #7541d0 !important;
}

body.login-v110 .login-submit {
    background: linear-gradient(135deg, #864bea, #6634c5) !important;
    box-shadow: 0 12px 25px rgba(101, 51, 195, 0.2) !important;
    font-size: 16px !important;
    font-weight: 700 !important;
}

body.login-v110 .login-submit:hover,
body.login-v110 .login-submit:focus-visible {
    background: linear-gradient(135deg, #7940de, #5528ae) !important;
    box-shadow: 0 16px 30px rgba(101, 51, 195, 0.26) !important;
}

body.login-v110 .login-request-link {
    color: #63708a !important;
    font-size: 13px !important;
}

body.login-v110 .login-request-link a {
    color: #6230bf !important;
    font-weight: 700 !important;
}

body.login-v110 .login-security {
    color: #748099 !important;
}

@media (max-height: 780px) and (min-width: 901px) {
    body.login-v110 .login-showcase footer {
        margin-top: 30px !important;
        padding-top: 18px !important;
    }
}

@media (max-width: 900px) {
    html body.login-body.login-v110 {
        background: #f7f5fa !important;
    }

    body.login-v110 .login-shell {
        display: block !important;
        width: 100% !important;
        height: 100svh !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }

    body.login-v110 .login-panel {
        min-height: 100svh !important;
        padding: 20px !important;
    }

    body.login-v110 .login-card {
        padding: 30px 24px !important;
    }
}