<!doctype html>
<html class="no-js" lang="en">
<head>
        <meta charset="utf-8">
        <link rel="shortcut icon" type="image/png" href="/assets/images/viajerosbaratos.png">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
         <title translate="no">Viajerosbaratos</title>
        <!--<meta name="description" content="" > -->
        <!--<meta name="keywords" content="" >-->
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <link rel="stylesheet" href="./style.css">
        <link rel="stylesheet" href="./custom.css">
        <link rel="shortcut icon" type="image/x-icon" href="assets/images/skyloo.png">
        <link rel="stylesheet" href="assets/css/bootstrap.min.css">
        <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.1/css/all.css">
        <link rel="stylesheet" href="https://static.fontawesome.com/css/fontawesome-app.css" crossorigin="anonymous">
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" integrity="sha512-9usAa10IRO0HhonpyAIVpjrylPvoDwiPUiKdWk5t3PyolY1cOd4DSE0Ga+ri4AuTroPR5aQvXU9xC6qOPnzFeg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
        <link rel="stylesheet" href="assets/css/flaticon.css">
        <link rel="stylesheet" href="assets/css/slick.css">
        <link rel="stylesheet" href="assets/css/default.css">
        <link rel="stylesheet" href="assets/css/style.css">
        <link rel="stylesheet" href="assets/css/responsive.css">
        <link rel="stylesheet" href="assets/css/jquery-ui.css">
        <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
        <script src="assets/js/vendor/jquery-3.7.1.min.js"></script>
        <style>
          .input_select {
             background-color: #F8F8F8 !important;
             color: #383838;
             border: none !important;
             height: 50px !important;
             padding: 0 15px;
             width: 100%;
             -webkit-box-shadow: none;
             -moz-box-shadow: none;
             -ms-box-shadow: none;
             -o-box-shadow: none;
             box-shadow: none !important;
             line-height: 1.6;
             border-radius: 0 !important;
          }
          .input_select, .select2-container--default .select2-selection--single .select2-selection__arrow {
             height: 48px !important;
          }
          .input_select, .select2-container--default .select2-selection--single .select2-selection__rendered {
             line-height: 50px !important;
          }
          .nav-tabs .nav-item {
            text-align: center;
            width: 50%; /* Adjust to your preference */
          }

          .nav-tabs .nav-link {
            border: none;
            padding: 10px 15px; /* Adjust padding */
            font-weight: bold;
            color: #333; /* Regular tab color */
            background-color: transparent; /* Remove any background */
          }

          .nav-tabs .nav-link.active {
            color: #fff; /* Active tab text color */
            background-color: #F56960; /* Active tab background color */
            border-radius: 0; /* Remove border radius */
          }

          .passenger-selector {
              display: none;
              position: absolute;
              background-color: #fff;
              border: 1px solid #ccc;
              padding: 10px;
              width: 300px;
              z-index: 1000;
          }
          .passenger-selector-counter {
              display: flex;
              align-items: center;
              justify-content: space-between;
              width: 120px;
          }
          .passenger-selector-counter button {
              background-color: #007bff;
              color: #fff;
              border: none;
              width: 30px;
              height: 30px;
              text-align: center;
              font-size: 18px;
              border-radius: 50%;
      }
      .passenger-selector-counter span {
          font-size: 18px;
          width: 30px;
          text-align: center;
      }
      
      
      
       /* Mobile-Only Section Styles */
.mobile-section {
    display: none;
    text-align: center;
    padding: 20px;
    background-color: #f9f9f9;
}

.mobile-section .logo img {
    max-width: 260px;
    margin: 0 auto;
}

.reservation-text {
    color: #42a9cb;
    margin-top: 10px;
    font-size: 26px;
}

.headline1 {
    color: #ef685f;
    font-weight: bold;
    margin-top: 10px;
    font-size: 21px;
}

.headline2 {
    color: #ffcc00;
    font-weight: bold;
    margin-top: 10px;
    font-size: 28px;
}

.info-text {
    color: #000;
    margin-top: 10px;
}

.call-button {
    display: block;
    margin-top: 20px;
    padding: 15px;
    background-color: #42a9cb;
    color: #fff;
    text-decoration: none;
    border: 2px solid #ffcc00;
    border-radius: 5px;
    font-weight: bold;
}

/* Media Query for Mobile Devices */
@media (max-width: 768px) {
    .mobile-section {
        display: block;
    }
}
    
    
     /* Popup container */
.popup {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 10000; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgba(0,0,0,0.5); /* Black w/ opacity */
    justify-content: center;
    align-items: center;
    display: flex;
}

