/* Estilo base para o menu */
    .menu {
      background-color: #333;
      padding: 10px 0;
      position: relative;
    }

    .menu-toggle {
      display: none; /* Esconde o botão hamburguer no computador */
      font-size: 24px;
      color: white;
      cursor: pointer;
      padding: 10px;
    }

    .menu-items {
      display: flex;
      justify-content: space-around;
      list-style: none;
      margin: 0;
      padding: 0;
    }

    .menu-items li {
      margin: 0 15px;
    }

    .menu-items a {
      color: white;
      text-decoration: none;
      font-size: 16px;
    }

    /* Estilos para telas menores */
    @media (max-width: 768px) {
      .menu-toggle {
        display: block; /* Mostra o botão hamburguer */
      }

      .menu-items {
        display: none; /* Esconde o menu por padrão */
        flex-direction: column; /* Alinha os itens verticalmente */
        position: absolute;
        top: 50px;
        left: 0;
        width: 100%;
        background-color: #333;
        z-index: 1000;
      }

      .menu-items.active {
        display: flex; /* Mostra o menu quando ativado */
      }

      .menu-items li {
        margin: 10px 0;
        text-align: center;
      }
    }