diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 0000000..6f3a291
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+    "liveServer.settings.port": 5501
+}
\ No newline at end of file
diff --git a/Ambiente_Usuario_copy.html b/Ambiente_Usuario.html
similarity index 84%
rename from Ambiente_Usuario_copy.html
rename to Ambiente_Usuario.html
index 61b3af5..1b88b03 100644
--- a/Ambiente_Usuario_copy.html
+++ b/Ambiente_Usuario.html
@@ -16,8 +16,8 @@
     </style>
     <title>Ambiente do Usuario</title>
 
-    <script defer src="./js/Ambiente/Estrutura/load.js"></script>
-    <script src="./js/Ambiente/Estrutura/Estrutura_primaria.js"></script>
+    <script defer src="./js/page/Ambiente/Estrutura/Modulo_Construcao/Painel/load.js"></script>
+    <script src="./js/page/Ambiente/Estrutura/Modulo_Construcao/Funcao/Estrutura_primaria.js"></script>
 
 
 
diff --git a/Css/page/Ambiente/Config/Ambientes/AmbientesConfig.css b/Css/page/Ambiente/Config/Ambientes/AmbientesConfig.css
new file mode 100644
index 0000000..613da9a
--- /dev/null
+++ b/Css/page/Ambiente/Config/Ambientes/AmbientesConfig.css
@@ -0,0 +1,13 @@
+@import url(../../../../global/import.css);
+@import url(../Ambientes/estrutura/AmbienteEstruture.css);
+
+@import url(../Ambientes/Componentes/Ambientes.css);
+@import url(../Ambientes/Componentes/AmbientesAlertas.css);
+@import url(../Ambientes/Componentes/AmbientesRelatorios.css);
+
+@import url(../Ambientes/estrutura/Sec_Cap_1.css);
+@import url(../Ambientes/estrutura/Sec_Cap_2.css);
+@import url(../Ambientes/estrutura/Sec_Cap_3.css);
+
+@import url(../Ambientes/Painel/PopUp.css);
+@import url(../Ambientes/Painel/tags.css);
\ No newline at end of file
diff --git a/Css/page/Ambiente/Config/Ambientes/Componentes/Ambientes.css b/Css/page/Ambiente/Config/Ambientes/Componentes/Ambientes.css
new file mode 100644
index 0000000..1c6cb2b
--- /dev/null
+++ b/Css/page/Ambiente/Config/Ambientes/Componentes/Ambientes.css
@@ -0,0 +1,121 @@
+.bloco_ambiente .seguimento_1 .capitulo_1 .painel_Cap .coluna_2 {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: start;
+
+}
+
+
+.bloco_ambiente .seguimento_1 .capitulo_1 .painel_Cap .coluna_2 .painelItem {
+
+    width: 95%;
+
+    display: flex;
+    justify-content: space-around;
+    align-items: center;
+
+}
+
+.bloco_ambiente .seguimento_1 .capitulo_1 .painel_Cap .coluna_2 .painelItem .img {
+
+    width: 4vw;
+    height: 8vh;
+    background-color: var(--Cor_Segundaria_2_1);
+    box-shadow: 4px 4px 0px 0px var(--Cor_Segundaria_2_2);
+    display: flex;
+    justify-content: center;
+    align-items: center;
+
+
+}
+
+
+.bloco_ambiente .seguimento_1 .capitulo_1 .painel_Cap .coluna_2 .painelItem .img img {
+
+    width: 3vw;
+
+}
+
+
+.bloco_ambiente .seguimento_1 .capitulo_1 .painel_Cap .coluna_2 .painelItem .corpo {
+    width: 80%;
+    height: 8vh;
+
+    display: flex;
+    flex-direction: row;
+    justify-content: space-around;
+    align-items: center;
+
+    background-color: var(--Cor_Segundaria_2_1);
+    box-shadow: 4px 4px 0px 0px var(--Cor_Segundaria_2_2);
+
+}
+
+
+.bloco_ambiente .seguimento_1 .capitulo_1 .painel_Cap .coluna_2 .painelItem .corpo .alinhamentos {
+    width: 50%;
+    height: 6vh;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    gap: 1vw;
+
+}
+
+.bloco_ambiente .seguimento_1 .capitulo_1 .painel_Cap .coluna_2 .painelItem .corpo .alinhamentos button {
+    background: none;
+    border: none;
+    outline: none;
+
+    background-color: var(--Cor_Segundaria_5_1);
+    box-shadow: 5px 5px 0px 0px var(--Cor_Segundaria_5_2);
+
+    width: 40%;
+    height: 5vh;
+
+    display: flex;
+    flex-direction: row;
+    justify-content: space-around;
+    align-items: center;
+
+    font-family: var(--font_titulo);
+    color: var(--Matriz);
+    font-size: 1vw;
+
+
+}
+
+
+.bloco_ambiente .seguimento_1 .capitulo_1 .painel_Cap .coluna_2 .painelItem .titulo h2 {
+
+    font-family: var(--font_titulo);
+    font-size: 1.4vw;
+    color: var(--Matriz);
+}
+
+.bloco_ambiente .seguimento_1 .capitulo_1 .painel_Cap .coluna_2 .painelItem .edicao button {
+
+    background: none;
+    border: none;
+    outline: none;
+
+    background-color: var(--Cor_Segundaria_2_1);
+    box-shadow: 5px 5px 0px 0px var(--Cor_Segundaria_2_2);
+
+    width: 3vw;
+    height: 8vh;
+
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+    align-content: center;
+    align-items: center;
+
+    font-family: var(--font_titulo);
+    color: var(--Matriz);
+    font-size: 2vw;
+
+
+}
\ No newline at end of file
diff --git a/Css/page/Ambiente/Config/Ambientes/Componentes/AmbientesAlertas.css b/Css/page/Ambiente/Config/Ambientes/Componentes/AmbientesAlertas.css
new file mode 100644
index 0000000..e69de29
diff --git a/Css/page/Ambiente/Config/Ambientes/Componentes/AmbientesRelatorios.css b/Css/page/Ambiente/Config/Ambientes/Componentes/AmbientesRelatorios.css
new file mode 100644
index 0000000..e69de29
diff --git a/Css/page/Ambiente/Config/Ambientes/Painel/PopUp.css b/Css/page/Ambiente/Config/Ambientes/Painel/PopUp.css
new file mode 100644
index 0000000..e69de29
diff --git a/Css/page/Ambiente/Config/Ambientes/Painel/tags.css b/Css/page/Ambiente/Config/Ambientes/Painel/tags.css
new file mode 100644
index 0000000..e69de29
diff --git a/Css/page/Ambiente/Config/Ambientes/estrutura/AmbienteEstruture.css b/Css/page/Ambiente/Config/Ambientes/estrutura/AmbienteEstruture.css
new file mode 100644
index 0000000..fcb3e57
--- /dev/null
+++ b/Css/page/Ambiente/Config/Ambientes/estrutura/AmbienteEstruture.css
@@ -0,0 +1,60 @@
+.bloco_ambiente {
+    width: 100%;
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+
+}
+
+.bloco_ambiente .seguimento_1,
+.bloco_ambiente .seguimento_2 {
+    padding-top: 2vh;
+    width: 50%;
+    display: flex;
+    flex-direction: column;
+    align-content: center;
+    align-items: center;
+
+}
+
+
+.bloco_ambiente .seguimento_1 .capitulo_1,
+.bloco_ambiente .seguimento_2 .capitulo_2,
+.bloco_ambiente .seguimento_2 .capitulo_3 {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+
+.bloco_ambiente .seguimento_1 .capitulo_1 .titulo_Cap,
+.bloco_ambiente .seguimento_2 .capitulo_2 .titulo_Cap,
+.bloco_ambiente .seguimento_2 .capitulo_3 .titulo_Cap {
+    width: 15vw;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+
+    font-family: var(--font_titulo);
+    text-align: center;
+    font-size: 0.9vw;
+
+
+    background: var(--Cor_Segundaria_2_1);
+    box-shadow: 7px 7px 0px var(--Cor_Segundaria_2_2);
+    color: var(--Matriz);
+    margin-top: 2vh;
+    margin-bottom: 2vh;
+
+
+}
+
+
+
+.bloco_ambiente .seguimento_2 .capitulo_2 .painel_Cap,
+.bloco_ambiente .seguimento_2 .capitulo_3 .painel_Cap {
+    overflow-y: scroll;
+    height: 30vh;
+    margin-bottom: 2vh;
+
+}
\ No newline at end of file
diff --git a/Css/page/Ambiente/Config/Ambientes/estrutura/Sec_Cap_1.css b/Css/page/Ambiente/Config/Ambientes/estrutura/Sec_Cap_1.css
new file mode 100644
index 0000000..5f1a3c5
--- /dev/null
+++ b/Css/page/Ambiente/Config/Ambientes/estrutura/Sec_Cap_1.css
@@ -0,0 +1,56 @@
+.bloco_ambiente .seguimento_1 .capitulo_1 .painel_Cap {
+    width: 90%;
+    height: 74vh;
+    padding: 2vw;
+
+    background-color: var(--Cor_Segundaria_5_1);
+    display: flex;
+    flex-direction: column;
+    justify-content: start;
+    align-items: center;
+
+}
+
+.bloco_ambiente .seguimento_1 .capitulo_1 .painel_Cap .coluna_1 {
+
+    width: 100%;
+    display: flex;
+    flex-direction: row;
+    justify-content: space-around;
+    align-items: center;
+
+}
+
+.bloco_ambiente .seguimento_1 .capitulo_1 .painel_Cap .coluna_1 .insercao_ambiente button {
+    width: 14vw;
+    height: 6vh;
+}
+
+.bloco_ambiente .seguimento_1 .capitulo_1 .painel_Cap .coluna_1 .pesquisa {
+    width: 60%;
+    height: 8vh;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+
+.bloco_ambiente .seguimento_1 .capitulo_1 .painel_Cap .coluna_1 .pesquisa input {
+    background: none;
+    outline: none;
+    border: none;
+
+    width: 15vw;
+    height: 4vh;
+
+    background-color: var(--Matriz);
+    border: 0.4vw solid var(--Cor_Segundaria_2_1);
+    box-shadow: 4px 4px 0px 0px var(--Cor_Segundaria_2_2);
+
+    padding-left: 1vw;
+    padding-right: 1vw;
+
+    font-size: 0.8vw;
+    font-family: var(--font_titulo);
+    color: var(--Cor_Segundaria_2_1);
+
+}
\ No newline at end of file
diff --git a/Css/page/Ambiente/Config/Ambientes/estrutura/Sec_Cap_2.css b/Css/page/Ambiente/Config/Ambientes/estrutura/Sec_Cap_2.css
new file mode 100644
index 0000000..32c69f1
--- /dev/null
+++ b/Css/page/Ambiente/Config/Ambientes/estrutura/Sec_Cap_2.css
@@ -0,0 +1,130 @@
+.bloco_ambiente .seguimento_2 .capitulo_2 .painel_Cap {
+
+    width: 90%;
+    display: flex;
+    flex-direction: column;
+    justify-content: start;
+    align-items: center;
+    align-content: center;
+
+    gap: 1vw;
+    overflow-y: auto;
+
+    padding: 2vh;
+    background-color: var(--Cor_Segundaria_5_1);
+    height: 20vh;
+}
+
+/* Estilo customizado para o scroll (somente no Webkit) */
+.capitulo_2 .painel_Cap::-webkit-scrollbar {
+    width: 0.2vw;
+    /* Largura da barra de rolagem */
+    height: 0.2vw;
+    /* Para scroll horizontal, se necessário */
+}
+
+/* Estilo para o polegar da barra de rolagem */
+.capitulo_2 .painel_Cap::-webkit-scrollbar-thumb {
+    background-color: var(--Matriz);
+    /* Cor da parte da barra que você arrasta */
+    border-radius: 10px;
+    /* Borda arredondada */
+    /* Borda ao redor do polegar */
+}
+
+/* Aumentando o tamanho do track (fundo da barra de rolagem) */
+.capitulo_2 .painel_Cap::-webkit-scrollbar-track {
+    background-color: var(--Cor_Segundaria_5_2);
+    /* Cor do fundo do scroll */
+    border-radius: 10px;
+    /* Borda arredondada */
+    /* Usar diretamente a largura ou altura aqui para aumentar o track */
+    width: 1vw;
+    /* Aumentando a largura do track para o scroll vertical */
+    height: 1vw;
+    /* Aumentando a altura do track para o scroll horizontal */
+}
+
+
+
+.subpainel_Status {
+    width: 100%;
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+    align-items: center;
+    gap: 1vw;
+
+}
+
+.subpainel_Status .bloco_1 {
+    width: 25%;
+    height: 6vh;
+
+    display: flex;
+    justify-content: center;
+    align-items: center;
+
+    background-color: var(--Cor_Segundaria_2_1);
+    box-shadow: 5px 5px 0px var(--Cor_Segundaria_2_2);
+}
+
+.subpainel_Status .bloco_2 {
+    width: 70%;
+    height: 6vh;
+
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    gap: 1vw;
+
+    background-color: var(--Cor_Segundaria_2_1);
+    box-shadow: 5px 5px 0px var(--Cor_Segundaria_2_2);
+}
+
+.subpainel_Status .bloco_1 .titulo {
+
+
+    font-family: var(--font_titulo);
+    color: var(--Matriz);
+    font-size: 0.6vw;
+}
+
+.subpainel_Status .bloco_2 .Mensagem_ambiente {
+
+    font-family: var(--font_titulo);
+    margin-left: 1vw;
+    color: var(--Matriz);
+    font-size: 1vw;
+
+}
+
+.subpainel_Status .bloco_2 .button_rel button {
+    background: none;
+    outline: none;
+    border: none;
+}
+
+
+.subpainel_Status .bloco_2 .button_rel img {
+    width: 1.6vw;
+    filter: drop-shadow(3px 3px 0px var(--Cor_Segundaria_2_2));
+}
+
+
+.subpainel_Status .bloco_2 .status_ambiente {
+    font-family: var(--font_titulo);
+    color: var(--Cor_Segundaria_5_1);
+    font-size: 0.7vw;
+
+    margin-right: 1vw;
+    background-color: var(--Matriz);
+    padding: 0.2vw;
+
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    border-radius: 2vw;
+    width: 4vw;
+    height: 3vh;
+}
\ No newline at end of file
diff --git a/Css/page/Ambiente/Config/Ambientes/estrutura/Sec_Cap_3.css b/Css/page/Ambiente/Config/Ambientes/estrutura/Sec_Cap_3.css
new file mode 100644
index 0000000..de97ff4
--- /dev/null
+++ b/Css/page/Ambiente/Config/Ambientes/estrutura/Sec_Cap_3.css
@@ -0,0 +1,92 @@
+.bloco_ambiente .seguimento_2 .capitulo_3 .painel_Cap {
+
+    width: 90%;
+    height: 40vh;
+
+    display: flex;
+    flex-direction: column;
+    justify-content: start;
+    align-items: center;
+    align-content: center;
+
+    gap: 1vw;
+    overflow-y: auto;
+
+    padding: 2vh;
+    background-color: var(--Cor_Segundaria_5_1);
+
+}
+
+/* Estilo customizado para o scroll (somente no Webkit) */
+.capitulo_3 .painel_Cap::-webkit-scrollbar {
+    width: 0.2vw;
+    /* Largura da barra de rolagem */
+    height: 0.2vw;
+    /* Para scroll horizontal, se necessário */
+}
+
+/* Estilo para o polegar da barra de rolagem */
+.capitulo_3 .painel_Cap::-webkit-scrollbar-thumb {
+    background-color: var(--Matriz);
+    /* Cor da parte da barra que você arrasta */
+    border-radius: 10px;
+    /* Borda arredondada */
+    /* Borda ao redor do polegar */
+}
+
+/* Aumentando o tamanho do track (fundo da barra de rolagem) */
+.capitulo_3 .painel_Cap::-webkit-scrollbar-track {
+    background-color: var(--Cor_Segundaria_5_2);
+    /* Cor do fundo do scroll */
+    border-radius: 10px;
+    /* Borda arredondada */
+    /* Usar diretamente a largura ou altura aqui para aumentar o track */
+    width: 1vw;
+    /* Aumentando a largura do track para o scroll vertical */
+    height: 1vw;
+    /* Aumentando a altura do track para o scroll horizontal */
+}
+
+
+.bloco_ambiente .coluna_1 {
+    width: 100%;
+    margin-bottom: 2vh;
+}
+
+.bloco_ambiente .coluna_1 button {
+    outline: none;
+    background: none;
+    border: none;
+
+    width: 32.33%;
+    height: 6vh;
+
+    background-color: var(--Cor_Segundaria_2_1);
+    box-shadow: 5px 5px 0px var(--Cor_Segundaria_2_2);
+
+    font-family: var(--font_titulo);
+    color: var(--Matriz);
+    font-size: 1vw;
+}
+
+.coluna_2 {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+
+.opicao button {
+    outline: none;
+    background: none;
+    border: none;
+
+    width: 20vw;
+    height: 6vh;
+    background-color: var(--Cor_Segundaria_2_1);
+    box-shadow: 5px 5px 0px var(--Cor_Segundaria_2_2);
+
+    font-family: var(--font_titulo);
+    color: var(--Matriz);
+    font-size: 1.2vw;
+}
\ No newline at end of file
diff --git a/Css/page/Ambiente/Config/Estrutura/menu.css b/Css/page/Ambiente/Config/Estrutura/menu.css
index a8d7489..449cd28 100644
--- a/Css/page/Ambiente/Config/Estrutura/menu.css
+++ b/Css/page/Ambiente/Config/Estrutura/menu.css
@@ -45,19 +45,52 @@ body {
 }
 
 .menu {
-    width: 20vw;
+    width: 25vw;
     height: 100vh;
     background-color: var(--Cor_Segundaria_5_1);
-    overflow: hidden;
+    overflow-x: hidden;
+    overflow-y: auto;
+}
+
+/* Estilo customizado para o scroll (somente no Webkit) */
+.menu::-webkit-scrollbar {
+    width: 0.2vw;
+    /* Largura da barra de rolagem */
+    height: 0.2vw;
+    /* Para scroll horizontal, se necessário */
+}
+
+/* Estilo para o polegar da barra de rolagem */
+.menu::-webkit-scrollbar-thumb {
+    background-color: var(--Matriz);
+    /* Cor da parte da barra que você arrasta */
+    border-radius: 10px;
+    /* Borda arredondada */
+    /* Borda ao redor do polegar */
+}
+
+/* Aumentando o tamanho do track (fundo da barra de rolagem) */
+.menu::-webkit-scrollbar-track {
+    background-color: var(--Cor_Segundaria_5_2);
+    /* Cor do fundo do scroll */
+    border-radius: 10px;
+    /* Borda arredondada */
+    /* Usar diretamente a largura ou altura aqui para aumentar o track */
+    width: 1vw;
+    /* Aumentando a largura do track para o scroll vertical */
+    height: 1vw;
+    /* Aumentando a altura do track para o scroll horizontal */
 }
 
 .contener_1,
 .contener_2,
 .contener_3 {
     width: 100%;
-    padding-bottom: 5vh;
+    padding-bottom: 1vh;
     list-style: none;
     text-decoration: none;
+    padding-top: 1vh;
+    border-top: 0.1vh solid var(--Matriz);
 
 }
 
@@ -120,7 +153,8 @@ body {
 .contener_1 .opicao .escrita,
 .contener_2 .opicao .escrita,
 .contener_3 .opicao .escrita {
-    width: 9vw;
+    width: 12vw;
+    margin-right: 2vw;
     padding: 0.6vw;
     background-color: var(--Vazio_Corpo);
     box-shadow: 5px 5px 0px var(--Vazio_Fundo);
diff --git a/Css/page/Ambiente/Config/Estrutura/menu_houver.css b/Css/page/Ambiente/Config/Estrutura/menu_houver.css
index acab22c..b817dfb 100644
--- a/Css/page/Ambiente/Config/Estrutura/menu_houver.css
+++ b/Css/page/Ambiente/Config/Estrutura/menu_houver.css
@@ -9,7 +9,7 @@
     }
 
     .escrita {
-        width: 9vw;
+        width: 10vw;
         padding: 0.6vw;
         background-color: var(--Cor_Segundaria_2_1);
         box-shadow: 5px 5px 0px var(--Cor_Segundaria_2_2);
diff --git a/html/Config.html b/html/Config.html
index c6fcc4e..5b50ea8 100644
--- a/html/Config.html
+++ b/html/Config.html
@@ -74,6 +74,7 @@
 
 
 </body>
-<script src="../js/Ambiente/Config/Estrutural_config/config.js"></script>
+<script src="../js/page/Ambiente/Config/Estrutural_config/Modulo_Construcao/Funcao/config.js"></script>
+<script src="../js/page/Ambiente/Config/Estrutural_config/Modulo_Construcao/Funcao/Ambientes_Root.js"></script>
 
 </html>
\ No newline at end of file
diff --git a/html/projetos_itguys.html b/html/projetos_itguys.html
index 2cf753e..a0bb9b1 100644
--- a/html/projetos_itguys.html
+++ b/html/projetos_itguys.html
@@ -23,8 +23,8 @@
         <section class="capitulo_2" id="saida"></section>
         <div id="painel_Servico" class="popup_contener"></div>
 
-        <script src="../js/Ambiente/Service/Datas_service.js"></script>
-        <script src="../js/Ambiente/Service/Contrutor_Serviços.js"></script>
+        <script src="../js/page/Ambiente/Service/Datas_service.js"></script>
+        <script src="../js/page/Ambiente/Service/Contrutor_Serviços.js"></script>
     </main>
 </body>
 
diff --git a/html/tela_emconstrucao.html b/html/tela_emconstrucao.html
new file mode 100644
index 0000000..b15b966
--- /dev/null
+++ b/html/tela_emconstrucao.html
@@ -0,0 +1,203 @@
+<!DOCTYPE html>
+<html lang="pt-br">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <link rel="stylesheet" href="../Css/page/Ambiente/Config/Ambientes/AmbientesConfig.css">
+</head>
+
+<body>
+
+    <main class="bloco_ambiente">
+
+
+        <div class="seguimento_1">
+            <section class="capitulo_1">
+                <div class="titulo_Cap">
+                    <h2>Ambientes</h2>
+                </div>
+
+                <div class="painel_Cap">
+                    <div class="coluna_1">
+                        <div class="insercao_ambiente">
+                            <button id="criarAmbiente">+</button>
+                        </div>
+                        <div class="pesquisa">
+                            <input type="text" placeholder="Pesquise seu ambiente" id="pesquisarAmbiente">
+                            <button id="pesquisa">Pesquise aqui</button>
+                        </div>
+                    </div>
+                    <div class="coluna_2" id="apresentarAmbientes">
+
+                        <div class="painelItem" id="Painel_itguys">
+                            <div class="img">
+                                <img src="../Acessts/Imagens/iT_Guys/Logo 32x32.png" alt="Logo da Itguys">
+                            </div>
+                            <div class="corpo">
+                                <div class="titulo">
+                                    <h2>Nome da Empresa</h2>
+                                </div>
+                                <div class="alinhamentos">
+                                    <button id="AtreladorDashbord">Atreladores</button>
+                                    <button id="AtreladorGrupos">Atreladores</button>
+                                </div>
+                            </div>
+                            <div class="edicao">
+                                <button id="EdicacaoAmbiente_Itguys">:</button>
+                            </div>
+                        </div>
+
+                    </div>
+                </div>
+
+            </section>
+        </div>
+        <div class="seguimento_2">
+
+            <section class="capitulo_2">
+                <div class="titulo_Cap">
+                    <h2>Status dos Ambientes</h2>
+                </div>
+
+                <div class="painel_Cap">
+
+                    <div class="subpainel_Status">
+
+                        <div class="bloco_1">
+
+                            <div class="titulo">
+                                <h2>Nome da Empresa</h2>
+                            </div>
+
+                        </div>
+
+                        <div class="bloco_2">
+
+                            <div class="Mensagem_ambiente" id="Mensagem_ambiente">
+                                <p>mensagem de status do ambiente</p>
+
+                            </div>
+                            <div class="button_rel">
+
+                                <button id="Formulario">
+                                    <img src="../Acessts/Imagens/Iconis/exportar.png" alt="">
+                                </button>
+
+                            </div>
+                            <div class="status_ambiente" id="status_ambiente">
+
+                                <p>OFF</p>
+
+                            </div>
+
+                        </div>
+
+
+
+                    </div>
+
+                    <div class="subpainel_Status">
+
+                        <div class="bloco_1">
+
+                            <div class="titulo">
+                                <h2>Nome da empresa</h2>
+                            </div>
+
+                        </div>
+
+                        <div class="bloco_2">
+
+                            <div class="Mensagem_ambiente" id="Mensagem_ambiente">
+                                <p>mensagem de status do ambiente</p>
+
+                            </div>
+                            <div class="button_rel">
+
+                                <button id="Formulario">
+                                    <img src="../Acessts/Imagens/Iconis/exportar.png" alt="">
+                                </button>
+
+                            </div>
+                            <div class="status_ambiente" id="status_ambiente">
+
+                                <p>OFF</p>
+
+                            </div>
+
+                        </div>
+
+
+
+                    </div>
+
+                    <div class="subpainel_Status">
+
+                        <div class="bloco_1">
+
+                            <div class="titulo">
+                                <h2>Nome da empresa</h2>
+                            </div>
+
+                        </div>
+
+                        <div class="bloco_2">
+
+                            <div class="Mensagem_ambiente" id="Mensagem_ambiente">
+                                <p>mensagem de status do ambiente</p>
+
+                            </div>
+                            <div class="button_rel">
+
+                                <button id="Formulario">
+                                    <img src="../Acessts/Imagens/Iconis/exportar.png" alt="">
+                                </button>
+
+                            </div>
+                            <div class="status_ambiente" id="status_ambiente">
+
+                                <p>OFF</p>
+
+                            </div>
+
+                        </div>
+
+
+
+                    </div>
+
+                </div>
+
+            </section>
+            <section class="capitulo_3">
+                <div class="titulo_Cap">
+                    <h2>Controle de Ambiente</h2>
+                </div>
+                <div class="painel_Cap">
+                    <div class="coluna_1">
+                        <button>ON</button>
+                        <button>OFF</button>
+                        <button>ERRO</button>
+                    </div>
+                    <div class="coluna_2">
+
+                        <div class="opicao">
+                            <button>Nome da empresa</button>
+                        </div>
+
+
+                    </div>
+                </div>
+            </section>
+
+        </div>
+
+
+    </main>
+
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/js/page/Ambiente/Config/Estrutural_config/Modulo_Construcao/Funcao/Ambientes_Root.js b/js/page/Ambiente/Config/Estrutural_config/Modulo_Construcao/Funcao/Ambientes_Root.js
new file mode 100644
index 0000000..5ef72e7
--- /dev/null
+++ b/js/page/Ambiente/Config/Estrutural_config/Modulo_Construcao/Funcao/Ambientes_Root.js
@@ -0,0 +1,27 @@
+
+//Variavel botão 1 responsavel por inicar a função 
+var BotaoAmbienteConfig = document.getElementById('opicao_1');
+BotaoAmbienteConfig.addEventListener('click', surgirAmbiente);
+
+
+//Nessa função o conteudo da tela é modificado e novas informaçõe são apresentadas 'lembre de alinhar o nome da função com o seu botão respecitivo, sendo essa do botão 1'
+function surgirAmbiente() {
+
+    var estilo = document.getElementById('conexao');
+    var painel = document.getElementById('preenchimento');
+    estilo.href = 'ola';
+    painel.innerHTML = EstruturaPrincipal();
+}
+
+
+function EstruturaPrincipal() {
+
+    return `
+    
+    
+    
+    `;
+
+
+
+}
\ No newline at end of file
diff --git a/js/page/Ambiente/Config/Estrutural_config/Modulo_Construcao/Funcao/Monitoramento_Root copy.js b/js/page/Ambiente/Config/Estrutural_config/Modulo_Construcao/Funcao/Monitoramento_Root copy.js
new file mode 100644
index 0000000..e69de29
diff --git a/js/Ambiente/Config/Estrutural_config/config.js b/js/page/Ambiente/Config/Estrutural_config/Modulo_Construcao/Funcao/config.js
similarity index 83%
rename from js/Ambiente/Config/Estrutural_config/config.js
rename to js/page/Ambiente/Config/Estrutural_config/Modulo_Construcao/Funcao/config.js
index 76d4fde..5bb2fe1 100644
--- a/js/Ambiente/Config/Estrutural_config/config.js
+++ b/js/page/Ambiente/Config/Estrutural_config/Modulo_Construcao/Funcao/config.js
@@ -1,23 +1,30 @@
 
-//Variavel botão 1 responsavel por inicar a função 
-var botao_1 = document.getElementById('opicao_1');
-botao_1.addEventListener('click', surgir1);
-
-//Nessa função o conteudo da tela é modificado e novas informaçõe são apresentadas 'lembre de alinhar o nome da função com o seu botão respecitivo, sendo essa do botão 1'
-function surgir1() {
-
-    var estilo = document.getElementById('conexao');
-    var painel = document.getElementById('preenchimento');
-    estilo.href = 'ola';
-    painel.innerHTML = 'ola1';
-}
-
-
 
 //Variavel botão 2 responsavel por inicar a função 
 var botao_2 = document.getElementById('opicao_2');
 botao_2.addEventListener('click', surgir2);
 
+//Variavel botão 3 responsavel por inicar a função 
+var botao_3 = document.getElementById('opicao_3');
+botao_3.addEventListener('click', surgir3);
+
+//Variavel botão 4 responsavel por inicar a função 
+var botao_4 = document.getElementById('opicao_4');
+botao_4.addEventListener('click', surgir4);
+
+//Variavel botão 5 responsavel por inicar a função 
+var botao_5 = document.getElementById('opicao_5');
+botao_5.addEventListener('click', surgir5);
+
+//Variavel botão 6 responsavel por inicar a função 
+var botao_6 = document.getElementById('opicao_6');
+botao_6.addEventListener('click', surgir6);
+
+
+
+
+
+
 //Nessa função o conteudo da tela é modificado e novas informaçõe são apresentadas 'lembre de alinhar o nome da função com o seu botão respecitivo, sendo essa do botão 2'
 function surgir2() {
     var estilo = document.getElementById('conexao');
@@ -26,9 +33,6 @@ function surgir2() {
     painel.innerHTML = 'ola2';
 }
 
-//Variavel botão 3 responsavel por inicar a função 
-var botao_3 = document.getElementById('opicao_3');
-botao_3.addEventListener('click', surgir3);
 
 //Nessa função o conteudo da tela é modificado e novas informaçõe são apresentadas 'lembre de alinhar o nome da função com o seu botão respecitivo, sendo essa do botão 3'
 function surgir3() {
@@ -38,9 +42,6 @@ function surgir3() {
     painel.innerHTML = 'ola3';
 }
 
-//Variavel botão 4 responsavel por inicar a função 
-var botao_4 = document.getElementById('opicao_4');
-botao_4.addEventListener('click', surgir4);
 
 //Nessa função o conteudo da tela é modificado e novas informaçõe são apresentadas 'lembre de alinhar o nome da função com o seu botão respecitivo, sendo essa do botão 4'
 function surgir4() {
@@ -50,9 +51,6 @@ function surgir4() {
     painel.innerHTML = 'ola4';
 }
 
-//Variavel botão 5 responsavel por inicar a função 
-var botao_5 = document.getElementById('opicao_5');
-botao_5.addEventListener('click', surgir5);
 
 //Nessa função o conteudo da tela é modificado e novas informaçõe são apresentadas 'lembre de alinhar o nome da função com o seu botão respecitivo, sendo essa do botão 5'
 function surgir5() {
@@ -62,9 +60,6 @@ function surgir5() {
     painel.innerHTML = 'ola5';
 }
 
-//Variavel botão 6 responsavel por inicar a função 
-var botao_6 = document.getElementById('opicao_6');
-botao_6.addEventListener('click', surgir6);
 
 //Nessa função o conteudo da tela é modificado e novas informaçõe são apresentadas 'lembre de alinhar o nome da função com o seu botão respecitivo, sendo essa do botão 6'
 function surgir6() {
diff --git a/js/Ambiente/Config/Estrutural_config/construtor_config.js b/js/page/Ambiente/Config/Estrutural_config/Modulo_Construcao/Funcao/construtor_config.js
similarity index 100%
rename from js/Ambiente/Config/Estrutural_config/construtor_config.js
rename to js/page/Ambiente/Config/Estrutural_config/Modulo_Construcao/Funcao/construtor_config.js
diff --git a/js/page/Ambiente/Config/Estrutural_config/Modulo_Construcao/Funcao/estrutura_Ambientes.js b/js/page/Ambiente/Config/Estrutural_config/Modulo_Construcao/Funcao/estrutura_Ambientes.js
new file mode 100644
index 0000000..e69de29
diff --git a/js/Ambiente/Estrutura/Estrutura_Primaria_modelo.js b/js/page/Ambiente/Estrutura/Modulo_Construcao/Funcao/Estrutura_Primaria_modelo.js
similarity index 97%
rename from js/Ambiente/Estrutura/Estrutura_Primaria_modelo.js
rename to js/page/Ambiente/Estrutura/Modulo_Construcao/Funcao/Estrutura_Primaria_modelo.js
index 98f1f34..200da45 100644
--- a/js/Ambiente/Estrutura/Estrutura_Primaria_modelo.js
+++ b/js/page/Ambiente/Estrutura/Modulo_Construcao/Funcao/Estrutura_Primaria_modelo.js
@@ -135,13 +135,13 @@ if (autenteticação == true) {
 
     //construtor da reação do menu sobre as interações do usuário
     const script1 = document.createElement('script');
-    script1.src = '../js/Ambiente/Estrutura/Reacao_menu.js';
+    script1.src = '../js/page/Ambiente/Estrutura/Modulo_Construcao/Reacao_menu.js';
     document.body.appendChild(script1);
 
     //construtor da sub camada de construção, alinhada sobre a condicional onde se a pessoa possui permisão para visualizar o monitoramente de sua empresa, visuMonitor será igual á true, enquanto se ela não tiver permissão para visualizar o visuMonitor será igual á false
     if (visuMonitor == true) {
         const script2 = document.createElement('script');
-        script2.src = './js/Ambiente/Monitoramento/Estrutura_Secundaria_Monitor.js';
+        script2.src = './js/page/Ambiente/Monitoramento/Modulo_Construcao/Funcao/Estrutura_Secundaria_Monitor.js';
         document.body.appendChild(script2);
     };
 
diff --git a/js/Ambiente/Estrutura/Estrutura_Primaria.js b/js/page/Ambiente/Estrutura/Modulo_Construcao/Funcao/Estrutura_primaria.js
similarity index 52%
rename from js/Ambiente/Estrutura/Estrutura_Primaria.js
rename to js/page/Ambiente/Estrutura/Modulo_Construcao/Funcao/Estrutura_primaria.js
index 7a2798f..b25254f 100644
--- a/js/Ambiente/Estrutura/Estrutura_Primaria.js
+++ b/js/page/Ambiente/Estrutura/Modulo_Construcao/Funcao/Estrutura_primaria.js
@@ -74,7 +74,7 @@ async function criarBlocos() {
         console.log(data);
         console.log(primeiroNome);
         console.log(Empresa);
-        console.log(ImagemUser);
+        console.log('teste -' + ImagemUser);
         console.log(logoEmpresa);
 
 
@@ -88,204 +88,204 @@ async function criarBlocos() {
 
         const construtor_primario = document.getElementById('entrada_1');
 
-        construtor_primario.innerHTML =
-            '<nav>'
-            +
-            '<section class="menu_lateral">'
-            +
-            '<div class="seguimentacao_1">'
-            +
-            '<div class="coluna_1">'
-            +
-            '<div class="subcolunas_1">'
-            +
-            '<div class="filheira">'
-            +
-            '<img src="./Acessts/Imagens/iT_Guys/Logo_itGuys - Copia.png" alt="">'
-            +
-            '</div>'
-            +
-            '</div>'
-            +
-            '</div>'
-            +
-            '<div class="coluna_2">'
-            +
-            '<div class="subcolunas_1">'
-            +
-            '<div class="filheira">'
-            +
-            '<img class="img" src="./Acessts/Imagens/Iconis/home.png" alt="">'
-            +
-            '</div>'
-            +
-            '<div id="sub_entrada_moni_1"></div>'
-            +
-            '<div class="filheira">'
-            +
-            '<img class="img" src="./Acessts/Imagens/Iconis/technical-support.png" alt="">'
-            +
-            '</div>'
-            +
-            '<div class="filheira">'
-            +
-            '<img class="img" src="./Acessts/Imagens/Iconis/caixa-de-ferramentas.png" alt="">'
-            +
-            '</div>'
-            +
-            '</div>'
-            +
-            '<div class="subcolunas_2">'
-            +
-            '<div class="filheira">'
-            +
-            '<img class="img" src="./Acessts/Imagens/Iconis/central-de-atendimento.png" alt="">'
-            +
-            '</div>'
-            +
-            '<div class="filheira">'
-            +
-            ' <img class="img" src="./Acessts/Imagens/Iconis/engrenagem - Copia.png" alt="">'
-            +
-            '</div>'
-            +
-            '</div>'
-            +
-            '</div>'
-            +
-            '</div>'
-            +
-            '<div class="seguimentacao_2">'
-            +
-            '<div class="coluna_1">'
-            +
-            '<div class="subcolunas_1">'
-            +
-            '<div class="filheira">'
-            +
-            '<img class="profileImage" alt="">'
-            +
-            '</div>'
-            +
-            '<div class="filheira">'
-            +
-            '<h2>' + primeiroNome + '</h2>'
-            +
-            '<h2>' + Empresa + '</h2>'
-            +
-            '</div>'
-            +
-            '</div>'
-            +
-            '<div class="subcolunas_2">'
-            +
-            '<button class="id_ajuste" id="id_ajuste">'
-            +
-            '<img class="imgjust" src="./Acessts/Imagens/Iconis/seta-direita.png" alt="">'
-            +
-            '</button>'
-            +
-            '</div>'
-            +
-            '</div>'
-            +
-            '<div class="coluna_2">'
-            +
-            '<div class="subcolunas_1">'
-            +
-            '<a href="./html/Home.html" class="filheira_a" target="frame">'
-            +
-            '<div class="filheira">'
-            +
-            '<h2>Home</h2>'
-            +
-            '</div>'
-            +
-            '</a>'
-            +
-            //Estrutura vaizia dedicada para aparesentação do painel de monitoramento caso o usuário tenha permissão para o visualizar.
-            '<div id="sub_entrada_moni_2"></div>'
-            +
-            '<a href="https://suporte.itguys.com.br/" class="filheira_a" target="frame">'
-            +
-            '<div class="filheira">'
-            +
-            '<h2>Servicdesk</h2>'
-            +
-            '</div>'
-            +
-            '</a>'
-            +
-            '<a href="./html/projetos_itguys.html" class="filheira_a" target="frame">'
-            +
-            '<div class="filheira">'
-            +
-            '<h2>Ferramentas</h2>'
-            +
-            '</div>'
-            +
-            '</a>'
-            +
-            '</div>'
-            +
-            '<div class="subcolunas_2">'
-            +
-            '<a href="https://api.whatsapp.com/send?phone=5521966344698" class="filheira_a" target="black_">'
-            +
-            '<div class="filheira">'
-            +
-            '<h2>Suporte</h2>'
-            +
-            '</div>'
-            +
-            '</a>'
-            +
-            '<a href="./html/Config.html" class="filheira_a">'
-            +
-            '<div class="filheira">'
-            +
-            '<h2>Configurações</h2>'
-            +
-            '</div>'
-            +
-            '</a>'
-            +
-            '</div>'
-            +
-            '</div>'
-            +
-            '</div>'
-            +
-            '</section>'
-            +
-            '</nav>'
-            +
-            '<main class="apresentacao">'
-            +
-            '<section class="capitulo_1">'
-            +
-            '<div class="Bloco_subcab1_1">'
-            +
-            '<img class="companyLogo" alt="" class="icon_subcab1_1">'
-            +
-            '</div>'
-            +
-            '<div class="Bloco_subcab1_2">'
-            +
-            '<a href="https://dev.itguys.com.br/"><button>Logout</button></a>'
-            +
-            '</div>'
-            +
-            '</section>'
-            +
-            '<section class="capitulo_2">'
-            +
-            '<iframe id="test1" name="frame" class="transmissão" src="./html/Home.html"frameborder = "0" ></iframe > '
-            +
-            '</section>'
-            +
-            '</main>'
-
+        //Estrutura Html que será apresentada sobre a tela
+        construtor_primario.innerHTML = `
+            <nav>
+            
+                <section class="menu_lateral">
+                
+                    <div class="seguimentacao_1">
+                    
+                            <div class="coluna_1">
+                            
+                                <div class="subcolunas_1">
+                                    
+                                    <div class="filheira">
+                                    
+                                    <img src="./Acessts/Imagens/iT_Guys/Logo_itGuys - Copia.png" alt="">
+                                    
+                                    </div>
+                                    
+                                </div>
+                                
+                            </div>
+                        
+                            <div class="coluna_2">
+                            
+                                <div class="subcolunas_1">
+                                
+                                    <div class="filheira">
+                                    
+                                        <img class="img" src="./Acessts/Imagens/Iconis/home.png" alt="">
+                                    
+                                    </div>
+                                    
+                                    <div id="sub_entrada_moni_1"></div>
+                                    
+                                    <div class="filheira">
+                                    
+                                        <img class="img" src="./Acessts/Imagens/Iconis/technical-support.png" alt="">
+                                    
+                                    </div>
+                                    
+                                    <div class="filheira">
+                                    
+                                        <img class="img" src="./Acessts/Imagens/Iconis/caixa-de-ferramentas.png" alt="">
+                                    
+                                    </div>
+                                    
+                                </div>
+                            
+                                <div class="subcolunas_2">
+                                
+                                    <div class="filheira">
+                                    
+                                        <img class="img" src="./Acessts/Imagens/Iconis/central-de-atendimento.png" alt="">
+                                    
+                                    </div>
+                                    
+                                    <div class="filheira">
+                                    
+                                        <img class="img" src="./Acessts/Imagens/Iconis/engrenagem - Copia.png" alt="">
+                                    
+                                    </div>
+                                    
+                                </div>
+                                
+                            </div>
+                            
+                        </div>
+                        
+                        <div class="seguimentacao_2">
+                        
+                            <div class="coluna_1">
+                            
+                                <div class="subcolunas_1">
+                                
+                                    <div class="filheira">
+                                    
+                                        <img class="profileImage" alt="">
+                                    
+                                    </div>
+                                    
+                                    <div class="filheira">
+                                    
+                                        <h2>  ${primeiroNome}  </h2>
+                                    
+                                        <h2>  ${Empresa}  </h2>
+                                    
+                                    </div>
+                                    
+                                </div>
+                                
+                                <div class="subcolunas_2">
+                                    
+                                    <button class="id_ajuste" id="id_ajuste">
+                                    
+                                        <img class="imgjust" src="./Acessts/Imagens/Iconis/seta-direita.png" alt="">
+                                    
+                                    </button>
+                                </div>    
+                            </div>
+                            
+                                                    
+                            <div class="coluna_2">
+                            
+                                <div class="subcolunas_1">
+                                
+                                    <a href="./html/Home.html" class="filheira_a" target="frame">
+                                    
+                                        <div class="filheira">
+                                        
+                                            <h2>Home</h2>
+                                        
+                                        </div>
+                                        
+                                    </a>
+                                    
+                                    <div id="sub_entrada_moni_2"></div>
+                                    
+                                    <a href="https://suporte.itguys.com.br/" class="filheira_a" target="frame">
+                                    
+                                        <div class="filheira">
+                                        
+                                            <h2>Servicdesk</h2>
+                                        
+                                        </div>
+                                        
+                                    </a>
+                                    
+                                    <a href="./html/projetos_itguys.html" class="filheira_a" target="frame">
+                                    
+                                        <div class="filheira">
+                                        
+                                            <h2>Ferramentas</h2>
+                                        
+                                        </div>
+                                        
+                                    </a>
+                                    
+                                </div>
+                                    
+                                <div class="subcolunas_2">
+                                
+                                    <a href="https://api.whatsapp.com/send?phone=5521966344698" class="filheira_a" target="black_">
+                                    
+                                        <div class="filheira">
+                                    
+                                            <h2>Suporte</h2>
+                                    
+                                        </div>
+                                    
+                                    </a>
+                                    
+                                    <a href="./html/Config.html" class="filheira_a">
+                                    
+                                        <div class="filheira">
+                                        
+                                            <h2>Configurações</h2>
+                                        
+                                        </div>
+                                        
+                                    </a>
+                                    
+                                </div>
+                            </div>
+            
+                        </div>
+                        
+                    </div>
+                    
+                </section>
+                
+            </nav>
+            
+            <main class="apresentacao">
+            
+                <section class="capitulo_1">
+                
+                    <div class="Bloco_subcab1_1">
+                    
+                        <img class="companyLogo" alt="" class="icon_subcab1_1">
+                    
+                    </div>
+                    
+                    <div class="Bloco_subcab1_2">
+                    
+                        <a href="https://dev.itguys.com.br/"><button>Logout</button></a>
+                    
+                    </div>
+                    
+                </section>
+                    
+                <section class="capitulo_2">
+                    
+                    <iframe id="test1" name="frame" class="transmissão" src="./html/Home.html"frameborder = "0" ></iframe > 
+                    
+                </section>
+                
+            </main>
+    	`
         const construido = true;
 
         ;
@@ -310,7 +310,7 @@ async function criarBlocos() {
 
         if (Permissoes.visuMonitor) {
             const script2 = document.createElement('script');
-            script2.src = './js/Ambiente/Monitoramento/Estrutura_Secundaria_Monitor.js';
+            script2.src = './js/page/Ambiente/Monitoramento/Modulo_Construcao/Funcao/Estrutura_Secundaria_Monitor.js';
             script2.setAttribute // Acessando a propriedade corretamente
             document.body.appendChild(script2);
         }
diff --git a/js/Ambiente/Estrutura/Reacao_menu.js b/js/page/Ambiente/Estrutura/Modulo_Construcao/Funcao/Reacao_menu.js
similarity index 100%
rename from js/Ambiente/Estrutura/Reacao_menu.js
rename to js/page/Ambiente/Estrutura/Modulo_Construcao/Funcao/Reacao_menu.js
diff --git a/js/Ambiente/Estrutura/load.js b/js/page/Ambiente/Estrutura/Modulo_Construcao/Painel/load.js
similarity index 100%
rename from js/Ambiente/Estrutura/load.js
rename to js/page/Ambiente/Estrutura/Modulo_Construcao/Painel/load.js
diff --git a/js/Ambiente/Home/RelatorioCeu.js b/js/page/Ambiente/Home/RelatorioCeu.js
similarity index 100%
rename from js/Ambiente/Home/RelatorioCeu.js
rename to js/page/Ambiente/Home/RelatorioCeu.js
diff --git a/js/Ambiente/Monitoramento/Estrutura_Secundaria_Monitor.js b/js/page/Ambiente/Monitoramento/Modulo_Construcao/Funcao/Estrutura_Secundaria_Monitor.js
similarity index 100%
rename from js/Ambiente/Monitoramento/Estrutura_Secundaria_Monitor.js
rename to js/page/Ambiente/Monitoramento/Modulo_Construcao/Funcao/Estrutura_Secundaria_Monitor.js
diff --git a/js/Ambiente/Monitoramento/monitorCeu.js b/js/page/Ambiente/Monitoramento/Modulo_Construcao/Funcao/monitorCeu.js
similarity index 100%
rename from js/Ambiente/Monitoramento/monitorCeu.js
rename to js/page/Ambiente/Monitoramento/Modulo_Construcao/Funcao/monitorCeu.js
diff --git a/js/Ambiente/Service/Contrutor_Serviços.js b/js/page/Ambiente/Service/Contrutor_Serviços.js
similarity index 100%
rename from js/Ambiente/Service/Contrutor_Serviços.js
rename to js/page/Ambiente/Service/Contrutor_Serviços.js
diff --git a/js/Ambiente/Service/Datas_service.js b/js/page/Ambiente/Service/Datas_service.js
similarity index 100%
rename from js/Ambiente/Service/Datas_service.js
rename to js/page/Ambiente/Service/Datas_service.js
diff --git a/js/Ambiente/Service/List/Gerador_XML_Telefonia.js b/js/page/Ambiente/Service/List/Gerador_XML_Telefonia.js
similarity index 100%
rename from js/Ambiente/Service/List/Gerador_XML_Telefonia.js
rename to js/page/Ambiente/Service/List/Gerador_XML_Telefonia.js
diff --git a/js/Login/login.js b/js/page/Login/Modulo_Autenticacao/Funcao/login.js
similarity index 99%
rename from js/Login/login.js
rename to js/page/Login/Modulo_Autenticacao/Funcao/login.js
index 21e9629..3dff101 100644
--- a/js/Login/login.js
+++ b/js/page/Login/Modulo_Autenticacao/Funcao/login.js
@@ -169,7 +169,7 @@ document.getElementById("formLogin").addEventListener("submit", async function (
             const data = await response.json(); // Extrai os dados JSON da resposta
             localStorage.setItem('x-access-token', data.token); // Armazena o token de autenticação no localStorage
             // Redireciona o usuário para a página do ambiente do usuário
-            window.location.href = "./Ambiente_Usuario_copy.html";
+            window.location.href = "./Ambiente_Usuario.html";
         }
 
         /* Caso de erro*/
diff --git a/js/Login/seguranca.js b/js/page/Login/Modulo_Segurança/Funcao/seguranca.js
similarity index 100%
rename from js/Login/seguranca.js
rename to js/page/Login/Modulo_Segurança/Funcao/seguranca.js
diff --git a/login.html b/login.html
index e82d68b..d3aa956 100644
--- a/login.html
+++ b/login.html
@@ -89,8 +89,8 @@
         </div>
     </main>
     <!--Script responsavel por lidar com o retiro das informações e as processar-->
-    <script src="./js/Login/login.js"></script>
-    <script src="./js/Login/seguranca.js"></script>
+    <script src="./js/page/Login/Modulo_Autenticacao/Funcao/login.js"></script>
+    <script src="./js/page/Login/Modulo_Segurança/Funcao/seguranca.js"></script>
 </body>
 
 </html>
\ No newline at end of file