/* Identidade UVV: paleta e assinaturas oficiais fornecidas pela Universidade. */
:root {
    --uvv-blue: #282a6b;
    --uvv-blue-secondary: #2e3a89;
    --uvv-gold: #e7b036;
}

.uvv-institution {
    color: var(--uvv-blue);
}

.uvv-mobile-logo {
    width: 150px;
    height: auto;
    max-height: 50px;
    object-fit: contain;
}

.kt-login.kt-login--v4 {
    width: 100%;
    min-width: 0;
}

.uvv-login-background {
    min-width: 0;
    background: #191129 url('assets/media/bg/bg-2.jpg') center center / cover no-repeat;
}

.kt-login.kt-login--v4 .kt-login__wrapper .kt-login__container {
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

.uvv-login-logo {
    display: block;
    width: 100%;
    max-width: 200px;
    height: auto;
    margin: 0 auto;
}

.uvv-login-institution {
    color: #b9b9ce;
    margin: 2rem 0 0;
    text-align: center;
    font-size: 0.9rem;
}

.kt-login.kt-login--v4 .kt-login__wrapper .kt-login__container .kt-login__head .kt-login__title {
    color: #e5e5ef;
}

.kt-login.kt-login--v4 .kt-login__wrapper .kt-login__container .kt-form .kt-login__extra,
.kt-login.kt-login--v4 .kt-checkbox {
    color: #b9b9ce;
}

.kt-login.kt-login--v4 .kt-login__wrapper .kt-login__container .kt-form .form-control {
    border: none;
    background-color: #e8f0fe;
    color: var(--uvv-blue);
}

.btn-brand,
.btn-primary {
    color: #fff;
    background-color: var(--uvv-blue);
    border-color: var(--uvv-blue);
}

.btn-brand:hover,
.btn-brand:focus,
.btn-brand:not(:disabled):not(.disabled):active,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: var(--uvv-blue-secondary);
    border-color: var(--uvv-blue-secondary);
}

.btn-brand.disabled,
.btn-brand:disabled,
.btn-primary.disabled,
.btn-primary:disabled {
    background-color: var(--uvv-blue);
    border-color: var(--uvv-blue);
}

.kt-link,
.kt-link:hover,
.kt-font-brand,
.kt-font-primary,
.btn-label-brand {
    color: var(--uvv-blue) !important;
}

.kt-bg-brand,
.kt-badge.kt-badge--brand,
.progress-bar {
    background-color: var(--uvv-blue) !important;
}

.kt-svg-icon.kt-svg-icon--brand g [fill] {
    fill: var(--uvv-blue);
}

.form-control:focus {
    border-color: var(--uvv-blue);
}

.btn:focus,
a:focus-visible,
.form-control:focus {
    outline: 2px solid var(--uvv-gold);
    outline-offset: 2px;
}

.lds-flickr div:nth-child(1),
.lds-flickr div:nth-child(3) {
    background: var(--uvv-blue);
}

.lds-flickr div:nth-child(2) {
    background: var(--uvv-gold);
}

@media (max-width: 480px) {
    .kt-login.kt-login--v4 .kt-login__wrapper {
        padding: 5rem 8px 1rem;
    }

}

@media (max-width: 360px) {
    .kt-login.kt-login--v4 .kt-login__wrapper {
        min-width: 0;
    }
}