.content-menu {
    position: fixed;
    height: 100%;
    color: var(--color-cinco);
    background: var(--color-uno);
    left: -16em;
    width: 16em;
    transition: .5s;
    top: 0;
}

.content-menu.active {
    position: fixed;
    height: 100%;
    color: var(--color-cinco);
    background: var(--color-uno);
    left: 0;
    transition: .5s;
    z-index: 9999;
}

.content-menu .content-logo {
    text-align: right;
    right: -2.5em;
    position: absolute;
    background: var(--color-uno);
    width: 22em;
}

.content-menu .content-exit {
    cursor: pointer;
    position: absolute;
    bottom: 1vh;
    padding-left: 1vw;
    width: 100%;
}

.content-menu .content-logo i {

    cursor: pointer;
    font-size: 1.4em;
    padding: 5px;
    padding-right: 0.5em;

}

.content-menu ul.modules-menu {
    color: var(--color-cinco);
    background: var(--color-uno);
    height: 100%;
    padding: 1vw;
    padding-top: 3em;
}

.content-menu ul.modules-menu li.item-module {
    color: var(--color-cinco);
    margin: 0;
    padding: 0;
    list-style: none;
    cursor: pointer;
    transition: .3s;
}

.content-menu ul.modules-menu li.item-module ul.sub-modules-menu {
    color: var(--color-cinco);
    margin: 0;
    padding: 0;
    padding-left: 10px;
    list-style: none;
}

.content-menu ul.modules-menu li.item-module ul.sub-modules-menu li.item-sub-module a {
    text-decoration: none;
    color: var(--color-cinco);
}

.content-menu ul.modules-menu li.item-module ul.sub-modules-menu li.item-sub-module {
    color: var(--color-cinco);
    margin: 0;
    padding: 0.5vh;
    list-style: none;
    cursor: pointer;
    transition: .3s;
}

.content-menu ul.modules-menu li.item-module ul.sub-modules-menu li.item-sub-module:hover {
    background: var(--color-cero-cinco);
    transition: .3s;
}

.content-block {
    display: none;
}

.content-block.active {
    display: block;
    position: fixed;
    background-color: #00000069;
    width: 100%;
    height: 100%;
    z-index: 999;
}