/* Dispositivos Pequenos */
/* @media screen and (max-width: 320px) {
  .navbar-container {
    flex-direction: column;
    width: 80%;
  }

  .navbar-container img {
    width: 80%;
    height: auto;
  }

  .nav-link {
    padding-bottom: 0;
  }

  .nav-link svg {
    display: block;
    width: 24px;
  }

  .nav-link h2 {
    display: none;
  }

  .presentation-container h1 {
    font-size: 16px;
  }
} */

@media screen and (max-width: 480px) {
  .navbar-container {
    flex-direction: column; /* Empilha os nomes e a logo */
    align-items: center;
    gap: 15px; /* Adiciona um espaço entre eles */
  }

  .navbar-container img {
    width: 60vw; /* Ajusta o tamanho da logo no celular */
    order: 2;    /* Joga a logo para baixo dos nomes */
  }

  .navbar-container > div {
    display: flex;
    justify-content: center;
    flex-wrap: wrap; /* Se os nomes forem grandes, eles quebram linha em vez de sumir */
    gap: 10px;
    order: 1; /* Garante que os nomes fiquem em cima */
  }

  .nav-link {
    padding-bottom: 0;
    text-decoration: none;
  }

  /* ESCONDE O ÍCONE */
  .nav-link svg {
    display: none !important;
  }

  /* MOSTRA O NOME NORMALMENTE */
  .nav-link h2 {
    display: block !important;
    font-size: 0.9rem !important; /* Tamanho menor para caber todos os nomes lado a lado */
    margin: 0;
    white-space: nowrap; /* Impede que uma palavra só quebre ao meio */
  }

  .presentation-container h1 {
    font-size: 25px;
  }
}