.duaMenu-link,
.duaMenu-sub {
    cursor: pointer;
    display: block;
}
.duaMenu-niv1 .duaMenu-elem:hover > .duaMenu-niv {
    display: block!important;
}
@media (min-width: 768px) {
    .duaMenu-root > .duaMenu-link {
        display: none;
    }
    .duaMenu-niv1 > nav {
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
    }
    .duaMenu-niv1 .duaMenu-elem {
        position: relative;
    }
    .duaMenu-niv2,
    .duaMenu-niv3 {
        white-space: nowrap;
        position: absolute;
        z-index: 10;
        display: none;
    }
    .duaMenu-niv2 {
        min-width: 100%;
        top: 100%;
        left: 0;
    }
    .duaMenu-niv3 {
        top: 0;
        left: 100%;
    }
}
@media (max-width: 767px) { /* OJO, si se modifica esta medida hay que actualizarla también en la función inicializarMainMenu() del principalFront.js */
    body.duaMenu-on {
        overflow: hidden;
    }
    body.duaMenu-on .duaMenu-niv1 {
        display: block!important;
    }
    .duaMenu-root > .duaMenu-link {
        position: relative;
        z-index: 100;
    }
    .duaMenu-niv1 {
        width: 100%;
        position: fixed;
        z-index: 10;
        top: 0;
        bottom: 0;
        left: 0;
        display: none;
        overflow-y: scroll;
    }
}