/* Capa de arreglos de diseño y UX de weflyteotihuacan.com (auditoría del 9-oct-2026).
   Un solo archivo para todo el sitio (no checkout). Para revertir: quitar el <link> y el <script> de ux. */

/* Fotos: ninguna imagen de contenido se deforma (antes hasta 20 % con object-fit:fill). */
.image-wrapper img, .item-img img, .item-wrapper img, .mbr-figure img, .img-wrapper img { object-fit: cover; }

/* iOS hace zoom al enfocar campos de menos de 16 px. */
input, select, textarea { font-size: max(16px, 1em); }

/* Estrellas visibles sobre blanco (antes #F5A623, 2,03:1). */
.wft-stars, .wft-rating-stars { color: #B45309; }

@media (max-width: 991px) {
  /* Navegación fija: 140 px transparentes que tapaban títulos → 64 px con fondo sólido. */
  nav.navbar.navbar-fixed-top { min-height: 64px !important; height: auto !important; padding: 0 !important; background: #17003B !important; box-shadow: 0 2px 12px rgba(0,0,0,.25); }
  nav.navbar.navbar-fixed-top > .container-fluid { padding-top: 8px !important; padding-bottom: 8px !important; min-height: 64px; align-items: center; }
  nav.navbar.navbar-fixed-top .navbar-buttons .btn { min-height: 44px; padding: 10px 18px !important; font-size: 15px !important; margin: 0 !important; border-radius: 12px !important; }
  nav.navbar.navbar-fixed-top .navbar-buttons { margin: 0 !important; }
  nav.navbar.navbar-fixed-top .navbar-toggler { min-width: 44px; min-height: 44px; }

  /* Selector de idioma: plegado al idioma actual; se despliega hacia arriba al tocarlo. */
  .wft-lang-switch { flex-direction: column-reverse !important; padding: 4px !important; }
  .wft-lang-switch a { min-width: 44px; min-height: 44px; display: flex !important; align-items: center; justify-content: center; font-size: 13px !important; padding: 0 !important; }
  .wft-lang-switch:not(.is-open) a:not([aria-current="true"]) { display: none !important; }

  /* Botón flotante de reserva: entre el idioma (izquierda) y WhatsApp (derecha), sin encimarse. */
  .wft-fab { left: 72px !important; right: 88px !important; transform: none !important; justify-content: center; white-space: nowrap; max-width: 260px; margin: 0 auto; min-height: 48px; }
  .wft-fab:hover, .wft-fab:focus-visible { transform: none !important; }
  .wft-fab.wft-ux-hide { opacity: 0; pointer-events: none; visibility: hidden; }
}

/* Botones naranjas con contraste suficiente con texto blanco (antes #FF5A1F, 3,12:1). */
.wft-fab { background: #C2410C !important; }
.wft-fab:hover, .wft-fab:focus-visible { background: #9A3412 !important; }

/* Galería final de la home: dos columnas en móvil y un botón de reserva al final (antes una columna de unas 8 pantallas sin CTA). */
.wft-ux-endcta { text-align: center; padding: 28px 16px 40px; }
.wft-ux-endcta a { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 12px 28px; border-radius: 12px; background: #C2410C; color: #fff !important; font-weight: 800; text-decoration: none; }
.wft-ux-endcta a:hover { background: #9A3412; }
@media (max-width: 599px) {
  .wft-masonry { columns: 2 !important; column-gap: 8px !important; }
  .wft-masonry .wft-tile { margin-bottom: 8px !important; }
}

/* Botón de reserva en el hero de todas las fichas de tour (antes solo 4 de 52 lo tenían; en la de propuesta el primero estaba a 2,232 px en móvil). */
.wft-cta-hero{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;margin:1.1rem 0 .25rem}
.wft-cta-hero .wft-cta{font-size:1.05rem;width:100%;max-width:26rem}
.wft-cta-hero__note{font-size:.82rem;color:#0f766e;font-weight:700}