/* Fontes */
@font-face {
  font-family: 'Neufile Grotesk Light';
  src: url('../tipografia/TIPOGRAFIA/letter_omega_typefoundry_-_neufile_grotesk_light_extended-webfont.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Neufile Grotesk Regular';
  src: url('../tipografia/letter_omega_typefoundry_-_neufile_grotesk_regular_extended-webfont.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Neufile Grotesk Semi Bold';
  src: url('../tipografia/letter_omega_typefoundry_-_neufile_grotesk_semibold_extended-webfont.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Neufile Grotesk Bold';
  src: url('../tipografia/letter_omega_typefoundry_-_neufile_grotesk_bold_extended-webfont.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Neufile Grotesk Extra Bold';
  src: url('../tipografia/letter_omega_typefoundry_-_neufile_grotesk_extrabold_extended-webfont.woff2') format('woff2');
  font-weight: 800;
  font-style: normal;
}

/* Reset */
* {
  box-sizing: border-box;
  background-color: #F3E4DD;
}

html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  font-family: 'Neufile Grotesk Regular', sans-serif;
  font-weight: 400;
  color: #272727;
}

/* Botões de idioma - estilo geral */
.idioma-botoes {
  display: flex;
  gap: 10px;
}

.idioma-botao {
  all: unset;
  font-size: 2vw;
  font-family: "Neufile Grotesk Regular", sans-serif;
  color: grey;
  margin: 0;
  cursor: pointer;
  user-select: none;
  transition: color 0.3s;
}

.idioma-botao.ativo {
  color: black;
}

/* Esconde ambos por padrão */
.idioma-banner,
.idioma-footer {
  display: none;
}
@media (max-width: 768px) {
  .idioma-banner {
    display: flex;
    position: absolute;
    top: 105%;
    right: 7%;
    align-items: center;
  }
  .idioma-banner .idioma-botao {
    font-size: clamp(14px, 2vw, 24px);
  }
}
  
/* Desktop (banner) */
@media (min-width: 768px) {
  .idioma-banner {
    display: flex;
    position: absolute;
    top: 45%;
    left: 3%;
    transform: translate(-50%, -50%);
    flex-direction: column;
    align-items: center;
  }

  .idioma-footer {
    display: none;
  }

  .idioma-banner .idioma-botao {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    font-size: clamp(14px, 2vw, 24px);
  }
}

/* Mobile (footer) */
@media (max-width: 767px) {
  .footer-bottom {
    position: relative; /* Referência para posicionamento absoluto */
  }

  .idioma-footer {
    display: flex;
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    gap: 10px;
    align-items: center;
    font-size: clamp(14px, 4vw, 18px);
    font-family: "Neufile Grotesk Regular", sans-serif;
    z-index: 10;
    margin-bottom: 10%;
  }

  .idioma-footer .idioma-botao {
    all: unset;
    cursor: pointer;
    color: grey;
    transition: color 0.3s;
  }

  .idioma-footer .idioma-botao.ativo {
    color: black;
  }

  .idioma-banner {
    /* display: none; */
  }
}

/* Ajuste para telas muito pequenas */
@media (max-width: 500px) {
  .idioma-footer {
    font-size: 4vw;
  }
}