Ulitmos ajustes antes do ultimo deploy

.hintrc

@@ -0,0 +1,13 @@
+{
+  "extends": [
+    "development"
+  ],
+  "hints": {
+    "axe/name-role-value": [
+      "default",
+      {
+        "button-name": "off"
+      }
+    ]
+  }
+}

Public/JS/agendamento.js

@@ -1,10 +1,13 @@
-
-const hamburgerMenu = document.getElementById('hamburger-menu');
-const navLinks = document.querySelector('.nav-links');
-
-hamburgerMenu.addEventListener('click', () => {
-    navLinks.classList.toggle('active');
-});
+function menuShow() {
+    let menuMobile = document.querySelector('.mobile-menu');
+    if (menuMobile.classList.contains('open')) {
+        menuMobile.classList.remove('open');
+        document.querySelector('.icon').src = "/Public/Images/svg/menu_white_36dp.svg";
+    } else {
+        menuMobile.classList.add('open');
+        document.querySelector('.icon').src = "/Public/Images/svg/close_white_36dp.svg";
+    }
+}
 
 const showDetailButtons = document.querySelectorAll('.show-details');
 const hideDetailButtons = document.querySelectorAll('.hide-details');

Public/JS/home.js

@@ -1,12 +1,13 @@
-// Menu hamburguer
-const hamburgerMenu = document.getElementById('hamburger-menu');
-const navLinks = document.querySelector('.nav-links');
-
-hamburgerMenu.addEventListener('click', () => {
-    // Só para confirmação de debug
-    console.log('Menu hamburguer clicado');
-    navLinks.classList.toggle('active');
-});
+function menuShow() {
+    let menuMobile = document.querySelector('.mobile-menu');
+    if (menuMobile.classList.contains('open')) {
+        menuMobile.classList.remove('open');
+        document.querySelector('.icon').src = "/Public/Images/svg/menu_white_36dp.svg";
+    } else {
+        menuMobile.classList.add('open');
+        document.querySelector('.icon').src = "/Public/Images/svg/close_white_36dp.svg";
+    }
+}
 
 // botão de scroll para o topo do site
 window.onscroll = function () {

Public/Page/Planos/CSS/agendamento.css

@@ -1,17 +1,16 @@
+/* Estilos globais */
+html {
+    scroll-behavior: smooth;
+}
+
 * {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
 }
 
-header {
-    background-color: #000;
-    color: #fff;
-    padding: 20px 0;
-}
-
 p {
-    font-family: "Inter";
+    font-family: "Segoe UI";
 }
 
 body {
@@ -21,103 +20,116 @@ body {
     line-height: 1.6;
 }
 
-/* NAV BAR */
 
+/* NAV BAR */
 header {
-    background-color: #000;
+    background-color: #111;
+    box-shadow: 0px 3px 10px #464646;
+}
+
+.nav-bar {
+    display: flex;
+    justify-content: space-between;
+    padding: 1.5rem 6rem;
+    margin: 0;
+}
+
+.logo {
+    display: flex;
+    align-items: center;
+}
+
+.logo h1 {
     color: #fff;
-    padding: 20px 0;
+    font-size: 1.7em;
+    margin: 0;
 }
 
-header h1 {
-    margin-top: 5px;
-    font-size: 15pt;
-    font-weight: bold;
-    margin-left: 10px;
+.nav-list {
+    color: #fff;
+    display: flex;
+    align-items: center;
 }
 
-nav {
-    padding: 5px;
-    border-radius: 10px;
-    width: 100%;
+.nav-list ul {
     display: flex;
-    justify-content: space-between;
+    justify-content: center;
+    list-style: none;
 }
 
-nav .effect-underline {
-    color: white;
-    text-transform: uppercase;
+.nav-item {
+    margin: 0 15px;
+}
+
+.nav-item a{
     text-decoration: none;
-    letter-spacing: 0.15em;
-    display: inline-block;
-    padding: 8px;
-    position: relative;
+    color: #fff;
+    transition: background-color 0.3s ease;
 }
 
-.effect-underline:after {
-    background: none repeat scroll 0 0 transparent;
-    bottom: 0;
-    content: "";
-    display: block;
-    height: 2px;
-    left: 50%;
-    position: absolute;
-    background: white;
-    transition: width 0.3s ease 0s, left 0.3s ease 0s;
-    width: 0;
+.nav-item a:hover {
+    color: rgb(161, 161, 161);
 }
 
-.effect-underline:hover:after {
-    width: 100%;
-    left: 0;
+.nav-link {
+    text-decoration: none;
+    font-size: 1.15rem;
+    color: #fff;
+    font-weight: 400;
 }
 
-.hamburger-menu {
+.mobile-menu-icon {
     display: none;
-    background: none;
-    border: none;
-    font-size: 30px;
-    color: white;
-    cursor: pointer;
 }
 
-@media (max-width: 768px) {
-    nav .nav-links {
-        display: none;
-        flex-direction: column;
-        position: absolute;
-        top: 60px;
-        right: 0;
-        background-color: #000;
-        width: 100%;
-        text-align: center;
+.mobile-menu {
+    display: none;
+}
+
+@media screen and (max-width: 730px) {
+    .nav-bar {
+        padding: 1.5rem 4rem;
     }
+    .nav-item {
+        display: none;
 
-    nav .nav-links.active {
+    }
+    .mobile-menu-icon {
+        display: block;
+        z-index: 1000;
+    }
+    .mobile-menu-icon button {
+        background-color: transparent;
+        border: none;
+        cursor: pointer;
+
+    }
+    .mobile-menu ul {
         display: flex;
+        flex-direction: column;
+        text-align: center;
+        padding-bottom: 1rem;
     }
-
-    .hamburger-menu {
+    .mobile-menu .nav-item {
         display: block;
+        padding-top: 1.2rem;
+        color: #fff;
     }
-
-    nav .effect-underline {
-        padding: 10px 0;
-        border-bottom: 1px solid #333;
-        color: white;
+    .mobile-menu .login-button {
+        display: block;
+        padding: 1rem 2rem;
     }
-
-    .effect-underline:after {
-        background: none;
+    .mobile-menu .login-button button {
+        width: 100%;
     }
-
-    .effect-underline:hover:after {
-        width: 0;
+    .open {
+        display: block;
     }
 }
 
 /* CARDS DE CARROS */
 #vehicle-list h3 {
+    padding-top: 40px;
     font-size: 2.5em;
     margin-bottom: 30px;
     color: #333;
@@ -138,7 +150,7 @@ nav .effect-underline {
     gap: 20px;
     margin-top: 20px;
 
-    padding: 0;
+    padding: 40px;
 }
 
 .card-item {
@@ -230,6 +242,7 @@ nav .effect-underline {
     font-size: 1.5rem;
     margin-bottom: 40px;
 }
+
 .card-front {
     background-color: #ffffff;
 }
@@ -275,17 +288,20 @@ nav .effect-underline {
 #aluguel-form {
     display: flex;
     flex-direction: column;
-    align-items: center; /* Centraliza os elementos horizontalmente */
+    align-items: center;
+    /* Centraliza os elementos horizontalmente */
 }
 
 .modal {
-    display: none; /* Oculto por padrão */
+    display: none;
+    /* Oculto por padrão */
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
-    background: rgba(0, 0, 0, 0.5); /* Fundo escurecido */
+    background: rgba(0, 0, 0, 0.5);
+    /* Fundo escurecido */
     justify-content: center;
     align-items: center;
     z-index: 1000;
@@ -489,4 +505,4 @@ footer a {
         padding: 10px;
         font-size: 14px;
     }
-}
+}