/* Login */
@media screen and (max-width: 767px){
    .loginPrincipal{
        background-size: cover;
        background-position: center right;
        padding: 0;
    }
    .loginPrincipal .col-6{
        flex: 0 0 100%;
        max-width: 100%;
    }

    .formularioLogin{
        padding: 15px 10px;
    }
}


/* Dashboard */
@media screen and (max-width: 767px) {
    .sidebar {
        max-width: 18rem;
        transform: translateX(-100%);
        transition: transform 0.4s ease-out;
    }
    .sidebar.active {
        transform: translateX(0);
    }
}