.elementor-7331 .elementor-element.elementor-element-1445cab7{--display:flex;}.elementor-7331 .elementor-element.elementor-element-109923ba{transition:all 400ms;}.elementor-7331 .elementor-element.elementor-element-fe8c262{transition:all 400ms;}/* Start custom CSS for container, class: .elementor-element-1445cab7 *//* 1) Evita overflow horizontal global del bloque */
.ffvuelos-wrap,
.ffvuelos-box,
.ffvuelos-carousel {
  max-width: 100%;
  width: 100%;
  overflow: hidden;       /* corta cualquier desborde accidental */
  box-sizing: border-box;
}

/* 2) El carrusel SI puede overflow-x, pero controlado */
.ffvuelos-cards {
  max-width: 100%;
  width: 100%;
  display: flex;
  gap: 10px;
  overflow-x: auto;       /* scroll horizontal dentro del carrusel */
  overflow-y: hidden;
  padding: 6px 2px;
  box-sizing: border-box;

  /* suaviza y evita que “ensanche” por scrollbar/children */
  -webkit-overflow-scrolling: touch;
  scrollbar-gutter: stable both-edges;
}

/* 3) Las tarjetas nunca pueden exceder el viewport */
.ffvuelos-card {
  flex: 0 0 auto;
  width: min(320px, 85vw);   /* <-- clave: limita a viewport */
  max-width: 85vw;
  box-sizing: border-box;

  /* Por si algún theme mete min-width raro */
  min-width: 240px;
}

/* 4) Evita que texto largo fuerce ancho */
.ffvuelos-card-title,
.ffvuelos-card-meta,
.ffvuelos-pill {
  max-width: 100%;
  overflow: hidden;
}

/* Título: permite salto de línea, incluso en textos “sin espacios” */
.ffvuelos-card-title {
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* Meta: también */
.ffvuelos-card-meta {
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* 5) Pills: que puedan partir si hace falta (o queden en línea) */
.ffvuelos-pill {
  display: inline-flex;
  max-width: 100%;
  white-space: nowrap;
}

/* 6) (opcional) Previene overflow horizontal general del formulario */
.fluentform, .frm-fluent-form, form[id^="fluentform_"] {
  max-width: 100%;
  overflow-x: hidden;
}/* End custom CSS */