/* Estilos personalizados para mobile */
#google_translate_element {
  overflow: hidden;
}

/* En móviles: centrado y con margen */
@media (max-width: 767px) {
  .translate-wrapper {
    text-align: center !important;
    margin-bottom: 15px;
  }

  #google_translate_element {
    display: inline-block;
  }

  /* Ajustar el selector de Google Translate en móviles */
  .goog-te-gadget {
    font-size: 14px !important;
  }

  .goog-te-combo {
    font-size: 14px !important;
    padding: 5px;
    width: 100%;
    max-width: 250px;
  }
}

/* En tablets y escritorio: alineado a la derecha */
@media (min-width: 768px) {
  .translate-wrapper {
    text-align: right;
  }
}
body {
        top: 0 !important;
        position: relative !important;
    }
/* Opcional: Reducir el padding superior de la barra de Google Translate */
/* .goog-te-banner-frame {
  display: none !important;
} */

/* Compensar el espacio de la barra si aparece */
body.translated {
  padding-top: 40px;
}

#google_translate_element_container {
  display: flex !important;
}

#google_translate_element_container-mbl {
  display: block !important;
}

@media (max-width: 991px) {
  #google_translate_element_container {
    display: none !important;
  }

  #google_translate_element_container-mbl {
    display: block !important;
  }
}

@media (max-width: 475px) {
  #google_translate_element_container {
    display: none !important;
  }

  #google_translate_element_container-mbl {
    display: block !important;
  }
}

@media (max-width: 375px) {
  #google_translate_element_container {
    display: none !important;
  }

  #google_translate_element_container-mbl {
    display: block !important;
  }
}
/* 
.skiptranslate {
  bottom: 0 !important;
  top: auto !important;
} */