.container-navbar-lateral {
    width: 226px;
    min-height: 100vh;
    background-color: var(--cor-p6);
    position: fixed;
    z-index: 999;
    transition: all .3s;
}

.container-botao-menu {
    position: relative;
    top: 0px;
    top: 67px;
    left: -20px;
    z-index: 999;
}

.botao-menu {
    background-color: var(--cor-p4);
    position: fixed;
    padding: 5px;
    top: 67px;
    font-size: 2rem;
    color: var(--cor-4);
    cursor: pointer;
    border-radius: 0.5rem;
    transition: all .2s;
    overflow: visible;
    z-index: 9999;
    display: flex;
    width: 35px;
    height: 35px;
}

.botao-menu span {
    transition: all .2s;
    top: 0px;
}

.botao-menu:hover {
    color: var(--cor-s2);
}

.container-navbar-lateral.menu-min {
    width: 70px;
    /* overflow: hidden; */
    transition: all .3s;
}

    .container-navbar-lateral.menu-oculto {
        display: none;
    }

.container-navbar-lateral.menu-min.menu-oculto + .container-botao-menu {
    left: 5px;
}


.logo {
    display: flex;
    align-items: center;
    width: 100%;
    height: 60px;
    box-sizing: border-box;
    padding: 5px 0px 0px 5px;
}

.logo img {
    max-width: 180px;
    height: 48px;
}

.navbar-itens {
    display: flex;
    flex-direction: column;
    /* gap: 5px; */
    margin-top: 50px !important;
}

.navbar-itens li {
    height: 65px;
    align-items: center;
}

.navbar-itens li a {
    display: flex;
    height: 100%;
    align-items: center;
    align-content: center;
    padding: 0px 20px 0px 20px;
    gap: 20px;
    position: relative;
}

.navbar-itens p {
    display: block;
    overflow: hidden;
}

.container-navbar-lateral li:hover {
    background-color: var(--cor-p2);
    background-color: rgba(7, 54, 74, 20%);
    transition: all .2s;
}

.link-ativo {
    background-color: rgba(7, 54, 74, 20%);;
}

.link-ativo::before {
    content: '';
    position: absolute;
    width: 5px;
    height: 20px;
    background-color: var(--cor-s7);
    top: 20px;
    left: 0px;
    border-radius: 0px 4px 4px 0px;
}

.conteudo {
    background-color: var(--cor-1);
    width: 100%;
    grid-area: conteudo;
    position: relative;
    top: 100px;
}

.conteudo-user {
    top: 70px;
}


body {
    display: grid;
    grid-template-columns: 226px minmax(300px,auto);
    grid-template-rows: auto auto 1fr;
    grid-template-areas:
        'aside principal-header'
        'aside sub-header'
        'aside conteudo'
    ;
    background-color: var(--cor-1);
}

.min {
    grid-template-columns: 70px minmax(300px, auto);
}
    .min-pequeno {
        grid-template-columns: 0px minmax(300px, auto);
    }