.logo {
    width: 300px;
}

#locales {
    position: relative;
    width: 25%;
}

.cursor-pointer {
    cursor: pointer;
}

.z-index-over {
    z-index: 10;
}

.z-index-under {
    z-index: -10;
}

.nav-link[data-mdb-toggle="pill"] {
    color: var(--mdb-dark);
}

.nav-link[data-mdb-toggle="pill"].active {
    background-color: var(--mdb-primary);
    color: var(--mdb-white);
}


@media (min-width: 992px) {

    #locales {
        position: absolute;
        width: 100%;
    }

    .cascading-lg-right {
        margin-right: -50px;
    }

    .rotate-lg-6 {
        transform: rotate(6deg);
    }
}