/* Reset and layout fixes to avoid unwanted vertical scroll */
html, body {
    height: 100%;
    margin: 0;
    background-color: #fff;
    box-sizing: border-box;
}
*, *:before, *:after { box-sizing: inherit; }

#auth{
    min-height:100vh;
    overflow-x:hidden;
}
#auth #auth-right{
    /* background image + gradient */
    background: url('/assets/images/area lateral.jpg'), linear-gradient(100deg,#2d499d,#3f5491);
    height: 100%;
    min-height:100vh;
    background-size: cover;
    background-position: center;
}
#auth #auth-left{
    /* reduced padding to avoid exceeding 100vh */
    padding:3.5rem 4rem;
    height: 100%;
}
#auth #auth-left .auth-title{
    font-size:2rem;    
    margin-bottom: 0;
}
#auth #auth-left .auth-subtitle{
    color:#a8aebb;
    font-size:1.2rem;
    line-height:2.5rem
}
#auth #auth-left .auth-logo{
    margin-bottom:4rem;
    text-align: center;
    position: relative;
}
#auth #auth-left .auth-logo img{
    height: 50px;
    width: 270px;
}
@media screen and (max-width:767px){
    #auth #auth-left{
        padding:5rem
    }
}
@media screen and (max-width:576px){
    #auth #auth-left{
        padding:5rem 3rem
    }
}
body.theme-dark #auth-right{
    background:linear-gradient(90deg,#2d499d,#3f5491)
}