@charset "UTF-8";
/* Botão completo */
#toggle-lang {
  position: absolute;
  top: 75px;
  right: 0px;
  display: flex;
  align-items: center;
  /* Centraliza tudo verticalmente */
  justify-content: center;
  gap: 10px;
  background: #666666;
  height: 40px;
  padding: 0 12px;
  border-radius: 30px;
  border: 1px solid #333;
  cursor: pointer;
  transition: 0.2s ease; }

/* Bandeiras */
#toggle-lang img {
  width: 22px;
  height: 22px;
  border-radius: 3px;
  object-fit: cover;
  opacity: 0.5;
  transition: 0.2s ease; }

#toggle-lang img.active {
  opacity: 1; }

/* Slider */
#toggle-lang .slider {
  width: 38px;
  height: 20px;
  background: #dcdcdc;
  border-radius: 20px;
  display: flex;
  /* Centraliza verticalmente */
  align-items: center;
  justify-content: flex-start;
  position: relative;
  transition: 0.25s ease;
  margin: auto; }

/* Bolinha */
#toggle-lang .slider::after {
  content: "";
  width: 14px;
  height: 14px;
  background: #0080ff;
  border-radius: 50%;
  position: absolute;
  left: 3px;
  /* Posição padrão: ES */
  transition: 0.25s ease; }

/* Quando for português, mover para direita */
#toggle-lang.pt .slider::after {
  left: 21px; }

/* Quando ES, manter à esquerda */
#toggle-lang.es .slider::after {
  left: 3px; }

#toggle-lang {
  z-index: 9999; }

@media (max-width: 1024px) {
  #toggle-lang {
    top: 2px !important;
    height: 30px; } }