.nav-container_12012025_2323 {
    position: fixed;
    top: calc(var(--top_panel_height) + 2px);
    bottom: calc(var(--bottom_panel_height) + 2px);
    left: -100%;
    background-color: rgb(45, 19, 74);
    color: rgb(255, 255, 255);
    transition: left 0.3s ease;
    overflow-y: auto;
    z-index: 40002;
    width: 250px;
    border-right: 2px solid #000000;
    box-shadow: 2px 0 18px 2px var(--amarelo_suave);
}

.nav-container_12012025_2323.active_12012025_2323 {
    left: 0;
    width: var(--deslocamento_padrao_do_menu_principal_para_a_direita);
}

.nav-container_12012025_2323.recuar-menu_12012025_2323 {
    transform: translateX(-100%);
    transition: transform 0.3s ease-in-out;
}


.overlay_12012025_2323 {
    display: none;
    position: fixed;
    top: var(--top_panel_height);
    bottom: var(--bottom_panel_height);
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 39999;
    transition: opacity 0.3s ease;
    opacity: 0;
}

.overlay_12012025_2323.active_12012025_2323 {
    display: block;
    opacity: 1;
}

.nav-header_12012025_2323 {
    padding: 15px;
    font-size: 32px;
    text-align: center;
    background-color: #6ccd63;
    color: #000000;
    /* border-top: 2px solid #000000; */
    /* border-bottom: 2px solid #000000; */
}

.menu-item_12012025_2323 {
    padding: 15px;
    display: flex;
    align-items: center;
    border-top: 2px solid #697781;
    cursor: pointer;
    color: white; /* Cor padrão dos links */
    text-decoration: none; /* Remove o sublinhado dos links */
    width: 100%; /* Ocupa 100% da largura */
    box-sizing: border-box; /* Garante que o padding não aumente a largura */
}

/* Garante que os links visitados mantenham a mesma cor */
.menu-item_12012025_2323:visited {
    color: white; /* Mantém a cor branca mesmo após o clique */
}

/* Efeito de hover */
.menu-item_12012025_2323:hover {
    background-color: #555;
    color: white; /* Mantém a cor branca no hover */
}

/* Remove o estilo padrão de links */
.menu-item_12012025_2323 a {
    color: white; /* Mantém a cor branca no hover */
    text-decoration: none; /* Remove o sublinhado */
    width: 100%; /* Ocupa 100% da largura */
    display: flex; /* Alinha o conteúdo */
    align-items: center; /* Centraliza verticalmente */
}

/* Garante que os links visitados dentro do menu-item não mudem de cor */
.menu-item_12012025_2323 a:visited {
    color: white; /* Mantém a cor branca no hover */
}

.toggle-btn_12012025_2323 {
    cursor: pointer;
    font-size: 28px;
    font-weight: bold;
    background-color: var(--amarelo_suave);
    border-radius: 5px;
    padding: 5px;
    position: fixed;
    top: 10px;
    left: 10px;
    z-index: 40001;
}

.toggle-btn_12012025_2323:hover {
    background-color: #6ccd63;
}

/* 
conteudo_dinamico {
    margin-left: 0;
    padding: 20px;
    transition: margin-left 0.3s ease;
} */

main.active_12012025_2323 {
    margin-left: var(--deslocamento_padrao_do_menu_principal_para_a_direita); /* Desloca o conteúdo quando o menu está aberto */

}


#conteudo_dinamico.active_12012025_2323 {
    margin-left: calc(var(--deslocamento_padrao_do_menu_principal_para_a_direita) + 25px);    
    /* border-radius: 0px; */
}
 
#conteudo_dinamico_encapsulado.active_12012025_2323 {
    /* margin-left: var(--deslocamento_padrao_do_menu_principal_para_a_direita);  */
    margin-left: calc(var(--deslocamento_padrao_do_menu_principal_para_a_direita) + 25px);
}

#conteudo_dinamico_iframe.active_12012025_2323 {
    /* margin-left: var(--deslocamento_padrao_do_menu_principal_para_a_direita);  */
    margin-left: calc(var(--deslocamento_padrao_do_menu_principal_para_a_direita) + 0px);
}

/* #conteudo_dinamico_12012025_2323 {
    margin-top: 20px;
} */

        /* Estilizando o botão do menu_principal_global */
        #menu_principal_global-btn {
            position: fixed;
            top: 15px;
            left: 15px;
            background: #333;
            color: white;
            border: none;
            padding: 10px 15px;
            cursor: pointer;
            z-index: 1000;
        }

        /* Estilizando o menu_principal_global lateral */
        #menu_principal_global {
            position: fixed;
            top: 0;
            left: -250px; /* Escondido inicialmente */
            width: 250px;
            height: 100vh;
            background: #222;
            color: white;
            padding-top: 60px;
            transition: left 0.3s ease-in-out;
        }

        #menu_principal_global.active_12012025_2323 {
            left: 0;
        }

        /* Ajustando o main para mover junto */
/*         main {
            margin-left: 0;
            transition: margin-left 0.3s ease-in-out;
            padding: 20px;
        } */