.nav-flags {
  display: flex;
  gap: 0 10px;
  align-items: center;

}

.nav-flags li {
  text-indent: -9999px;
  position: relative;
}
.nav-flags li a {
  width: 28px;
  height: 28px;
  background-size: contain;
  display: block;
  filter: grayscale(100%);
}
.nav-flags li a:hover {
  filter: grayscale(0%);
}
.nav-flags li.current-lang a {
  filter: grayscale(0);
}
.nav-flags .lang-item-6 a {
  background-image: url(../img/flag-br.svg);
  
}
.nav-flags .lang-item-9 a {
  background-image: url(../img/flag-eua.svg);
  
}
.nav-flags .lang-item-13 a {
  background-image: url(../img/flag-es.svg);
  
}

@media(max-width: 992px) {
  .nav-flags.desktop {
    display: none;
  }
  .nav-flags li a {
    width: 34px;
    height: 34px;
  }
}
@media(max-width: 1200px) {
  .nav-desktop ul {
    gap: 0 20px;
  }
}