/* Popup content */
.popup-content {
    background-color: #fff;
    padding: 20px;
    border-radius: 15px;
    width: 90%;
    max-width: 400px;
    text-align: center;
}

/* Logo */
.logo {
    max-width: 220px;
    margin: 0 auto 10px;
}

/* Title */
.title {
    font-size: 18px;
    margin-bottom: 15px;
    font-weight: bold;
    text-align: center;
}

/* Subtitle container */
.subtitle-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-bottom: 15px;
}

/* Subtitles */
.subtitle {
    padding: 10px;
    color: white;
    font-weight: bold;
    border-radius: 10px;
}

.booking { background-color: #42a9cb; }
.manage { background-color: #ef685f; }
.cancellation { background-color: #f0ad4e; }
.changes { background-color: #5bc0de; }

/* Small image */
.small-image {
    max-width: 320px;
    margin: 10px auto;
}

/* Telecaller image */
.telecaller {
    max-width: 80px;
    border-radius: 60px;
    margin: 15px auto;
}

/* Call button */
.call-btn {
    background-color: #42a9cb;
    color: white;
    border: none;
    border-radius: 25px;
    padding: 10px 20px;
    margin-bottom: 10px;
    font-size: 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.call-btn i {
    margin-right: 0px;
}

/* Full width button */
.full-width-btn {
    background-color: #ef685f;
    color: white;
    border: none;
    border-radius: 5px;
    padding: 10px;
    width: 100%;
    font-size: 16px;
    cursor: pointer;
}

/* Responsive */
@media (max-width: 600px) {
    .popup-content {
        padding: 15px;
    }
    
    .subtitle {
        padding: 8px;
        font-size: 14px;
    }

    .call-btn, .full-width-btn {
        font-size: 14px;
        padding: 8px;
    }
}    
      
      
    </style>
    </head>
    <body>

        <!-- Scroll-top -->
        <button class="scroll-top scroll-to-target" data-target="html">
            <i class="fas fa-angle-up"></i>
        </button>
        <!-- Scroll-top-end-->

<div class="hd-cl">
    <a href="tel:+1-(888)-789-5860"><p><img src="assets/images/cal.gif" alt="cal"> <span>Call Now:</span> +1-(888)-789-5860</p></a>
    </div>

        <!-- header-area -->
<header class="d-none d-md-block">
            <div class="header-top">
                <div class="container custom-container">
                    <div class="row">
                        <div class="col-xl-4">
                            <div class="header-top-left">
                                                            </div>
                        </div>
                        <div class="col-xl-8">
                            <div class="header-top-right">
                                <ul>
                                                                         <li><a href="tel:+1-(888)-789-5860"><i class="fas fa-mobile-alt"></i>+1-(888)-789-5860</a></li>
                                                                                                          
                                                                    </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div id="sticky-header" class="menu-area transparent-header">
                <div class="container custom-container">
                    <div class="row">
                        <div class="col-12 mobile">
                            <div class="mobile-nav-toggler"><span class="sign"><i class="fa-regular"></i></span> <i class="fas fa-bars"></i></div>
                            <div class="menu-wrap">
                                <nav class="menu-nav">
                                    <div class="logo"><a class="head" href="/"><img src="assets/images/viajerosbaratos.png" alt="logo" width="200" height="36"></a>
                                      <a class="scrol" href="/"><img src="assets/images/viajerosbaratos.png" alt="logo" width="200" height="36"></a></div>
                                    <div class="navbar-wrap main-menu d-none d-lg-flex">
                                        <ul class="navigation">
                                            <li><a href="/">Hogar</a></li>
                                            <li><a href="about-us.php">Sobre nosotras</a></li>
                                            <li><a href="privacy-policy">Política de privacidad</a></li>
                                            <li><a href="contact.php">Contacta</a></li>

                                        </ul>
                                    </div>
                                    <div class="header-action d-none d-md-block">
                                                                                 <ul>
                                            <li class="header-btn"><a href="tel:+1-(888)-789-5860" class="btn"><i class="fa-solid fa-phone-volume blink"></i>+1-(888)-789-5860</a></li>
                                        </ul>
                                                                             </div>
                                </nav>
                            </div>
                            <!-- Mobile Menu  -->
                            <div class="mobile-menu">
                                <nav class="menu-box">
                                    <div class="close-btn"><i class="fa-solid fa-xmark"></i></div>
                                    <div class="nav-logo"><a href="/"><img src="assets/images/viajerosbaratos.png" alt="logo"></a>
                                    </div>
                                    <div class="menu-outer">
                                        <!--Here Menu Will Come Automatically Via Javascript / Same Menu as in Header-->
                                    </div>
                                    <!-- <div class="social-links">
                                        <ul class="clearfix">
                                            <li><a href="#"><span class="fab fa-twitter"></span></a></li>
                                            <li><a href="#"><span class="fab fa-facebook-f"></span></a></li>
                                            <li><a href="#"><span class="fab fa-pinterest-p"></span></a></li>
                                            <li><a href="#"><span class="fab fa-instagram"></span></a></li>
                                            <li><a href="#"><span class="fab fa-youtube"></span></a></li>
                                        </ul>
                                    </div> -->
                                </nav>
                            </div>
                            <div class="menu-backdrop"></div>
                            <!-- End Mobile Menu -->
                        </div>
                    </div>
                </div>
            </div>
        </header>
        <!-- header-area-end -->
        <!-- main-area -->
        <main>

            <!-- breadcrumb-area -->
<section class="breadcrumb-area quick-link d-none d-md-block">
              <img src="assets/images/3455rc.jpg" alt="aboutus">
                <div class="container">
                            <div class="breadcrumb-content text-center">
                                <h1 class="title">Spirit Airline</h1>
                                <nav aria-label="breadcrumb">
                                    <ol class="breadcrumb">
                                        <li class="breadcrumb-item"><a href="/">Hogar</a></li>
                                        <li class="breadcrumb-item active" aria-current="page">Spirit Airline</li>
                                    </ol>
                                </nav>
                            </div>
                        </div>
            </section>
            <!-- breadcrumb-area-end -->
            
            
            <!-- Mobile-Only Section -->
<div class="mobile-section">
    <div class="logo">
        <img src="assets/images/spirit.png" alt="Logo">
    </div>
    <h5 class="reservation-text">¡¡Reservas de aerolíneas Spirit!!</h5>
    <h6 class="headline1">Tarifas no publicadas</h6>
    <h6 class="headline2">También brindamos soporte a los clientes de Spirit Airline.</h6>
    <p class="info-text">Nuevas Reservas, Cambios, Cancelaciones &amp; Servicio al cliente</p>
    <a href="tel:+1-(888)-789-5860" class="call-button"> +1-(888)-789-5860</a>
</div>
<!-- Mobile-Only Section END -->

            
            
            

            <!-- about-area -->
            <section class="about-area about-us">
                <div class="container">
                            <div class="about-img abt-img"><img src="assets/images/trvcd.jpg" alt="about-vectr"></div>
                            <div class="about-content list">
                                <div class="section-title">
                                    <h1>Spirit Airlines</h1>
        <p>Su socio para viajes aéreos de coste ultrabajo</p>
    

    <section>
        <h2>Acerca de Spirit Airlines</h2>
        <p>Spirit Airlines, fundada en 1983 y con sede en Miramar, Florida, es reconocida como una de las principales aerolíneas de ultra bajo costo (ULCC) en los Estados Unidos. Al centrarse en tarifas asequibles, Spirit Airlines permite a los viajeros explorar más destinos sin comprometer los servicios esenciales. Con una flota de aviones modernos y de bajo consumo de combustible, Spirit Airlines se compromete a hacer que los viajes aéreos sean accesibles y sostenibles.</p>
        <p>Viajerosbaratos se asocia con Spirit Airlines para brindar una experiencia de reserva perfecta, ofreciendo a los clientes una forma conveniente de acceder a tarifas bajas y opciones de viaje personalizadas. Ya sea que esté planeando una escapada rápida o unas vacaciones prolongadas, Spirit Airlines le garantiza un viaje agradable y rentable.</p>
    </section>

    <section>
        <h2>¿Por qué elegir Spirit Airlines?</h2>
        <p>Spirit Airlines redefine los viajes aéreos económicos. A continuación se presentan algunas razones clave para considerar a Spirit Airlines para su próximo viaje:</p>
        <ul>
            <li><strong>Asequibilidad inigualable:</strong> Spirit Airlines se especializa en tarifas ultrabajas, lo que permite a los viajeros asignar su presupuesto a experiencias y actividades en su destino.</li>
            <li><strong>Opciones flexibles:</strong> el modelo de precios Bare Fare™ de Spirit brinda a los pasajeros la flexibilidad de pagar solo por los servicios que necesitan, como equipaje facturado o selección de asiento.</li>
            <li><strong>Red expansiva:</strong> Con más de 75 destinos en los Estados Unidos, el Caribe, América Central y América del Sur, Spirit Airlines conecta a los viajeros con una amplia gama de lugares interesantes.</li>
            <li><strong>Operaciones ecológicas:</strong> Spirit Airlines opera una de las flotas más jóvenes y más eficientes en combustible de la industria, lo que reduce su huella ambiental.</li>
            <li><strong>Céntrese en la simplicidad:</strong> el enfoque directo de la aerolínea en materia de precios y servicios facilita a los pasajeros personalizar su experiencia de viaje.</li>
        </ul>
        <p>Al reservar vuelos de Spirit Airlines a través de Viajerosbaratos, obtienes acceso a ofertas exclusivas y atención al cliente dedicada para una experiencia sin complicaciones.</p>
    </section>

    <section>
        <h2>Servicios ofrecidos por Viajerosbaratos para los viajeros de Spirit Airlines</h2>
        <p>Viajerosbaratos se compromete a mejorar su viaje en Spirit Airlines con los siguientes servicios:</p>
        <ul>
            <li><strong>Reservas de vuelos:</strong> Nuestra plataforma proporciona una interfaz fácil de usar para buscar y reservar vuelos de Spirit Airlines sin esfuerzo.</li>
            <li><strong>Complementos personalizables:</strong> Personalice su viaje seleccionando servicios adicionales como opciones de equipaje, embarque prioritario y extras durante el vuelo.</li>
            <li><strong>Asistencia 24 horas al día, 7 días a la semana:</strong> Nuestro equipo de atención al cliente está disponible las 24 horas del día para ayudar con reservas, modificaciones o cualquier inquietud relacionada con el viaje.</li>
            <li><strong>Descuentos exclusivos:</strong> Benefíciese de promociones especiales y precios competitivos en reservas de Spirit Airlines a través de Viajerosbaratos.</li>
            <li><strong>Seguro de viaje:</strong> Proteja su viaje con un seguro de viaje integral, que cubra circunstancias imprevistas como cancelaciones o retrasos.</li>
        </ul>
    </section>

    <section>
        <h2>Destinos populares con Spirit Airlines</h2>
        <p>Spirit Airlines ofrece servicios a una impresionante variedad de destinos. A continuación se muestran algunos lugares populares que puede explorar:</p>
        <ul>
            <li><strong>Fort Lauderdale, Florida:</strong> disfrute de playas soleadas, una vibrante vida nocturna y una variedad de actividades al aire libre.</li>
            <li><strong>Los Ángeles, California:</strong> Experimente el glamour de Hollywood, playas pintorescas y una escena culinaria dinámica.</li>
            <li><strong>San Juan, Puerto Rico:</strong> explora lugares históricos, exuberantes bosques tropicales y la encantadora cultura del Caribe.</li>
            <li><strong>Cancún, México:</strong> Relájate en playas de arena blanca, nada en aguas turquesas y descubre las maravillas del patrimonio maya.</li>
            <li><strong>Las Vegas, Nevada:</strong> Disfrute de la emoción del Strip de Las Vegas, con entretenimiento y casinos de primer nivel.</li>
            <li><strong>Nueva York, Nueva York:</strong> Sumérgete en los lugares emblemáticos, los monumentos culturales y los diversos barrios de la Gran Manzana.</li>
            <li><strong>Orlando, Florida:</strong> Descubra la magia de parques temáticos como Walt Disney World y Universal Studios.</li>
        </ul>
        <p>Spirit Airlines hace que estos destinos sean más accesibles con sus tarifas económicas y su servicio eficiente.</p>
    </section>

    <section>
        <h2>Reservar vuelos de Spirit Airlines con Viajerosbaratos</h2>
        <p>Reservar su vuelo de Spirit Airlines con Viajerosbaratos es un proceso perfecto. Sigue estos pasos:</p>
        <ol>
            <li>Visite nuestro sitio web en <a href="https://viajerosbaratos.com">viajerosbaratos.com</a>.</li>
            <li>Ingrese los detalles de su viaje, incluido el origen, el destino, las fechas de viaje y el número de pasajeros.</li>
            <li>Explore los vuelos disponibles de Spirit Airlines y elija el que mejor se ajuste a su horario y presupuesto.</li>
            <li>Agregue servicios opcionales como equipaje facturado, selección de asiento o seguro de viaje para una experiencia personalizada.</li>
            <li>Completa tu reserva con un proceso de pago seguro.</li>
            <li>Reciba su billete electrónico y su itinerario de viaje por correo electrónico, listos para su próximo viaje.</li>
        </ol>
        <p>Viajerosbaratos simplifica el proceso de reserva, garantizando una experiencia cómoda y eficiente para todos los viajeros.</p>
    </section>

    <section>
        <h2>Consejos de viaje para pasajeros de Spirit Airlines</h2>
        <p>Aproveche al máximo su viaje en Spirit Airlines con estos consejos prácticos:</p>
        <ul>
            <li><strong>Comprenda la estructura de tarifas:</strong> Familiarícese con el modelo Bare Fare™ de Spirit Airlines para elegir los servicios que necesita sin salirse del presupuesto.</li>
            <li><strong>Empaque inteligentemente:</strong> respete las políticas de equipaje de Spirit y considere viajar liviano para ahorrar en tarifas adicionales.</li>
            <li><strong>Fabricación online:</strong> Ahorre tiempo en el aeropuerto facturando online e imprimiendo su tarjeta de embarque con antelación.</li>
            <li><strong>Llegue temprano:</strong> llegue al aeropuerto con tiempo suficiente para navegar sin problemas por los procedimientos de seguridad y embarque.</li>
            <li><strong>Manténgase actualizado:</strong> descargue la aplicación Spirit Airlines para recibir actualizaciones en tiempo real y acceder a la información de su viaje cómodamente.</li>
        </ul>
        <p>Estos consejos garantizan una experiencia de viaje agradable y sin estrés con Spirit Airlines.</p>
    </section>

    <section>
        <h2>Contáctenos</h2>
        <p>Para consultas o asistencia con sus reservas de Spirit Airlines, comuníquese con Viajerosbaratos:</p>
        <ul>
            <li><strong>Correo electrónico:</strong> <a href="mailto:info@viajerosbaratos.com">info@viajerosbaratos.com</a></li>
            <li><strong>Teléfono:</strong> +1-(888)-789-5860</li>
            <li><strong>Dirección:</strong> 309 Coffeen Avenue STE 1200, Sheridan, Wyoming 82801</li>
        </ul>
        <p>Viajerosbaratos se dedica a hacer que su experiencia de viaje sea perfecta y memorable.</p>
    </section>
                             </div>
                    </div>
                </div>
            </section>
            <!-- about-area-end -->
            
            <!-- footer-area -->

<!--a class="close-all2" href="tel:+1-(888)-789-5860">
      <div class="mobile-main2" id="mobile-main2">
                            <div class="mobile-popup2">
                                <div class="call-icon2">
                                   <img src="assets/images/cal.gif" alt="cal">
                                </div>
                                <div class="call-now2">
                                    <p>Ahorra tiempo y consigue nuestras mejores ofertas</p>
                                    <span>+1-(888)-789-5860</span>
                                </div>
                            </div>
                    </div>
</a--->
<!--a class="close-all" href="tel:+1-(888)-789-5860">
      <div class="mobile-main">
<div class="mobile-popup">
<div class="call-icon">
 <img src="assets/images/cal.gif" alt="cal">
</div>
<div class="call-now">
     <p>Ahorra tiempo y consigue nuestras mejores ofertas</p>
   <span>+1-(888)-789-5860</span>
</div>
</div>
</div>
</a--->
<footer>
    <div class="footer-area footer-bg">
        <!-- New Airlines Section -->
<div class="footer-airlines">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <div class="footer-widget privacy">
                    <div class="fw-title text-center">
                        <h3>Aerolíneas Populares</h3>
                    </div>
                    <div class="fw-link">
                        <div class="airlines-grid">
                            <div class="airlines-row">
                                <a href="american.php">Aerolínea Estadounidense</a>
                                <a href="frontier-airlines.php">Aerolíneas Frontier</a>
                                <a href="iberia-airline.php">Aerolíneas Iberia</a>
                            </div>
                            <div class="airlines-row">
                                <a href="jetblue-airline.php">Jetblue Airline</a>
                                <a href="spirit-airlines.php">Aerolíneas Spirit</a>
                                <a href="united-airline.php">Aerolíneas United</a>
                            </div>
                            <div class="airlines-row">
                                <a href="viva-airline.php">Aerolíneas Viva</a>
                                <a href="volaris-airlines.php">Aerolíneas Volaris</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- End Airlines Section -->
        
        <div class="footer-top">
            <div class="container">
                <div class="row">
                    <div class="col-xl-3 col-lg-4 col-md-6">
                        <div class="footer-widget">
                            <div class="footer-logo">
                                <a href="/"><img src="assets/images/viajerosbaratos.png" alt="footerlogo" width="278" height="49"></a>
                            </div>
                            <div class="footer-content">
                                <p><span translate="no"> viajerosbaratos.com </span>es una compañía de viajes global que ofrece reservas de vuelos independiente asequibles, experiencias de viaje personalizadas y soporte las 24 horas, los 7 días de la semana, lo que garantiza viajes fluidos y memorables en todo el mundo.</p>
                            </div>
                        </div>
                    </div>

                    <div class="col-xl-2 col-lg-4 col-sm-4 ftr-hed">
                        <div class="footer-widget privacy">
                            <div class="fw-title">
                                <h4 class="title">Enlaces Rápidos</h4>
                            </div>
                            <div class="fw-link">
                                <ul>
                                  <li><a href="last-minute-trip">Viaje de último minuto</a></li>
                                  <li><a href="student-trips">Viajes para estudiantiles</a></li>
                                  <li><a href="travel-for-seniors">Viajes para mayores</a></li>
                                  <li><a href="military-trips">Viajes militares</a></li>
                                  <li><a href="domestic-flights">Vuelos domésticos</a></li>
                                  <li><a href="one-way-flights">Vuelos de ida</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-2 col-lg-4 col-sm-4 ftr-hed">
                        <div class="footer-widget privacy">
                            <div class="fw-title">
                                <h4 class="title">Destinos populares</h4>
                            </div>
                            <div class="fw-link">
                                <ul>
                                  <li><a href="orlando">Orlando</a></li>
                                  <li><a href="fort-lauderdale">Fort Lauderdale</a></li>
                                  <li><a href="atlanta">Atlanta</a></li>
                                  <li><a href="los-angeles">Los Angeles</a></li>
                                  <li><a href="saint-john">San Juan</a></li>
                                  <li><a href="miami">Miami</a></li>
                                  <li><a href="houston">Houston</a></li>
                                  <li><a href="newark">Newark</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-2 col-lg-4 col-sm-4 ftr-hed">
                        <div class="footer-widget privacy">
                            <div class="fw-title">
                                <h4 class="title">Enlaces útiles</h4>
                            </div>
                            <div class="fw-link">
                                <ul>
                                  <li><a href="about-us.php">Sobre nosotras</a></li>
                                  <li><a href="contact.php">Contacta con nosotras</a></li>
                                  <li><a href="cancelation">Cancelación</a></li>
                                  <li><a href="privacy-policy">Política de privacidad</a></li>
                                  <li><a href="sitemap">Mapa del sitio</a></li>
                                  <li><a href="terms-conditions">Términos y condiciones</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-3 col-lg-4 col-sm-8 ftr-hed">
                        <div class="footer-widget cnt-ftr">
                            <div class="fw-title">
                                <h4 class="title">Contacta con nosotras</h4>
                            </div>
                            <div class="footer-contact">
                              <ul>
                                <li><p><b>DIRECCIÓN</b><br> </p></li>
                                <li><a href="tel:+1-(855) 557-0035"><i class="fa fa-phone-alt"></i> +1-(855) 557-0035</a></li>
                                <li>
                                    <a href="mailto:info@viajerosbaratos.com">
                                        <i class="fa fa-envelope"></i> info@viajerosbaratos.com
                                    </a>
                                </li>
                                <li><a href=""><i class="fa fa-map-marker-alt"></i> Address :309 Coffeen Avenue STE 1200 Sheridan, Wyoming 82801</a></li>
                              </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <p class="disclaimer"><strong>Descargo de responsabilidad:</strong> Estimados invitados, Bienvenidos a Viajerosbaratos. La información contenida en esta página está destinada únicamente a ser ejemplo. El sitio tiene información actualizada, precisa, completa y confiable que hemos trabajado arduamente para mantenerla actualizada. <span translate="no"> viajerosbaratos.com </span>generalmente analiza muchas cosas, como qué tan precisa es la información, cómo se conecta a otros sitios, qué tan disponible está el servicio y el contenido generado por el usuario. Garantizamos claridad y establecemos expectativas claras para todos los involucrados, minimizando sorpresas inesperadas. Si tiene alguna pregunta.</p>
              <div class="trust" bis_skin_checked="1">
                        <ul class="ftr-trustpilot">
                        <li><img src="assets/images/asta-logo.png" alt="asta" width="81" height="24"></li>
                        <li><img src="assets/images/cloudfare.png" alt="cloudfare" width="94" height="33"></li>
                        <li><img src="assets/images/godaddy-ssl.png" alt="godaddy" width="95" height="24"></li>
                        <li><img src="assets/images/mac2.png" alt="mac2" width="59" height="24"></li>
                        <li><img src="assets/images/newlogo.png" alt="newlogo" width="180" height="31"></li>
                        <li><img src="assets/images/arc.png" alt="trust" width="40" height="20"></li>
                        <li><img src="assets/images/trustpilot-logo.png" alt="trustpilot" width="115" height="28"></li>
                        </ul>
                        </div>
            </div>
        </div>
        <div class="footer-bottom">
            <div class="container">
                    <div class="col-lg-12">
                        <div class="copyright-text text-center">
                            <p>Derechos de autor © 2024 <span translate="no">viajerosbaratos.com</span> | Reservados todos los derechos | Empresa matriz: <span translate="no"> Airfare Service Hub LLC</span></p>
                        </div>
                    </div>
            </div>
        </div>
    </div>
</footer>



<style>
    /* Airlines Section Styles */
    .footer-airlines {
        background: #000000;
        padding: 30px 0;
        border-bottom: 1px solid #000000;
    }
    
    .fw-title h3 {
        color: #ffffff;
        font-size: 24px;
        font-weight: 600;
        margin-bottom: 20px;
        text-transform: uppercase;
    }
    
    .airlines-grid {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 15px;
        max-width: 800px;
        margin: 0 auto;
    }
    
    .airlines-row {
        display: flex;
        justify-content: center;
        gap: 30px;
        width: 100%;
    }
    
    .airlines-row a {
        color: #ffffff;
        text-decoration: none;
        font-size: 16px;
        font-weight: 500;
        padding: 8px 15px;
        border: 1px solid #333;
        border-radius: 4px;
        transition: all 0.3s ease;
        min-width: 180px;
        text-align: center;
    }
    
    .airlines-row a:hover {
        background: #333;
        color: #fff;
        transform: translateY(-2px);
    }
    
    /* Responsive adjustments */
    @media (max-width: 768px) {
        .airlines-row {
            flex-direction: column;
            gap: 10px;
            align-items: center;
        }
        
        .airlines-row a {
            width: 80%;
        }
    }
</style>
<!-- footer-area-end -->


<div id="popup" class="popup">
        <div class="popup-content">
            <!-- Logo (First line) -->
<div class="logo-container">
    <img src="assets/images/spritlogo.png" alt="Logo" class="logo">
</div>
            <!-- Title (Second line) -->
            <h2 class="title">Reservas y soporte 24 horas al día, 7 días a la semana</h2>

            <!-- Subtitles (Third and Fourth line) -->
            <div class="subtitle-container">
                <div class="subtitle booking">Reserva de entradas</div>
                <div class="subtitle manage">Gestionar reserva</div>
            </div>
            <div class="subtitle-container">
                <div class="subtitle cancellation">Cancelación</div>
                <div class="subtitle changes">Cambios</div>
            </div>

            <!-- Small Image (Fifth line) -->
            <img src="assets/images/spirit.png" alt="Small Image" class="small-image">


            <!-- Call Button (Seventh line) -->
           <a href="tel:+1-(888)-789-5860" style="text-decoration: none;">
    <button class="call-btn" style="display: block; margin: 10px auto; text-align: center;">
        <i class="fas fa-phone-alt"></i> +1-(888)-789-5860
    </button>
</a>
</div>




<script>
// Get the popup element
var popup = document.getElementById('popup');

// Function to check if the device is mobile (screen width <= 768px)
function isMobileDevice() {
    return window.innerWidth <= 768;  // Adjust this value if necessary
}

// Show the popup when the page loads (only if it's a mobile device)
window.onload = function() {
    if (isMobileDevice()) {
        popup.style.display = "flex";  // Show the popup on mobile devices
    } else {
        popup.style.display = "none";  // Ensure it's hidden on desktop/tablet
    }
}

// Close the popup when clicking anywhere outside of the popup content
window.onclick = function(event) {
    if (event.target == popup) {
        popup.style.display = "none";
    }
}

// Optional: Adjust visibility of the popup if the window is resized
window.onresize = function() {
    if (isMobileDevice()) {
        popup.style.display = "flex";  // Show on mobile when resized to mobile size
    } else {
        popup.style.display = "none";  // Hide on desktop/tablet if resized
    }
}
</script>


<!-- JS here -->
<script src="assets/js/flight-custom.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.4/moment.min.js" ></script>
<script src="assets/js/jquery-ui.js"></script>
<script src="assets/js/parsley.min.js"></script>
<script src="assets/js/search-result.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/slick.min.js"></script>
<script src="assets/js/main.js"></script>
<script src="assets/js/newsletter.js"></script>
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
    <script type="text/javascript">
      $(document).ready(function() {
          $( ".input-date-picker" ).datepicker();
         let typingTimer;
         let doneTypingInterval = 5000;
         let destinationElement = $("#destination")
         var adults = 1;
         var children = 0;
         var infants = 0;
         var flightClass = "Economy";

         // Set the default value in the input field when the page loads
         $('.togglePassenger').val(adults + ' Adult, ' + children + ' Children, ' + infants + ' Infants, ' + flightClass);
         function updateCount(id, increment, parent) {
            console.log(id)
             var countElement = $(parent).parent().find('.passenger-selector-' + id + '-count');
             var count = parseInt(countElement.text());
             count = increment ? count + 1 : count - 1;
             count = Math.max(0, count); // Ensure the count doesn't go below 0
             if(id === 'adults' && count < 1) count = 1; // Ensure at least 1 adult
             countElement.text(count);

             // Update the stored value
             if (id === 'adults') {
                 adults = count;
                 $("#adults").val(count)
             } else if (id === 'children') {
                 children = count;
                 $("#children").val(count)
             } else if (id === 'infants') {
                 infants = count;
                 $("#infants").val(count)
             }
         }

         $('.passenger-selector-adults-plus').on('click', function () {
             updateCount('adults', true, $(this));
         });
         $('.passenger-selector-adults-minus').on('click', function () {
             updateCount('adults', false, $(this));
         });
         $('.passenger-selector-children-plus').on('click', function () {
             updateCount('children', true, $(this));
         });
         $('.passenger-selector-children-minus').on('click', function () {
             updateCount('children', false, $(this));
         });
         $('.passenger-selector-infants-plus').on('click', function () {
             updateCount('infants', true, $(this));
         });
         $('.passenger-selector-infants-minus').on('click', function () {
             updateCount('infants', false, $(this));
         });

         $('.passenger-selector-class').on('change', function () {
             // Update the stored class value when the dropdown changes
             flightClass = $(this).val();
             console.log(flightClass)
             $("#flightClass").val(flightClass)
         });

         $('.togglePassenger').on('click', function (e) {
             $(this).parent().find('.passenger-selector').toggle();
             e.stopPropagation(); // Prevent click event from bubbling up
         });

         $('.passenger-selector-done-button').on('click', function () {
             // Update the input field with the stored values
             $('.togglePassenger').val(adults + ' Adults, ' + children + ' Children, ' + infants + ' Infants, ' + flightClass);
             $('.passenger-selector').hide();
         });

         $(document).on('click', function (e) {
             if (!$(e.target).closest('.passenger-selector').length && !$(e.target).is('.togglePassenger')) {
               $('.passenger-selector').hide();
             }
         });
         $("#roundtrip-tab").click(function() {
           $("input[name='tripType']").val("ROUND_TRIP")
         })
         $("#oneway-tab").click(function() {
           $("input[name='tripType']").val("ONE_WAY")
         })
         $(".destination,.source").select2({
            selectionCssClass : "input_select",
            minimumInputLength: 3,
            width: "100%",
            ajax: {
               url: 'api.php',
               method: "POST",
               delay: 500,
               data: function(params) {
                  var query = {
                     search_airport: 1,
                     query: params.term
                  }
                  return query
               },
               processResults: function(data) {
                  let response = []
                  for(let d of data.airports) {
                     response.push({ 'text': d.relevantHotelParams.localizedName, 'id': d.relevantFlightParams.skyId, 'place': d.relevantHotelParams.localizedName, 'entity': d.relevantFlightParams.entityId })
                  }
                  return { results: response }
               }
            }
         })

         $(".source").on("change.select2", function(e) {
            let selectedData = $(this).select2('data');
            let nextSourceName = $("#sourceName")
            if (selectedData.length > 0) {
                let originalOption = selectedData[0];
                let place = originalOption.place
                if(place) {
                  $(nextSourceName).val(place)
                }
            }
            let nextSourceEntity = $("#sourceEntity")
            if (selectedData.length > 0) {
                let originalOption = selectedData[0];
                let entity = originalOption.entity
                if(entity) {
                  $(nextSourceEntity).val(entity)
                }
            }
        })

        $(".destination").on("change.select2", function(e) {
            let selectedData = $(this).select2('data');
            let nextDestinationName = $("#destinationName")
            if (selectedData.length > 0) {
                let originalOption = selectedData[0];
                let place = originalOption.place
                if(place) {
                  $(nextDestinationName).val(place)
                }
            }
            let nextDestinationEntity = $("#destinationEntity")
            if (selectedData.length > 0) {
                let originalOption = selectedData[0];
                let entity = originalOption.entity
                if(entity) {
                  $(nextDestinationEntity).val(entity)
                }
            }
        })
      })
    </script>
    
    
    
</body>
</html>
