/* MENU LATERAL */
.menu-lateral {
    position: fixed;
    top: 0;
    left: -280px;
    width: 280px;
    height: 100%;
    background-color: #343a40;
    color: white;
    transition: left 0.3s ease;
    z-index: 1001; /* acima do conteúdo, abaixo do overlay */
    overflow-y: auto;
}
    .menu-lateral.aberto {
        left: 0;
    }

/* OVERLAY – cobre apenas o conteúdo do site */
#siteOverlay {
    position: absolute; /* de fixed para absolute */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.55);
    display: none;
    z-index: 1000;
}

/* Ajuste para que overlay fique dentro de divConSite */
#divConSite {
    position: relative; /* necessário para o overlay absolute */
    min-height: 100vh;
    background: #f8f9fa;
    transition: margin-left 0.3s ease;
}


/* Adiciona espaço ao conteúdo quando o menu lateral estiver aberto */
body.menu-lateral-aberto #divConSite {
    margin-left: 280px; /* mesma largura do menu lateral */
}

.mnu_lat_esq_1 { margin-left: 0px !important; }
.mnu_lat_esq_2 { margin-left: 30px !important; }
.mnu_lat_esq_3 { margin-left: 60px !important; }
.mnu_lat_esq_4 { margin-left: 90px !important; }

/* Para telas pequenas, o menu lateral cobre o conteúdo */
@media (max-width: 768px) {
    .menu-lateral {
        width: 240px;
    }

    body.menu-lateral-aberto #divConSite {
        margin-left: 0;
    }
}