.language-selector {
  /* Centraliza o grupo de botões horizontalmente */
  display: flex;
  justify-content: center;
  margin: 20px auto;
}

.language-selector ul {
  list-style: none;
  padding: 0;
  margin: 0;
  /* Empilha verticalmente */
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
}

.language-selector li {
  /* Garante que cada <li> tenha o mesmo tamanho do botão */
  width: 200px;
}

.language-selector button {
  /* Tamanho uniforme */
  width: 100%;
  height: 40px;
  /* Centraliza o texto dentro do botão */
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;

  /* Estilo visual */
  border: none;
  border-radius: 5px;
  background: linear-gradient(145deg, #667eea, #764ba2);
  color: #fff;
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.3s;
}

h1 {
  margin-top: 120px;
  text-align: center;
}

/* Margem superior maior só no primeiro botão */
.language-selector ul li:first-child button {
  margin-top: 20px;
}

.language-selector button:hover {
  background: linear-gradient(145deg, #667eea, #764ba2);
}

/* Modo Dark */
body.dark-mode .language-selector button {
  background: linear-gradient(145deg, #667eea, #764ba2);
}

@media (max-width: 768px) {
  .language-selector {
    /* Mantém centralizado em dispositivos menores */
    margin: 20px auto;
  }

  .language-selector li {
    width: 160px;
    /* ajusta largura no mobile */
  }

  .language-selector button {
    height: 36px;
    /* ajusta altura no mobile */
    font-size: 0.9em;
  }
}

/* ———————————————— */
/* (todo o seu CSS existente…) */
/* ———————————————— */

/* ======================= */
/* Estilos para o Seletor */
/* ======================= */
.language-selector {
  display: flex;
  justify-content: center;
  margin: 20px auto;
}
.language-selector ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
}
.language-selector li {
  width: 200px;
}
.language-selector button {
  width: 100%;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  border: none;
  border-radius: 5px;
  background: linear-gradient(145deg, #667eea, #764ba2);
  color: #fff;
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.3s;
}
.language-selector ul li:first-child button {
  margin-top: 20px;
}
.language-selector button:hover {
  background: linear-gradient(145deg, #556cd6, #5a3d7a);
}
h1 {
  margin-top: 120px;
  text-align: center;
}

/* ———————————————— */
/* Hide do Google Translate UI */
/* ———————————————— */
#google_translate_element { display: none !important; }
.goog-te-banner-frame.skiptranslate { display: none !important; }
.goog-te-gadget-icon { display: none !important; }
.goog-te-combo { display: none !important; }

/* ======================= */
/* Responsivo */
/* ======================= */
@media (max-width: 768px) {
  .language-selector {
    margin: 20px auto;
  }
  .language-selector li {
    width: 160px;
  }
  .language-selector button {
    height: 36px;
    font-size: 0.9em;
  }
}