/* Buscador de vuelos de la home en una barra horizontal (2026).
   Solo CSS: reordena con flex el HTML de Controls/<sitio>/FlightSearch.ascx sin tocar ids, inputs ni JS.
   Se enlaza desde el <head> de Flight/<sitio>/Default.aspx, así que solo afecta a la home. */
:root { --bk-acento: #F7941D; --bk-titulo: #0b5ca8; --bk-boton: #1aa3d9; --bk-borde: #c9c9c9; }

@media screen and (min-width: 40em) {
    /* Hero: slider arriba, buscador en medio y los puntos del slider debajo del buscador.
       La columna del slider y .unslider pasan a display:contents para poder ordenar .my-slider y .unslider-nav por separado. */
    .defaultBackground > .row { display: flex; flex-wrap: wrap; }
    .defaultBackground > .row > .large-7, .defaultBackground .unslider { display: contents; } /* en <64em sigue oculto por .show-for-large */
    .defaultBackground .my-slider { order: 1; flex: 0 0 100%; margin-bottom: 1.5rem; height: 230px !important; } /* unslider pone 600px en línea en cada slide */
    .defaultBackground .my-slider li.slides { height: 230px !important; }
    .defaultBackground > .row > .large-5 { order: 2; flex: 0 0 100%; max-width: 100%; }
    .defaultBackground .unslider-nav { order: 3; flex: 0 0 100%; margin-top: 1rem; }
}

/* Tarjeta */
.defaultBackground > .row > .large-5 {
    background: rgba(240,240,240,.95); border-radius: 12px; padding: 0; overflow: hidden;
    box-shadow: 0 4px 14px rgba(0,0,0,.25);
}
.defaultBackground .section-title {
    margin: 0; padding: .55rem 1rem; background: transparent; border-bottom: 3px solid var(--bk-acento);
    color: var(--bk-titulo); font-size: 1.35rem; font-weight: 700; display: flex; align-items: center; gap: .5rem;
}
.defaultBackground .section-title::before { /* avión */
    content: ""; width: 34px; height: 18px; flex: none; opacity: .6;
    background: no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23555' d='M2.5 19h19v2h-19zm19.57-9.36c-.21-.8-1.04-1.28-1.84-1.06L14.92 10 8 3.57l-1.93.51 4.14 7.17-4.97 1.33-1.97-1.54-1.45.39 2.59 4.49L21 11.49c.81-.23 1.28-1.05 1.07-1.85z'/%3E%3C/svg%3E");
}

/* El formulario: todo en una línea flexible (dos filas en escritorio) */
.defaultBackground #nxtFlightSearch { display: flex; flex-wrap: wrap; align-items: flex-end; gap: .75rem 1rem; padding: 1rem; }
.defaultBackground #nxtFlightSearch > .row,
.defaultBackground #nxtFlightSearch > .row > .column,
.defaultBackground .nxtFlightSearchWrapper,
.defaultBackground .nxtFlightSearchWrapper > .row,
.defaultBackground #divSimpleTripForm,
.defaultBackground #divSimpleTripForm > .row,
.defaultBackground .nxtFlightSearchWrapper .bottomPanel,
.defaultBackground .nxtFlightSearchWrapper .bottomPanel > .column { display: contents; }
.defaultBackground #nxtFlightSearch .row::before,
.defaultBackground #nxtFlightSearch .row::after { display: none; } /* el clearfix de Foundation se volvería un hueco del flex */
.defaultBackground .nxtFlightSearchWrapper .columns { padding: 0; width: auto; float: none; max-width: none; }
.defaultBackground .nxtFlightSearchWrapper .columns:not(:has(*)),
.defaultBackground .nxtFlightSearchWrapper > .clearfix,
.defaultBackground .nxtFlightSearchWrapper > .hr { display: none; }

/* Fila 1: tipo de viaje | pasajeros | Sólo Business ... */
.defaultBackground #nxtFlightSearch > .row:first-child .button-group { order: 1; margin: 0; display: flex; flex: none; border: 1px solid var(--bk-borde); border-radius: 4px; background: #fff; }
.defaultBackground .switch-toggle.button {
    margin: 0; padding: 0 .9rem; height: 38px; line-height: 38px; width: auto; border: 0; border-radius: 0;
    flex: none; white-space: nowrap; background: #fff; color: #333; font-size: .95rem; font-weight: normal; box-shadow: none; width: auto !important; overflow: visible;
}
.defaultBackground .switch-toggle.button.inactive { background: #fff; color: #333 !important; } /* hay un color:#fff !important en .button2 */
.defaultBackground .switch-toggle.button:not(.inactive) { background: var(--bk-titulo); color: #fff !important; }
.defaultBackground .switch-toggle.button + .switch-toggle.button { border-left: 1px solid var(--bk-borde); }
.defaultBackground .switch-toggle.button:first-child { border-radius: 3px 0 0 3px; }
.defaultBackground .switch-toggle.button:last-child { border-radius: 0 3px 3px 0; }

.defaultBackground .nxtFlightSearchWrapper .columns:has(.paxCount) { order: 2; flex: 0 0 90px; }
.defaultBackground .nxtFlightSearchWrapper .columns:has(.switch) { order: 3; display: flex; flex-direction: row-reverse; align-items: center; gap: .5rem; height: 38px; margin-left: .5rem; }

/* Salto de línea entre la fila 1 y la fila 2 */
.defaultBackground #nxtFlightSearch::after { content: ""; order: 4; flex-basis: 100%; height: 0; }

/* Fila 2: origen | destino | salida | regreso | Buscar */
.defaultBackground #divSimpleTripForm .columns:has(.airport) { order: 5; flex: 1 1 200px; }
.defaultBackground #divSimpleTripForm .columns:has(.flightDate) { order: 6; flex: 0 1 170px; }
.defaultBackground #divMultiTripForm { order: 6; flex: 0 0 100%; } /* solo visible en multitrayecto, cuando el formulario simple está oculto */
.defaultBackground .nxtFlightSearchWrapper .bottomPanel .button { order: 7; }
.defaultBackground .nxtFlightSearchWrapper #error { order: 8; flex: 0 0 100%; }

/* Multitrayecto: cada trayecto en una línea (origen | destino | fecha) */
.defaultBackground #legs .multileg:not([style*="none"]) { display: grid !important; } /* jQuery le pone display:block en línea */
.defaultBackground #legs .multileg { grid-template-columns: 1fr 1fr 170px; column-gap: 1rem; margin-bottom: .5rem; }
.defaultBackground #legs .multileg > strong, .defaultBackground #legs .multileg > .hr { grid-column: 1 / -1; }
.defaultBackground #legs .multileg > br { display: none; }
.defaultBackground #legs .multileg > label { grid-row: 2; }
.defaultBackground #legs .multileg > input[type=text] { grid-row: 3; }
.defaultBackground #divMultiTripForm > .row { display: flex; justify-content: space-between; margin: 0; }
.defaultBackground #divMultiTripForm > .row > .columns { flex: none; width: auto; padding: 0; }
.defaultBackground #divMultiTripForm .button2 {
    height: auto; margin: 0; padding: .45rem 1rem; border: 0; border-radius: 4px; box-shadow: none;
    background: var(--bk-titulo); font-size: .9rem; font-weight: normal;
}

/* Controles */
.defaultBackground .nxtFlightSearchWrapper label { margin: 0 0 .15rem; color: #666; font-size: .8rem; line-height: 1.2; }
.defaultBackground .nxtFlightSearchWrapper input[type=text],
.defaultBackground .nxtFlightSearchWrapper select {
    height: 38px; margin: 0; border: 1px solid var(--bk-borde); border-radius: 4px; background-color: #fff; box-shadow: none; font-size: .95rem;
}
.defaultBackground .nxtFlightSearchWrapper .bottomPanel .button {
    width: auto; height: 38px; margin: 0 0 0 auto; padding: 0 1.4rem; border-radius: 6px; background: var(--bk-boton);
    font-size: 1.1rem; font-weight: 700; line-height: 38px;
}
.defaultBackground .nxtFlightSearchWrapper .bottomPanel .button:hover { filter: brightness(.92); }
/* "Buscar vuelos" -> "Buscar" (el texto viene del LinkButton; en italiano es "Ricerca voli" y se deja) */
.defaultBackground .nxtFlightSearchWrapper .bottomPanel .button[id$="btnSearch"]:not(:lang(it)) { font-size: 0; }
.defaultBackground .nxtFlightSearchWrapper .bottomPanel .button[id$="btnSearch"]:not(:lang(it))::before { content: "Buscar"; font-size: 1.1rem; }

/* "Sólo Business": el interruptor se ve como una casilla */
.defaultBackground .nxtFlightSearchWrapper .columns:has(.switch) label.small { margin: 0; color: #333; font-size: .95rem; }
.defaultBackground .nxtFlightSearchWrapper .switch { margin: 0; height: 22px; }
.defaultBackground .nxtFlightSearchWrapper .switch-paddle { width: 22px; height: 22px; border: 1.5px solid #777; border-radius: 4px; background: #fff; }
.defaultBackground .nxtFlightSearchWrapper .switch-paddle::after { display: none; }
.defaultBackground .nxtFlightSearchWrapper .switch-input:checked + .switch-paddle { background: var(--bk-titulo); border-color: var(--bk-titulo); }
.defaultBackground .nxtFlightSearchWrapper .switch-input:checked + .switch-paddle::before { content: "\2713"; position: absolute; inset: 0; color: #fff; font-size: 15px; line-height: 19px; text-align: center; }
.defaultBackground .nxtFlightSearchWrapper .switch-active, .defaultBackground .nxtFlightSearchWrapper .switch-inactive { display: none; }

/* Móvil: un campo por línea */
@media screen and (max-width: 39.9375em) {
    .defaultBackground #divSimpleTripForm .columns:has(.airport),
    .defaultBackground #divSimpleTripForm .columns:has(.flightDate),
    .defaultBackground .nxtFlightSearchWrapper .bottomPanel .button { flex: 1 1 100%; }
    .defaultBackground .nxtFlightSearchWrapper .columns:has(.paxCount) { flex: 1 1 0; }
    .defaultBackground #nxtFlightSearch > .row:first-child .button-group { flex: 1 1 100%; }
    .defaultBackground .switch-toggle.button { flex: 1; padding: 0 .4rem; }
}