:root{
    --ite-primary:#7A1E3A;
    --ite-primary-dark:#D4AF37;
}

html,
body{
    height:100%;
    margin:0;
    font-family:
        "Segoe UI",
        Tahoma,
        Geneva,
        Verdana,
        sans-serif;
}

/* PANEL IZQUIERDO */

.ite-banner{
    background:#7A1E3A;
    color:white;
    align-items:center;
    justify-content:center;
}

.banner-content{
    max-width:550px;
    padding:50px;
}

.ite-logo{
    font-size:5rem;
}

.system-title{
    font-size:3rem;
    font-weight:700;
}

.system-subtitle{
    font-size:2rem;
    font-weight:300;
}

.system-slogan{
    margin-top:20px;
    font-size:1.2rem;
    opacity:.9;
}

.banner-divider{
    margin:30px 0;
}

.banner-features div{
    margin-bottom:15px;
    font-size:1.1rem;
}

/* LOGIN */

.login-side{
    display:flex;
    align-items:center;
    justify-content:center;
    background:#f8f9fa;
}

.login-container{
    width:100%;
    max-width:500px;
    padding:20px;
}

.login-card{
    border:none;
    border-radius:20px;
    box-shadow:
        0 10px 25px rgba(0,0,0,.08);
}

.btn-login{
    background:#7A1E3A;
    border-color:#7A1E3A;
    color:white;
    height:50px;
    font-weight:600;
}

.btn-login:hover{
    background:#D4AF37;
    border-color:#D4AF37;
    color:white;
}

.form-control{
    min-height:48px;
}

.input-group-text{
    width:50px;
    justify-content:center;
}

.forgot-link{
    text-decoration:none;
    color:#7A1E3A;
}

.footer-login{
    text-align:center;
    margin-top:20px;
    color:#6c757d;
}

/* MÓVIL */

.mobile-header{
    text-align:center;
    margin-bottom:25px;
}

.mobile-header h2{
    color:#7A1E3A;
    font-weight:700;
}

.mobile-header p{
    color:#6c757d;
}

@media (max-width:991px){

    .login-side{
        background:white;
    }

    .login-card{
        border-radius:15px;
        box-shadow:none;
    }

}