 * {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
     scroll-behavior: smooth;
 }

 body {
     font-family: Arial, sans-serif;
     background: #000;
     scroll-behavior: smooth;
 }

 /* Navbar */
 .nav--container {
     display: flex;
     justify-content: space-between;
     align-items: center;
     padding: 15px 30px;
     background: #000;
     color: white;


     position: sticky;
     top: 0;
     z-index: 999;
 }

 /* Logo */
 .nav--logo {
     font-weight: bold;
     font-size: 1.2rem;
     color: #facc15;
     /* Amarelo */
 }

 .nav--logo>img {
     height: 60px;
     width: auto;
 }

 /* Menu */
 .nav--menu {
     display: flex;
     gap: 25px;
     list-style: none;
 }

 .nav--menu li a {
     text-decoration: none;
     color: white;
     transition: 0.3s;
     display: block;
     padding: 8px 0;
 }

 .nav--menu li a:hover {
     color: #facc15;
 }

 /* Botão Desktop */
 .nav--btn-desktop {
     background: #facc15;
     color: black;
     padding: 8px 18px;
     border-radius: 8px;
     text-decoration: none;
     font-weight: 500;
     transition: 0.3s;
 }

 .nav--btn-desktop:hover {
     background: #eab308;
 }

 /* Ícone hamburguer */
 .nav--hamburger {
     display: none;
     flex-direction: column;
     cursor: pointer;
     gap: 5px;
 }

 .nav--hamburger span {
     width: 25px;
     height: 3px;
     background: white;
     border-radius: 2px;
     transition: 0.3s;
 }

 /* Botão Mobile (li inteiro pintado) */
 .nav--btn-mobile {
     width: 100%;
     background: #facc15;
     text-align: center;
     border-radius: 0;
 }

 .nav--btn-mobile a {
     color: white !important;
     font-weight: bold;
     display: block;
     width: 100%;
     padding: 12px 0;
 }

 .nav--btn-mobile a:hover {
     background: #eab308;
 }

 /* Menu Mobile */
 @media (max-width: 768px) {
     .nav--menu {
         position: absolute;
         top: 80px;
         left: 0;
         width: 100%;
         background: #111;
         flex-direction: column;
         align-items: center;
         gap: 0;
         display: none;
     }

     .nav--menu.nav--active {
         display: flex;
     }

     .nav--hamburger {
         display: flex;
     }

     /* Esconde botão desktop */
     .nav--btn-desktop {
         display: none;
     }

     /* Mostra botão mobile */
     .nav--btn-mobile {
         display: block;
     }
 }

 /* Fora do mobile, esconde botão mobile */
 @media (min-width: 769px) {
     .nav--btn-mobile {
         display: none;
     }
 }



 .address {
     background: #facc15;
     color: white;
     text-align: center;
     padding: 0px 0;
     font-size: 0.8em;
     font-weight: bold;
     display: flex;
     justify-content: center;
     align-items: center;
     bottom: 0;
     width: 100%;
     z-index: 998;
 }