/* Aerotrip — re-skin del wizard de reserva sobre Fluent Forms (form 3).
   Replica lo que en GF vivía scopeado a .gform_wrapper / #gform_wrapper_1. */
.fluentform_wrapper_3 .ff-el-group{margin-bottom:1.1rem}
.fluentform_wrapper_3.rw-on .ff_submit_btn_wrapper{display:none!important}
.fluentform_wrapper_3 .ff-el-input--label label{font-family:var(--f-mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:600;margin-bottom:.4rem}
.fluentform_wrapper_3 .ff-el-form-control{border:1.5px solid var(--line-2)!important;border-radius:var(--r)!important;background:var(--paper)!important;padding:.72em .9em!important;font-family:var(--f-body)!important;font-size:1rem!important;color:var(--ink)!important;width:100%!important;box-shadow:none!important;min-height:auto!important}
.fluentform_wrapper_3 .ff-el-form-control:focus{border-color:var(--orange)!important;box-shadow:0 0 0 3px rgba(242,106,27,.16)!important;outline:none!important}
.fluentform_wrapper_3 .ff-el-form-check{display:inline-flex;align-items:center;margin:.15rem 1.3rem .15rem 0}
.fluentform_wrapper_3 .ff-el-form-check-label{font-family:var(--f-body);color:var(--ink);cursor:pointer;display:inline-flex;align-items:center;gap:.45em}
.fluentform_wrapper_3 .ff-el-form-check-input{accent-color:var(--orange);width:18px;height:18px;cursor:pointer}
.fluentform_wrapper_3 .rw-btn{font-family:var(--f-display);font-weight:700;font-size:.92rem;letter-spacing:.02em;text-transform:uppercase;padding:.95em 1.7em;border-radius:100px;background:var(--orange);color:#fff;border:0;cursor:pointer;display:inline-flex;align-items:center;gap:.5em;transition:transform .18s var(--ease-out),box-shadow .25s var(--ease-out)}
.fluentform_wrapper_3 .rw-btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px -12px rgba(242,106,27,.6)}
.fluentform_wrapper_3 .rw-ghost{background:transparent;color:var(--ink);border:1.5px solid var(--line-2)}
.fluentform_wrapper_3 .rw-ghost:hover{box-shadow:none;border-color:var(--ink)}
.fluentform_wrapper_3 .rw-btn .rw-ico-img,.fluentform_wrapper_3 .rw-next-i img{width:1.05em;height:1.05em;display:inline-block;vertical-align:middle}
.fluentform_wrapper_3.rw-on .rw-field.rw-bad .ff-el-form-control{border-color:var(--red)!important;box-shadow:0 0 0 3px rgba(224,30,38,.12)!important}
.fluentform_wrapper_3 .rw-errmsg{color:var(--red);font-family:var(--f-mono);font-size:.72rem;margin-top:.35rem}
.rw-bp .rw-bp-h{color:#fff!important}
.rw-bp .rw-bp-grid b{color:#fff!important}
.rw-bp .rw-bp-note,.rw-bp .rw-bp-top{color:#fff}
.fluentform_wrapper_3 .ff-message-success,.fluentform_wrapper_3 .ff_submit_success{background:transparent!important;border:0!important;padding:0!important;color:inherit!important}

/* ===================================================================
   Port pendiente desde Gravity Forms (2026-08-20)
   En styles.css quedaron ~43 reglas scopeadas a #gform_wrapper_1, que
   ya no existe en el DOM desde que se desinstaló Gravity Forms. Estas
   son las que no tenían equivalente y dejaron el wizard a medio vestir.
   =================================================================== */

/* El campo de pasajeros se opera con los chips que arma el JS; el input
   numérico de Fluent Forms queda como respaldo si el JS no cargó, pero
   no debe verse cuando sí lo hizo (era el "textbox fantasma"). */
.fluentform_wrapper_3.rw-on .rw-paxfield input[type=number]{display:none!important}

/* Franja horaria: pastillas, igual que en la ficha de producto (.atbk-franjaopt)
   y que el toggle de grupo que va justo arriba en el mismo paso. Fluent Forms
   pinta sus propios círculos de radio con ::before/::after sobre el span, así
   que hay que apagarlos. */
.fluentform_wrapper_3 .rw-franja .ff-el-input--content{display:flex;gap:.5rem}
.fluentform_wrapper_3 .rw-franja .ff-el-form-check{flex:1;margin:0;display:block}
.fluentform_wrapper_3 .rw-franja .ff-el-form-check-label{display:block;cursor:pointer;gap:0}
.fluentform_wrapper_3 .rw-franja .ff-el-form-check-input{position:absolute;opacity:0;width:0;height:0;margin:0;pointer-events:none}
.fluentform_wrapper_3 .rw-franja .ff-el-form-check label.ff-el-form-check-label>span{display:flex;align-items:center;justify-content:center;height:44px;padding:0 .6rem;border:1.5px solid var(--line-2);border-radius:12px;font-family:var(--f-display);font-weight:600;color:var(--ink);transition:all .16s var(--ease-out)}
.fluentform_wrapper_3 .rw-franja .ff-el-form-check label.ff-el-form-check-label>span::before,
.fluentform_wrapper_3 .rw-franja .ff-el-form-check label.ff-el-form-check-label>span::after{display:none!important;content:none!important}
.fluentform_wrapper_3 .rw-franja .ff-el-form-check-input:checked+span{background:var(--grad);border-color:transparent;color:#fff;box-shadow:0 8px 20px -10px rgba(242,106,27,.6)}
.fluentform_wrapper_3 .rw-franja .ff-el-form-check-input:focus-visible+span{outline:2px solid var(--orange);outline-offset:2px}

/* Teléfono: intl-tel-input mete la bandera en position:absolute dentro del
   campo. Sin el padding izquierdo el número arranca debajo de la bandera. */
.fluentform_wrapper_3 .iti{width:100%;display:block}
.fluentform_wrapper_3 .iti input{width:100%}
.fluentform_wrapper_3 .iti input.ff-el-form-control{padding-left:52px!important}
.fluentform_wrapper_3 .iti__country-list{z-index:5;text-align:left}

/* Evita el flash del formulario crudo de Fluent Forms antes de que el JS
   arme el wizard. El keyframe es el failsafe: si el JS nunca corre, a los
   2,5s el formulario aparece igual en vez de quedarse invisible. */
.fluentform_wrapper_3{opacity:0}
.fluentform_wrapper_3.rw-on{opacity:1;transition:opacity .3s var(--ease-out)}
@keyframes rw-reveal-ff{to{opacity:1}}
.fluentform_wrapper_3:not(.rw-on){animation:rw-reveal-ff .01s linear 2.5s forwards}
@media(prefers-reduced-motion:reduce){.fluentform_wrapper_3.rw-on{transition:none}}

/* Nota al pie de la pantalla de revisión: aclara si el siguiente paso cobra
   (pago directo) o si es solo una solicitud de disponibilidad (cotización). */
.rw-review-note{margin:.9rem 0 0;font-size:.82rem;line-height:1.45;color:var(--ink-soft)}