/* =========================================================================
   Future_es.css — estilo "Future" del sitio es-es (header, buscador, footer)
   Lo carga Master/es-es/BasicMPFuture.Master (último, para tener prioridad).
   Colores originales del sitio; solo cambian estilos e íconos.
   ========================================================================= */

/* =====================================================================
   HEADER (BasicMPFuture.Master) — colores originales, estilo moderno
   ===================================================================== */
/* Cápsulas: misma altura, mismos tamaños de ícono y texto */
html body .header-rsp ul.menu-up { flex-wrap: nowrap; justify-content: flex-end; }
html body .header-rsp li.subir-li { flex: 0 0 auto; white-space: nowrap; box-sizing: border-box; height: 44px; margin: 10px 0 0 8px; padding: 0 14px; gap: 8px;
           border: 1px solid rgba(255, 255, 255, .25); border-radius: 999px; background: rgba(255, 255, 255, .08);
           transition: background .2s, border-color .2s, transform .2s; }
html body .header-rsp li.subir-li:last-child { border: 1px solid rgba(255, 255, 255, .25); padding-right: 6px; }
html body .header-rsp li.subir-li:hover { background: rgba(255, 255, 255, .16); border-color: rgba(255, 255, 255, .5); transform: translateY(-1px); }
html body .header-rsp li.subir-li span { line-height: 1; }
html body .header-rsp li.subir-li #attclientes a { display: inline-flex; align-items: center; gap: 8px; }
html body .header-rsp .icono__nuevo { width: 22px; height: auto; }
/* Sesión: usuario + botón "Salir" */
html body .header-rsp div.nxtAgencySession2 { flex: 0 0 auto; gap: 8px; flex-wrap: nowrap; white-space: nowrap; }
/* CustomDefault.css aplica "#telefono-header a { margin-right: -17px }" y empuja "Salir" fuera de la cápsula */
html body .header-rsp #telefono-header div.nxtAgencySession2 > a { flex: 0 0 auto; margin-right: 0; }
html body .header-rsp div.nxtAgencySession2 > a:first-child { display: inline-flex; align-items: center; gap: 8px; color: #fff; }
html body .header-rsp div.nxtAgencySession2 img { width: 22px; height: auto; }
html body .header-rsp div.nxtAgencySession2 a[id$="lnkLogout"] { display: inline-flex; align-items: center; gap: 6px; height: 32px; padding: 0 14px;
           border-radius: 999px; background: #E67D20; color: #fff;
           text-decoration: none; box-shadow: 0 2px 6px rgba(0, 0, 0, .2); transition: background .2s, box-shadow .2s; }
html body .header-rsp div.nxtAgencySession2 a[id$="lnkLogout"]::before { content: ""; width: 14px; height: 14px; background: currentColor;
           -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/%3E%3Cpath d='M16 17l5-5-5-5'/%3E%3Cpath d='M21 12H9'/%3E%3C/svg%3E") center / contain no-repeat;
                   mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/%3E%3Cpath d='M16 17l5-5-5-5'/%3E%3Cpath d='M21 12H9'/%3E%3C/svg%3E") center / contain no-repeat; }
html body .header-rsp div.nxtAgencySession2 a[id$="lnkLogout"]:hover { background: #E4A01D; box-shadow: 0 4px 10px rgba(0, 0, 0, .25); }
/* Menú: misma barra naranja, botones redondeados */
html body nav#responsive-menu { box-shadow: 0 2px 8px rgba(0, 0, 0, .12); }
html body nav#responsive-menu ul.dropdown li a.bton { margin: 4px 0; border-radius: 8px; transition: background .2s, color .2s; }

/* =====================================================================
   BUSCADOR (FlightSearchHZNFuture.ascx) — mismos controles y colores; estilos e íconos modernos
   ===================================================================== */
html body .nxtFlightDefault h2.section-title-t { border-radius: 16px 16px 0 0; box-shadow: 0 -2px 10px rgba(0, 0, 0, .06); }
html body .nxtFlightSearchWrapperHZN { border-radius: 0 0 16px 16px; box-shadow: 0 14px 34px rgba(0, 40, 80, .22); }
html body .nxtFlightSearchWrapperHZN #divSimpleTripForm { display: flow-root; padding-bottom: .35rem; }  /* contiene las columnas flotantes */

/* Campos */
html body .nxtFlightSearchWrapperHZN input[type="text"],
html body .nxtFlightSearchWrapperHZN select,
html body .nxtFlightSearchWrapperHZN #passengerSelect { border: 1px solid #cfd6de; border-radius: 10px; box-shadow: 0 1px 2px rgba(16, 24, 40, .05);
           transition: border-color .2s, box-shadow .2s; }
html body .nxtFlightSearchWrapperHZN input[type="text"]:hover,
html body .nxtFlightSearchWrapperHZN select:hover,
html body .nxtFlightSearchWrapperHZN #passengerSelect:hover { border-color: #9fb3c8; }
html body .nxtFlightSearchWrapperHZN input[type="text"]:focus,
html body .nxtFlightSearchWrapperHZN select:focus { border-color: #1687c5; box-shadow: 0 0 0 3px rgba(22, 135, 197, .18); outline: none; }

/* Desplegables (tipo de viaje / pasajeros): chevron moderno */
html body .nxtFlightSearchWrapperHZN select {
           background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238a8a8a' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
           background-size: 16px 16px; background-position: right 10px center; background-origin: border-box; padding-right: 34px; }
html body .nxtFlightSearchWrapperHZN #passengerSelect { padding-left: 36px; padding-right: 34px; cursor: pointer;
           background-image:
             url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231687c5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E"),
             url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238a8a8a' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
           background-size: 18px 18px, 16px 16px; background-position: left 11px center, right 10px center; background-origin: border-box; background-repeat: no-repeat; }

/* Fechas: ícono de calendario moderno (mismo lugar que el original) */
html body .nxtFlightSearch input.flightDate {
           background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231687c5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cpath d='M16 2v4M8 2v4M3 10h18'/%3E%3C/svg%3E") no-repeat !important;
           background-size: 18px 18px !important; background-position: 11px center !important; }

/* Botón de intercambio: mismo color, ícono de flechas */
html body .nxtFlightSearchWrapperHZN .button-container .btn-style { display: inline-flex; align-items: center; justify-content: center;
           width: 40px; height: 40px; padding: 0; border-radius: 50%; box-shadow: 0 4px 10px rgba(0, 123, 255, .3); transition: transform .25s, box-shadow .2s; }
html body .nxtFlightSearchWrapperHZN .button-container .btn-style span { font-size: 0; }
html body .nxtFlightSearchWrapperHZN .button-container .btn-style::before { content: ""; width: 18px; height: 18px; background: currentColor;
           -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 3l4 4-4 4'/%3E%3Cpath d='M21 7H7'/%3E%3Cpath d='M7 21l-4-4 4-4'/%3E%3Cpath d='M3 17h14'/%3E%3C/svg%3E") center / contain no-repeat;
                   mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 3l4 4-4 4'/%3E%3Cpath d='M21 7H7'/%3E%3Cpath d='M7 21l-4-4 4-4'/%3E%3Cpath d='M3 17h14'/%3E%3C/svg%3E") center / contain no-repeat; }
html body .nxtFlightSearchWrapperHZN .button-container .btn-style:hover { transform: rotate(180deg); box-shadow: 0 6px 14px rgba(0, 123, 255, .4); }

/* Botón Buscar: mismo color, lupa + sombra */
html body .nxtFlightSearchWrapperHZN a.queryButton { display: flex; align-items: center; justify-content: center; gap: 8px;
           border-radius: 10px !important; box-shadow: 0 6px 16px rgba(22, 135, 197, .35); transition: transform .2s, box-shadow .2s, filter .2s; }
html body .nxtFlightSearchWrapperHZN a.queryButton::before { content: ""; flex: 0 0 auto; width: 18px; height: 18px; background: currentColor;
           -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M21 21l-4.3-4.3'/%3E%3C/svg%3E") center / contain no-repeat;
                   mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M21 21l-4.3-4.3'/%3E%3C/svg%3E") center / contain no-repeat; }
/* "Buscar" en su columna angosta (medium-1): ícono y márgenes compactos para que el texto respire */
html body .nxtFlightSearchWrapperHZN #divSimpleTripForm > .columns:last-child { padding-right: .625rem; }
/* Desde tablet la columna de "Buscar" va sin margen izquierdo (como el original); en móvil conserva la sangría del resto */
@media screen and (min-width: 40em) { html body .nxtFlightSearchWrapperHZN #divSimpleTripForm > .columns:last-child { padding-left: 0; } }
html body .nxtFlightSearchWrapperHZN #divSimpleTripForm a.queryButton { gap: 5px; padding: 0 10px !important; height: 2.4375rem; white-space: nowrap; }
html body .nxtFlightSearchWrapperHZN #divSimpleTripForm a.queryButton::before { width: 14px; height: 14px; }
/* Tablet: la columna es aún más angosta → solo el texto */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    html body .nxtFlightSearchWrapperHZN #divSimpleTripForm a.queryButton { padding: 0 4px !important; }
    html body .nxtFlightSearchWrapperHZN #divSimpleTripForm a.queryButton::before { display: none; }
}
/* Móvil: botón un poco más alto para tocar cómodo */
@media screen and (max-width: 39.9375em) {
    html body .nxtFlightSearchWrapperHZN #divSimpleTripForm a.queryButton { height: 2.75rem; }
}
html body .nxtFlightSearchWrapperHZN a.queryButton:hover { transform: translateY(-1px); filter: brightness(1.05); box-shadow: 0 10px 22px rgba(22, 135, 197, .45); }
html body .nxtFlightSearchWrapperHZN a#lnkAddLeg,
html body .nxtFlightSearchWrapperHZN a#lnkRemoveLeg { border-radius: 10px !important; }

/* Casillas (mismo control, acento del sitio) */
html body .nxtFlightSearchWrapperHZN input[type="checkbox"] { accent-color: #1687c5; cursor: pointer; }
html body .nxtFlightSearchWrapperHZN label { cursor: pointer; }

/* Panel de pasajeros, calendario y sugerencias */
html body .nxtFlightSearchWrapperHZN .pax-container .panel { border-radius: 14px; border: 1px solid #e3eaf2; box-shadow: 0 16px 36px rgba(0, 40, 80, .2); }
html body .nxtFlightSearchWrapperHZN .pax-container .btn-style { width: 32px; height: 32px; padding: 0; border-radius: 50%; line-height: 1; }
html body .datepicker.dropdown-menu { border: 1px solid #e3eaf2; border-radius: 14px; box-shadow: 0 16px 36px rgba(0, 40, 80, .2); overflow: hidden; }
html body .autocomplete-suggestions { border: 1px solid #e3eaf2; border-radius: 12px; box-shadow: 0 16px 36px rgba(0, 40, 80, .2); }
html body .autocomplete-suggestion { padding: 9px 12px; }

/* =====================================================================
   FOOTER (BasicMPFuture.Master) — colores originales, estilo moderno
   ===================================================================== */
html body div.footerLine { height: auto; margin: 0 0 20px; padding: 8px 16px;
           background: linear-gradient(90deg, #E67D20, #E4A01D 50%, #E67D20); }
html body div.footerLine .fleft { float: none; margin: 0; display: inline-flex; align-items: center; gap: 8px; }
html body div.footerLine .fleft::before { content: ""; width: 16px; height: 16px; background: currentColor;
           -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E") center / contain no-repeat;
                   mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E") center / contain no-repeat; }

html body .footerWrapper .footer { width: auto; max-width: 75rem; padding: 0 1rem; }
html body .footerWrapper .footerLine2 { margin: 0 0 20px; }
html body .footerWrapper div.footerLine2 a:hover { text-decoration: underline; }

html body .footerWrapper .footer__menu__new { border: 0; padding: 0; margin: 0 0 22px; }
html body .footerWrapper .footer__menu__new ul { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; }
html body .footerWrapper .footer__menu__new li { margin: 0; list-style: none; }
html body .footerWrapper .footer__menu__new ul a { height: 100%; gap: 10px; padding: 14px 10px; border-radius: 12px;
           background: #fff; border: 1px solid #d6e6f2; box-shadow: 0 2px 8px rgba(22, 135, 197, .08);
           transition: transform .2s, border-color .2s, box-shadow .2s; }
html body .footerWrapper .footer__menu__new ul a:hover { transform: translateY(-2px); border-color: #1687c5; box-shadow: 0 8px 20px rgba(22, 135, 197, .2); }
/* Íconos de los accesos en el azul original (#1687c5), dibujados en CSS: no dependen de /wtc/Images/icons */
html body .footerWrapper .footer__menu__new ul a img { display: none; }
html body .footerWrapper .footer__menu__new ul a::before { content: ""; flex: 0 0 auto; width: 28px; height: 28px; background: #1687c5;
           -webkit-mask: var(--ico) center / contain no-repeat; mask: var(--ico) center / contain no-repeat; }
html body .footerWrapper .footer__menu__new li:nth-child(1) a { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/svg%3E"); }
html body .footerWrapper .footer__menu__new li:nth-child(2) a { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 1l4 4-4 4'/%3E%3Cpath d='M3 11V9a4 4 0 0 1 4-4h14'/%3E%3Cpath d='M7 23l-4-4 4-4'/%3E%3Cpath d='M21 13v2a4 4 0 0 1-4 4H3'/%3E%3C/svg%3E"); }
html body .footerWrapper .footer__menu__new li:nth-child(3) a { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17.8 19.2L16 11l3.5-3.5C21 6 21.5 4 21 3c-1-.5-3 0-4.5 1.5L13 8 4.8 6.2c-.5-.1-.9.1-1.1.5l-.3.5c-.2.5-.1 1 .3 1.3L9 12l-2 3H4l-1 1 3 2 2 3 1-1v-3l3-2 3.5 5.3c.3.4.8.5 1.3.3l.5-.2c.4-.3.6-.7.5-1.2z'/%3E%3C/svg%3E"); }
html body .footerWrapper .footer__menu__new li:nth-child(4) a { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z'/%3E%3C/svg%3E"); }
html body .footerWrapper .footer__menu__new li:nth-child(5) a { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='16' rx='2'/%3E%3Cpath d='M8 12l3 3 5-6'/%3E%3C/svg%3E"); }
html body .footerWrapper .footer__menu__new li:nth-child(6) a { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 2v6h6'/%3E%3Cpath d='M16 13H8'/%3E%3Cpath d='M16 17H8'/%3E%3C/svg%3E"); }

html body .footerWrapper .footerWebs { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 10px; margin: 0 0 20px; }
html body .footerWrapper .footerWebs a { margin: 0; padding: 7px 14px; border-radius: 999px; background: #f4f7fa; border: 1px solid #e3eaf2;
           transition: background .2s, border-color .2s; }
html body .footerWrapper .footerWebs a img { vertical-align: -2px; }
html body .footerWrapper .footerWebs a:hover { background: #99ccff; border-color: #99ccff; }
html body .footerWrapper .footerWebs a.current { background: #fbe0bc; border-color: #f3c98f; }
html body .footerWrapper .footerWebs a.redes { margin-left: 8px; padding: 0 0 0 16px !important; border: 0; border-left: 2px solid #999; border-radius: 0; background: none; }
html body .footerWrapper .footerWebs a.icon_facebook,
html body .footerWrapper .footerWebs a.icon_instagram,
html body .footerWrapper .footerWebs a.icon_youtube { display: inline-flex; align-items: center; justify-content: center; width: 46px; height: 46px; padding: 0;
           border-radius: 12px; background: #f4f7fa; }
html body .footerWrapper .footerWebs a.icon_facebook:hover,
html body .footerWrapper .footerWebs a.icon_instagram:hover,
html body .footerWrapper .footerWebs a.icon_youtube:hover { padding: 0; border-radius: 12px; }
html body .footerWrapper .footerLine3 { padding: 16px 0 40px; border-top: 1px solid #e3eaf2; }

@media (prefers-reduced-motion: reduce) {
    html body .header-rsp li.subir-li, html body .nxtFlightSearchWrapperHZN .button-container .btn-style,
    html body .nxtFlightSearchWrapperHZN a.queryButton { transition: none; transform: none !important; }
    html body .footerWrapper .footer__menu__new ul a { transition: none; }
    html body .footerWrapper .footer__menu__new ul a:hover { transform: none; }
}