/* ═══════════════════════════════════════════════
   SELECTOR DE IDIOMA
   ═══════════════════════════════════════════════ */

.lang-switch {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-left: 0;
    padding: 5px 12px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.14);
    backdrop-filter: blur(90px);
    -webkit-backdrop-filter: blur(10px);
}

.lang-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 24px;
  padding: 0;
  border: none;
  border-radius: 3px;
  background: none;
  cursor: pointer;
  opacity: 0.45;
  filter: grayscale(0.7);
  transition: opacity 0.3s ease, filter 0.3s ease, transform 0.3s ease;
}

.lang-btn:hover {
  opacity: 0.85;
  filter: grayscale(0);
}

.lang-btn.active {
  opacity: 1;
  filter: grayscale(0);
  box-shadow: 0 0 0 1.5px var(--rojo, #8E1B1B);
}

.lang-btn:focus-visible {
  outline: 2px solid var(--blanco, #fff);
  outline-offset: 2px;
}

.lang-btn svg {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 2px;
}

/* Bloquea clics mientras el motor de traducción arranca */
.lang-switch.is-busy .lang-btn {
  pointer-events: none;
  opacity: 0.35;
}

@media (max-width: 991px) {
  .lang-switch {
    margin-left: auto;
    margin-right: 1rem;
  }
}

/* ═══════════════════════════════════════════════
   OCULTAR POR COMPLETO LA UI DEL PROVEEDOR
   Barra superior, tooltips, resaltados, iframes,
   logotipos y el desplazamiento que inyecta.
   ═══════════════════════════════════════════════ */

/* El contenedor del motor se oculta con style="display:none" EN EL HTML,
   igual que en almademexicotours.com. No se toca desde aquí: cualquier regla
   con !important sobre #google_translate_element podría interferir con cómo
   el widget se construye. Si no se construye, las banderas no hacen nada. */

/* Estos sí se eliminan por completo: son la interfaz visible del proveedor
   (barra superior, globos, menús, logotipo), no la maquinaria. */
.goog-te-banner-frame,
.goog-te-banner-frame.skiptranslate,
.goog-te-ftab,
.goog-te-ftab-float,
.goog-te-balloon-frame,
.goog-te-menu-frame,
.goog-te-menu-value,
.goog-te-spinner-pos,
.goog-tooltip,
.goog-tooltip:hover,
#goog-gt-tt,
#goog-gt-,
.VIpgJd-ZVi9od-ORHb-OEVmcd,
.VIpgJd-ZVi9od-aZ2wEe-wOHMyf,
.VIpgJd-ZVi9od-aZ2wEe-OiiCO,
.VIpgJd-ZVi9od-l4eHX-hSRGPd,
.VIpgJd-ZVi9od-xl07Ob-OEVmcd,
.VIpgJd-ZVi9od-vH1Gmf-ibnC6b,
iframe.skiptranslate {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  pointer-events: none !important;
}

/* Evita el empuje de 40px que la barra aplica al body */
body,
body.translated-ltr,
body.translated-rtl {
  top: 0 !important;
  position: static !important;
}

/* Quita el resaltado amarillo sobre el texto traducido */
.goog-text-highlight {
  background: none !important;
  box-shadow: none !important;
  border: none !important;
  box-sizing: content-box !important;
}

/* El nombre de marca y el logo nunca se traducen ni se alteran */
.notranslate {
  unicode-bidi: normal;
}