Atualização do cabeçalho e reposicionamento da logo

assets/css/atual.css

@@ -62,16 +62,24 @@ h1, h2, h3, h4, h5, h6 {
 
 /* ================================================================================================================================== */
 /* header section */
-.header{
-    width: 100vw;
-    height: 8vh;
+.header {
+    /* Posicionamento Fixo */
+    position: fixed;
+    top: 0;
+    left: 0;
+    z-index: 1; /* Garante que o header fique sempre na frente */
 
+    /* Cor e Dimensões */
+    background-color: var(--background-color); /* Usa a sua cor de fundo principal */
+    width: 100%;
+    height: 8vh;
+    padding: 0 30px;
+
+    /* Alinhamento (Flexbox) */
     display: flex;
     flex-direction: row;
+    align-items: center; /* Centraliza verticalmente o logo e o menu */
     justify-content: space-between;
-
-    padding: 0 30px;
-    position: fixed;
 }
 
 .branding{