@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,600&display=swap');

    @font-face {
        font-family:"neulis-cursive";
        src:url("https://use.typekit.net/af/052fdd/00000000000000007750b26a/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/052fdd/00000000000000007750b26a/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/052fdd/00000000000000007750b26a/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
        font-display:auto;font-style:normal;font-weight:400;font-stretch:normal;
        }
    
    @font-face {
        font-family:"neulis-cursive";
        src:url("https://use.typekit.net/af/9db185/00000000000000007750b277/30/l?subset_id=2&fvd=n6&v=3") format("woff2"),url("https://use.typekit.net/af/9db185/00000000000000007750b277/30/d?subset_id=2&fvd=n6&v=3") format("woff"),url("https://use.typekit.net/af/9db185/00000000000000007750b277/30/a?subset_id=2&fvd=n6&v=3") format("opentype");
        font-display:auto;font-style:normal;font-weight:600;font-stretch:normal;
    }

/* CSS HECHO PENSADO EN Iphone 14 pro max (430 x 932)*/
/* GENERAL */

:root {
    --primary-red-color: #E21318;
    --secondary-yellow-color: #F7B729;  
    --tertiary-pink-color: #F8D7D8; 

    /* text */
    --accent-color: #06065C;
    --light-gray-text: #98928f;

    /*some btn background, some btn:hover*/
    --btn-dark-color: #961916;

    /* others */
    --white-color: #ffffff;
    --black-color: #000000;
    --gray-ccc: #cccccc;
    --gray-eee: #eeeeee;
    --gray-f3f3: #f3f3f3;
    --dark-333: #333333;

    /**/
    --font-family-primary: "Poppins", sans-serif;
    --font-size-base: 16px;
    --font-size-7: 0.4375rem;
    --font-size-8: 0.5rem;
    --font-size-9: 0.5625rem;
    --font-size-10: 0.625rem;
    --font-size-11: 0.6875rem;
    --font-size-12: 0.75rem;
    --font-size-13: 0.8125rem;
    --font-size-14: 0.875rem;
    --font-size-15: 0.9375rem;
    --font-size-16: 1rem;
    --font-size-17: 1.0625rem;
    --font-size-18: 1.125rem;
    --font-size-19: 1.1875rem;
    --font-size-20: 1.25rem;
    --font-size-21: 1.3125rem; 
    --font-size-22: 1.375rem;  
    --font-size-23: 1.4375rem;
    --font-size-25: 1.5625rem;
    --font-size-26: 1.625rem;
    --font-size-27: 1.6875rem;
    --font-size-28: 1.8125rem;
    --font-size-30: 1.875rem;
    --font-size-31: 1.9375rem;
    --font-size-35: 2.1875rem;
    --font-size-36: 2.25rem;
    --font-size-47: 2.9375rem;
}


* {
    font-family: var(--font-family-primary);
    box-sizing: content-box;
}
button,
a{
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
}
html{
    font-size: var(--font-size-base);
}

body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

.no-scroll,
.blocked{
    overflow: hidden;
}

.none, .hidden {
    display: none !important;
}

.non-opacity{
    opacity: 0;
}

.non-opacity-t{
    opacity: 0;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    pointer-events: none;
}
.scroll-animate {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.6s ease;
  }
  
  .scroll-animate.show {
    opacity: 1;
    transform: translateY(0);
  }
  
    header#header-pages-desktop #box-swiper-home{
        transition: all .2s ease;
        -webkit-transition: all .2s ease;
        -moz-transition: all .2s ease;
        -ms-transition: all .2s ease;
        -o-transition: all .2s ease;
    }

.block, .active, .visible {
    display: block;
}

.blur{
    position: relative;
    filter: blur(3px);
    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    -o-filter: blur(3px);
    -ms-filter: blur(3px);
    pointer-events: none;
}

.no-events{
    pointer-events: none !important;
}


.primary-btn{
    border: none;
    color: var(--primary-red-color);
    background-color: var(--secondary-yellow-color);
    font-size: var(--font-size-17);
    padding: 30px 150px;
    width: fit-content;
    margin: 0 auto;
    font-weight: 700;

    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
}
.primary-medium-btn,
.button.primary-medium-btn{
    border: none;
    color: var(--primary-red-color);
    background-color: var(--secondary-yellow-color);
    font-size: var(--font-size-13);
    padding: 16px 40px;
    width: fit-content;
    margin: 0 auto;
    font-weight: 700;

    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
}


#overlay,
#overlay-cookies {
    position: absolute;
    /* Fija el overlay en la pantalla */
    top: 0px;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0);
    /* Fondo semi-transparente */
    z-index: 9999999;
    /* Asegúrate de que esté por encima de otros elementos */
    display: none;
    /* Oculto por defecto */
}

#overlay.active {
    display: block;
}

#overlay-cookies.active-dark {
    display: block;
    /* background-color: rgba(0, 0, 0, .2); */
}

.container {
    width: 88%;
    max-width: 3800px;
    margin: 0 auto;
}

.container-full {
    width: 95%;
    max-width: 3800px;
    margin: 0 auto;
}

.container-less {
    width: 80%;
    max-width: 3800px;
    margin: 0 auto;
}

#h1box {
    display: none;

}

a {
    text-decoration: none;
}

ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

a#call-us {
    position: fixed;
    bottom: 20px;
    right: 25px;
    background-color: var(--btn-dark-color);
    color: var(--secondary-yellow-color);
    font-size: var(--font-size-17);
    font-family: "neulis-cursive", sans-serif;
    font-weight: bold;
    padding: 16px 36px;
    z-index: 10000000;
    border-radius: 100px;
    -webkit-backface-visibility: hidden;
    width: 100px;
    display: block;
}

a#call-us.hidden {
    display: none;
}

input {
    outline: none;
    
    transition: .5s ease;
    -webkit-transition: .5s ease;
    -moz-transition: .5s ease;
    -ms-transition: .5s ease;
    -o-transition: .5s ease;
}


input:disabled {
    opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
}

p.sub-title,
#cheap-flights-to #box-head p,
#cheap-flights-to p.sub-title{
    font-size: var(--font-size-15);
    color: var(--primary-red-color);
    font-weight: 300;
    margin: 20px 0px 10px 0px;
    line-height: 1.7;
    text-align: justify;
}

main{
    background-color: #ffffff;
}
#main-container {
    max-width: 100vw;
    overflow: hidden;
    background-color: var(--white-color);
}

/* choose-btns */
.choose-btns {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;

    justify-content: space-between;
    gap: 7px;
}

.choose-btns button.tab {
    flex: 1;
    text-align: center;
    padding: 10px 13px;
    cursor: pointer;
    color: var(--primary-red-color);
    background-color: var(--gray-f3f3);
    border: 0;
    font-weight: 500;
    font-size: var(--font-size-13);
}

.choose-btns button#no-escala-usa{
    border-radius: 17.72px;
}


.choose-btns button.tab.active {
    color: var(--white-color);
    background-color: var(--primary-red-color);
    font-weight: 700;
}

.choose-btns .tab1 {
    border-radius: 17.72px 0px 0px 17.72px;
    flex: 1;
    text-align: center;
    padding: 13px;
    cursor: pointer;
    color: var(--primary-red-color);
    background-color: var(--gray-f3f3);
    border: 0;
    font-weight: 500;
    font-size: var(--font-size-13);
}

.choose-btns .tab2 {
    border-radius: 0px 17.72px 17.72px 0px;
    flex: 1;
    text-align: center;
    padding: 13px;
    cursor: pointer;
    color: var(--primary-red-color);
    background-color: var(--gray-f3f3);
    border: 0;
    font-weight: 500;
    font-size: var(--font-size-13);
}

.choose-btns #con-maletas {
    /*here*/
}

.choose-btns #con-maletas.active {
    color: var(--white-color);
    background-color: var(--primary-red-color);
    font-weight: 700;
}

.choose-btns #sin-maletas {
    flex: 1;
    text-align: center;
    padding: 13px;
    cursor: pointer;
    color: var(--primary-red-color);
    background-color: var(--gray-f3f3);
    border: 0;
    font-weight: 500;
    font-size: var(--font-size-13);
}

.choose-btns #sin-maletas.active {
    color: var(--white-color);
    background-color: var(--primary-red-color);
    font-weight: 700;
}

button {
    cursor: pointer;
}

button:hover,
.button:hover {
    background-color: var(--btn-dark-color);
    color: var(--secondary-yellow-color);
}


/* end choose btns */


/* HOME CONTAINER */
#container-red-bg {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;

    background: rgb(209, 27, 27);

    background: -moz-linear-gradient(90deg, rgba(209, 27, 27) 0%, rgba(235, 10, 18, 1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(209, 27, 27) 0%, rgba(235, 10, 18, 1) 100%);
    background: linear-gradient(90deg, rgb(209, 27, 27) 0%, rgba(235, 10, 18, 1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b91818", endColorstr="#eb0a12", GradientType=1);
    color: white;
    flex-direction: column;
    align-items: center;
    padding: 0px 0px 25px 0px;
}








/* START HEADER HEADER, LOGO, BARS */
header.header-responsive {
    display: block;
    background: rgb(209, 27, 27);

    background: -moz-linear-gradient(90deg, rgba(209, 27, 27, 1) 0%, rgba(235, 10, 18, 1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(209, 27, 27, 1) 0%, rgba(235, 10, 18, 1) 100%);
    background: linear-gradient(90deg, rgba(209, 27, 27, 1) 0%, rgba(235, 10, 18, 1) 100%);
    
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b91818", endColorstr="#eb0a12", GradientType=1);
    padding-top: 50px;
    padding-bottom: 18px;

}
header.header-responsive.white-bgr{
    background: #ffffff;
}
header.header-responsive.desktop{
    display: none;
}
header.header-responsive.desktop.block{
    display: block;
}

div.flex-layout {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;

    justify-content: space-between;
    align-items: center;
    /* margin-bottom: 23px; */
    margin-bottom: 0px;
}
div.flex-layout.home{
    margin-bottom: 23px;
}

div.flex-layout.mobile-element{
    display: flex;
}
div.flex-layout.desktop-element{
    display: none;
}

ul.links-in-minimize-header{
    display: none;
    position: relative;
    top: -2px;
}
ul.links-in-minimize-header a{
    color: var(--white-color);
    font-size: var(--font-size-13);
    font-weight: 700;
    border: 1px solid var(--white-color);
    padding: 8px 15px;
    font-weight: 800;

    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
}

li.swiper-slide-home a {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;

    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;

    justify-content: center;
    background: none;
    border: 1px solid var(--white-color);
    color: white;
    font-size: var(--font-size-13);
    cursor: pointer;
    padding: 10px 16px;
    font-weight: 800;

    align-items: center;
}

/* div.flex-layout.mrg{
    margin-bottom: 0px;
} */

div.flex-layout .logo {
    width: 194.69px;
}

div.flex-layout .menu-icons {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;

    gap: 15.5px;
}


.burguer-div {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  /**/
  
  .vbp-header-menu-button__svg {
    width: 20px;
    height: 20px;
    cursor: pointer;
    transform: scaleX(-1);
  }
  
  .vbp-header-menu-button__svg line {
    stroke: #ffffff;
    stroke-dasharray: 100%;
    stroke-dashoffset: 0%;
    transition: transform 0.3s, stroke-dashoffset .4s;
    transform-origin: center;
    stroke-width: 1px;
  }
  .vbp-header-menu-button__svg.red line{
    stroke: var(--primary-red-color);
  }
  
  .about-us-header .vbp-header-menu-button__svg line {
    stroke: var(--primary-red-color);
  }
  
  .vbp-header-menu-button__svg .top {
    transform: translateY(-35%);
    -webkit-transform: translateY(-35%);
    -moz-transform: translateY(35%);
    -ms-transform: translateY(35%);
    -o-transform: translateY(35%);
  }
  
  .vbp-header-menu-button__svg .middle {
    transform: scaleX(1);
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transition: opacity .3s, transform .3s;
    -webkit-transition: opacity .3s, transform .3s;
    -moz-transition: opacity .3s, transform .3s;
    -ms-transition: opacity .3s, transform .3s;
    -o-transition: opacity .3s, transform .3s;
  
  }
  
  .vbp-header-menu-button__svg .bottom {
    transform: translateY(33%);
    -webkit-transform: translateY(33%);
    -moz-transform: translateY(33%);
    -ms-transform: translateY(33%);
    -o-transform: translateY(33%);
    stroke-dasharray: 100%;
    stroke-dashoffset: 9px;
  }
  .vbp-header-menu-button__svg:hover .bottom {
    stroke-dashoffset: 0%;
  }
  /*** Mode Croix ***/
  .burguer-div.menu-open .vbp-header-menu-button__svg .top {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    stroke-linecap: round;
  }
  
  .burguer-div.menu-open .vbp-header-menu-button__svg .middle {
    transform: scaleX(0.1);
    -webkit-transform: scaleX(0.1);
    -moz-transform: scaleX(0.1);
    -ms-transform: scaleX(0.1);
    -o-transform: scaleX(0.1);
    opacity: 0;
  }
  
  .burguer-div.menu-open .vbp-header-menu-button__svg line.bottom {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    stroke-linecap: round;
  }
  
  .burguer-div.menu-open .vbp-header-menu-button__svg .bottom {
    stroke-dashoffset: 0%;
  }

div.flex-layout .menu-icons img {
    cursor: pointer;
}


div.flex-layout .menu-icons i.oculto {
    opacity: .3;
    cursor: inherit;
}

div.flex-layout .menu-icons img {
    width: 20px;
    cursor: pointer;
}

div.flex-layout .menu-icons img.oculto {
    opacity: .3;
    cursor: inherit;
}

div.flex-layout .menu-icons .heart-icon,
div.flex-layout .menu-icons .user-icon{
    pointer-events: none;
    opacity: 0;
}


header.header-responsive.movil {
    padding-top: 15px !important;
    padding-bottom: 15px;
}

header.header-responsive.movil .logo {
    width: 122px;
    position: relative;
    top: 4px;
}

/* END HEADER HEADER, LOGO, BARS */








/* START SLIDER JS HOME*/
#suggestions-desktop {
    display: none;
}

#box-swiper-home {
    margin-bottom: 0px;
}

nav.swiper-container-home {
    width: 100%;
    /* Ancho completo del contenedor padre */
    overflow-x: hidden;
    margin: 0px auto;
}

li.swiper-slide-home {
    width: fit-content !important;
}

li.swiper-slide-home a {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;

    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;

    justify-content: center;
    background: none;
    border: 1px solid var(--white-color);
    color: white;
    font-size: var(--font-size-13);
    cursor: pointer;
    padding: 10px 16px;
    font-weight: 800;

    align-items: center;
}

li.swiper-slide-home a:hover {
    /*background: #850810;
        color: var(--white-color);
        border: 1px solid #850810;*/
}

li.swiper-slide-home a.active {
    background-color: var(--white-color);
    color: var(--primary-red-color);
}

li.swiper-slide-home a.active:hover {
    border: 1px solid var(--white-color);
    background-color: var(--white-color);
}

li.swiper-slide-home a img {
    height: 15.85px;
    margin-right: 8px;
}

/* Oculta los botones de navegación */
.box-swiper-home .swiper-button-next,
.box-swiper-home .swiper-button-prev {
    display: none !important;
}

.box-swiper-home .swiper-pagination {
    display: none;
}
/* END SLIDER JS HOME*/




/* START summary-selected-trip */
#summary-selected-trip{
    background: rgb(209, 27, 27);
    background: -moz-linear-gradient(90deg, rgba(209, 27, 27, 1) 0%, rgba(235, 10, 18, 1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(209, 27, 27, 1) 0%, rgba(235, 10, 18, 1) 100%);
    background: linear-gradient(90deg, rgba(209, 27, 27, 1) 0%, rgba(235, 10, 18, 1) 100%);
    padding-bottom: 7px;
    display: none;
}
#summary-selected-trip.pad-top{
    padding-top: 9px;
}
#summary-selected-trip .container{
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;

    justify-content: space-between;
    gap: 17px;
    padding: 0px;
    background: rgb(209, 27, 27);
    background: -moz-linear-gradient(90deg, rgba(209, 27, 27, 1) 0%, rgba(235, 10, 18, 1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(209, 27, 27, 1) 0%, rgba(235, 10, 18, 1) 100%);
    background: linear-gradient(90deg, rgba(209, 27, 27, 1) 0%, rgba(235, 10, 18, 1) 100%);
    background: none;
}

#summary-selected-trip #picked-countrys {
    flex-basis: 47%;
    cursor: pointer;
}
#summary-selected-trip #picked-countrys:hover {
    background-color: rgba(247, 240, 240, 1);
}

#summary-selected-trip #picked-countrys.allWidth{
    flex-basis: 100%;
}

#summary-selected-trip #summary-departure,
#summary-selected-trip #summary-return {
    flex-basis: 26%;
}

#summary-selected-trip #picked-day,
#summary-selected-trip #picked-day-return{
    cursor: pointer;
}


#summary-selected-trip #summary-return.null{
    opacity: .1;
    pointer-events: none;
}

#summary-selected-trip .summary-box,
#summary-selected-trip #picked-countrys{
    box-sizing: border-box;
    background-color: var(--white-color);
    text-align: center;
    overflow: hidden;

    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}
#summary-selected-trip p#picked-country-content,
#summary-selected-trip p#info-months-selected,
#summary-selected-trip span
{
    color: var(--primary-red-color);
    font-size: var(--font-size-13);
    font-weight: 700;
}

#summary-selected-trip p#picked-country-content{
    position: relative;
    top: 2px;
}
#summary-selected-trip #picked-countrys{
    position: relative;
}
#picked-countrys img{
    position: absolute;
    left: 20px;
    top: 17px;
    width: 10px;
}
#summary-selected-trip button{
    /* font-size: var(--font-size-13); */
    border: none;
    background: none;
    padding: 0;
    color: var(--primary-red-color);
    cursor: pointer;
    padding: 13px 30px;
    box-sizing: border-box;
}

#summary-selected-trip button#open-form-btn{
    max-width: 89.77px;
    background-color: var(--secondary-yellow-color) ;
    font-size: var(--font-size-10);
    flex-basis: 10%;
    border-radius: 17px;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    -ms-border-radius: 17px;
    -o-border-radius: 17px;
}
#summary-selected-trip button#open-form-btn:hover{
    background-color: var(--btn-dark-color);
    color: var(--white-color);
    font-size: var(--font-size-10);
}

.summary-box img{
    width: 8.29px;
    position: relative;
    top: 1px;
}
#summary-selected-trip button:hover{
    background-color: rgba(247, 240, 240, 1);
}
#summary-selected-trip .summary-box{
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;

    gap: 13px;
    justify-content: space-between;
    align-items: center;
}


/* END summary-selected-trip */



/* START SEARCH FORM */
form.flightSearchForm {
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
     
    z-index: 999999;
}


#form.flightSearchForm.hidden {
    display: none;
}

form.flightSearchForm .form-group {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;

    margin-bottom: 2px;
    flex: content;
}

form.flightSearchForm .form-group input {
    display: block;
    width: 100%;
    border: none;
    border-radius: 0px;
    color: var(--light-gray-text);
    font-size: var(--font-size-15);
}

#box-input-origin-desktop #origenInput2,
#box-input-destinate-desktop #destinoInput2 {
    display: none;
}

form.flightSearchForm .form-group input::placeholder {
    font-size: var(--font-size-15);
    color: var(--light-gray-text);
}

form.flightSearchForm .form-group input:focus {
    border: 0px;
}
form.flightSearchForm .form-group input:hover{
    border: 0;
    box-shadow: none;
}

/* inicio input origen */
form.flightSearchForm .form-group input#input-origen {
    border-radius: 0px 24.5px 0px 0px;
    -webkit-border-radius: 0px 24.5px 0px 0px;
    -moz-border-radius: 0px 24.5px 0px 0px;
    -ms-border-radius: 0px 24.5px 0px 0px;
    -o-border-radius: 0px 24.5px 0px 0px;
    padding: 18px 0px 18px 17px;
}

form.flightSearchForm .form-group .label-form {
    display: none;
}


form.flightSearchForm .form-group .div-icon {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;

    background-color: var(--white-color);
    justify-content: center;
    align-items: center;
    padding: 0px 0px 0px 18px;
    min-width: 34px;
    max-width: 34px;
    box-sizing: border-box;
}

form.flightSearchForm .form-group .div-icon.from {
    border-radius: 24.5px 0px 0px 0px;
    -webkit-border-radius: 24.5px 0px 0px 0px;
    -moz-border-radius: 24.5px 0px 0px 0px;
    -ms-border-radius: 24.5px 0px 0px 0px;
    -o-border-radius: 24.5px 0px 0px 0px;
}

form.flightSearchForm .form-group .div-icon.location {
    box-sizing: border-box;
}

form.flightSearchForm .form-group .div-icon.calendary {
    border-radius: 0px 0px 0px 24.5px;
    -webkit-border-radius: 0px 0px 0px 24.5px;
    -moz-border-radius: 0px 0px 0px 24.5px;
    -ms-border-radius: 0px 0px 0px 24.5px;
    -o-border-radius: 0px 0px 0px 24.5px;
}

form.flightSearchForm .form-group .div-icon.from img {
    width: 11.5px;
}

form.flightSearchForm .form-group .div-icon.location img {
    width: 11.5px;
}

form.flightSearchForm .form-group .div-icon.calendary img {
    width: 16px;
}

form.flightSearchForm .form-group .div-icon.user img {
    height: 17px;
}

/* fin input origen */



/* inicio input elegir destination */
form.flightSearchForm .form-group input#input-destino {
    border-radius: 0px;
    padding: 18px 0px 18px 17px;
}

form.flightSearchForm .form-group img.location {
    /*icon*/
    padding: 14.8px 0% 14.8px 5%;
    background-color: var(--white-color);
    border-radius: 0px 0px 0px 0px;
    color: var(--primary-red-color);
    width: 15px;
}

/* fin input elegir destination */



/* Inicio elegir fechas y números de pasajeros*/
form.flightSearchForm .form-group-flex .form-group {
    margin-bottom: 25px;
    width: 50%;
}

form.flightSearchForm .form-group-flex {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;

    justify-content: space-between;
    gap: 2px;
}

form.flightSearchForm #form-group-depdate-retdate {
    display: none;
}

form.flightSearchForm .form-group-flex .form-group input#inputdates {
    /*dates*/
    padding: 18px 0px 18px 17px;
    outline: none;
}

form.flightSearchForm .form-group-flex input#passengers {
    /*passengers*/
    border-radius: 0px 0px 24.5px 0px;
    padding: 0px 10px 0px 17px;
}

/* Fin elegir fechas y números de pasajeros*/




.search-button {
    width: 80%;
    margin: 0 auto;
    display: block;
    padding: 18px 0px;
    background-color: var(--secondary-yellow-color);
    border: none;
    color: var(--primary-red-color);
    font-size: var(--font-size-15);
    cursor: pointer;
    font-weight: 700;
    text-align: center;
    overflow: hidden;

    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
}

.search-button img {
    width: 13px;
    margin-right: 3px;
    
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.search-button:hover img{
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
}

.search-button:hover {
    background: #850810;
    color: var(--white-color);
}

.relative {
    position: relative;
}

.relative #switch-icon {
    position: absolute;
    right: 40px;
    top: 35px;
    width: 36.12px;
    cursor: pointer;

    transition: transform 0.2s ease;
    -webkit-transition: -webkit-transform 0.2s ease;
    -moz-transition: -moz-transform 0.2s ease;
    -ms-transition: -ms-transform 0.2s ease;
    -o-transition: -o-transform 0.2s ease;

}

#switch-icon.rotated {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    

    transition: transform 0.3s ease;
    -webkit-transition: -webkit-transform 0.3s ease;
    -moz-transition: -moz-transform 0.3s ease;
    -ms-transition: -ms-transform 0.3s ease;
    -o-transition: -o-transform 0.3s ease;

}

/* END SEARCH FORM*/



/* MARQUEE */
#box-marquee {
    display: none;
}

.marquee-container {
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    background-color: var(--secondary-yellow-color);
    padding: 10px 0 8px 0px;

}

.marquee {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;

    animation: marquee 40s linear infinite;
    -webkit-animation: marquee 40s linear infinite;
    -moz-animation: marquee 40s linear infinite;
    -ms-animation: marquee 40s linear infinite;
    -o-animation: marquee 40s linear infinite;
}

.marquee span {
    font-size: 9.69px;
    font-family: "neulis-cursive", sans-serif;
    font-weight: 500;
    color: var(--primary-red-color);
}

.marquee-content {
    margin-right: 2rem;
}

@keyframes marquee {
    0% {
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);        
    }

    100% {
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);        
    }
}




/* START 4 BUTTONS */
.swiper-container-3btn {
    width: 88%;
    overflow: hidden;
    margin: 36px auto;
    padding-left: 6%;
    padding-right: 6%;
}

.swiper-container-3btn .button {
    display: block;
    background: rgb(180, 21, 19);
    background: -moz-linear-gradient(180deg, rgba(180, 21, 19, 1) 0%, rgba(216, 63, 74, 1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(180, 21, 19, 1) 0%, rgba(216, 63, 74, 1) 100%);
    background: linear-gradient(180deg, rgba(180, 21, 19, 1) 0%, rgba(216, 63, 74, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b41513", endColorstr="#d83f4a", GradientType=1);
    text-align: left;
    cursor: pointer;
    min-height: 121.89px;

    border-radius: 27px;
    -webkit-border-radius: 27px;
    -moz-border-radius: 27px;
    -ms-border-radius: 27px;
    -o-border-radius: 27px;
    position: relative;
}

.swiper-container-3btn .swiper-wrapper {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
}

.swiper-container-3btn .swiper-slide {
    
}

.swiper-container-3btn .dg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 100;
    background: rgb(224, 13, 19);
    background: -moz-linear-gradient(308deg, rgba(224, 13, 19, 1) 0%, rgba(224, 13, 19, 0) 84%);
    background: -webkit-linear-gradient(308deg, rgba(224, 13, 19, 1) 0%, rgba(224, 13, 19, 0) 84%);
    background: linear-gradient(308deg, rgba(224, 13, 19, 1) 0%, rgba(224, 13, 19, 0) 84%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e00d13", endColorstr="#e00d13", GradientType=1);

    border-radius: 27px;
    -webkit-border-radius: 27px;
    -moz-border-radius: 27px;
    -ms-border-radius: 27px;
    -o-border-radius: 27px;
}


/* .swiper-container-3btn a:hover {
    background: var(--btn-dark-color);
} */
.swiper-container-3btn .button:hover img.ico-3btn{
    /* transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1); */
}

.swiper-container-3btn a:hover .swiper-container-3btn .dg {
    display: none;
}

.swiper-container-3btn a img.ico-3btn {
    display: block;
    margin-bottom: 14px;
    padding-left: 20px;
    position: relative;
    top: 23px;
    height: 23px;

    transition: transform 0.4s ease;
    -webkit-transition: -webkit-transform 0.4s ease;
    -moz-transition: -moz-transform 0.4s ease;
    -ms-transition: -ms-transform 0.4s ease;
    -o-transition: -o-transform 0.4s ease;    
}

.swiper-container-3btn span {
    color: var(--white-color);
    font-size: var(--font-size-15);
    font-weight: bold;
    line-height: 18px;
    padding-left: 20px;
    display: block;
    position: relative;
    top: 23px;
    z-index: 300;
}

/* END 3 BUTTONS */












/* START 2 VIDEOS */

.video-container {
    position: relative;
}

/* Estilo para el video */
video#myVideo {
    width: 100%;
    height: 100%;
    object-fit: cover;

    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
}

/* Botón de play/pause */
.play-button {
    position: absolute;
    top: 49.6%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 24px;
    background-color: rgba(0, 0, 0, 0.5); 
    -webkit-backdrop-filter: blur(5px); 
    -moz-backdrop-filter: blur(5px);   
    backdrop-filter: blur(5px);
    color: white;
    border: none;
    padding: 18px; 
    cursor: pointer;
    border-radius: 50%; 
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: background-color 0.3s ease; 
}

.play-button:hover {
    background-color: rgba(0, 0, 0, 0.7); 
}


.play-button img{
    width: 25px;
    position: relative;
    right: -2px;
}


.play-button.visible {
    opacity: 1;
    visibility: visible;
}

/* END 2 VIDEOS */








/* START OFFERS */
#offers {
    padding-bottom: 35px;
}

/* #offers2 p {
    margin: initial;
    font-size: var(--font-size-17);
    color: var(--primary-red-color);
    font-weight: 300;
    margin: 36px 0px 17px 0px;
    line-height: 1.5;

} */

#offers2 p:last-child {
    margin-bottom: 0px;
}

.page {
    padding-bottom: 50px;
}

a.more {
    color: var(--primary-red-color);
    font-weight: bold;
    text-align: right;
    display: block;
    margin-top: 18px;
    text-decoration: underline;
    font-size: var(--font-size-11);
}

.h1-section {
    color: var(--accent-color);
    font-size: var(--font-size-25);
    line-height: 31px;
}

.h2-section {
    color: var(--primary-red-color);
    font-size: var(--font-size-26);
    line-height: 31px;
}

.h2-big-section {
    color: var(--accent-color);
    font-size: var(--font-size-25);
    line-height: 31px;
}

.h3-section{
    color: var(--accent-color);
    font-size: var(--font-size-25);
    line-height: 31px;
}

#offers-flex {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;

    justify-content: space-between;
    gap: 14px;
    flex-wrap: wrap;
    margin-top: 30px;
}
#offers-flex.page-search-offer{
    display: none;
}

#offers-flex .offer {
    cursor: pointer;
    flex: 48.1%;
    height: 173px;
    overflow: hidden;
    position: relative;

    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}

#offers-flex .offer a {
    position: absolute;
    bottom: 16px;
    right: 16px;
    font-size: var(--font-size-7);
    background-color: var(--primary-red-color);
    border: 1px solid var(--white-color);
    padding: 8px 12px;
    color: var(--white-color);
    font-weight: 700;

    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
}

#offers-flex .offer a:hover {
    background-color: var(--secondary-yellow-color);
    color: var(--primary-red-color);
}

#offers-flex .offer a.active {
    background-color: var(--secondary-yellow-color);
    color: var(--primary-red-color);
}

#offers-flex .offer .top-right {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;

    flex-direction: column;
    
    margin-left: 15.30px;
    margin-top: 24.30px;
    gap: 5px;
    z-index: 9000;
}

#offers-flex .offer .top-right p{
    z-index: 1;
    color: #ffffff;
    text-shadow: 4px 4px 4px rgba(0, 0, 0, .5);
    margin-top: 0px;
    font-size: var(--font-size-14);
    font-weight: 600;
}

.top-right h3{
    margin: 0;
    color: var(--white-color);
    font-size: var(--font-size-20);
    z-index: 999999;
    text-shadow: 4px 4px 4px rgba(0, 0, 0, .5);
}
.top-right p#price{
    display: none;
}

.top-right img {
    width: 16px;
    height: 16px;
    position: relative;
    bottom: -2px;

    opacity: 0;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
}


.offer img.fondo {
    width: 100%;
    height: 100%;
    z-index: 0;
    position: absolute;
    object-fit: cover
        /*  */
    ;
}
.offer p#price{
    position: absolute;
    font-size: var(--font-size-20);
    color: var(--white-color);
    font-weight: 700;
    left: 15.30px;
    top: 30px;
    text-shadow: 4px 4px 4px rgba(0, 0, 0, .5);
}
.offers-flex-single-page .offer p#price{
    margin: 0;
    top: auto;
}
.offer p#price span{
    display: none;
}

#cont-txt-pages .txt-pages {
    padding-bottom: 0px !important;
}

#cont-txt-pages .txt-pages:last-of-type {
    padding-bottom: 60px !important;
}

.txt-pages {
    padding-bottom: 40px;
    padding-top: 40px;
}

/* .txt-pages:first-of-type {
    padding-top: 36px;
} */

.txt-pages:last-of-type {
    padding-bottom: 63px;
}

.txt-pages h2,
.txt-pages p {
    margin: initial;
}

.txt-pages img {
    width: 100%;
    margin-bottom: 24px;

    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}

.txt-pages h2,
.txt-pages h1,
.txt-pages h3,
.h1-pages {
    font-size: var(--font-size-27);
    font-weight: 700;
    color: var(--accent-color);
    width: 88%;
    margin-bottom: 36px;
    margin-top: 0px;
    line-height: 1.4;
}


.txt-pages h2.accent,
.txt-pages h3.accent{
    color: var(--accent-color);
}


.h1-pages{
    margin-bottom: 0px;
    padding-top: 40px;
}

.txt-pages p {
    font-size: var(--font-size-15);
    font-weight: 300;
    color: var(--primary-red-color);
    line-height: 1.7;
    margin-bottom: 20px;
}

.txt-pages p:last-child {
    /* margin-bottom: 0px; */
}

.txt-pages .strongneue {
    font-family: "neulis-cursive", sans-serif;
    font-weight: 600;
    font-size: var(--font-size-18);
    width: 100%;
    margin-bottom: 20px;
    color: var(--primary-red-color);
}

.txt-pages .strong {
    font-weight: 600;
}

.txt-pages .strong-underline {
    font-weight: 600;
    text-decoration: underline;
}

#entry-spain .txt-pages:last-of-type {
    padding-bottom: 0px !important;
}





/* START FAQ */
#question-and-answer {
    margin-bottom: 0px;
    padding-bottom: 20px;
}

.faq {
    border-bottom: 1px solid var(--light-gray-text);
    cursor: pointer;
}

.flex-child:nth-child(2) .faq:last-child {
    border-bottom: 0px;
}

.question {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    justify-content: space-between;
    align-items: center;
}

.question h3 {
    font-size: var(--font-size-17);
    color: var(--primary-red-color);
    font-weight: 500;
    font-family: var(--font-family-primary);
    font-weight: 500;
    font-style: normal;
    width: 93%;
}

.question img.ico-arrow-down {
    width: 15px;
}

.answer {
    overflow: hidden;
    max-height: 0;

    transition: max-height 1.4s ease;
    -webkit-transition: max-height 1.4s ease;
    -moz-transition: max-height 1.4s ease;
    -ms-transition: max-height 1.4s ease;
    -o-transition: max-height 1.4s ease;
}

.answer ul {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;


    margin-left: 0px;
    margin-bottom: 20px;
    margin-left: 40px;
    list-style: initial;
    flex-direction: column;
    gap: 3px;
}


.answer p,
.answer p .strong,
.answer a,
.answer ul li {
    font-size: var(--font-size-15);
    line-height: 20px;
    color: var(--primary-red-color);
    font-weight: 300;
    line-height: 1.7;
}

.answer p {
    font-weight: 300;
}

.answer p a,
.answer ul li a{
    color: var(--accent-color);
    font-weight: 400;
}
.answer p a:hover,
.answer ul li a:hover{
    text-decoration: underline;
}

.answer p .strong {
    font-weight: 500;
}

.faq.active .answer {
    max-height: 500px;

    animation: fade 1s ease-in-out;
    -webkit-animation: fade 1s ease-in-out;
    -moz-animation: fade 1s ease-in-out;
    -ms-animation: fade 1s ease-in-out;
    -o-animation: fade 1s ease-in-out;
}

.faq.active .answerlong {
    max-height: 700px !important;

    animation: fade 1s ease-in-out;
    -webkit-animation: fade 1s ease-in-out;
    -moz-animation: fade 1s ease-in-out;
    -ms-animation: fade 1s ease-in-out;
    -o-animation: fade 1s ease-in-out;
}

.faq.active img.ico-arrow-down {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);    
}

img.ico-arrow-down {
    transition: transform 0.3s ease-in;
    -webkit-transition: -webkit-transform 0.3s ease-in;
    -moz-transition: -moz-transform 0.3s ease-in;
    -ms-transition: -ms-transform 0.3s ease-in;
    -o-transition: -o-transform 0.3s ease-in;
}

@keyframes fade {
    from {
        transform: translateY(-10px);
        -webkit-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        -o-transform: translateY(-10px);        

        opacity: 0;
        -webkit-opacity: 0;
        -moz-opacity: 0;
        -ms-opacity: 0;
        -o-opacity: 0;
    }

    to {
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);        

        opacity: 1;
        -webkit-opacity: 1;
        -moz-opacity: 1;
        -ms-opacity: 1;
        -o-opacity: 1;
    }
}

@keyframes fadeSlow {
    from {
        transform: translateY(-10px);
        -webkit-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        -o-transform: translateY(-10px);        

        opacity: 0;
        -webkit-opacity: 0;
        -moz-opacity: 0;
        -ms-opacity: 0;
        -o-opacity: 0;
    }

    to {
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);        

        opacity: 1;
        -webkit-opacity: 1;
        -moz-opacity: 1;
        -ms-opacity: 1;
        -o-opacity: 1;
    }
}

/* END FAQ */








/* START FOOTER */
footer {
    background-color: var(--primary-red-color);
    padding: 50px 0px;
}

/* Redes sociales */
footer p#follow-us-message{
    display: none;
}
footer #social {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;

    justify-content: center;
    gap: 0px;
    border-bottom: 1px solid var(--white-color);
    width: 75%;
    margin: 0 auto;
    padding: 0px 10px 27px 10px;
    margin-bottom: 0px;
    align-items: center;
}

#social img {
    width: 40px;
    padding: 0px 17px;

    transition: opacity 0.5s ease, transform 0.5s ease;
    -webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
    -moz-transition: opacity 0.5s ease, -moz-transform 0.5s ease;
    -ms-transition: opacity 0.5s ease, -ms-transform 0.5s ease;
    -o-transition: opacity 0.5s ease, -o-transform 0.5s ease;    
}
#social img:hover{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);    
}

/* Lista de vuelos baratos */
footer #cheap-flights-list {
    padding-top: 30px;
}

footer #cheap-flights-list ul {
    margin-left: 20px;
}

footer #cheap-flights-list ul li {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    align-items: center;
    gap: 30px;
    margin-bottom: 15px;
}

footer #cheap-flights-list ul li a {
    color: var(--white-color);
    text-transform: uppercase;
    font-size: var(--font-size-15);
    font-family: "neulis-cursive", sans-serif;
    font-weight: 600;
    font-style: normal;
}

footer #cheap-flights-list ul li img {
    width: 20.33px;
    height: 20.33px;
    object-fit: cover;
    aspect-ratio: 1/1;
}

a.more-white {
    color: var(--white-color);
    margin: 18px 0px 32px 0px;
}

div.line {
    width: 75%;
    margin: 0 auto;
    height: 1px;
    background-color: var(--white-color);
    margin-bottom: 40px;
    padding: 0px 10px;
}

/* Enlaces legales */
#legal {
    margin-bottom: 40px;
}

#legal ul {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    gap: 34px;
    flex-direction: column;

    margin-left: 20px;
}

#legal ul li a {
    color: var(--white-color);
    font-weight: 600;
    font-size: var(--font-size-17);
}

/* Company data */
#company-data {}

#company-data p {
    color: var(--white-color);
    font-size: var(--font-size-11);
    line-height: 17.89px;
    margin-left: 20px;
}

/* END FOOTER */













/* START HIDDEN MAIN MENU RESPONSIVE*/
/* Ocultar el menú inicialmente */
.main-menu,
.main-menu-desktop {
    position: absolute;
    right: 0;
    top: 120px;
    width: 100%;
    height: calc(100% - 100px);
    background-color: var(--white-color);
    z-index: 99999999999999999999;
    opacity: 0;
    transform: translateY(-20px); 
    pointer-events: none; 
    transition: opacity 0.3s ease, transform 0.3s ease; 
}
.top67{
    top: 67px;
    height: 100%;
}

/* Clase para mostrar el menú */
.main-menu.visible,
.main-menu-desktop.visible {
    opacity: 1;
    transform: translateY(0); 
    pointer-events: auto; 
}


.logo-red {
    display: none;
    /* display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox; */
    
    width: 88%;
    margin: 0 auto;
    padding-top: 50px;
    justify-content: space-between;
    margin-bottom: 10px;
}

.logo-red.lespad {
    padding-top: 17px;
}

.logo-red #log {
    width: 194.69px;
}

.logo-red img.ico {
    width: 20px;
    height: 20px;
    position: relative;
    top: 10px;
    cursor: pointer;
}

.menu nav ul li#gris a {
    font-weight: 300;
    color: var(--gray-ccc);
}

.menu {
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 70%;
    background-color: var(--white-color);
}

.menu nav {
    width: fit-content;
    margin: 0 auto;
}

.menu nav ul {
    padding-left: 0px;
}

.menu nav ul li,
.menu nav ul li a {
    text-align: center;
    display: block;
    color: var(--primary-red-color);
    font-family: var(--font-family-primary);
    font-weight: 700;
    font-style: normal;
}
.menu nav ul li a:hover,
.menu nav ul li:hover
{
    color: var(--accent-color);
}.menu nav ul li:last-of-type {
    display: none;
}

.menu nav ul li {
    border-bottom: 1px solid var(--primary-red-color);
}
.menu nav ul li:nth-child(5) {
    border-bottom: 0px;
}

.menu nav ul li a,
.menu nav ul li.contact-btn{
    padding: 22px 20px;
    cursor: pointer;
}

/* .menu .goBack {
    width: 22px;
    position: relative;
    padding: 15px 0px;

    left: 15px;
    top: 22px;
    color: var(--primary-red-color);
    cursor: pointer;
} */


.menu nav ul li.noborder {
    border-bottom: 0px;
}

.menu .contact-content{
    position: absolute;
    /* top: 99px; */
    top: 0px;
    right: -100%;
    width: 100%;
    height: 100vh;
    background-color: var(--white-color);
    z-index: 99999999;
    display: none;

    transition: right 0.1s ease;
    -webkit-transition: right 0.1s ease;
    -moz-transition: right 0.1s ease;
    -ms-transition: right 0.1s ease;
    -o-transition: right 0.1s ease;    
}

.menu .contact-content.visible{
    right: 0;
    /* Traer el menú a la vista */
    display: block;
}

.contact-content h4{
    font-size: var(--font-size-18);
    color: var(--accent-color);
    font-weight: 700;
    text-align: center;
    margin-bottom: 60px;
}

.contact-content a{
    font-size: var(--font-size-15);
    color: var(--primary-red-color);
    font-weight: 300;
    text-align: center;
    padding-bottom: 10px;

    width: 55%;
    margin: 0 auto;
    display: block;
}

.contact-content a:first-of-type{
    border-bottom: 1px solid var(--primary-red-color);
    margin-bottom: 30px;
}

.contact-content a span.strong{
    font-weight: 500;
}

/* END HIDDEN MAIN MENU RESPONSIVE */























/* START ELEGIR PAIS ORIGEN */
#pick-departure-h {
    position: absolute;
    top: 0;
    right: -100%;
    width: 100%;
    background: var(--white-color);
    color: var(--gray-eee);
    z-index: 10;
    display: none;
    min-height: 100vh;

    transition: right 0.1s ease;
    -webkit-transition: right 0.1s ease;
    -moz-transition: right 0.1s ease;
    -ms-transition: right 0.1s ease;
    -o-transition: right 0.1s ease;    
}

#pick-departure-h.visible {
    right: 0;
    display: block;
}

.goback {
    margin: 0 auto;
    padding: 20px 0px;
}

.goback img.goBack {
    width: 25px;
    cursor: pointer;
}

.red-top {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    width: 100%;
    height: 64px;
    background: rgb(209, 52, 60);
    background: linear-gradient(100deg, rgba(209, 52, 60, 1) 0%, rgba(181, 11, 9, 1) 18%, rgba(221, 5, 10, 1) 48%, rgba(192, 22, 23, 1) 93%, rgba(213, 15, 20, 1) 100%);
    color: white;
    align-items: center;
    justify-content: space-between;
    display: none;
}

.title-container-hid {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;

    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    
    background: none;
    padding: 0rem 1rem 1rem 1rem;
    flex-direction: column;
    align-items: center;
    position: relative;
    margin: 0 auto;
}

.title-container-hid .goback-nd-title {
    width: 100%;
    display: block;
}

.title-container-hid img.goBack,
.title-container-hid img.go-back-double {
    position: absolute;
    left: 15px;
    top: 18px;
    color: var(--primary-red-color);
    width: 25px;
    cursor: pointer;
}



.title-container-hid .title {
    /* "Elige un lugar de salida" */
    width: 100%;
    margin-bottom: 10px;
}

.title p {
    /* "Elige un lugar de salida" */
    text-align: center;
    color: var(--accent-color);
    font-weight: 700;
    font-size: var(--font-size-18);
}

.input-srch-country {
    /* div Input para escribir pais */
    position: relative;
    width: 100%;
    margin-bottom: 1rem;
}

.input-srch-country input {
    padding: 15px 5% 15px 5%;
    border: 1px solid var(--primary-red-color);
    border-radius: 28.69px;
    font-size: var(--font-size-15);
    color: var(--primary-red-color);
    font-weight: 400;
}

.input-srch-country input::placeholder {
    color: var(--primary-red-color);
    font-weight: 500;
    font-size: var(--font-size-13);
}

#from-info p {
    padding: 0px 5%;
    font-size: var(--font-size-13);
    color: var(--primary-red-color);
    font-weight: 700;
    margin: 0;
    margin-bottom: 16px;
    margin-top: 34px;
}

#from-info p span {
    font-size: var(--font-size-13);
    margin-left: 18px;
    font-weight: 400;
}

.clear-button {
    /* botón "X" que limpia input */
    position: absolute;
    right: 5px;
    top: 50%;
    font-size: var(--font-size-18);
    cursor: pointer;
    width: 15px;
    padding-right: 29px;
    display: none;

    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.clear-button.active {
    display: block;
}



.regions {
    width: 250px;
    margin-top: 1rem;
}

.region {
    margin-bottom: 40px;
}

.region-title {
    /* Europa o América Latina */
    font-weight: bold;
    color: var(--primary-red-color);
    margin-top: 1rem;
    text-align: left;
    text-transform: uppercase;
    font-size: var(--font-size-15);
    font-family: "neulis-cursive", sans-serif;
    font-weight: 700;
    font-style: normal;
    margin-bottom: 22px;
    margin-top: 0px !important;
}

ul.country-list {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    list-style: none;
    padding: 0;
    margin: 0;
    flex-direction: column;
    gap: 5px;
    margin-left: 50px;
    margin-bottom: 50px;
}

li.country-item {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    align-items: center;
    padding: 0px 5px;
    border: 0px solid var(--primary-red-color);
    border-radius: 100px;
    cursor: pointer;
    color: var(--primary-red-color);
    font-weight: 600;
    text-transform: capitalize;
    padding: 10px;
}

li.country-item img {
    width: 26px;
    height: 26px;
    margin-right: 1rem;

    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

li.country-item span {
    font-size: var(--font-size-17);
    font-family: "neulis-cursive", sans-serif;
    font-weight: 500;
    font-style: normal;
}

li.country-item.extra-countrys{
    display: none;
}
li.country-item.extra-countrys.open{
    display: flex;
}

.show-more-countrys{
    display: block;
    margin-top: 90px;
    margin-bottom: 90px;
}

/* END ELEGIR PAIS ORIGEN */







/* START ELEGIR PAIS DESTINO */
#pick-destinate-h {
    position: absolute;
    top: 0;
    right: -100%;
    width: 100%;
    background: var(--white-color);
    color: var(--gray-eee);
    z-index: 10;
    display: none;
    min-height: 100vh;

    transition: right 0.1s ease;
    -webkit-transition: right 0.1s ease;
    -moz-transition: right 0.1s ease;
    -ms-transition: right 0.1s ease;
    -o-transition: right 0.1s ease;    
}

#pick-destinate-h.visible {
    right: 0;
    display: block;
}

/* END ELEGIR PAIS DESTINO */







/* START ELEGIR AEROPUERTO ORIGEN */
#hidden-elegir-aeropuerto-origen {
    position: absolute;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100%;
    background-color: var(--white-color);
    color: var(--gray-eee);
    z-index: 10;
    display: none;
}

#hidden-elegir-aeropuerto-origen.visible {
    right: 0;
    display: block;
}

.input-srch-aeropuerto {
    position: relative;
    width: 100%;
    margin-bottom: 45px;
}

.input-srch-aeropuerto input {
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
     
    padding: 15px 5% 15px 5%;
    border: 2px solid var(--primary-red-color);
    font-size: var(--font-size-15);
    font-weight: 400;
    color: var(--primary-red-color);
}

.aeropuertos {
    width: 88%;
    display: none;
}

.aeropuertos.block {
    width: 78%;
    display: block;
    margin: 0 auto;
}

.aeropuerto {
    margin-bottom: 40px;
}

.aeropuerto-list {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    list-style: none;
    padding: 0;
    margin: 0;
    flex-direction: column;
    gap: 31px;
    margin-left: 0px;
    margin-bottom: 50px;
    overflow: scroll;
    height: 450px;
}

li.aeropuerto-item {
    padding: 0px 5px;
    border: 0px solid var(--primary-red-color);
    border-radius: 100px;
    cursor: pointer;
    color: var(--primary-red-color);
    font-weight: 600;
    text-transform: capitalize;
}

.ae-flex {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    align-items: center;
    margin-bottom: 10px;
}

li.aeropuerto-item .pais-aer {
    color: var(--light-gray-text);
}

li.aeropuerto-item img {
    width: 18px;
    height: 18px;
    border-radius: 0px;
    margin-right: 15px;
}

li.aeropuerto-item span {
    font-size: var(--font-size-15);
}

/* END ELEGIR AEROPUERTO */




/* START ELEGIR AEROPUERTO DESTINO */
#hidden-elegir-aeropuerto-destino {
    position: absolute;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100%;
    background-color: var(--white-color);
    color: var(--gray-eee);
    z-index: 10;
    display: none;
}

#hidden-elegir-aeropuerto-destino.visible {
    right: 0;
    display: block;
}

/* END ELEGIR AEROPUERTO DESTINO */




/* START ELEGIR FECHAS */
.fixed {
    position: fixed;
    width: 100%;
    background-color: var(--white-color);
    z-index: 98327498237954807230880;
    padding-bottom: 0px;
}

.fixed.full {
    position: static;
    width: 100%;
    background-color: var(--white-color);
    z-index: 98327498237954807230880;
    padding-bottom: 0px;
    height: 0;

}

.fixed.full #pick-dates-top {
    display: none;
}

#pick-dates-h {
    position: absolute;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100%;
    background-color: var(--white-color);
    color: var(--gray-eee);
    z-index: 10;
    display: none;

    transition: right 0.1s ease;
    -webkit-transition: right 0.1s ease;
    -moz-transition: right 0.1s ease;
    -ms-transition: right 0.1s ease;
    -o-transition: right 0.1s ease;
}

#pick-dates-h.visible {
    right: 0;
    display: block;
}

#pick-dates-top.hidden {
    opacity: 0;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
}

/* concretas-flexibles  */


/*Ruta*/
.route {
    font-size: var(--font-size-11);
    color: var(--light-gray-text);
    font-weight: 600;
    margin: 22px auto 18px auto;
}

.route span {
    font-size: var(--font-size-13);
    color: var(--light-gray-text);
    font-weight: 600;
}

/*Tipo de viaje - ida y vuelta - sólo ida*/
#tipo-viaje {
    position: relative;
    margin-bottom: 10px;
    border: 0px solid var(--primary-red-color);
    outline: none !important;
    box-shadow: none;
}

#tipo-viaje .select-box {
    width: 100%;
    padding: 13px 15px 13px 18px;
    font-size: var(--font-size-14);
    cursor: pointer;
    outline: 0;
    border: 0;
    border: 1px solid var(--primary-red-color);
    position: relative;
    color: var(--primary-red-color);
    font-weight: 500;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: transparent;
    box-sizing: border-box;

    border-radius: 22px;
    -webkit-border-radius: 22px;
    -moz-border-radius: 22px;
    -ms-border-radius: 22px;
    -o-border-radius: 22px;

    transition: all 0.25s ease;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    -o-transition: all 0.25s ease; 
}

#tipo-viaje .select-box-selected {
    display: none;
}

#tipo-viaje .select-box option {
    background-color: var(--tertiary-pink-color);
    border-radius: 0px;
    padding: 150px 0px;
}

#tipo-viaje .ico-container-select {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    position: absolute;
    width: 50px;
    height: 100%;
    right: 0;
    bottom: 0;
    align-items: center;
    justify-content: center;
    z-index: -100;
}

#tipo-viaje .ico-container-select img {
    width: 10px;
}

/* choose date */
#choose-dates {
    margin-bottom: 10px;
}

#choose-dates .dates {
    overflow: hidden;
}

#choose-dates .dates-cont {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    justify-content: space-between;
    align-items: center;
    padding: 0px 0px;
    gap: 0px;
    margin-bottom: 30px;
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
}

#choose-dates .dates-cont .date-box {
    flex: 1;
    box-sizing: border-box;
    /* Incluye el padding y el border en el tamaño total del elemento */
    height: 100%;
    position: relative;
}

.date-box p {
    margin: 0;
    font-size: var(--font-size-14);
    font-weight: 700;
    color: var(--primary-red-color);
    width: 90%;
    padding-left: 18px;
    position: absolute;
    display: inline-block;
    width: fit-content;
    top: 16px;
}

#date-box-departure {
    border-right: 0px solid var(--tertiary-pink-color);
    background-color: var(--white-color);
}

#departureDate {
    border: 1px solid var(--tertiary-pink-color);
    border-right: 1px solid var(--tertiary-pink-color);

    border-radius: 20px 0px 0px 20px;
    -webkit-border-radius: 20px 0px 0px 20px;
    -moz-border-radius: 20px 0px 0px 20px;
    -ms-border-radius: 20px 0px 0px 20px;
    -o-border-radius: 20px 0px 0px 20px;    
}

#departureDate.rojo {
    border: 1px solid var(--primary-red-color);
    border-right: 2px solid var(--primary-red-color);
}

#returnDate.rojo {
    border: 1px solid var(--primary-red-color);
    border-left: 2px solid var(--primary-red-color);
}

#returnDate {
    border: 1px solid var(--tertiary-pink-color);
    background-color: var(--white-color);
    border-left: 0px solid var(--tertiary-pink-color);
    border-radius: 0px 20px 20px 0px;
}


.date-box .date-input {
    width: 100%;
    display: block;
    box-sizing: border-box;
    background-color: transparent;
    border: 0px solid var(--gray-ccc);
    padding: 40px 20px 20px 20px;
    font-size: var(--font-size-15);
    font-weight: 400;
}
.date-box .date-input:hover{
    border: none;
    box-shadow: none;
}

.box-img-clear {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    position: absolute;
    right: 0px;
    top: 0;
    width: 15px;
    padding: 0px 10px;
    height: 100%;
    align-items: center;
    vertical-align: middle;
}

.date-box img.clear-button {
    top: auto;
    right: auto;
    transform: none;
    width: 15px;
    cursor: pointer;
    position: inherit;
    right: 0;
    padding: 23px 10px;

}

/*CALENDARIO DINÁMICO*/
#calendars {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    flex-direction: column;
    align-items: center;
    
    padding-top: 380px;
    padding-bottom: 100px;
}

#calendars.safari{
   /*  padding-top: 420px; */
}

#calendars.notop {
    top: 0;
}

#box-title-full-calendar {
    display: none;
}

#box-title-full-calendar.active {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    justify-content: space-between;
    align-items: center;
    padding: 5px 0px 43px 0px;
    /* background-color: var(--gray-eee); */
    width: 98%;
    margin: 0 auto;
    z-index: 999999999999999999999;
    /*  top: 64px; */
    top: 0px;
}

#box-title-full-calendar p {
    text-align: center;
    margin-bottom: 0px;
    margin: 0 auto;
    font-size: var(--font-size-18);
    font-weight: 700;
    color: var(--accent-color);
    position: relative;
    left: 18px;
}

#box-title-full-calendar img {
    display: none;
}

#box-title-full-calendar h3 {
    display: none;
}

#calendars #right-calendary,
#calendars #left-calendary {
    display: none;
}

#calendars.full {

    /* top: 470px; */
    width: 100%;
    /* box-sizing: content-box; */
    /* background: var(--white-color); */
    /* overflow: auto; */
    top: 0px;
    left: 0;
    box-sizing: border-box;
    padding: 0px 20px 0px 20px;
}


#container-fechas-concretas .red-top-2 {
    width: 100%;
    height: 64px;
    background: linear-gradient(100deg, rgba(209, 52, 60, 1) 0%, rgba(181, 11, 9, 1) 18%, rgba(221, 5, 10, 1) 48%, rgba(192, 22, 23, 1) 93%, rgba(213, 15, 20, 1) 100%);
    position: absolute;
    top: 0px;
    z-index: 9999999999;
    display: none;
}




#box-title-full-calendar img#x-close-full-calendar {
    display: block;
    width: 13px;
    padding: 15px;
    /* background-color: var(--gray-ccc); */
}

#box-title-full-calendar h3 {
    display: block;
    color: var(--accent-color);
    font-weight: 700;
}

/* Oculta todos los calendarios */
#calendars.full .calendar {
    display: none;
}

/* Muestra el primer calendario por defecto (inicial) */
#calendars.full .calendar.active {
    display: block;
}


#calendars.full #right-calendary,
#calendars.full #left-calendary {
    display: block;
}

#right-calendary img,
#left-calendary img {
    height: 7px;
    padding: 16px 30px;
    /* background-color: var(--gray-ccc); */
}

#box-left-right-icon {
    display: none;
}

#box-left-right-icon.active {
    display: flex;
    left: 50%;
    z-index: 99999999999999999999;
    width: 98%;
    margin: 0 auto;
    justify-content: space-between;
    height: 40px;
    box-sizing: border-box;
    position: absolute;

    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

#select-month-calendar {
    position: absolute;
    background-color: var(--white-color);
    left: 50%;
    top: 41px;
    width: 248px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    display: none;

    transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    -o-transform: translate(-50%, 0%);

    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}

#select-month-calendar.active {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    flex-direction: column;
    gap: 2px;
}

#select-month-calendar .option-month p {
    font-size: var(--font-size-17);
    font-weight: 700;
    color: var(--primary-red-color);
    margin-bottom: 0px;
    margin-top: 0px;
    padding: 12px 40px;
    background-color: var(--white-color);
    border-bottom: 1px solid #f0f0f0;
}

#select-month-calendar .option-month p:hover {
    background-color: var(--gray-f3f3);
}

#left-calendary,
#right-calendary {}

#left-calendary {}

#right-calendary {}

.h3CalendarBox img {
    display: none;
}

#calendars.full .h3CalendarBox img {
    display: block;
    width: 7px;
}

#calendars.full .calendar p.tit-month-calendar {
    text-transform: capitalize;
    font-size: var(--font-size-17);
    text-align: center;

}

#calendars.full .calendar.active .h3CalendarBox {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    position: relative;
    top: 0px;
    z-index: inherit;
    z-index: 999999999999999999999;
    width: fit-content;
    box-sizing: border-box;
    padding: 10px 40px;
    border: 1px solid var(--primary-red-color);
    margin: 0 auto;
    margin-bottom: 0px;
    margin-bottom: 77px;
    gap: 10px;

    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}

#calendars.full .calendar.active .h3CalendarBox p.tit-month-calendar {
    margin-bottom: 0;
}

#calendars.full .calendar.active p#title-fecha-full-cal {
    text-align: center;
    text-transform: capitalize;
    margin-bottom: 0px;
    margin: 0 auto;
    font-size: var(--font-size-18);
    font-weight: 700;
    color: var(--accent-color);
}

#calendars.full #box-h3-ico {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    border: 1px solid var(--primary-red-color);
    padding: 9px 40px;
    gap: 10px;

    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}

#calendars.full #box-h3-ico img {
    display: block;
    width: 7px;

}


.calendar {
    margin: 0px 0px 60px 0px;
    width: 100%;
}

.calendar p.tit-month-calendar {
    margin: 0;
    color: var(--primary-red-color);
    font-size: var(--font-size-17);
    font-weight: 700;
    text-transform: lowercase;
    margin-bottom: 20px;
}

.calendar .h3CalendarBox img {
    display: none;
}



.calendar #box-h3-ico img {
    display: none;
}

.calendar table {
    /* border-collapse: collapse; */
    width: 100%;
    text-align: center;
}

#calendars tbody {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    flex-direction: column;
    gap: 2px;
}

#calendars tr {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    gap: 0px;
    justify-content: space-between;
    width: 100%;
}


#calendars th, td {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    box-sizing: content-box;
    aspect-ratio: 1 / 1;
    flex: 1;
    align-items: center;
    justify-content: center;
    border: none;
    flex-direction: column;
    gap: 2px;
    cursor: pointer;
}

#calendars thead {
    display: none;
}

#calendars thead tr {
    border-bottom: 2px solid var(--primary-red-color);
}

#calendars thead tr th {
    font-size: var(--font-size-17);
    font-weight: 400;
}

#calendars td.box-day {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    flex-direction: column;
    display: none;
}

#head-days-calendar thead {
    border-bottom: 1px solid var(--gray-eee);
}

#head-days-calendar thead th {
    background-color: var(--white-color);
    border-right: 0px solid #ddd;
}

#head-days-calendar.full {
    position: relative;
    display: block;
    width: 91%;
    margin: 0 auto;
    margin-top: 0px;
    top: 159px;
}

.head-days-calendar.full th {
    color: var(--primary-red-color);
}

.calendar tr {}

.calendar .empty {
    background-color: var(--white-color);
}

.calendar .past {
    background-color: var(--white-color);
    color: var(--tertiary-pink-color);
}

.calendar .disabled {
    color: var(--gray-ccc);
    pointer-events: none;
}

.calendar .day {
    font-size: var(--font-size-15);
    font-weight: 500;
    cursor: pointer;
    color: var(--light-gray-text);
    position: relative;
    box-sizing: border-box;
}

.calendar .selected {
    font-size: var(--font-size-15);
    font-weight: 700;
    background-image: url('/public/img/circle.svg');
    /* background-size: 53px; */
    background-repeat: no-repeat; 
    color: var(--white-color);
    border-radius: 0;
}

.day.hov{
   background-image: url('/public/img/circle.svg');
   background-size: 52px; 
    background-repeat: no-repeat; 
    background-position: center;
    color: #ffffff;
    border-radius: 0;
}



.calendar .selected-month {
    font-size: var(--font-size-15);
    font-weight: 700;
    background-color: var(--primary-red-color);
    color: var(--white-color);
}

.calendar .in-range {
    background-color: var(--tertiary-pink-color);
}

.head-days-calendar {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    width: 88%;
    margin: 0 auto;
    background-color: white;
    border-bottom: 0px solid var(--gray-ccc);
    justify-content: center;
    z-index: 1000;
    padding: 0px 0px 0px 0px;
    box-sizing: border-box;
    border-bottom: 2px solid var(--primary-red-color);
}

.head-days-calendar.hidden {
    display: none;
}

.head-days-calendar table {
    width: 100%;
}

.head-days-calendar th {
    width: 40px;
    /* El mismo ancho que las celdas en los calendarios */
    height: 40px;
    /* La misma altura que las celdas en los calendarios */
    font-size: var(--font-size-17);
    color: var(--accent-color);
    font-weight: 400;
    text-transform: uppercase;
}

#calendars-full {
    width: 100vw;
    /* height: 100vh; */
    background-color: var(--gray-ccc);
    z-index: 999999999999999999999999999999;
    position: absolute;
    top: 0;
    left: 0;
    opacity: .5;
}

.calendar #selected-departure::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    background-color: var(--tertiary-pink-color);
    z-index: -1;

    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}

.day.activeBef::before {
    width: 50%;
    height: 100%;
}




/*  .calendar #selected-departure::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: var(--tertiary-pink-color);
    z-index: -1;
    transform: scale(1);
} */

.day.activeAfter::after {
    width: 100%;
    height: 50%;
}






.calendar #selected-destination::before {
    content: '';
    position: absolute;
    width: 50%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--tertiary-pink-color);
    z-index: -1;

    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}

/*  .calendar #selected-destination::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--tertiary-pink-color);;
    z-index: -1;
    transform: scale(1);
} */

.calendar #selected-destination.activeAfter::after {
    width: 100%;
    height: 50%;
}

#calendars.range-active #selected-departure::before,
#calendars.range-active #selected-destination::before {
    display: block;
}

/*END CALENDARIO DINÁMICO*/


/* fechas flexibles */
#container-fechas-flexibles {
    margin-top: 330px;
    padding-bottom: 160px;
}

.tit {}

.tit p {
    font-size: var(--font-size-17);
    color: var(--accent-color);
    font-weight: 700;
    text-align: center;
    padding: 0px 0px 16px 0px;
    border-bottom: 2px solid var(--primary-red-color);
}

#meses-flex {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 17px 11px;
}

#meses-flex .mes {
    background-color: var(--tertiary-pink-color);
    flex-grow: 1;
    flex: 48%;
    padding-top: 40px;
    cursor: pointer;

    border-radius: 33px;
    -webkit-border-radius: 33px;
    -moz-border-radius: 33px;
    -ms-border-radius: 33px;
    -o-border-radius: 33px;
}



.mes.active {
    background-color: var(--primary-red-color) !important;
}

.mes.active p {
    color: var(--white-color) !important;
}

#meses-flex .mes p {
    text-align: center;
    margin: 0;
}

#meses-flex .mes p:first-child {
    font-size: var(--font-size-11);
    color: var(--light-gray-text);
}

#meses-flex .mes p:nth-child(2) {
    font-size: var(--font-size-15);
    font-weight: 700;
    color: var(--primary-red-color);
    margin: 8px 0px;
}

#meses-flex .mes p:nth-child(3) {
    font-size: 10.62px;
    color: var(--light-gray-text);
}

#meses-flex .mes p.three-cheapers-price{
    color: var(--accent-color);
    font-weight: 600;
}
#meses-flex .mes p.best-cheaper{
    color: var(--accent-color);
    /* color: #2D869C; */
    font-weight: 600;
}
#meses-flex .mes .labels-months{
    display: block;
    height: 28px;
    font-size: 10px;
    text-align: center;
    box-sizing: border-box;
    padding-top: 7px;
    margin-top: 12px;
    cursor: pointer;
    
    border-radius: 0px 0px 30px 30px;
    -webkit-border-radius: 0px 0px 30px 30px;
    -moz-border-radius: 0px 0px 30px 30px;
    -ms-border-radius: 0px 0px 30px 30px;
    -o-border-radius: 0px 0px 30px 30px;
}

#meses-flex .mes .labels-months.cheaper{
    color: #ffffff;
    /* background-color: #43A077; */

    /* background-color: #E18C92; */
    background-color: var(--primary-red-color);
}

#meses-flex .mes.selected-month p {
    color: var(--white-color);
}

#meses-flex .mes.in-range p {
    color: var(--white-color);
}

/* fin fechas flexibles */


button.apply-dates {
    font-size: var(--font-size-12);
    font-weight: 700;
    color: var(--primary-red-color);
    background-color: var(--secondary-yellow-color);
    padding: 23px 42px;
    display: inline-block;
    border: 0px;

    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
}

button.apply-dates:hover {
    background-color: var(--btn-dark-color);
    color: var(--secondary-yellow-color);
    cursor: pointer;
}

.container-apply {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 100%;
    padding: 18px 0px;
    background-color: var(--white-color);
    z-index: 1000000;
}

#apply-alert {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    align-items: center;
    justify-content: space-between;
    margin: 0 auto;
    width: 85%;
}

#apply-alert p#mensaje {
    color: var(--primary-red-color);
    font-size: var(--font-size-14);
    font-weight: 500;
}



/* START ELEGIR VIAJEROS */
#pick-passengers-h {
    position: absolute;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100%;
    background: var(--white-color);
    color: var(--gray-eee);
    z-index: 10;
    display: none;

    transition: right 0.1s ease;
    -webkit-transition: right 0.1s ease;
    -moz-transition: right 0.1s ease;
    -ms-transition: right 0.1s ease;
    -o-transition: right 0.1s ease;    
}

#pick-passengers-h.visible {
    right: 0;
    display: block;
}

/* contador de viajeros */
.viajeros-contador {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    justify-content: space-between;
    align-items: center;
    vertical-align: middle;
}

.viajeros-contador .left .p-adultchild {
    font-size: var(--font-size-15);
    /*p adultos*/
    color: var(--primary-red-color);
    font-weight: 600;
    margin-bottom: 10px;
    margin-top: 0;
}

.viajeros-contador .left .p-info {
    font-size: var(--font-size-15);
    /*p mayores de 16 */
    color: var(--light-gray-text);
    font-weight: 500;
    margin: 0;
}

#adultos {
    margin-bottom: 30px;
}

#childs {
    margin-bottom: 30px;
}

.contador {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    align-items: center;
}

.contador button {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    color: var(--white-color);
    background: rgb(209, 27, 27);
    background: linear-gradient(90deg, rgba(209, 27, 27, 1) 0%, rgba(235, 10, 18, 1) 100%);
    border: none;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    width: 33px;
    height: 33px;
    padding: 0;
    cursor: pointer;

    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.contador .num-passengers {
    font-size: var(--font-size-15);
    font-weight: 600;
    color: var(--primary-red-color);
    width: 48px;
    text-align: center;
}


/* seleccionar edad de niños viajeros */
.container-choose-age-child {
    margin-bottom: 15px;
}

.container-choose-age-child p {
    font-size: var(--font-size-15);
    color: #9A9999;
    font-weight: 600;
}
#container-adults-childs p#message-age-selection{
    color: var(--primary-red-color);
    font-weight: 600;
    margin-bottom: 10px;
    margin-top: 0;
    font-size: 12px;
    margin-bottom: 30px;
    text-align: center;
    background: var(--tertiary-pink-color);
    padding: 10px 0px;
}

.select-age {
    position: relative;
    margin-bottom: 10px;
    border: 0px solid var(--primary-red-color);
    outline: none !important;
    box-shadow: none;
}

.select-age .select-box {
    width: 100%;
    padding: 15px 15px 15px 18px;
    font-size: var(--font-size-15);
    cursor: pointer;
    outline: 0;
    border: 0;
    border: 1px solid var(--primary-red-color);
    position: relative;
    color: var(--primary-red-color);
    font-weight: 500;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: transparent;
    box-sizing: border-box;

    border-radius: 22px;
    -webkit-border-radius: 22px;
    -moz-border-radius: 22px;
    -ms-border-radius: 22px;
    -o-border-radius: 22px;

    transition: all 0.25s ease;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    -o-transition: all 0.25s ease; 
}

.select-age .select-box-selected {
    display: none;
}

.select-age .select-box option {
    background-color: var(--tertiary-pink-color);
    border-radius: 0px;
    padding: 150px 0px;
}

.select-age .ico-container-select {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    position: absolute;
    width: 50px;
    height: 100%;
    right: 0;
    bottom: 0;
    align-items: center;
    justify-content: center;
    z-index: -100;
}

.select-age .ico-container-select img {
    width: 10px;
}

#marg {
    margin-top: 60px;
}

/* maletas o sin maletas  */
#maletas-no-maletas {
    margin-top: 20px;
    margin-bottom: 30px;
}

/* escala usa o no escala en usa */
#escala-usa-no-escala {
    margin-bottom: 30px;
}

/* recordatorio */
#recordatorio {
    background-color: var(--tertiary-pink-color);
    padding: 15px 0px;

    border-radius: 31px;
    -webkit-border-radius: 31px;
    -moz-border-radius: 31px;
    -ms-border-radius: 31px;
    -o-border-radius: 31px;
}

.container-recordatorio {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    width: 85%;
    margin: 0 auto;
    justify-content: space-between;
    align-items: center;
    vertical-align: middle;
    gap: 13px;
}

.container-recordatorio p {
    font-size: var(--font-size-11);
    color: var(--primary-red-color);
    font-weight: 500;
    margin: 0;
}

.container-recordatorio p span {
    font-size: var(--font-size-11);
    font-weight: 600;
}

.container-recordatorio img {
    width: 19px;
}

#btnApplyPassengers {
    background-color: var(--secondary-yellow-color);
    border: 0px;
    color: var(--primary-red-color);
    font-size: var(--font-size-15);
    font-weight: 700;
    width: 100%;
    max-width: 296px;
    text-align: center;
    padding: 20px 0px;
    margin: 0 auto;
    display: block;

    border-radius: 27px;
    -webkit-border-radius: 27px;
    -moz-border-radius: 27px;
    -ms-border-radius: 27px;
    -o-border-radius: 27px;
}
#btnApplyPassengers.disabled {
    background-color: var(--gray-f3f3); 
    color: #a9a9a9;
    cursor: not-allowed; 
    pointer-events: none;
}

#btnApplyPassengers:hover {
    background-color: var(--btn-dark-color);
    color: var(--secondary-yellow-color);
}

/* END ELEGIR VIAJEROS */







/*Vuelos-baratos-por-paises.html*/
#container-header-pages {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    background: rgb(209, 52, 60);
    background: linear-gradient(100deg, rgba(209, 52, 60, 1) 0%, rgba(181, 11, 9, 1) 18%, rgba(221, 5, 10, 1) 48%, rgba(192, 22, 23, 1) 93%, rgba(213, 15, 20, 1) 100%);
    color: white;
    flex-direction: column;
    align-items: center;
    padding: 17px 0px 17px 0px;
}

header.header-responsive-pages {
    display: block;
    margin-bottom: 0px;
}

div.header-responsive-pages-flex {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    justify-content: space-between;
    align-items: center;
}

div.header-responsive-pages-flex .logo {
    width: 194.69px;
}

div.header-responsive-pages-flex .menu-icons {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    gap: 15.5px;
}

div.header-responsive-pages-flex .menu-icons img {
    cursor: pointer;
}

div.header-responsive-pages-flex .menu-icons i.oculto {
    opacity: .3;
    cursor: inherit;
}

div.header-responsive-pages-flex .menu-icons img {
    width: 20px;
    cursor: pointer;
}

div.header-responsive-pages-flex .menu-icons img.oculto {
    opacity: .3;
    cursor: inherit;
}



/*colombia.html*/
#cheap-flights-to {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    padding-bottom: 13px !important;
    flex-direction: column;
    gap: 30px;
}

#cheap-flights-to p.content-container,
#cheap-flights-to p.content-container a{
    line-height: 1.7;
    font-size: var(--font-size-15);
    color: var(--primary-red-color);
    font-weight: 300;
    pointer-events: none;
}
#cheap-flights-to p.strong{
    font-weight: 600;
}
#cheap-flights-to p.content-container a{
    color: var(--accent-color);
    pointer-events: initial;
}
#cheap-flights-to p.content-container a:hover{
    text-decoration: underline;
}
#cheap-flights-to p.title-list-box{
    line-height: 1.2;
    color: var(--white-color);
    font-weight: 500;
}
#cheap-flights-to.pad {
    padding-bottom: 13px !important;
    margin-top: 40px;
    margin-bottom: 40px;
}

#cheap-flights-to #where-flight .flex {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    flex-wrap: wrap;
    gap: 10px;
}



#cheap-flights-to #where-flight button {
    background: none;
    border: none;
    font-size: var(--font-size-13);
    color: var(--primary-red-color);
    border: 1px solid var(--primary-red-color);
    box-sizing: border-box;
    font-weight: 600;
    padding: 10px 20px;
    cursor: pointer;

    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;

    text-transform: uppercase;
}

#cheap-flights-to #where-flight button.active {
    background-color: var(--primary-red-color);
    color: var(--white-color);
}

#cheap-flights-to #where-flight p{
    color: var(--accent-color);
    font-size: var(--font-size-18);
}


#cheap-flights-to #box-head p.strong {
   /*  font-weight: 600; */
}

#cheap-flights-to h2,
#cheap-flights-to #where-flight p {
    font-size: var(--font-size-18);
    color: var(--primary-red-color);
    font-weight: 600;
    margin-top: 0px;
}
#cheap-flights-to h2.h2-big-section{
    font-size: var(--font-size-25);
    line-height: 31px;
    font-weight: 700;
    margin-top: 20px;
}
.h3-section{
    font-size: var(--font-size-25);
    line-height: 31px;
    font-weight: 700;
    margin-top: 20px;
}

#cheap-flights-to h1.h1-section,
#cheap-flights-to h2,
#cheap-flights-to #where-flight p{
    color: var(--accent-color);
}


.flight-list-box {
    margin-bottom: 20px;
}

.bottom-box {
    background-color: var(--primary-red-color);
    height: 20px;
    width: 100%;
    border-radius: 0px 0px 25px 25px;
}

.flight-list-box ul {
    border: 1px solid var(--primary-red-color);
    border-radius: 0px 0px 0px 0px;
    border-top: 0px;
}

.flight-list-box ul.radius{
    border-radius: 0px 0px 20px 20px;
    padding: 0;
}
.flight-list-box ul.radius li{
    /* padding: 0px 25px; */


    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;    
}

.flight-list-box ul.radius li:hover{
    background-color: rgba(247, 240, 240, .5);
}
.flight-list-box ul.radius li:last-child{
    border-radius: 0px 0px 20px 20px;
}


.box-dinamic-li.no-visible {
    max-height: 0;
    overflow: hidden;
}
.box-dinamic-li {
    overflow: hidden;
    max-height: 1400px; 

    transition: max-height 0.5s ease-in;
    -webkit-transition: max-height 0.5s ease-in;
    -moz-transition: max-height 0.5s ease-in;
    -ms-transition: max-height 0.5s ease-in;
    -o-transition: max-height 0.5s ease-in;    
}

.btn-show-more {
    border: none;
    background: none;
    font-size: var(--font-size-15);
    display: block;
    text-align: center;
    color: var(--accent-color);
    width: 100%;
    padding: 28px 0px;
}

.btn-show-more img{
    height: 11px;
}

.btn-show-more:hover{
    background: none;
    color: var(--accent-color);
    text-decoration: underline;
}


.flight-list-box ul li.flex,
.flight-list-box ul li a {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    justify-content: space-between;
    border-bottom: 1px solid var(--primary-red-color);
    padding: 0px 25px;
}

.flight-list-box ul li.noresults a{
    color: var(--accent-color);
    font-weight: 500;
}
.flight-list-box ul li.noresults a:hover{
    text-decoration: underline;
}
.flight-list-box ul li.flex:hover{
    background-color: rgba(247, 240, 240, .5);
}

/* #cheap-fligths-to .flight-list-box ul li a:hover {
    background-color: rgba(247, 240, 240, .1);
} */


.flight-list-box ul li.flex:last-child,
.flight-list-box ul li:last-child a{
    border-bottom: 0px;
    border-radius: 0px 0px 20px 20px;
}

.flight-list-box ul li p,
.flight-list-box ul li a p {
    line-height: 1.7;
    font-size: var(--font-size-15);
    color: var(--primary-red-color);
    font-weight: 500;
    pointer-events: none;
}

#box-flight-list .flex p.pointer-event{
    pointer-events: all;
}

.flight-list-box h3,
.flight-list-box p.title-list-box {
    background-color: var(--primary-red-color);
    color: var(--white-color);
    padding: 15px 25px;
    border: 0px solid var(--primary-red-color);
    font-weight: 500;
    font-size: var(--font-size-15);
    margin: 0;

    border-radius: 25px 25px 0px 0px;
    -webkit-border-radius: 25px 25px 0px 0px;
    -moz-border-radius: 25px 25px 0px 0px;
    -ms-border-radius: 25px 25px 0px 0px;
    -o-border-radius: 25px 25px 0px 0px;
}

.hello-country {
    margin-top: 108px;
}

.hello-country h3 {
    color: var(--primary-red-color);
    font-size: var(--font-size-18);
    font-weight: 500;
    margin-bottom: 15px;
}

.hello-country img {
    margin-bottom: 27px;
}

.hello-country p {
    margin: 0;
    font-size: var(--font-size-15);
    font-weight: 300;
    line-height: 18px;
    margin-bottom: 10px;
    color: var(--primary-red-color);
}




/*finalice-su-reserva.html*/
#finalize-your-booking {
    position: relative;
}

.hidden-booking-successfully,
.pop-up {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    align-items: center;
    justify-content: center;
    background-color: rgba(229, 12, 18, .7);
    z-index: 999999999;
    overflow: hidden;
    
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);

    max-height: 0px;
    overflow: hidden;

    transition: max-height 1.4s ease;
    -webkit-transition: max-height 1.4s ease;
    -moz-transition: max-height 1.4s ease;
    -ms-transition: max-height 1.4s ease;
    -o-transition: max-height 1.4s ease;
}


.hidden-booking-successfully.active,
.pop-up.active {
    min-height: 100%;
    max-height: 100%;
    overflow: hidden;
    position: fixed;

    animation: fade 1s ease-in-out;
    -webkit-animation: fade 1s ease-in-out;
    -moz-animation: fade 1s ease-in-out;
    -ms-animation: fade 1s ease-in-out;
    -o-animation: fade 1s ease-in-out;
}

.card-message {
    width: 88%;
    position: absolute;
}

.card-message p {
    margin: 0;
}

.card-message-head {
    background-color: var(--white-color);
    padding: 30px 0px 20px 0px;
    text-align: center;

    border-radius: 38px 38px 0px 0px;
    -webkit-border-radius: 38px 38px 0px 0px;
    -moz-border-radius: 38px 38px 0px 0px;
    -ms-border-radius: 38px 38px 0px 0px;
    -o-border-radius: 38px 38px 0px 0px;

    position: relative;
}

.card-message-head p {
    font-size: var(--font-size-17);
    color: var(--primary-red-color);
    font-family: "neulis-cursive", sans-serif;
    font-weight: bold;
    width: 88%;
    margin: 0 auto;
    text-transform: uppercase;
}
.card-message-head span#closeF-btn{
    cursor: pointer;
    position: absolute;
    left: 7px;
    top: 56px;
    color: #ffffff;
}

.card-message-head span#closePopUp-btn{
    cursor: pointer;
    position: absolute;
    right: 23px;
    top: 10px;
    color: #E2138E;
    font-weight: 400;
    font-size: 23px;
    padding: 5px 5px;
}

.card-message-head p img {
    margin-right: 10px;
    width: 26px;
    position: relative;
    top: 4px;
}

.card-message-body {
    background-color: rgba(229, 12, 18, .7);
    color: var(--white-color);
    padding: 20px 20px 14px 20px;
    text-align: center;
    border-radius: 0px 0px 38px 38px;
    box-sizing: border-box;
}

.card-message-body p {
    font-size: var(--font-size-15);
    font-weight: 400;
    color: var(--white-color);
    line-height: 21px;
}

.card-message-body .text-body {
    margin-bottom: 30px;
    ;
}

.card-message-body a {
    color: var(--white-color);
    font-weight: 800;
}

.card-message-body a#act-link {
    color: var(--white-color);
    font-size: var(--font-size-15);
    font-weight: 400;
    text-decoration: underline;
    margin-top: 31px;
    display: block;
}

.card-message-body button#btn-act-link {
    color: var(--primary-red-color);
    background-color: var(--secondary-yellow-color);
    font-size: var(--font-size-15);
    font-weight: 600;
    text-decoration: none;
    padding: 10px 22px;
    border-radius: 17.26px;
    margin-top: 31px;
    display: block;
    border: none;
    margin: 0 auto;
    margin-top: 20px;
    text-transform: uppercase;
}

.pad-page {
    padding: 30px 0px 40px 0px;
}

.h1page {
    font-size: var(--font-size-23);
    color: var(--primary-red-color);
    font-weight: 600;
    margin: 0;
    margin-bottom: 10px;
}


/* passenger data info */
#box-end-booking h2.title-info {
    font-size: var(--font-size-15);
    color: var(--accent-color);
    font-weight: 600;
    border-bottom: 2px solid var(--accent-color);
    padding-bottom: 5px;
    margin-bottom: 20px;
}

#container-passengers {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    flex-direction: column;
    gap: 10px;
}

#passenger-data-info .passenger {
    border-bottom: 1px solid var(--primary-red-color);
    padding: 20px 0px 30px 0px;
}

#passenger-data-info .passenger:first-of-type {
    padding-top: 0px;
}

#passenger-data-info .passenger:last-of-type {
    border-bottom: 0px;
    padding-bottom: 15px;
}

#passenger-data-info .passenger .flex {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    flex-direction: column;
    gap: 20px;
}

#passenger-data-info .passenger p {
    font-size: var(--font-size-13);
    text-transform: uppercase;
    color: var(--primary-red-color);
    font-weight: 700;
    margin-bottom: 17px;
    margin-top: 0px;
}

#passenger-data-info .passenger span.thin {
    font-size: var(--font-size-11);
    font-weight: 500;
}

#passenger-data-info .passenger .warning-message-chd,
#passenger-data-info .passenger .warning-message-inf {
    color: var(--primary-red-color);
    font-size: var(--font-size-12);
    margin-top: 5px;
}


#body-end-booking input[type=text],
#body-end-booking input[type=email],
#body-end-booking input[type=tel],
#body-end-booking input[type=date] {
    display: block;
    width: 100%;
}

#body-end-booking input[type=date]{
    min-height: 49px;
    color: var(--light-gray-text);
    background-color: var(--white-color);
}
#body-end-booking input[type=date].warning{
    background-color: var(--tertiary-pink-color);
}

#body-end-booking label {
    display: block;
    font-size: var(--font-size-13);
    color: var(--primary-red-color);
    font-weight: 500;
    margin-bottom: 8px;
}

input[type=text],
input[type=email],
input[type=date],
input[type=number] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 2px solid var(--primary-red-color);
    width: 100%;
    font-size: var(--font-size-13);
    color: var(--light-gray-text);
    font-weight: 500;
    padding: 14px 23px;
    box-sizing: border-box;
    
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}
input[type=text]:focus, input[type=text]:hover,
input[type=email]:focus, input[type=email]:hover,
input[type=number]:focus, input[type=number]:hover,
#box-countrycode-input:focus, #box-countrycode-input:hover,
textarea:focus, textarea:hover {
    outline: none;
    border-color: var(--primary-red-color);
    background-color: #fff;
    box-shadow: 0 0 0 5px rgb(248 215 216 / 100%);
}

input::placeholder {
    font-size: var(--font-size-13);
    color: var(--light-gray-text);
    font-weight: 400;
}


input[type=date].warning {
    background-color: var(--tertiary-pink-color);
    color: var(--primary-red-color);
}

#body-end-booking input[type=tel] {
    font-size: var(--font-size-11);
    color: var(--light-gray-text);
    font-weight: 500;
}




input#phone-contact {
    border: 0px;
}

.passenger input::placeholder {
    font-style: italic;
}

#passenger-data-info .gender {
    margin-bottom: 47px;
}

#passenger-data-info .gender button.active {
    background-color: var(--primary-red-color);
    color: var(--white-color);
    font-weight: 700;
}

p#check {
    color: var(--primary-red-color);
    text-transform: none;
    font-size: var(--font-size-13);
    font-weight: 400;
    padding-left: 20px;
    width: 90%;
    margin-top: 0px;
    margin-bottom: 27px;
}

#passenger-data-info p#check .strong {
    font-size: var(--font-size-13);
    font-weight: 700;
}

#box-end-booking span.required {
    font-size: var(--font-size-15);
    font-weight: 500;
    color: var(--light-gray-text);
    display: block;
}
#box-end-booking span.required.desktop{
    display: none;
}

/* ¿A dónde podemos contactarte? */
#where-to-contact {
    margin-bottom: 24px;
}

#where-to-contact .flex {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    flex-direction: column;
    gap: 20px;
}

#where-to-contact .phone-contact #box-countrycode-input {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    align-items: center;
    border: 2px solid var(--primary-red-color);

    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;

    transition: .5s ease;
    -webkit-transition: .5s ease;
    -moz-transition: .5s ease;
    -ms-transition: .5s ease;
    -o-transition: .5s ease; 
}

select#country-code {
    border: 0px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: transparent;
    outline: 0px;
    padding-left: 23px !important;
    padding-right: 20px !important;
    padding-top: 14px !important;
    padding-bottom: 14px !important;
    background-color: var(--primary-red-color);
    font-size: var(--font-size-11);
    color: var(--white-color);
    height: 100%;
    padding: 8px;

    border-radius: 17px 0px 0px 17px;
    -webkit-border-radius: 17px 0px 0px 17px;
    -moz-border-radius: 17px 0px 0px 17px;
    -ms-border-radius: 17px 0px 0px 17px;
    -o-border-radius: 17px 0px 0px 17px;
}



#where-to-contact .phone-contact input {
    margin-bottom: 0;
    padding-left: 13px !important;
}

.phone-contact p {
    font-size: var(--font-size-11);
    color: var(--primary-red-color);
    padding-left: 20px;
}

.phone-contact .dropdown-container {
    position: relative;
}

.phone-contact .dropdown-container img {
    height: 12px;
    width: auto;
    display: inline-block;
}

.phone-contact .dropdown-display {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    padding: 14px 20px;
    color: var(--white-color);
    cursor: pointer;
    position: relative;
    right: 2px;
    background-color: var(--primary-red-color);
    font-size: var(--font-size-11);
    gap: 7.6px;

    border-radius: 20px 0px 0px 20px;
    -webkit-border-radius: 20px 0px 0px 20px;
    -moz-border-radius: 20px 0px 0px 20px;
    -ms-border-radius: 20px 0px 0px 20px;
    -o-border-radius: 20px 0px 0px 20px;
}

.phone-contact .dropdown {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;    
 
    list-style-type: none;
    padding: 0;
    margin: 0;
    border: 1px solid var(--gray-ccc);
    background-color: white;
    cursor: pointer;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 1000;
    display: none;
    /* Ocultar la lista por defecto */
}

.phone-contact .dropdown.show {
    display: block;
    /* Mostrar la lista al activar */
}

.phone-contact .dropdown li {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    padding: 14px 20px;
    background-color: white;
    font-size: var(--font-size-11);
    gap: 7.6px;


    transition: background-color 0.3s ease;
    -webkit-transition: background-color 0.3s ease;
    -moz-transition: background-color 0.3s ease;
    -ms-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;    
}

.phone-contact .dropdown li:hover {
    background-color: #f0f0f0;
}

.phone-contact .dropdown li:last-child {
    border-bottom: none;
}

/* info payment */
#info-payment p,
#info-payment p span {
    margin: 0;
    font-size: var(--font-size-13);
    color: var(--primary-red-color);
    font-weight: 400;
    line-height: 18.43px;
}

#info-payment p span.strong {
    font-weight: 700;
}

#info-payment p#notice-check-inf {
    padding-left: 20px;
    margin-bottom: 40px;
    width: 92%;
}

/* message reservar es gratis */
#booking-is-free {
    margin: 0;
    background-color: var(--tertiary-pink-color);
    padding: 15px 19px;
    margin-bottom: 33px;

    border-radius: 33px;
    -webkit-border-radius: 33px;
    -moz-border-radius: 33px;
    -ms-border-radius: 33px;
    -o-border-radius: 33px;
}

#booking-is-free p {
    font-size: var(--font-size-13);
    color: var(--primary-red-color);
    font-weight: 400;
    line-height: 18.43px;
}

#booking-is-free p .strong {
    font-size: var(--font-size-13);
    font-weight: 700;
}


/* plantilla para red-car vuelos seleccionados y tarifas a pagar */
#selected-flights {
    margin-bottom: 33px;

    /*15px si se baja*/
}

.red-card h3 {
    margin: 0;
    font-size: var(--font-size-14);
    font-weight: 600;
    color: var(--white-color);
    background-color: var(--primary-red-color);
    padding: 20px;
    border-left: 2px solid var(--primary-red-color);
    border-right: 2px solid var(--primary-red-color);

    border-radius: 25px 25px 0px 0px;
    -webkit-border-radius: 25px 25px 0px 0px;
    -moz-border-radius: 25px 25px 0px 0px;
    -ms-border-radius: 25px 25px 0px 0px;
    -o-border-radius: 25px 25px 0px 0px;
}

.red-card .box-ul {
    padding: 20px 20px;
    border-left: 2px solid var(--primary-red-color);
    border-right: 2px solid var(--primary-red-color);
    border-bottom: 2px solid var(--primary-red-color);
    border-radius: 0px 0px 25px 25px;
}

.red-card .box-ul ul.main-ul {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    flex-direction: column;
    gap: 15px;
}

.red-card .box-ul ul.main-ul.gap {
    padding-top: 20px;
    gap: 30px;
}

.red-card ul hr#hr-sf {
    height: 1px;
    border: 0;
    width: 100%;
    background-color: var(--primary-red-color);
}

.red-card ul hr#hr-sf:nth-of-type(2) {
    display: none;
}

.red-card ul li {
    padding: 0px 0px;
}

.red-card ul li.info-flight-selected {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    flex-direction: column;
    gap: 9px;
}

.red-card ul li:first-child {
    border-bottom: 0px solid var(--primary-red-color);
}

.red-card ul li#li {
    border-bottom: 0px solid var(--primary-red-color);
}

.red-card ul li p,
.red-card ul li p span {
    margin: 0;
    color: var(--primary-red-color);
}

.red-card ul li p:first-child {
    font-size: var(--font-size-13);
    font-weight: 700;
    text-transform: uppercase;
}



.red-card ul li p:nth-child(2) {
    font-size: var(--font-size-13);
    font-weight: 600;
}

.red-card ul li p.ptrayect {
    margin-bottom: 3px;
}

.red-card ul li p:nth-child(2) span.light {
    font-size: var(--font-size-13);
    font-weight: 600;
    text-transform: capitalize;
}


.red-card ul li p:nth-child(3) {
    font-size: var(--font-size-13);
    font-weight: 400;
}

.red-card ul li p:nth-child(4) {
    font-size: var(--font-size-13);
    font-weight: 400;
}

.red-card ul li p span.thin {
    font-weight: 300;
    font-style: italic;
    font-size: var(--font-size-13);
}

.red-card ul li.waiting-box-li {
    background: rgb(160, 31, 27);
    background: linear-gradient(90deg, rgba(160, 31, 27, 1) 0%, rgba(195, 22, 23, 1) 63%, rgba(229, 12, 18, 1) 100%);
    padding: 11px 4px;

    border-radius: 14px;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    -ms-border-radius: 14px;
    -o-border-radius: 14px;
}

.red-card ul li.waiting-box-li p {
    font-weight: 400;
    text-align: center;
    text-transform: none;
    font-style: italic;
    font-size: 10.43px;
    color: var(--white-color);
}

.box-ul .more-details-flights-selected {
    max-height: 0px;
    overflow: hidden;

    opacity: 0;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;

    transition: opacity 0.5s ease, max-height 0.2s ease;
    -webkit-transition: opacity 0.5s ease, max-height 0.2s ease;
    -moz-transition: opacity 0.5s ease, max-height 0.2s ease;
    -ms-transition: opacity 0.5s ease, max-height 0.2s ease;
    -o-transition: opacity 0.5s ease, max-height 0.2s ease;
}

.box-ul .more-details-flights-selected.active {
    max-height: 800px;

    opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;

    transition: opacity 0.5s ease, max-height 0.5s ease;
    -webkit-transition: opacity 0.5s ease, max-height 0.5s ease;
    -moz-transition: opacity 0.5s ease, max-height 0.5s ease;
    -ms-transition: opacity 0.5s ease, max-height 0.5s ease;
    -o-transition: opacity 0.5s ease, max-height 0.5s ease;    
}



.more-details-flights-selected ul.detail-segment {}

ul.detail-segment {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    flex-direction: column;
    gap: 23px;
    margin-top: 23px;
    padding-left: 20px;
    margin-left: 5px;
    border-left: 1px dashed var(--primary-red-color);
}



.box-ul button {
    margin-bottom: 20px;
    background-color: transparent;
    border: 0px;
    padding: 0;
    font-weight: 700;
    font-size: var(--font-size-11);
    text-transform: uppercase;
    color: var(--accent-color);
    text-decoration: underline;
    margin-top: 25px;
}

.box-ul button.mrg {
    margin-top: 35px;
}

/* tarifa a pagar */
#rate-to-pay {
    margin-bottom: 20px;
}

#rate-to-pay.inf-trip {
    margin-top: 20px;
    margin-bottom: 20px;
}

#rate-to-pay p {
    margin: 0;
}

#rate-to-pay .box-ul {
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 0px;
    border-radius: 0px;
}

.box-ul .flex {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    justify-content: space-between;
    padding-bottom: 10px;
}

#rate-to-pay .box-ul .price-before {
    text-align: right;
    font-size: var(--font-size-13);
    color: var(--primary-red-color);
    font-weight: 500;
}

#rate-to-pay .box-ul .price-before span {
    font-size: var(--font-size-13);
}

#desglose-tarifa {
    max-height: 0;
    overflow: hidden;

    opacity: 0;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;

    transition: opacity 0.5s ease, max-height 0.4s ease;
    -webkit-transition: opacity 0.5s ease, max-height 0.4s ease;
    -moz-transition: opacity 0.5s ease, max-height 0.4s ease;
    -ms-transition: opacity 0.5s ease, max-height 0.4s ease;
    -o-transition: opacity 0.5s ease, max-height 0.4s ease;
}

#desglose-tarifa.active {
    max-height: 700px;

    opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    
    transition: opacity 0.5s ease, max-height 0.5s ease;
    -webkit-transition: opacity 0.5s ease, max-height 0.5s ease;
    -moz-transition: opacity 0.5s ease, max-height 0.5s ease;
    -ms-transition: opacity 0.5s ease, max-height 0.5s ease;
    -o-transition: opacity 0.5s ease, max-height 0.5s ease;    
}

#desglose-tarifa .desg {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    flex-direction: column;

}

.desg-item {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    justify-content: space-between;
    margin-top: 10px;
    gap: 40px;
}


#rate-to-pay .box-ul p:first-child {
    font-size: var(--font-size-13);
    font-weight: 500;
    color: var(--primary-red-color);
}

#rate-to-pay .box-ul p:first-child span {
    font-size: var(--font-size-13);
}

#rate-to-pay .box-ul button {
    margin-bottom: 0px;
}

#total-to-pay {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    background-color: var(--primary-red-color);
    padding: 20px;
    border-radius: 0px 0px 25px 25px;
    justify-content: space-between;
}

#total-to-pay p {
    font-size: var(--font-size-15);
    font-weight: 700;
    color: var(--white-color);
}



/* aceptar condiciones legales y de privacidad */
#accept-legal-conditions {}

#accept-legal-conditions .flex {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    gap: 10px;
    flex: 1;
    margin-bottom: 20px;
    align-items: center;
}

#accept-legal-conditions .flex:nth-child(2) {
    margin-bottom: 43px;
}

#accept-legal-conditions label {
    width: 85%;
}

#accept-legal-conditions label,
#accept-legal-conditions label a {
    color: var(--primary-red-color);
    font-size: var(--font-size-11);
    cursor: pointer;
}

#accept-legal-conditions label a {
    color: var(--accent-color);
    text-decoration: underline;
}

#accept-legal-conditions input {
    appearance: none;
    border: 0px;
    background-color: var(--white-color);
    border: 2px solid var(--primary-red-color);
    border-radius: 1000px;
    width: 20px;
    height: 20px;
    position: relative;
    bottom: 4px;
}

#accept-legal-conditions input:checked {
    background: rgb(187, 23, 24);
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
    border: 2px solid var(--primary-red-color);
}

#accept-legal-conditions input:focus {
    color: var(--white-color);
}

#accept-legal-conditions input:disabled {
    color: var(--white-color);
    background-color: orange;
}

/* Btns reservar gratis - Pagar ahora */

.div-button {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    justify-content: space-between;
    gap: 7px;
}

.div-button button {
    background-color: var(--secondary-yellow-color);
    color: var(--primary-red-color);
    font-size: var(--font-size-13);
    font-weight: 700;
    border: 0px;
    width: 190px;
    margin: 0 auto;
    padding: 22px 0px;
    border-radius: 27.23px;
    cursor: pointer;
}

.div-button a {
    background-color: var(--secondary-yellow-color);
    color: var(--primary-red-color);
    font-size: var(--font-size-13);
    font-weight: 700;
    border: 0px;
    width: 190px;
    margin: 0 auto;
    padding: 22px 0px;
    border-radius: 27.23px;
    cursor: pointer;
    text-align: center;
}








/* RESULTADOS-BUSDQUEDA.HTML */
/* start slideshow search page filters */
#container-header-pages-search {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    background: rgb(209, 27, 27);
    background: -moz-linear-gradient(90deg, rgba(209, 27, 27, 1) 0%, rgba(235, 10, 18, 1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(209, 27, 27, 1) 0%, rgba(235, 10, 18, 1) 100%);
    background: linear-gradient(90deg, rgba(209, 27, 27, 1) 0%, rgba(235, 10, 18, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b91818", endColorstr="#eb0a12", GradientType=1);
    color: white;
    flex-direction: column;
    align-items: center;
    padding: 0px 0px 18px 0px;
}

/* header info de parámetros de vuelos seleccionados
    - Modificar parámetros
*/
#header-resume {
    background: rgb(209, 27, 27);
    background: -moz-linear-gradient(90deg, rgba(209, 27, 27, 1) 0%, rgba(235, 10, 18, 1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(209, 27, 27, 1) 0%, rgba(235, 10, 18, 1) 100%);
    background: linear-gradient(90deg, rgba(209, 27, 27, 1) 0%, rgba(235, 10, 18, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b91818", endColorstr="#eb0a12", GradientType=1);
}

#header-resume .container {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;

    flex-wrap: wrap;
    
    justify-content: flex-start;
    gap: 24px;
    align-items: center;
    padding-bottom: 20px;
    color: var(--white-color);
    padding: 30px 0px 8px 0px;
}

#header-resume .container.open{
    padding-bottom: 17px;
}


#header-resume p {
    margin-top: 0px;
    margin-bottom: 0px;
}

/* ico back */
#header-resume #back a img {
    height: 14px;
    /* position: relative;
    top: -14px; */
    padding: 10px 12px;
}

#header-resume #back{
    min-width: 30px;
}
#header-resume #resume-container {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    flex-direction: column;
    gap: 10px;

    min-width: 128px;
}

/* origen >< destino */
#header-resume #resume-container #cities {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    align-items: center;
    gap: 9px;
}

#cities img#airplane-ico-srch {
    height: 17px;
}

#cities-depart-destinate {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    align-items: center;
    gap: 5px;
}

#cities-depart-destinate p {
    font-size: var(--font-size-17);
    font-weight: 900;
}

#cities-depart-destinate img#switch-icon-srch {
    /* height: 15px; */
    width: 12px;
}

/* fechas ida y vuelta */
#header-resume #dates-page-search {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    align-items: center;
    gap: 6px;
}

#dates-page-search p {
    font-size: var(--font-size-11);
    font-weight: 400;
}

#dates-page-search img#calendar-ico-srch {
    height: 13px;
}

/* num de pasajeros */
#dates-page-search #passengers-page-search {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
}

#passengers-page-search img#passenger-ico-srch {
    height: 13px;
}

/* button cambiar parámetros */
.search-button.width {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    width: fit-content;
    align-items: center;
    padding: 9px 16px;
}

.search-button.width span {
    font-size: var(--font-size-9);
    font-weight: 700;
}

.search-button.width img {
    height: 8px;
    width: 8px;
    position: initial;
}

button#apply-new-parameters {
    font-size: var(--font-size-12);
    padding: 15px 55px;
    width: fit-content;
    align-items: center;
}







/* results */
#results {
    padding: 12px 0px 22px 0px;
    position: relative;
    min-height: 1000px;
}

#results.blur {
    position: relative;
    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    -o-filter: blur(3px);
    -ms-filter: blur(3px);
    filter: blur(3px);
}

#results p {
    margin: 0;
}

p#noFlightsText{
    display: block;
    text-align: center;
    margin-top: 40px;
    color: var(--primary-red-color);
}

#results p#vuelos {
    font-size: clamp(var(--font-size-18), 2.5vw + 0.5rem, var(--font-size-23));
    color: var(--primary-red-color);
    font-weight: 600;
    margin-bottom: 10px;
}

#results p#num-flights-found {
    font-size: clamp(var(--font-size-13), 2.5vw + 0.5rem, var(--font-size-17));
    color: var(--light-gray-text);
    font-weight: 400;
    margin-bottom: 28px;
    display: none;
}

#results p#num-flights-found.active {
    display: block;
    margin-bottom: 28px;
}

#results p#num-flights-found span {
    font-size: var(--font-size-13);
    color: var(--light-gray-text);
    font-weight: 400;
    margin-bottom: 30px;
}

#vuelos-filter-sort {
    margin-bottom: 22px;
}

#filter-sort {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    justify-content: flex-end;
    gap: 5px;
    margin-bottom: 21px;
}

#filter-sort button {
    background: none;
    border: none;
    font-size: var(--font-size-15);
    font-style: italic;
    color: var(--primary-red-color);
}


/*FILTROS PRINCIPALES*/
#main-filters {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    flex-direction: column;
    gap: 8.6px;
}

#main-filters .btn-sort {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    border: 1px solid var(--primary-red-color);
    color: var(--primary-red-color);
    cursor: pointer;
    box-sizing: border-box;
}

#main-filers .btn-sort.active {
    background-color: var(--primary-red-color);
    color: var(--white-color);
}


/*2 FILTROS GRADES*/
#main-filters #top-filters {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    gap: 8.6px;
}

#top-filters .btn-sort {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    flex: 1;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 18px;
    gap: 0px;

    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}



/*3 FILTROS PEQUEÑOS*/
#main-filters #secondary-filters {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    gap: 8.6px;
}

#secondary-filters .btn-sort {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    flex: 1;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 14px 0px;
    gap: 20px;

    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;

    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
}

#secondary-filters .btn-sort:hover{
    background-color: rgba(247, 240, 240, 1);
}

#secondary-filters .btn-sort p {
    text-transform: uppercase;
    font-size: var(--font-size-9);
}




/*BTN FECHA CERCANA*/
#top-filters .btn-sort.date-approaching {
    border: 1px solid var(--primary-red-color);
    box-sizing: border-box;
    margin: 0;
}

.btn-sort.date-approaching p {
    font-weight: 700;
    color: var(--primary-red-color);
    text-transform: uppercase;
}

.btn-sort.date-approaching .title-filter p {
    font-size: var(--font-size-13);
    line-height: 17px;
}


.btn-sort.date-approaching .price-durFlight p.pric {
    font-size: var(--font-size-18);
}

.btn-sort.date-approaching .price-durFlight p.dur {
    font-size: var(--font-size-9);
    font-weight: 500;
    color: var(--accent-color);
    text-transform: capitalize;
}


/*BTN MÁS BARATO*/
#top-filters .btn-sort.cheaper-btn {
    border: 1px solid var(--primary-red-color);
    box-sizing: border-box;
    background-color: var(--white-color);
    margin: 0;

    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
}

#top-filters .btn-sort.cheaper-btn:hover{
    background-color: rgba(247, 240, 240, 1);
}

#top-filters .btn-sort.cheaper-btn.active {
    background-color: var(--primary-red-color);
}

#top-filters .btn-sort.cheaper-btn.active p {
    color: var(--white-color);
}

.btn-sort.cheaper-btn p {
    font-weight: 700;
    color: var(--primary-red-color);
    text-transform: uppercase;
}

.btn-sort.cheaper-btn .title-filter p {
    font-size: var(--font-size-13);
    line-height: 17px;
}

.btn-sort.cheaper-btn .price-durFlight p.pric {
    font-size: var(--font-size-18);
}

.btn-sort.cheaper-btn .price-durFlight p.dur {
    font-size: var(--font-size-12);
    font-weight: 500;
    color: var(--accent-color);
    text-transform: capitalize;
}







/*sin escalas en usa, con maletas, más rapida*/

#main-filters .btn-sort.small-btn-sort p {
    font-size: var(--font-size-9);
    font-weight: 700;
    margin: 0;
    text-align: center;
    display: block;
    width: 100%;
}

#main-filters .btn-sort.active {
    border: 1px solid var(--primary-red-color);
    color: var(--white-color);
    background-color: var(--primary-red-color);
}


/* caja de vuelo */
#container-flights {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    flex-direction: column;
    gap: 45px;
}

.flight-card .input-hidden {
    display: none;
}
.flight-card{
    overflow: visible;

    border-radius: 18px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    -ms-border-radius: 18px;
    -o-border-radius: 18px;

    content-visibility: visible;
}

.flight-card__price {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    max-height: 53px;
    background: rgb(181, 25, 24);
    background: linear-gradient(90deg, rgba(181, 25, 24, 1) 0%, rgba(204, 22, 24, 1) 57%, rgba(226, 19, 24, 1) 76%);
    border-top: 1px solid var(--primary-red-color);
    border-right: 1px solid var(--primary-red-color);
    border-left: 1px solid var(--primary-red-color);
    padding: 0px 14.79px 0px 9.23px;
    box-sizing: border-box;
    justify-content: space-between;
    color: var(--white-color);
    flex-direction: column;
    border-radius: 17px 17px 0px 0px;
    -webkit-border-radius: 17px 17px 0px 0px;
    -moz-border-radius: 17px 17px 0px 0px;
    -ms-border-radius: 17px 17px 0px 0px;
    -o-border-radius: 17px 17px 0px 0px;


    transition: max-height 0.3s ease-in-out;
    -webkit-transition: max-height 0.3s ease-in-out;
    -moz-transition: max-height 0.3s ease-in-out;
    -ms-transition: max-height 0.3s ease-in-out;
    -o-transition: max-height 0.3s ease-in-out;
}
.flight-card__price.open{
    max-height: 250px;
}

.flight-card__price .main-price{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 9px;
}


.flight-card__price .main-price button{
    background: none;
    border: none;
    color: var(--white-color);
    text-decoration: underline;
    font-size: var(--font-size-12);
    font-weight: 400;
}
.flight-card__price .main-price button:hover{
    background: none;
}



.breakdown-price {
    overflow: hidden;
    opacity: 0;
    transition: opacity .4s ease-in-out;
    -webkit-transition: opacity .4s ease-in-out;
    -moz-transition: opacity .4s ease-in-out;
    -ms-transition: opacity .4s ease-in-out;
    -o-transition: opacity .4s ease-in-out;
}

.flight-card__price.open .breakdown-price{
    opacity: 1;
}
  
.breakdown-price table {
    width: 100%;
    border-collapse: collapse;
}

  
.breakdown-price th,
.breakdown-price td {
    all: unset;
    display: table-cell; 
    text-align: left;
    padding: 12px 0px;
    border-bottom: 1px solid #ffffff14;
    color: #fff;
    font-size: var(--font-size-11);
  }
  
.breakdown-price th:last-child,
.breakdown-price td:last-child{
    text-align: right;
}
  
.breakdown-price tbody tr:last-child td {
    border-bottom: none;
}
  

.flight-card__price p:first-child {
    font-size: var(--font-size-9);
    font-weight: 400;
}

.flight-card__price span.price-tarifa {
    font-size: var(--font-size-25);
    font-weight: 700;
}

.flight-card__price p:last-child {
    font-size: var(--font-size-25);
    font-weight: 700;
}

/* flight departure */
.flight-tmpl {
    border-right: 1px solid var(--primary-red-color);
    border-left: 1px solid var(--primary-red-color);
}

.flight-tmpl__head {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    background-color: var(--tertiary-pink-color);
    padding: 11.7px 12px 11.7px 12px;
    justify-content: space-between;
}

.flight-tmpl__head.skeleton {
    padding: 0;
    background-color: var(--gray-eee);
    height: 42.3px;
    border-top: 0px;
}


.noborder {
    border: 0px solid #e6e6e6 !important;
}


.flight-tmpl__head p {
    font-size: var(--font-size-11);
    font-weight: 400;
    color: var(--primary-red-color);
    position: relative;
    bottom: 3px;
}

.flight-tmpl__head .suitcases-total{
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 7px;
}

.suitcases-total:hover{
    cursor: pointer;
}

.suitcases-total span{
    font-size: var(--font-size-11);
    font-weight: 400;
    color: var(--primary-red-color);
}

.suitcases-total div:first-child span{
    position: relative;
    top: 2px;
}

.flight-tmpl__head img.ico-suitcase-results {
    height: 16.26px;
    position: relative;
    top: 1px;
}
.flight-tmpl__head img#personal-bag {
    height: 11px;
    position: relative;
    top: 4px;
}

.info-icons-baggage{
    position: absolute;
    top: 19px;
    right: -12px;

    display: flex;
    flex-direction: column;
    gap: 4px;

    background: var(--tertiary-pink-color);
    padding: 9px 18px;
    border-radius: 10px;
    
    width: 118px;
    z-index: 9;
}
.info-icons-baggage .item{
    display: flex;
    align-items: center;
    gap: 5px;
}
.info-icons-baggage .item p{
    font-size: var(--font-size-9);
    bottom: 0;
}
.info-icons-baggage .item .img-container{
    width: 18px;
}
.info-icons-baggage .item .img-container img{
    height: 18px;
}
.info-icons-baggage .item .img-container img#personal-bag{
    height: 13px;
}



.info-icons
.flight-tmpl__head .flight-tmpl__head__left {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    justify-content: space-between;
}

.flight-tmpl__head .flight-tmpl__head__left p {
    position: relative;
    top: 2.5px;
}

.flight-tmpl__head .flight-tmpl__head__left p span.strong {
    font-size: var(--font-size-11);
    font-weight: 700;
}

.flight-tmpl__head .flight-tmpl__head__left img.departure-airplane {
    width: 17.35px;
    height: 17.35px;
    margin-right: 11px;

    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}

.flight-tmpl__head .flight-tmpl__head__left img.return-airplane {
    width: 17.35px;
    height: 17.35px;
    margin-right: 11px;

    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
}

/* flight departure body */
.flight-tmpl-body {
    padding: 9px 14px 9px 13px;
}


.flight-tmpl-body__container {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    border: 1px solid var(--light-gray-text);
    border-radius: 18.49px;
    /* padding: 20px 9.5px 22px 11px; CON LOGOS CORTADOS BIEN EL PNG HEIGHT*/
    padding: 0px 9.5px 0px 11px;
    height: 72px;
    justify-content: space-between;
    gap: 17px;
}

.duration-flight-and-scales {
    /*CON LOGOS EN TAMAÑO BIEN, ELIMINAR ESTA LINEA*/
    /*  margin-top: 15px; */
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    flex-direction: column;
    justify-content: center;
    gap: 3px;
}

.input-flight,
.input-flight-return {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    justify-content: space-between;
    gap: 0px;
    align-items: center;
    cursor: pointer;
    flex: 1;
}

.input-flight:hover .inputs-style .cbx span,
.input-flight-return:hover .inputs-style .cbx span{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);    
}

.flight-tmpl-body .flex {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    margin: 0 auto;
}

.dib__details {}

input.inputt,
input.inputt-return {
    appearance: none;
    border: 0px;
    background: var(--white-color);
    border: 2px solid var(--primary-red-color);
    border-radius: 1000px;
    width: 16px;
    height: 16px;
    position: relative;
    bottom: 0px;
}

.inputt.checked,
.inputt-return.checked {
    background: var(--primary-red-color);
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
    border: 2px solid var(--primary-red-color);
}






.flight-tmpl-body .company {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    justify-content: space-between;
    position: relative;
    align-items: center;
    gap: 6.62px;
    margin-left: 0px;
}



.flight-card__price.skeleton {
    background: var(--gray-eee);
    height: 53px;
    border-top: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    border-left: 1px solid #e6e6e6;
    padding: 0px 14.79px 0px 9.23px;
    box-sizing: border-box;
    margin: 0 auto;
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    justify-content: space-between;
    height: 53px;
    align-items: center;
    color: var(--white-color);
    border-bottom: 0px;

    border-radius: 17px 17px 0px 0px;
    -webkit-border-radius: 17px 17px 0px 0px;
    -moz-border-radius: 17px 17px 0px 0px;
    -ms-border-radius: 17px 17px 0px 0px;
    -o-border-radius: 17px 17px 0px 0px;
}

.flight-tmpl-body .company.skeleton {
    background-color: var(--gray-eee);
    height: 38px;
    margin-top: 16px;

    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.flight-tmpl-body .company.skeleton img,
.flight-tmpl-body .company.skeleton .inputt,
.flight-tmpl-body .company.skeleton .inputt-return {
    opacity: 0;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
}

/* .flight-tmpl-body .company input {
    border: 2px solid var(--primary-red-color);
    width: 20px;
    height: 20px;
} */

.flight-tmpl-body .company input:checked {
    /* background: rgb(187,23,24);
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e"); */
}

.flight-tmpl-body .company input:focus {
    color: var(--white-color);
}

.flight-tmpl-body .company img {
    width: 62.65px;
    height: auto;
}

.duration-flight-and-scales p.total-duration {
    color: var(--light-gray-text);
}

.duration-flight-and-scales button {
    background: none;
    border: 0px;
    color: var(--primary-red-color);
    text-decoration: underline;
    padding: 0;
}

.duration-flight-and-scales button,
.duration-flight-and-scales p {
    font-size: var(--font-size-12);
}
.duration-flight-and-scales button:hover{
    color: var(--accent-color);
}

.time-from p,
.time-to p {
    font-size: var(--font-size-14);
    font-weight: 700;
    color: var(--light-gray-text);
}

.time-from p span,
.time-to p span {
    font-size: 9.66px;
    font-weight: 400;
    color: var(--light-gray-text);
}

.time-from p span.pr,
.time-to p span.pr {
    font-size: var(--font-size-14);
    font-weight: 700;
    color: var(--light-gray-text);
    bottom: 0;
    right: 0;
}

.time-from p span,
.time-to p span {
    position: relative;
    bottom: 10px;
    right: 4px;
}

.time-from {
    margin-right: 2px;
}

.time-to {
    margin-left: 0px;
}

.time-from.skeleton,
.time-to.skeleton,
.right-arroww.skeleton,
p.total-duration.skeleton,
.number-of-scales.skeleton {
    background-color: var(--gray-eee);
    color: #e6e6e6;

    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.right-arroww.skeleton {
    opacity: 0;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
}

.time-from.skeleton p,
.time-from.skeleton span,
.time-to.skeleton p,
.time-to.skeleton span,
.right-arroww.skeleton img {
    opacity: 0;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
}

.flight-tmpl.skeleton {
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
}

.flight-tmpl-body__container.skeleton {
    border: 1px solid #e6e6e6;
}

.button-apply-flight-skeleton.skeleton {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    background-color: var(--gray-eee);
    height: 40px;
    justify-content: center;
    padding: 0px 0px;
    border-radius: 0px 0px 17px 17px;
}

.skeleton {
    background-color: #e6e6e6 !important;
    position: relative;
    overflow: hidden;
}

.skeleton::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 200%;
    height: 100%;
    background: linear-gradient(90deg, #e6e6e6 25%, #f4f4f4 50%, #e6e6e6 75%);

    animation: shimmer 1.2s infinite;
    -webkit-animation: shimmer 1.2s infinite;
    -moz-animation: shimmer 1.2s infinite;
    -ms-animation: shimmer 1.2s infinite;
    -o-animation: shimmer 1.2s infinite;
}

@keyframes shimmer {
    0% {
        left: -100%;
    }

    100% {
        left: 100%;
    }
}




/* botón aplicar flight */
.button-apply-flight {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    background-color: var(--primary-red-color);
    justify-content: center;
    padding: 5px 0px;
    border-radius: 0px 0px 17px 17px;
}

.button-apply-flight button,
input.reservation-confirm {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    background: none;
    border: 0px;
    background-color: rgba(248, 184, 43, .5);
    width: 115px;
    padding: 10.5px 0px;
    border-radius: 17.26px;
    align-items: center;
    justify-content: center;
    font-size: var(--font-size-10);
    color: var(--primary-red-color);
    font-weight: 700;
    pointer-events: none;
}

.button-apply-flight.active button{
    background-color: rgba(248, 184, 43, 1);
    pointer-events: initial;
}

.button-apply-flight button a {
    color: var(--primary-red-color);
    font-weight: 700;
}


/* Flight details hamburguer */
.container-flight-details {
    width: 85%;
    margin: 0 auto;
    max-width: 315px;
    box-sizing: border-box;
    overflow: hidden;
    max-height: 0;
    padding-bottom: 0;

    opacity: 0;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;

    transition: max-height 0.3s ease-in-out, padding-bottom 0.3s ease-in-out, opacity 0.7s ease-in-out;
    -webkit-transition: max-height 0.3s ease-in-out, padding-bottom 0.3s ease-in-out, opacity 0.7s ease-in-out;
    -moz-transition: max-height 0.3s ease-in-out, padding-bottom 0.3s ease-in-out, opacity 0.7s ease-in-out;
    -ms-transition: max-height 0.3s ease-in-out, padding-bottom 0.3s ease-in-out, opacity 0.7s ease-in-out;
    -o-transition: max-height 0.3s ease-in-out, padding-bottom 0.3s ease-in-out, opacity 0.7s ease-in-out;
}

.container-flight-details.active {
    max-height: 1000px; 
    padding-bottom: 40px;

    opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
}



.flight-details-from {
    background-color: #f4f4f4;
}

.flight-details-top {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    border-bottom: 1px solid var(--primary-red-color);
    justify-content: flex-start;
    gap: 23px;
    padding: 10px 0px 6px 0px;
}

.flight-details-top p,
.flight-details-top p span {
    font-size: var(--font-size-10);
    color: var(--primary-red-color);
}

.flight-details-top span.strong {
    font-weight: 600;
}

.flight-details-top p:first-child {
    padding-left: 11px;
}

.flight-details-mid {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    padding: 11px 11px;
    justify-content: space-evenly;
    color: var(--accent-color);
}

.flight-details-mid .details:nth-child(1),
.flight-details-mid .details:nth-child(2) {
    flex: 4;
}

.flight-details-mid .details:nth-child(3) {
    flex: 1;
}

.flight-details-mid .details p.first-class {
    margin-bottom: 11.45px !important;
    font-weight: 500;
    font-size: var(--font-size-12);
}

.flight-details-mid .details p.duration-flight {
    font-weight: 500;
}

.flight-details-mid .details p.strong {
    font-size: var(--font-size-15);
    color: var(--primary-red-color);
    font-weight: 900;
    margin-bottom: 11.45px !important;
}

.flight-details-mid .details .medium {
    font-weight: 500;
    font-size: 10.76px;
    margin-bottom: 9px !important;
}

.flight-details-mid .details .regular {
    font-weight: 400;
    font-size: 10.76px;
}

.flight-details-bot {
    padding: 11px 4px;
    background: rgb(160, 31, 27);
    background: linear-gradient(90deg, rgba(160, 31, 27, 1) 0%, rgba(195, 22, 23, 1) 63%, rgba(229, 12, 18, 1) 100%);
    width: 95%;
    margin: 0 auto;
    margin-top: 12px;
    max-width: 307px;
    
    border-radius: 14px;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    -ms-border-radius: 14px;
    -o-border-radius: 14px;
}

.flight-details-bot p {
    font-size: 10.43px;
    text-align: center;
    color: var(--white-color);
    font-style: italic;
}

.flight-tmpl .padd {
    height: 40px;
    width: 100%;
    background-color: var(--white-color);
}

.flight-tmpl.nobordertop {
    border-top: 0px !important;
    border-right: 1px solid #e6e6e6 !important;
    border-left: 1px solid #e6e6e6 !important;
}

.flight-tmpl__head .flight-tmpl__head__left span.regular {
    font-size: var(--font-size-11);
    font-weight: 400;
    color: var(--primary-red-color);
}

.flight-tmpl__head .flight-tmpl__head__left span.regular.day{
    margin-right: 5px;
}








/* hidden ordenar vuelos | mejor opción, pvp adulto, dur. viaje, hora salida */

#results-sort-by {
    position: fixed;
    top: 0;
    right: 0;
    width: 100vw;
    height: 100vh;
    background-color: var(--white-color);
    z-index: 999999999;
    opacity: 0;
    transform: translateY(-20px); 
    pointer-events: none; 
    transition: opacity 0.3s ease, transform 0.3s ease; 
}

/* Clase para mostrar la sección */
#results-sort-by.visible {
    opacity: 1;
    transform: translateY(0); 
    pointer-events: auto; 
}

#results-sort-by p {
    margin: 0;
}

.results-sort-by-head {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    justify-content: space-between;
    padding: 24px 0px 14px 0px;
    border-bottom: 1px solid var(--primary-red-color);
    margin-bottom: 22px;
}

.results-sort-by-head p:first-child {
    font-size: var(--font-size-17);
    font-weight: 500;
    color: var(--primary-red-color);
}

.results-sort-by-head button {
    font-size: var(--font-size-15);
    font-weight: 500;
    color: var(--light-gray-text);
    background: none;
    border: 0px;
}

#what-means {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    justify-content: space-between;
    border-bottom: 1px solid var(--light-gray-text);
    padding-bottom: 8px;
    margin-bottom: 25px;
}

#what-means p {
    font-size: var(--font-size-15);
    line-height: 17.24px;
    color: var(--light-gray-text);
    font-weight: 300;
}

#what-means img {
    width: 9.51px;
    height: 4.89px;
}

.inp-box.mrg {
    margin-bottom: 17px;
}

.inp-box {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    gap: 19px;
    padding: 10px 10px 13px 6px;
}

.inp-box label {
    font-size: var(--font-size-15);
    color: var(--primary-red-color);
    font-weight: 500;
    line-height: 15.89px;
}

.inp-box .box-option span {
    font-size: var(--font-size-12);
    line-height: 17.24px;
    font-weight: 300;
    color: var(--light-gray-text);
    display: block;
    min-height: 17.23px;
}

#best-option {
    margin-bottom: 27px;
}

/* .inp-box input[type="radio"],
.inp-box input[type="checkbox"]{
    appearance: none;
    border: 0px;
    background-color: var(--white-color);
    border: 2px solid var(--primary-red-color);
    border-radius: 1000px;
    width: 20px;
    height: 20px;

} */

/* .inp-box input[type="radio"]:checked,
.inp-box input[type="checkbox"]:checked{
    background: rgb(187,23,24);
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
    border: 2px solid var(--primary-red-color);
} 

.inp-box input[type="radio"]:focus,
.inp-box input[type="checkbox"]:focus{
    color: var(--white-color);
} */




/* sección oculta para filtrar resultados de búsqueda */
#filter-results {
    max-height: 100%;
    overflow: scroll;
    position: fixed;
    top: 0;
    right: 0;
    width: 100vw;
    background-color: var(--white-color);
    z-index: 999999999999999;
    padding-bottom: 100px;
    min-height: 100vh;
    opacity: 0;
    transform: translateY(-20px); 
    pointer-events: none; 
    transition: opacity 0.3s ease, transform 0.3s ease;
}
#filter-results .container{
    padding-bottom: 140px;
}
/* Clase para mostrar la sección */
#filter-results.visible {
    opacity: 1;
    transform: translateY(0); 
    pointer-events: auto; 
}




.filter-results-head {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    justify-content: space-between;
    padding: 24px 0px 14px 0px;
    border-bottom: 1px solid var(--primary-red-color);
    margin-bottom: 10px;
}

.filter-results-head button {
    font-size: var(--font-size-15);
    font-weight: 500;
    color: var(--light-gray-text);
    background: none;
    border: 0px;
}

#filter-results .sticky {
    position: sticky;
    top: 0;
    background-color: var(--white-color);
    z-index: 900;
    padding-bottom: 25px;
}

#filter-results p {
    margin: 0;
}

.filter-results-head p:first-child {
    font-size: var(--font-size-17);
    font-weight: 500;
    color: var(--primary-red-color);
}

#filter-results p#mrg-bt {
    margin-bottom: 7px !important;
}


.btn-sort-results-head {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    justify-content: space-between;
    padding: 24px 0px 14px 0px;
    border-bottom: 1px solid var(--primary-red-color);
    margin-bottom: 10px;
}

.btn-sort-results-head p:first-child {
    font-size: var(--font-size-17);
    font-weight: 500;
    color: var(--primary-red-color);
}

.btn-sort-results-head button {
    font-size: var(--font-size-15);
    font-weight: 500;
    color: var(--light-gray-text);
    background: none;
    border: 0px;
}


#totalresults-resetfilters {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    justify-content: space-around;
    background-color: var(--tertiary-pink-color);
    padding: 14px 0px;
    border-radius: 19.55px;
}

#totalresults-resetfilters p,
#totalresults-resetfilters span {
    font-size: var(--font-size-13);
    color: var(--primary-red-color);
}

#totalresults-resetfilters button {
    background: none;
    border: 0px;
    font-size: var(--font-size-13);
    color: var(--accent-color);
    font-style: italic;
}

.box-filter {
    padding: 15px;
    border-bottom: 1px solid var(--primary-red-color);
}
.box-filter:last-of-type{
    border-bottom: 0px;
}


.box-filter .box-filter-head {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    justify-content: space-between;
    cursor: pointer;
    padding: 15px 0px;

    transition: margin-bottom 0.5s ease;
    -webkit-transition: margin-bottom 0.5s ease;
    -moz-transition: margin-bottom 0.5s ease;
    -ms-transition: margin-bottom 0.5s ease;
    -o-transition: margin-bottom 0.5s ease;
}

.box-filter-head img {
    width: 9.49px;
    height: 4.88px;
}

.box-filter-head p.title-filter-head {
    font-size: var(--font-size-15);
    font-weight: 500;
    color: var(--primary-red-color);
}

.box-filter .box-filter-body {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    flex-direction: column;
    overflow: hidden;
    max-height: 0;

    transition: max-height 0.1s ease-in-out;
    -webkit-transition: max-height 0.1s ease-in-out;
    -moz-transition: max-height 0.1s ease-in-out;
    -ms-transition: max-height 0.1s ease-in-out;
    -o-transition: max-height 0.1s ease-in-out;    
}

.box-filter.active .box-filter-body {
    max-height: 300px;

    animation: fade 0.1s ease-in-out;
    -webkit-animation: fade 0.1s ease-in-out;
    -moz-animation: fade 0.1s ease-in-out;
    -ms-animation: fade 0.1s ease-in-out;
    -o-animation: fade 0.1s ease-in-out;
}

.box-filter.airlines.active .box-filter-body{
    max-height: none;
}

.box-filter.active .box-filter-head {
    margin-bottom: 20px !important;
}

.box-filter.active .box-filter-head img {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.box-filter-head img {
    transition: transform 0.2s ease-in;
    -webkit-transition: -webkit-transform 0.2s ease-in;
    -moz-transition: -moz-transform 0.2s ease-in;
    -ms-transition: -ms-transform 0.2s ease-in;
    -o-transition: -o-transform 0.2s ease-in;    
}



/*.box-filter-head img{
    transform: rotate(180deg);
}*/






/* .range-container {
    width: 100%;
    max-width: 500px;
}

.range-container p {
    font-size: var(--font-size-13);
    font-weight: 600;
    color: var(--primary-red-color);
    margin-bottom: 4px !important;
}

.range-label {
    margin-bottom: 20px;
    font-size: var(--font-size-13);
    color: var(--light-gray-text);
    font-weight: 300;
}

.slider-wrapper {
    position: relative;
    height: 20px;
}

input[type="range"] {
    -webkit-appearance: none;
    position: absolute;
    width: 100%;
    height: 1px;
    background: #dfdddc;
    pointer-events: none;
}

input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 16px;
    height: 16px;
    background: #aaa;
    cursor: pointer;
    pointer-events: auto;
    position: relative;
    z-index: 2;

    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

input[type="range"]::-moz-range-thumb {
    width: 30px;
    height: 16px;
    background: #96908d;
    cursor: pointer;
    pointer-events: auto;
    position: relative;
    z-index: 2;

    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.slider-range {
    position: absolute;
    height: 1px;
    background-color: #96908d;
    top: 0px;
    z-index: 1;
} */










/*
.range-container-2 {
    width: 100%;
    max-width: 500px;
}

.range-container-2 p {
    font-size: var(--font-size-13);
    font-weight: 600;
    color: var(--primary-red-color);
    margin-bottom: 4px !important;
}

.range-label-2 {
    margin-bottom: 20px;
    font-size: var(--font-size-13);
    color: var(--light-gray-text);
    font-weight: 300;
}

.slider-wrapper-2 {
    position: relative;
    height: 9px;
    margin-bottom: 5px;
}

input[type="range"] {
    -webkit-appearance: none;
    position: absolute;
    width: 100%;
    height: 1px;
    background: #dfdddc;
    pointer-events: none;
}

input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    background: #aaa;
    cursor: pointer;
    pointer-events: auto;
    position: relative;
    z-index: 2;

    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

input[type="range"]::-moz-range-thumb {
    width: 20px;
    height: 20px;
    background: #96908d;
    cursor: pointer;
    pointer-events: auto;
    position: relative;
    z-index: 2;

    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.slider-range-return {
    position: absolute;
    height: 1px;
    background-color: #96908d;
    top: 0px;
    z-index: 1;
}
*/



/* RANGE SLIDERS - RESULTS PAGE */




.slider-container {
    margin-bottom: 30px;
    position: relative;
    padding: 0px 3px;
}

.slider-container label {
    color: var(--primary-red-color);
    font-size: var(--font-size-12);
    margin-bottom: 18px;
    display: block;
    font-weight: 600;
}

.slider-container .range-slider {
    position: relative;
    width: 100%;
    height: 1px;
    background: rgba(151,146,143,.3);
    border-radius: 5px;
    cursor: pointer;
}

.slider-container .range-slider .slider-range {
    position: absolute;
    height: 1px;
    background: #95908D;
    border-radius: 5px;
    pointer-events: none;
}

.slider-container .range-slider input {
    position: absolute;
    width: 100%;
    height: 1px;
    -webkit-appearance: none;
    background: none;
    pointer-events: none;
    top: 0;
    margin: 0;
}

.slider-container .range-slider input::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 20px;
    height: 20px;
    background: #95908D;
    border-radius: 50%;
    cursor: pointer;
    pointer-events: all;
    transition: transform 0.2s ease;
}

.slider-container .range-slider input::-webkit-slider-thumb:hover {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
}

.slider-container .slider-values {
    display: flex;
    justify-content: space-between;
    margin-top: 18px;
    font-size: var(--font-size-12);
    font-weight: 300;
    color: #97928F;
}


/* END RANGE SLIDERS - RESULTS PAGE */








#stops-filters .box-filter-body {
    gap: 0px;
}

#time-departure-filter .box-filter-body {
    gap: 19px;
}

#suitcase-filter .box-filter-body,
#airlines-filter .box-filter-body,
#filter-stop-usa .box-filter-body {
    gap: 0px;
    padding-bottom: 0px;
}







/* INFORMACIÓN-DE-SU-VIAJE.HTML */
.flex-services.mrgtop {
    margin-top: 0px;
}

#services_head {
    padding: 40px 0px;
}

#services_head h2 {
    font-size: var(--font-size-17);
    font-weight: 700 !important;
}


#inf-about-your-trip {
    padding-bottom: 50px !important;
}

#inf-about-your-trip p {
    margin-top: 0px;
    margin-bottom: 0px;
}

#inf-about-your-trip .number-adult p{
    color: var(--light-gray-text);
    font-size: var(--font-size-17);
    font-weight: 700;
}

#inf-about-your-trip p.p-message {
    color: var(--primary-red-color) !important;
    font-size: var(--font-size-15);
    font-weight: 400 !important;
}

#inf-about-your-trip h2 {
    font-size: var(--font-size-14);
    font-weight: 700;
    color: var(--primary-red-color);
    margin-top: 0px;
    margin-bottom: 10px;
    text-transform: uppercase;
}

#inf-about-your-trip h3 {
    /* margin: 0; */
}

#inf-about-your-trip__head.pad-page {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    margin-bottom: 25px;
}

#inf-about-your-trip__head p#date-your-trip {
    text-align: right;
    font-size: var(--font-size-13);
    color: var(--light-gray-text);
    font-weight: 500;
    padding-top: 18px;
    padding-bottom: 27px;
}

#inf-about-your-trip .bloq {
    border-bottom: 1px solid var(--primary-red-color);
    padding: 21px 0px;
}

#inf-about-your-trip .bloq:nth-of-type(3){
    border-bottom: 0px;
}

#inf-about-your-trip .bloq:last-of-type {
    border-bottom: 0px;
    border-bottom: 1px solid var(--primary-red-color);
    margin-bottom: 20px;
}

#inf-about-your-trip .bloq:last-child {
    border-bottom: 0px;
}


#inf-about-your-trip p.strong {
    font-size: var(--font-size-17);
    text-transform: uppercase;
    font-weight: 700;
    line-height: 20.4px;
    color: var(--light-gray-text);
}

#about-your-trip__itinerary #segmento-container {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    flex-direction: column;
    gap: 90px;
}

#segmento-container .leg-option .flex {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    flex-direction: column;
    gap: 15px;
}

#segmento-container .leg-option h2 {
    font-size: var(--font-size-16);
}




/* Locator */
#locator-and-pay {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    justify-content: space-between;
    align-items: center;
}

#locator-and-pay button {
    width: 127px;
    height: 43px;
    background-color: var(--secondary-yellow-color);
    color: var(--primary-red-color);
    border: 0px;
    font-size: var(--font-size-11);
    font-weight: 700;
    border-radius: 27.23px;
}



/* Passengers List */
#about-your-trip__passengers .flex {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    flex-direction: column;
    gap: 13px;
}

.passengers__name {
/*     display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox; */
    
    justify-content: space-between;
}

.name__adult-or-child{
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;

    justify-content: space-between;
}

.name__adult-or-child .type_passenger{
    font-size: var(--font-size-16);
}

.name__adult-or-child p:nth-child(2) {
    /* font-size: var(--font-size-13); */
    font-weight: 500;
    color: var(--light-gray-text);
}

.number-adult{
    display: flex;
    flex-direction: column;
}

.number-adult p {
    font-size: var(--font-size-15);
    font-weight: 500;
    color: var(--light-gray-text);
}



/* Itinerary */
.itinerary__trip__head p {
    font-size: var(--font-size-11);
    font-weight: 700;
    text-transform: uppercase;
    color: var(--primary-red-color);
    background-color: var(--tertiary-pink-color);
    padding: 12px 0px 9px 11px;
    margin-bottom: 16px !important;
}

.itinerary__trip__body {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.itinerary__trip__body p.trip-departure-arrive {
    font-size: var(--font-size-9);
    font-weight: 700;
    color: var(--accent-color);
    margin-bottom: 10.45px !important;
}

.itinerary__trip__body p.trip-time {
    font-size: var(--font-size-15);
    font-weight: 500;
    color: var(--primary-red-color);
    margin-bottom: 5px !important;
}

.itinerary__trip__body p.trip-city {
    font-size: var(--font-size-15);
    font-weight: 900;
    color: var(--accent-color);
    margin-bottom: 10px !important;
}

.itinerary__trip__body p.trip-airport {
    font-size: var(--font-size-11);
    font-weight: 400;
    color: var(--primary-red-color);
    width: 140px;
}

.trip__body__to {
    text-align: right;
}

.trip__body__company {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    padding: 5px 10px;
    flex-direction: column;
    background-color: var(--tertiary-pink-color);
    align-items: center;
    gap: 10px;
    width: 104px;
    height: 97px;
    justify-content: center;

    border-radius: 17px;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    -ms-border-radius: 17px;
    -o-border-radius: 17px;
}

.trip__body__company img {
    width: 26px;

    transform: rotate(44deg);
    -webkit-transform: rotate(44deg);
    -moz-transform: rotate(44deg);
    -ms-transform: rotate(44deg);
    -o-transform: rotate(44deg);
    
}

.trip__body__company img.return {
    width: 26px;
    /* transform: rotate(-135deg); */
    transform: rotate(44deg);
    -webkit-transform: rotate(44deg);
    -moz-transform: rotate(44deg);
    -ms-transform: rotate(44deg);
    -o-transform: rotate(44deg);
}

.trip__body__company p {
    font-size: var(--font-size-9);
    font-weight: 500;
    color: var(--primary-red-color);
    text-align: center;
}

.suitcase-trip {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    gap: 7px;
    align-items: center;
    justify-content: center;
}

.suitcase-trip p,
.suitcase-trip p span {
    text-align: center;
    font-size: var(--font-size-9);
    font-weight: 300;
    color: var(--primary-red-color);
}

.suitcase-trip img {
    height: 12.39px;
}


/* Reminder */
#reminder h3 {
    font-size: var(--font-size-17);
    font-weight: 700;
    color: var(--primary-red-color);
    margin-bottom: 22px;
}

#reminder p {
    font-size: var(--font-size-12);
    color: var(--primary-red-color);
    font-weight: 500;
    margin-bottom: 13px;
    line-height: 14.4px;
}

.btns-flex {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    flex-direction: column;
    gap: 16px;
    margin: 40px auto 80px auto;
    width: 185px;
}

div.btns-flex .btn-general {
    flex: 1;
}

.btn-general {
    font-size: var(--font-size-13);
    font-weight: 700;
    color: var(--primary-red-color);
    padding: 14px 0px;
    border: 0px;
    background-color: var(--secondary-yellow-color);
    display: block;
    box-sizing: border-box;

    border-radius: 22px;
    -webkit-border-radius: 22px;
    -moz-border-radius: 22px;
    -ms-border-radius: 22px;
    -o-border-radius: 22px;
}

div.btn-single .btn-general {
    margin: 0 auto;
    width: 80%;
    background-color: var(--primary-red-color);
    color: var(--white-color);
}

.inf-trip h3 {
    margin: 0;
    font-size: var(--font-size-17);
    font-weight: 600;
    color: var(--primary-red-color);
    background-color: var(--tertiary-pink-color);
    padding: 20px;
    border-left: 2px solid var(--primary-red-color);
    border-right: 2px solid var(--primary-red-color);
    border-top: 2px solid var(--primary-red-color);

    border-radius: 25px 25px 0px 0px;
    -webkit-border-radius: 25px 25px 0px 0px;
    -moz-border-radius: 25px 25px 0px 0px;
    -ms-border-radius: 25px 25px 0px 0px;
    -o-border-radius: 25px 25px 0px 0px;
}

#total-to-pay.inf-trip {
    background-color: var(--tertiary-pink-color);
    border-left: 2px solid var(--primary-red-color);
    border-right: 2px solid var(--primary-red-color);
    border-bottom: 2px solid var(--primary-red-color);
}

#total-to-pay.inf-trip p {
    font-size: var(--font-size-15);
    font-weight: 700;
    color: var(--primary-red-color);
}

#pay-booking-review {
    padding-top: 16px;
}

#pay-booking-review #options-to-pay {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    flex-direction: column;
    gap: 21px;
}

#options-to-pay .option-pay {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    background-color: rgba(248, 215, 216, .4);
    box-sizing: border-box;
    padding: 25px 30px;
    gap: 35px;
    align-items: center;
    cursor: pointer;

    border-radius: 33px;
    -webkit-border-radius: 33px;
    -moz-border-radius: 33px;
    -ms-border-radius: 33px;
    -o-border-radius: 33px;

    transition: background-color 0.3s ease-in-out;
    -webkit-transition: background-color 0.3s ease-in-out;
    -moz-transition: background-color 0.3s ease-in-out;
    -ms-transition: background-color 0.3s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out;
}

#options-to-pay .option-pay:hover{
    background-color: rgba(248, 215, 216, 1);
}
#options-to-pay .option-pay label{
    cursor: pointer;
}

.option-pay h4 {
    margin: 0;
    font-size: var(--font-size-17);
    color: var(--primary-red-color);
    font-weight: 700;
    margin-bottom: 10px;
}

.option-pay label p {
    font-size: var(--font-size-13);
    font-weight: 400;
    color: var(--primary-red-color);
}

input[type=radio] {
    appearance: none;
    border: 0;
    /* background-color: var(--white-color); */
    border: 3px solid var(--primary-red-color);
    border-radius: 1000px;
    width: 22px;
    height: 22px;
    cursor: pointer;
    position: relative;
}

input:checked {
    background-color: var(--primary-red-color);
    border: 1px solid #e2131631;
}

input:checked::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 18px;
    height: 18px;
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
    background-size: cover;
/* !important; */

    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}



input[type=checkbox] {
    appearance: none !important;
    border: 0 !important;
    background-color: var(--white-color) !important;
    border: 3px solid var(--primary-red-color) !important;
    border-radius: 1000px !important;
    width: 22px !important;
    height: 22px !important;
    cursor: pointer !important;
    position: relative !important;
}

input[type=checkbox]:checked {
    background-color: var(--primary-red-color) !important;
    border: 1px solid #e2131631;
}

input[type=checkbox]:checked::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 18px;
    height: 18px;
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
    background-size: cover;

    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.inputs-style input[type="radio"] {
    display: none;
    visibility: hidden;

    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
  }
  
  .inputs-style input[type="radio"] + label {
    margin: auto;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;

    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
  }
  
  .inputs-style input[type="radio"] + label span {
    display: inline-block;
    vertical-align: middle;

    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);

    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
  }
  
  .inputs-style input[type="radio"] + label span:first-child {
    position: relative;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    border: 2px solid var(--primary-red-color);

    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;

    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);

    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;    
  }
  
  .inputs-style input[type="radio"] + label span:first-child svg {
    position: absolute;
    top: 3px;
    left: 2.2px;
    fill: none;
    stroke: #ffffff;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 16px;
    stroke-dashoffset: 16px;
    
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);

    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    
    transition-delay: 0.1s;
    -webkit-transition-delay: 0.1s;
    -moz-transition-delay: 0.1s;
    -ms-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;    
  }
  
  .inputs-style input[type="radio"] + label span:first-child:before {
    content: "";
    width: 100%;
    height: 100%;
    background: #E21318;
    display: block;
    transform: scale(0);

    opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;

    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
  }
  
  .inputs-style input[type="radio"] + label span:last-child {
    padding-left: 8px;
  }
  
  .inputs-style input[type="radio"]:checked + label span:first-child {
    background: #E21318;
    border-color: #E21318;

    animation: wave-46 0.4s ease;
    -webkit-animation: wave-46 0.4s ease;
    -moz-animation: wave-46 0.4s ease;
    -ms-animation: wave-46 0.4s ease;
    -o-animation: wave-46 0.4s ease;
  }
  
  .inputs-style input[type="radio"]:checked + label span:first-child svg {
    stroke-dashoffset: 0;
  }
  
  .inputs-style input[type="radio"]:checked + label span:first-child:before {
    opacity: 0;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;

    transform: scale(2.5);
    -webkit-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -ms-transform: scale(2.5);
    -o-transform: scale(2.5);


    transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;    
  }
  
  
  @keyframes wave-46 {
    50% {
      transform: scale(0.9);
    }
  }

#btn-pay-continue {
    padding-top: 16px;
    padding-bottom: 16px;
    font-weight: 800;
}







/* PAQUETE-TURÍSTICOS.HTML*/
.page-img-header {
    background-color: var(--white-color);
    position: relative;
    overflow: hidden;
}

.page-img-header img#background {
    position: absolute;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.img-paqTuristicos {
    left: 0;
    width: 230%;
}

.img-bringFatherToSpain,
.img-bringFamilyToSpain,
.img-bringPartnerToSpain{
    width: 100%;
    height: 100%;
}


.img-aboutUs {
    left: 0px;
}

.img-payFlightMontly {
    height: 100%;
}

#container-header-title {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    color: white;
    flex-direction: column;
    align-items: center;
    padding: 17px 0px 17px 0px;
    height: 466px;
    position: relative;
}

.packages {
    padding: 0px 0px 0px 0px;
}

.packages .box-h1 {
    width: 88%;
    margin: 0 auto;
    padding-top: 36px;
}

.packages .box-h1 h1 {
    font-size: var(--font-size-27);
    font-weight: 700;
    color: var(--primary-red-color);
    width: 66%;
    margin-top: 0px;
    margin-bottom: 0px;
}

.box-title-bg {
    position: absolute;
    bottom: 0px;
}
.box-title-bg.about-us{
    left: 6%;
}

.box-title-bg.bgtop {
    top: 280px;
}

.box-title-bg p {
    font-size: var(--font-size-36);
    font-family: "neulis-cursive", sans-serif;
    font-weight: 400;
    color: var(--white-color);
    width: 60%;
}

.packages .txt-pages p {
    text-align: justify;
}
.packages .txt-pages p a,
.packages .txt-pages ul li a,
.txt-pages p a{
    color: var(--accent-color);
}
.packages .txt-pages p a:hover,
.packages .txt-pages ul li a:hover{
    text-decoration: underline;
}

.packages .txt-pages.red {
    background-color: var(--primary-red-color);
    padding: 40px 23px 23px 23px;
    box-sizing: border-box;

    border-radius: 17px;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    -ms-border-radius: 17px;
    -o-border-radius: 17px;
}

.txt-pages.red p.title-serv {
    color: var(--secondary-yellow-color);
    font-style: italic;
    text-decoration: underline;
    font-weight: 600;
}

.txt-pages.red article ul {
    margin-left: 30px;
    list-style: initial;
}

.txt-pages.red article ul li {
    font-size: var(--font-size-13);
    font-weight: 300;
    color: var(--white-color);
    /* line-height: 18px; */
    line-height: 1.7;
    margin-bottom: 0px;
}

.packages .txt-pages article .indice {
    color: var(--white-color);
    font-size: var(--font-size-15);
    font-weight: 600;
    margin-bottom: 10px;
    margin-right: 5px;
}

.packages .txt-pages article h2 {
    color: var(--white-color);
    font-size: var(--font-size-15);
    font-weight: 600;
    margin-bottom: 10px;
    display: inline-block;
}

.serv-include {
    margin-bottom: 40px;
}

.txt-pages.pink {
    padding-top: 40px;
    background-color: #fde8e8;
}

.txt-pages.pink ul {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    width: 80%;
    flex-direction: column;
    gap: 7px;
    margin-bottom: 0px !important;
}

.txt-pages.pink ul li {}

.txt-pages.pink h2 {
    width: 88%;
    margin: 0 auto;
    font-size: var(--font-size-18);
}

.packages .txt-pages h2.allwidth {
    font-family: "neulis-cursive", sans-serif;
    margin-bottom: 30px;
    font-size: var(--font-size-18);
    color: var(--accent-color);
}

.packages .txt-pages ul {
    list-style: initial;
    margin-left: 40px;
    margin-bottom: 20px;
}

.packages .txt-pages ul li {
    font-size: var(--font-size-15);
    font-weight: 300;
    color: var(--primary-red-color);
    /* line-height: 19px; */

    line-height: 1.7;
    margin-bottom: 8px;
}

.packages .txt-pages ul.nomargin {
    margin-left: 30px;
}

.txt-pages.contact {
    padding-top: 0px;
    padding-bottom: 0px;
}

.txt-pages.contact p {
    font-family: "neulis-cursive", sans-serif;
    font-size: var(--font-size-18);
    font-weight: 700;
    color: var(--primary-red-color);
    text-align: center;
    margin-bottom: 28px;
}

#callus-whatsapp-container{
    background-color: var(--primary-red-color);
}

.txt-pages.contact .flex {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    justify-content: center;
    gap: 7px;
    margin-bottom: 0px;

    padding: 70px 0px 0px 0px;
}

#bring-person-links{
    padding-bottom: 42px;
}

.txt-pages.contact .flex a {
    background-color: var(--secondary-yellow-color);
    color: var(--primary-red-color);
    font-weight: 700;
    border: 0px;
    flex: 1;
    padding: 17px 0px;
    text-align: center;

    border-radius: 26px;
    -webkit-border-radius: 26px;
    -moz-border-radius: 26px;
    -ms-border-radius: 26px;
    -o-border-radius: 26px;
}

.txt-pages.contact ul li a:hover{
    color: var(--accent-color);
}

.txt-pages.contact .flex a:hover{
    background-color: var(--btn-dark-color);
    color: var(--secondary-yellow-color);
}

.txt-pages.contact ul {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    
    list-style: none;
    margin-left: 0px;
    gap: 20px;
    margin: 0 auto;
}

.txt-pages.contact ul li a {
    font-size: var(--font-size-15);
    font-weight: 800;
    color: var(--primary-red-color);
    padding: 17px 30px;

    border: 1px solid var(--primary-red-color);
    border-radius: 26px;
    -webkit-border-radius: 26px;
    -moz-border-radius: 26px;
    -ms-border-radius: 26px;
    -o-border-radius: 26px;
    
    display: block;
} 

.txt-pages.contact ul li a:hover{
    text-decoration: none;
}





/* REQUISITOS-PARA-ENTRAR-A-ESPANA.HTML */
#bckgr-entry-spain {
    background-image: url("img/family.webp");
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-size: cover;
}

#entry-spain {
    padding-bottom: 0px;
}

.text-right .box-title-bg {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    justify-content: flex-end;
}

.text-right .box-title-bg p {
    text-align: right;
}

.box-title-bg p.right {
    text-align: right;
    float: right;
}

img.hght {
    height: 501px !important;
    object-fit: cover;

    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}




/* PAGAR-pay-flight-montly.HTML */
#bckgr-vuelos-plazos {
    background-image: url("img/departures-airport.webp");
    background-position: -220px 0px;
    background-repeat: no-repeat;
    background-size: cover;
}




/* QUIENES-SOMOS.HTML */
#container-header-pages-about-us {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    color: white;
    flex-direction: column;
    align-items: center;
    padding: 17px 0px 17px 0px;
    height: 384px;
    position: relative;
}

#about-us-head img#background {
    width: 150% !important;
    left: -60px;
    position: absolute;
}

#about-us-c .box-title-bg p {
    font-size: var(--font-size-36);
    font-family: var(--font-family-primary);
    color: var(--primary-red-color);
    font-weight: 800;
    text-transform: uppercase;
}

.box-title-bg .neue {
    font-family: "neulis-cursive", sans-serif;
    font-size: var(--font-size-36);
    font-weight: 400;
    text-transform: initial;
}
#about-us{
    padding-bottom: 100px;
}
#about-us h2,
#about-us h3 {
    font-size: var(--font-size-17);
    font-weight: 700;
    margin-bottom: 20px;
    color: var(--primary-red-color);
    display: block;
    width: 100%;
}

#about-us h3 {
    margin-bottom: 20px;
}
#contact-here{
    background-color: var(--primary-red-color);
    width: fit-content;
    margin: 0 auto;
    padding: 30px 70px;
    margin-top: 50px;

    border-radius: 60px;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    -ms-border-radius: 60px;
    -o-border-radius: 60px;
}
#contact-here h3,
#contact-here a{
    color: var(--white-color);
}
#contact-here h3{
    font-family: "neulis-cursive", sans-serif;
    font-weight: 100;
    font-size: var(--font-size-17);
    margin: 0;
}
#contact-here a{
    font-size: var(--font-size-15);
    font-weight: 300;
    color: var(--white-color);
    text-decoration: underline;
    text-align: center;
    display: block;
    margin-top: 5px;
}

#about-us p {
    text-align: center;
}








/* SERVICIOS-ADICIONALES.HTML */
.flex-services {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    flex-direction: column;
    gap: 20px;
    margin-bottom: 20px;
}

#aditional-services-head {
    margin-bottom: 70px;
}

#aditional-services-head h2 {
    font-size: var(--font-size-17);
    color: var(--primary-red-color);
    font-weight: 700;
    margin-top: 23px;
    margin-bottom: 9px;
}

#aditional-services-head p {
    font-size: var(--font-size-15);
    color: var(--primary-red-color);
    font-weight: 400;
    margin-top: 0px;
}

/*aditional object - servicio adicional*/
.adicional-object {
    position: relative;
}

.recomend-label {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    background-color: var(--primary-red-color);
    gap: 6px;
    align-items: center;
    padding: 11px 15px;
    box-sizing: border-box;
    width: fit-content;
    position: absolute;
    top: -36px;
    right: 20px;

    border-radius: 22px 22px 0px 0px;
    -webkit-border-radius: 22px 22px 0px 0px;
    -moz-border-radius: 22px 22px 0px 0px;
    -ms-border-radius: 22px 22px 0px 0px;
    -o-border-radius: 22px 22px 0px 0px;
}

.recomend-label p {
    font-size: var(--font-size-13);
    font-weight: 700;
    color: var(--white-color);
    margin: 0;
}

.recomend-label img {
    width: 12px;
}

.aditional-service.recomended {
    background-color: rgba(248, 215, 216, .8);
}

.aditional-service.recomended.checked {
    background-color: rgba(248, 215, 216, 1);
}

.aditional-service {
    background-color: rgba(248, 215, 216, .4);
    box-sizing: border-box;
    padding: 30px 18px;

    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;

    transition: background-color 0.3s ease-in-out;
    -webkit-transition: background-color 0.3s ease-in-out;
    -moz-transition: background-color 0.3s ease-in-out;
    -ms-transition: background-color 0.3s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out;
}
.aditional-service:hover{
    background-color: rgba(248, 215, 216, .6);
}

.aditional-service.checked {
    background-color: rgba(248, 215, 216, .6);
}

.aditional-service .flex {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    width: 100%;
    padding-bottom: 17px;
    border-bottom: 1px solid var(--primary-red-color);
}


.flex .service-left {
    flex: 1;
}

.service-left .box-input-label-asist {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    position: relative;
    left: 7px;
}

.box-input-label-asist input {
    margin-right: 12px;
}

.box-input-label-asist label {
    width: 80%;
}

.box-input-label-asist input {
    margin: 0;
    width: 20px;
    height: 20px;
    appearance: none;
    cursor: pointer;
    border: 3px solid var(--primary-red-color);
    background-color: var(--white-color);
    margin-right: 10px;

    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
}



.box-input-label-asist input:checked {
    /*  background-image: url('img/icons/tick-red.svg');  */
    background-size: 60%;
    background-repeat: no-repeat;
    background-position: center;
    border-color: var(--primary-red-color);
}

.flex .service-right img {
    margin-left: auto;
}

.aditional-service h3 {
    font-size: var(--font-size-17);
    color: var(--primary-red-color);
    font-weight: 700;
    margin: 0;
    margin-bottom: 20px;
}

.aditional-service label {
    font-size: var(--font-size-13);
    color: var(--primary-red-color);
    font-weight: 400;
    cursor: pointer;
}

.aditional-service label span {
    font-size: var(--font-size-11);
    margin-top: 6px;
    display: block;
}



.flex .service-right {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    flex: 0 0 24.4%;
    flex-direction: column;
    justify-content: flex-end;
    gap: 30px;
}

.flex .service-right p#price-service-aditional {
    font-size: var(--font-size-17);
    text-transform: uppercase;
    font-weight: 700;
    color: var(--accent-color);
    margin: 0;
    text-align: right;
}

.flex .service-right span.num-price-service {
    font-size: var(--font-size-17);
    text-transform: uppercase;
    font-weight: 700;
    color: var(--accent-color);
    margin: 0;
    display: inline-block;
}

.flex .service-right span {
    font-size: var(--font-size-9);
    color: var(--accent-color);
    font-weight: 400;
    text-align: right;
    display: block;
    margin-bottom: 4px;
}



.aditional-service img.icon-serv-aditional {
    height: 43px;
}


/*SELECT BENEFITED PASSENGERS*/
.select-benefited-passenger {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    padding: 0px 0px;
    flex-direction: column;
    gap: 50px;
    max-height: 0px;
    overflow: hidden;

    transition: max-height 0.2s ease, padding-top 0.5s ease;
    -webkit-transition: max-height 0.2s ease, padding-top 0.5s ease;
    -moz-transition: max-height 0.2s ease, padding-top 0.5s ease;
    -ms-transition: max-height 0.2s ease, padding-top 0.5s ease;
    -o-transition: max-height 0.2s ease, padding-top 0.5s ease;    
}

.select-benefited-passenger.active {
    padding: 26px 0px;
    max-height: fit-content;

    animation: fade 1s ease;
    -webkit-animation: fade 1s ease;
    -moz-animation: fade 1s ease;
    -ms-animation: fade 1s ease;
    -o-animation: fade 1s ease;
}

.select-benefited-passenger#checkin-service{
    pointer-events: none;
}

.select-benefited-passenger .passenger {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    justify-content: space-between;
    vertical-align: middle;
    align-items: center;
    margin-left: 7px;
    cursor: pointer;
}

.select-benefited-passenger .passenger input {
    margin: 0;
    width: 20px;
    height: 20px;
    appearance: none;
    cursor: pointer;
    border: 3px solid var(--primary-red-color);
    background-color: var(--white-color);
    margin-right: 10px;

    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
}

.select-benefited-passenger .passenger input:checked {
    /*  background-image: url('img/icons/tick-red.svg');  */
    background-size: 60%;
    background-repeat: no-repeat;
    background-position: center;
    border-color: var(--primary-red-color);
}


/*SELECT BENEFITED PASSENGERS*/
.add-extra-buggage {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    padding: 0px 0px;
    flex-direction: column;
    gap: 50px;
    max-height: 0px;
    overflow: hidden;

    transition: max-height 0.2s ease, padding-top 0.5s ease;
    -webkit-transition: max-height 0.2s ease, padding-top 0.5s ease;
    -moz-transition: max-height 0.2s ease, padding-top 0.5s ease;
    -ms-transition: max-height 0.2s ease, padding-top 0.5s ease;
    -o-transition: max-height 0.2s ease, padding-top 0.5s ease;    
}

.add-extra-buggage.active {
    padding: 26px 0px;
    max-height: fit-content;

    animation: fade 1s ease;
    -webkit-animation: fade 1s ease;
    -moz-animation: fade 1s ease;
    -ms-animation: fade 1s ease;
    -o-animation: fade 1s ease;
}

.add-extra-buggage .passenger {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    justify-content: space-between;
    vertical-align: middle;
    align-items: center;
    margin-left: 7px;
}

.add-extra-buggage .passenger input {
    margin: 0;
    width: 20px;
    height: 20px;
    appearance: none;
    cursor: pointer;
    border: 3px solid var(--primary-red-color);
    background-color: var(--white-color);
    margin-right: 10px;

    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
}

.add-extra-buggage .passenger input:checked {
    /*  background-image: url('img/icons/tick-red.svg');  */
    background-size: 60%;
    background-repeat: no-repeat;
    background-position: center;
    border-color: var(--primary-red-color);
}

.passenger-buggage .label-and-counter {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    justify-content: space-between;
}

.label-and-counter .counter-box {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    gap: 23px;
    vertical-align: middle;
    align-items: center;
}

.counter-box span {
    font-size: var(--font-size-16);
    color: var(--primary-red-color);
    font-weight: 600;
    width: 15px;
    text-align: center;
}

.counter-box button {
    width: 33px;
    height: 33px;
    border: 0;
    outline: none;
    background-color: var(--primary-red-color);
    color: var(--white-color);
    box-sizing: border-box;

    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}



/*see more benefits*/
.benefits-content {
    padding-top: 0px;
    max-height: 0px;
    overflow: hidden;

    transition: max-height 0.5s ease, padding-top 1.4s ease;
    -webkit-transition: max-height 0.5s ease, padding-top 1.4s ease;
    -moz-transition: max-height 0.5s ease, padding-top 1.4s ease;
    -ms-transition: max-height 0.5s ease, padding-top 1.4s ease;
    -o-transition: max-height 0.5s ease, padding-top 1.4s ease;    
}

.benefits-content.active {
    padding-top: 22px;
    max-height: 450px;

    animation: fade 1s ease-in-out;
    -webkit-animation: fade 1s ease-in-out;
    -moz-animation: fade 1s ease-in-out;
    -ms-animation: fade 1s ease-in-out;
    -o-animation: fade 1s ease-in-out;
}



.see-benefits-toggle img.ico-arrow-down {
    -webkit-transition: -webkit-transform 0.3s ease-in;
    transition: transform 0.3s ease-in;
    -moz-transition: -moz-transform 0.3s ease-in;
    -ms-transition: -ms-transform 0.3s ease-in;
    -o-transition: -o-transform 0.3s ease-in;    
}

.see-benefits-toggle.active img.ico-arrow-down {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);    
}

.see-benefits img {
    width: 14px;
}

.see-benefits p.toggle-text {
    font-size: var(--font-size-11);
    font-weight: 700;
    color: var(--primary-red-color);
}

.benefits-content ul {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    flex-direction: column;
    gap: 30px;
    margin-left: 6px;
}

.benefits-content li {
    font-size: var(--font-size-11);
    color: var(--primary-red-color);
    font-weight: 400;
}

.benefits-content li img {
    width: 10px;
    margin-right: 10px;
}


.see-benefits {}

.see-benefits-toggle {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    justify-content: space-between;
    cursor: pointer;
}

.see-benefits-toggle p {
    margin: 0;
    padding: 10px 0px 0px 0px;
}


#benefits-seguro-asistencia.hidden {
    display: none;
}








/* Suggestions */
#cont-suggestions {}

.suggestions ::selection {
    color: var(--white-color);
    background-color: #004391;
}

.suggestions .content {
    max-width: 450px;
    margin: 0px auto;
}

.search-suggestions {
    width: 100%;
}

.suggestions .cont-search {
    position: relative;
}


.search-suggestions .autocomplete {
    color: var(--primary-red-color);
    padding: 0;
    pointer-events: none;
    max-height: 450px;
    overflow-y: auto;

    opacity: 0;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
}

.search-suggestions.active .autocomplete {
    padding: 10px 8px 20px 0px;
    pointer-events: auto;
    margin-top: 30px;

    opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
}

.suggestions .autocomplete.hidden {
    display: none;
}

.suggestions .autocomplete li {
    list-style: none;
    padding: 0px 12px;
    display: none;
    width: 100%;
    cursor: default;
    box-sizing: border-box;
    font-size: var(--font-size-17);

    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
}

.search-suggestions.active .autocomplete li {
    display: block;
}

.suggestions .autocomplete li:hover {}

.search-suggestions .icon {
    position: absolute;
    right: 0;
    top: 0;
    height: 55px;
    width: 55px;
    line-height: 55px;
    font-size: var(--font-size-20);
    color: var(--white-color);
    cursor: pointer;
}




/*LEGAL PAGE*/
.legal-page {
    color: var(--primary-red-color);
    padding: 50px 0px;
}
.legal-page section{
    padding-top: 173px;
}

.legal-page h1 {
    font-size: var(--font-size-15);
    font-weight: 700;
}

.legal-page h2 {
    font-size: var(--font-size-13);
    text-transform: uppercase;
    font-weight: 700;
}

.legal-page ul{
    list-style-type: disc;
    margin-left: 30px;
    margin-bottom: 20px;
}

.legal-page p,
.legal-page ul li {
    font-size: var(--font-size-13);
    font-weight: 300;
    line-height: normal;
}
.legal-page p{
    margin: 20px 0px;
}

.legal-page a:hover{
    text-decoration: underline;
}

.legal-page ul li{
    margin-bottom: 10px;
}

.legal-page ul li a,
.legal-page p a{
    color: var(--accent-color);
}

.legal-page strong{
    font-weight: 500;
}



/* CALENDARS-FLEXIBLES.HTML */
#calendars-flexible {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    flex-direction: column;
    align-items: center;
    position: relative;
    padding-top: 22px;
}
#calendars-flexible .flex{
    width: 88%;
}

#calendars-flexible-head {}

#calendars-flexible-head h1 {
    margin-top: 0px;
    font-size: var(--font-size-18);
    color: var(--primary-red-color);
    font-weight: 600;
    margin-bottom: 10px;
}

#calendars-flexible-head p {
    font-size: var(--font-size-13);
    color: var(--light-gray-text);
    font-weight: 400;
    margin: 0;
}

hr.calendars-flexibles-hr {
    width: 100%;
    box-shadow: 0 .0625rem #dddde5;
    border: 0;
    height: 1px;
    margin: 25px 0px;
}

#calendars-flexible.blur {
    position: relative;

    filter: blur(3px);
    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    -o-filter: blur(3px);
    -ms-filter: blur(3px);
}


#calendar-departure,
#calendar-return {}

#calendar-departure {
    margin-bottom: 0px;
    padding-bottom: 0px;
}

#calendar-return {
    margin-top: 0px;
    opacity: .1;
    pointer-events: none;
}
#calendar-return.active{
    opacity: 1;
    pointer-events: initial;
}

#calendar-departure.only-departure{
    max-width: 100%;
    margin: 0 auto;
}


#calendars-flexible table {
    width: 100%;
    text-align: center;
}

tbody#cal,
tbody#cal-return {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    flex-direction: column;
    gap: 6px;
    height: auto;
}


#calendars-flexible tr.week-row,
#calendars-flexible tr.thead {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    gap: 0px;
    justify-content: space-between;
    width: 100%;
}

#calendars-flexible tr.week-row:first-of-type,
#calendars-flexible tr.thead:first-of-type {
    border-bottom: 1px solid var(--primary-red-color);
    margin-bottom: 0px;
}


#calendars-flexible td span.day {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    box-sizing: content-box;
    aspect-ratio: 1 / 1;
    flex: 1;
    align-items: center;
    justify-content: center;
    border: none;

    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;

    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;    
}

#calendars-flexible td.box-day:hover span.day{
    background-color: var(--tertiary-pink-color);
}
#calendars-flexible td.box-day:hover span.day.selected{
    background-color: var(--primary-red-color);
}

#calendars-flexible td.box-day-past .price{
    opacity: 0;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
}
#calendars-flexible td.box-day:hover span.day.past{
    background: none;
}

#calendars-flexible td span.price {
    color: #68697f;
    font-size: var(--font-size-11);
    height: 12.66px;
}

#calendars-flexible td span.price.cheaper{
    color: #00a698;
    font-weight: 600;
}

#calendars-flexible td span.price img {
    width: 10px;
}

#calendars-flexible td span.day.selected {
    background-color: var(--primary-red-color);
    color: var(--white-color);
    font-weight: 700;
}

#calendars-flexible td span.day.selected:hover{
    background-color: var(--primary-red-color);
}

#calendars-flexible .day.header {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    font-size: var(--font-size-17);
    color: var(--accent-color);
    font-weight: 400;
    text-transform: uppercase;
    box-sizing: content-box;
    aspect-ratio: 1 / 1;
    flex: 1;
    align-items: center;
    justify-content: center;
    border: none;
}


#calendars-flexible .empty {}

.calendars-controls {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    justify-content: space-between;
    /* Un poco más ancho para separar mejor los botones */
    margin-bottom: 18px;
    gap: 14px;
    align-items: center;
}

.calendars-controls .flex {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    gap: 8px;
    align-items: center;
}

#calendars-flexible h2 {
    margin: 0;
    /* color: var(--light-gray-text); */
    color: var(--black-color);
    font-weight: 500;
    font-size: var(--font-size-16);
}

.calendars-controls h3#month-title,
.calendars-controls h3#month-title-return {
    width: 195px;
    color: var(--primary-red-color);
    font-size: var(--font-size-17);
    font-weight: 700;
    text-transform: lowercase;
    margin-bottom: 20px;
    margin: 0;
    text-align: center;
}

.calendars-controls img {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;    
    height: 7px;
    padding: 16px 15px;
    cursor: pointer;
    background-color: rgba(248, 215, 216, .5);
    /* pointer-events: none;

    opacity: 0;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0; */

    transition: background-color 0.2s ease;
    -webkit-transition: background-color 0.2s ease;
    -moz-transition: background-color 0.2s ease;
    -ms-transition: background-color 0.2s ease;
    -o-transition: background-color 0.2s ease;    
}
.calendars-controls img:hover{
    background-color: rgba(248, 215, 216, .9);
}

.calendars-controls button:hover {
    background-color: #e0e0e0;
}

#calendars-flexible .past {
    color: var(--tertiary-pink-color);
}

#calendars-flexible .today {
    /* font-weight: 600; */
}

/*box buscar vuelos*/
#search-by-months {
    margin-bottom: 25px;
}

#search-by-months-top {
    margin-bottom: 12px;
}

#search-by-months p {
    font-size: var(--font-size-18);
    margin: 0;
    margin-bottom: 5px;
}

#search-by-months span {
    font-size: var(--font-size-14);
    margin: 0;
    color: var(--primary-red-color);
}

#search-by-months span.black,
#search-by-months span#separator{
    color: #000000;
}

#search-by-months span#separator{
    opacity: 0;
}#search-by-months span#separator.active{
    display: inline-block;
    opacity: 1;
}

#box-btn-search-flights {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    justify-content: space-between;
    background-color: var(--primary-red-color);
    box-sizing: border-box;
    padding: 12px;
    border-radius: 100px;
}

#box-btn-search-flights .left {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    gap: 8px;
}

#box-btn-search-flights #img-left-box {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    padding: 10px;
    background-color: var(--white-color);
    align-items: center;
    justify-content: center;
    vertical-align: middle;

    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

#box-btn-search-flights .left img {
    width: auto;
    height: 25px;

}

#box-vuelos-ida-vuelta {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    flex-direction: column;
    justify-content: center;
    gap: 5px;
}

#box-vuelos-ida-vuelta p:first-child {
    font-size: var(--font-size-16);
    font-weight: 600;
    color: var(--white-color);
}

#box-vuelos-ida-vuelta p:nth-child(2) {
    font-size: var(--font-size-13);
    color: var(--white-color);
}

button#btn-search-flexibles {
    background-color: rgba(248, 184, 43, .5);
    padding: 0px 40px;
    font-size: var(--font-size-12);
    pointer-events: none;

    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
}
button#btn-search-flexibles.active{
    background-color: rgba(248, 184, 43, 1);
    pointer-events: initial;
}
button#btn-search-flexibles.active:hover{
    background-color: var(--btn-dark-color);
    color: var(--secondary-yellow-color);
}

#loading {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    display: none;
}

#loading.active {
    display: block;

    opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
}

#loading img {
    width: 80px;
}



#loading-text {
    display: none;
    margin-top: 11px;
    margin-bottom: 30px;
}

#loading-text.active {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    vertical-align: middle;
    align-items: center;
    gap: 6px;
}
#loading-text.active .custom-loader{
    width: initial;
    margin-right: 10px;
}

#loading-text p, #loading-text ul li {
    font-size: var(--font-size-14);
    color: var(--primary-red-color);
    font-weight: 400;
    margin-bottom: 0px;
    margin: 0;
    width: 100%;
    text-align: center;
}
#loading-text ul li{
    display: none;

    animation: fade 1s ease-in-out forwards;
    -webkit-animation: fade 1s ease-in-out forwards;
    -moz-animation: fade 1s ease-in-out forwards;
    -ms-animation: fade 1s ease-in-out forwards;
    -o-animation: fade 1s ease-in-out forwards;
    
}
#loading-text ul li.visible{
    display: block;
}
@keyframes fade {
    0% {
        opacity: 0;
        -webkit-opacity: 0;
        -moz-opacity: 0;
        -ms-opacity: 0;
        -o-opacity: 0;
    }
    100% {
        opacity: 1;
        -webkit-opacity: 1;
        -moz-opacity: 1;
        -ms-opacity: 1;
        -o-opacity: 1;
    }
}

#hh {
    background: linear-gradient(90deg, rgba(209, 27, 27, 1) 0%, rgba(235, 10, 18, 1) 100%);
    height: 9px;
    position: relative;
    /* top: -1px; */
    display: none;
}


.custom-loader {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
}
#calendars-flexible .loader-box{
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    height: 390px;
    flex-direction: column;
    justify-content: center;
}

#container-fechas-flexibles .loader-box{
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    height: 277px;
    flex-direction: column;
    justify-content: center;
}
  
  #calendars-flexible .custom-loader{
    height: calc(100% - 80px);
  }
  
  .custom-loader.big .dot {
    height: 12px;
    width: 12px;
    margin-right: 9px;
    background-color: var(--primary-red-color);

    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;

    animation: pulse 1.5s infinite ease-in-out;
    -webkit-animation: pulse 1.5s infinite ease-in-out;
    -moz-animation: pulse 1.5s infinite ease-in-out;
    -ms-animation: pulse 1.5s infinite ease-in-out;
    -o-animation: pulse 1.5s infinite ease-in-out;
  }
  
  .custom-loader.big .dot:last-child {
    margin-right: 0;
  }
  
  .custom-loader.big .dot:nth-child(1) {
    animation-delay: -0.3s;
    -webkit-animation-delay: -0.3s;
    -moz-animation-delay: -0.3s;
    -ms-animation-delay: -0.3s;
    -o-animation-delay: -0.3s;    
  }
  
  .custom-loader.big .dot:nth-child(2) {
    animation-delay: -0.1s;
    -webkit-animation-delay: -0.1s;
    -moz-animation-delay: -0.1s;
    -ms-animation-delay: -0.1s;
    -o-animation-delay: -0.1s;    
  }
  
  .custom-loader.big .dot:nth-child(3) {
    animation-delay: 0.1s;
    -webkit-animation-delay: 0.1s;
    -moz-animation-delay: 0.1s;
    -ms-animation-delay: 0.1s;
    -o-animation-delay: 0.1s;    
  }
  
  @keyframes pulse {
    0% {
      transform: scale(0.8);
      background-color: var(--tertiary-pink-color); 
      box-shadow: 0 0 0 0 rgb(248, 215, 216); 
    }
  
    50% {
        transform: scale(1.2);
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        
      background-color: var(--primary-red-color); 
      box-shadow: 0 0 0 10px rgba(226, 19, 24, 0); 
    }
  
    100% {
      transform: scale(0.8);
      background-color: var(--tertiary-pink-color); 
      box-shadow: 0 0 0 0 rgb(248, 215, 216); 
    }
  }
  
  
  



#skeleton {
    display: none;
}

#skeleton.active {
    display: block;
}



#box-spinner {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(255, 255, 255, .95);
    pointer-events: none;
    z-index: 1000;

    transform: translateY(-20px);
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);

    opacity: 0;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;

    transition: opacity 0.3s ease, transform 0.3s ease;
    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
    -moz-transition: opacity 0.3s ease, -moz-transform 0.3s ease;
    -ms-transition: opacity 0.3s ease, -ms-transform 0.3s ease;
    -o-transition: opacity 0.3s ease, -o-transform 0.3s ease;    
}

#box-spinner img {
    width: 125%;
}

#box-spinner.active {
    pointer-events: auto;

    /* backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px); */
    
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);

    opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
}

#spinner {
    width: 56px;
    height: 56px;
    border: 9px solid;
    border-color: var(--white-color);
    border-right-color: var(--primary-red-color);

    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;

    animation: spinner-d3wgkg 1s infinite linear;
    -webkit-animation: spinner-d3wgkg 1s infinite linear;
    -moz-animation: spinner-d3wgkg 1s infinite linear;
    -ms-animation: spinner-d3wgkg 1s infinite linear;
    -o-animation: spinner-d3wgkg 1s infinite linear;
}

@keyframes spinner-d3wgkg {
    to {
        transform: rotate(1turn);
        -webkit-transform: rotate(1turn);
        -moz-transform: rotate(1turn);
        -ms-transform: rotate(1turn);
        -o-transform: rotate(1turn);        
    }
}


/*SUCCESSFUL-PAYMENT*/
.state-payment {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    flex-direction: column;
    gap: 60px;
    padding: 50px 0px 130px 0px;
}

.state-payment .flex {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
}


/*first*/
.state-payment .first {
    flex-direction: column;
    align-items: center;
    gap: 60px;
}

.state-payment .first h1 {
    color: var(--primary-red-color);
    font-size: var(--font-size-17);
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
}

.state-payment .first h1 span.strong {
    color: var(--primary-red-color);
    font-weight: 700;
}

.state-payment .first img {
    width: 122px;
}


/*second*/
.state-payment .second {
    flex-direction: column;
    gap: 60px;
}

.state-payment .second div {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    flex-direction: column;
    gap: 24px;
}

.state-payment .second p {
    font-size: var(--font-size-15);
    color: var(--primary-red-color);
    font-weight: 300;
    margin: 0;
}

.state-payment .second p span.strong {
    font-weight: 600;
}

.state-payment .second img {
    width: 96px;
}


/*third*/
.state-payment .third {
    justify-content: flex-end;
}

.state-payment .third img {
    margin-right: 50px;
    width: 96px;
}





/*ERROR PAYMENT*/
#error-page .first {}

#error-page .second {}

#error-page .second .flex {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    flex-direction: row;
    justify-content: space-between;
}

#error-page .second .flex h2 {
    font-size: var(--font-size-26);
    color: var(--primary-red-color);
    font-weight: 700;
    width: 50%;
    margin: 0;
    margin-top: 110px;
    margin-bottom: 15px;
}

#error-page .second .flex img {
    width: 110px;
}

#error-page .second a {
    color: var(--accent-color);
    font-weight: 500;
    text-decoration: underline;
    font-size: var(--font-size-13);
    display: block;
    margin-bottom: 40px;
}

#error-page .second a img {
    width: 12px;
    margin-right: 5px;
}

/* cookie banner */
.cookie-banner-back.active{
    position: relative;

    filter: blur(3px);
    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    -o-filter: blur(3px);
    -ms-filter: blur(3px);
}
#cookie-banner{
    width: 100%;
    background: rgb(209, 27, 27);
    background: -moz-linear-gradient(90deg, rgba(209, 27, 27, .9) 0%, rgba(235, 10, 18, .9) 100%);
    background: -webkit-linear-gradient(90deg, rgba(209, 27, 27, .9) 0%, rgba(235, 10, 18, .9) 100%);
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 99999999999999999999999999999999999999;
    padding-bottom: 70px;

    transform: translateY(100%);
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);

    opacity: 0;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;

    border-radius: 38px 38px 0px 0px;
    -webkit-border-radius: 38px 38px 0px 0px;
    -moz-border-radius: 38px 38px 0px 0px;
    -ms-border-radius: 38px 38px 0px 0px;
    -o-border-radius: 38px 38px 0px 0px;

    transition: transform 0.1s ease, opacity 0.2s ease;
    -webkit-transition: -webkit-transform 0.1s ease, -webkit-opacity 0.2s ease;
    -moz-transition: -moz-transform 0.1s ease, -moz-opacity 0.2s ease;
    -ms-transition: -ms-transform 0.1s ease, -ms-opacity 0.2s ease;
    -o-transition: -o-transform 0.1s ease, -o-opacity 0.2s ease;    
}
#cookie-banner.visible{
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    
    opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
}



#manage-cookies {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    width: 100%;
    min-height: 100%;
    height: auto;
    background-color: var(--white-color);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    justify-content: flex-start;
    flex-direction: column;
    padding: 60px 0px 100px 0px;

    opacity: 0;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;

    transition: transform 0.1s ease, opacity 0.2s ease;
    -webkit-transition: -webkit-transform 0.1s ease, -webkit-opacity 0.2s ease;
    -moz-transition: -moz-transform 0.1s ease, -moz-opacity 0.2s ease;
    -ms-transition: -ms-transform 0.1s ease, -ms-opacity 0.2s ease;
    -o-transition: -o-transform 0.1s ease, -o-opacity 0.2s ease;
}
#manage-cookies.visible{
    opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
}

#manage-cookies .container{
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    max-width: 970px;
    flex-direction: column;
    gap: 25px;
}
.cookie-element{
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    flex-direction: row;
    justify-content: space-between;
    gap: 100px;
    color: var(--primary-red-color);
}
.cookie-element:last-of-type{
    margin-bottom: 40px;
}
.cookie-element h4{
    font-size: var(--font-size-17);
    margin: 0;
    margin-bottom: 24px;
}
.cookie-element p{
    line-height: 1.7;
    font-size: var(--font-size-14);
    margin: 0;
}







#cookie-banner p{
    width: 85%;
    margin: 0 auto !important;
    font-size: var(--font-size-15);
    font-weight: 400;
    color: var(--white-color);
    text-align: center;
    margin: 0;
    padding: 70px 0px;
    line-height: normal;
}

#cookie-banner .flex{
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    justify-content: center;
    gap: 20%;
}

#cookie-banner .flex button{
    font-size: var(--font-size-18);
    background: none;
    border: none;
    color: var(--white-color);
}
#cookie-banner .flex button:hover{
    text-decoration: underline;
}




.trigger {
    display: inline-block;
    border: 0px solid var(--primary-red-color);

    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
}
.trigger input {
    display: none;
}
.trigger label{
    display: block;
    width: 60px;
    height: 30px;
    padding: 4px;
    background-color: #ffffff;
    cursor: pointer;
    box-sizing: border-box;
    border: 1px solid var(--primary-red-color);

    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;

    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;    
}
.trigger label::after{
    content: "";
    display: inherit;
    width: 22px;
    height: 22px;
    background-color: var(--primary-red-color);
    position: relative;
    top: -1px;

    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
 
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;    
}
.trigger input:checked ~ label{
    background-color: var(--primary-red-color);
}
.trigger input:active:not(:disabled)
~ label::after{
    width: 28px;
}
.trigger input:checked:active
~ label::after {
    translate: 24px 0;
}
.trigger input:checked ~ label::after{
    translate: 30px 0;
    background-color: var(--white-color);
}
.trigger input:disabled ~ label{
    cursor: not-allowed;

    opacity: 0.35;
    -webkit-opacity: 0.35;
    -moz-opacity: 0.35;
    -ms-opacity: 0.35;
    -o-opacity: 0.35;
}




/* CONTACTO PAGE */
#contact{
    position: relative;
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    flex-direction: column;
    justify-content: space-between;
    padding: 50px 0px;
}
#contact p, #contact h1{
    margin: 0;
    text-align: center;
    font-family: "neulis-cursive", sans-serif;
}


#contact #talk{
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    background-color: var(--primary-red-color);
    flex: 1;
    padding: 66px 0px;
    flex-direction: column;
    gap: 40px;
    justify-content: center;
}

#contact #contact-response.show{
    position: absolute;
    width: 50%;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: calc(100% - 100px);
    padding: 0 30px;
    box-sizing: border-box;
    text-align: center;
    background: #fff
}

#talk .top h1{
    font-size: var(--font-size-30);
    color: var(--secondary-yellow-color);
    font-weight: lighter;
    margin-bottom: 15px;
}
#talk .top p.num{
    font-size: var(--font-size-47);
    color: var(--secondary-yellow-color);
    font-weight: 600;
}

#talk .bottom{
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    flex-direction: column;
    gap: 15px;
    justify-content: space-between;
}
#talk .bottom p.opening-hours{
    font-size: var(--font-size-13);
    font-weight: lighter;
    text-decoration: underline;
    color: var(--white-color);
}
#talk .bottom p.monday-to-friday,
#talk .bottom p.saturdays{
    color: var(--white-color);
    font-size: var(--font-size-17);
    font-weight: 700;
}
#talk .bottom p span{
    text-transform: lowercase;
}
#talk img{
    width: 170px;
    margin: 0 auto;
    display: block;
}


#contact form{
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    background-color: rgba(151, 146, 143, .3);
    flex: 1;
    flex-direction: column;
    justify-content: center;
    
    gap: 15px;
    padding: 50px 0px;
}

#contact-form .form-group{
    width: 90%;
    margin: 0 auto;
}
#contact-form .form-group:last-of-type{
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    
    justify-content: center;
}
#contact-form .form-group label{
    display: block;
    font-size: var(--font-size-13);
    color: var(--primary-red-color);
    font-weight: 500;
    margin-bottom: 5px;
}
#contact-form .form-group input,
#contact-form .form-group textarea{
    width: 100%;
    border: 2px solid var(--primary-red-color);
    width: 100%;
    font-size: var(--font-size-13);
    color: var(--light-gray-text);
    font-weight: 500;
    padding: 10px 20px;
    box-sizing: border-box;
    background-color: transparent;
    color: var(--primary-red-color);

    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}
#contact-form .form-group input::placeholder,
#contact-form .form-group textarea::placeholder {
    font-size: var(--font-size-13);
    color: var(--light-gray-text);
    display: none;
}
#contact-form .form-group textarea:focus{
    border: 2px solid var(--primary-red-color);
    outline: none;
}
/* END CONTACTO PAGE */


/* MI RESERVA PAGE */
.mybooking{
    flex: 1;
    background-color: var(--white-color);
    padding: 0px 0px;
    background-color: rgba(151, 146, 143, .3);
}
#my-booking{
    box-sizing: border-box;
    margin: 0 auto;
    padding: 80px 30px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 40px;
}
#contact #my-booking form{
    background: none;
    padding: 0;
}
#my-booking .h1-pages-red{
    font-size: var(--font-size-22);
    color: var(--primary-red-color);
    padding-top: 0px;
    width: 100%;
}
#my-booking p#error-locator{
    font-family: var(--font-family-primary);
    color: var(--primary-red-color);
}
form#bookingForm{
    background: none;
    padding-bottom: 0px;
    padding-top: 0px;
}
.inputs-container{
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin: 0px 0px 0px 0px;
}
#my-booking .txt-pages{
    padding-top: 0px;
    display: block;
    margin-bottom: 40px;
}
#my-booking .txt-pages:last-of-type{
    padding-bottom: 0px;
}
#my-booking .txt-pages p{
    width: 90%;
    display: block;
    margin: 0 auto;
    margin-bottom: 0px;
    background-color: var(--tertiary-pink-color);
    box-sizing: border-box;
    padding: 15px 30px;
    font-size: var(--font-size-13);
    border-radius: 31px;
    font-weight: 500;
}


.additional-product-passengers-list{
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 30px;
    vertical-align: middle;
}

.additional-product-passengers-list .additional-product-passenger .passenger{
    display: flex;
    vertical-align: middle;
    gap: 10px;
    pointer-events: none;
}
/* END MI RESERVA PAGE */

/*Blog*/
section#blog{
    padding: 200px 0px 20px 0px;
}
section#blog h1, section#blog h2{
    color: var(--accent-color);
}
#blog h1{
    font-size: var(--font-size-23);
}
#blog h2{
    font-size: var(--font-size-18);
}
#blog p#main-text{
    font-family: var(--font-size-14);
    color: var(--primary-red-color);
    font-weight: 400;
    line-height: normal;
    margin-bottom: 23px;
}

#container-post-items{
    display: flex;
    flex-direction: column;
    gap: 30px;
}
article.post-item:hover{
    cursor: pointer;
}

article.post-item img{
    max-height: 195px;
    width: 100%;
    display: block;
    object-fit: cover;

    transition: transform 0.4s ease-in-out;
    -webkit-transition: -webkit-transform 0.4s ease-in-out;
    -moz-transition: transform 0.4s ease-in-out;
    -ms-transition: transform 0.4s ease-in-out;
    -o-transition: transform 0.4s ease-in-out; 
}
article .container-img{
    overflow: hidden;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}
article.post-item:hover img{
    transform: scale(1.03);
    -moz-transform: scale(1.03);
    -ms-transform: scale(1.03);
    -o-transform: scale(1.03);
    -webkit-transform: scale(1.03);
    transition: transform 0.4s ease-in-out;
    -webkit-transition: transform 0.4s ease-in-out;
    -moz-transition: transform 0.4s ease-in-out;
    -ms-transition: transform 0.4s ease-in-out;
    -o-transition: transform 0.4s ease-in-out;
}
.post-item h2{
    margin: 23px 0px 10px 0px;
}
.post-item time{
    font-size: var(--font-size-11);
    color: var(--accent-color);
}
.main-blog{
    z-index: 1;
}
.main-blog #container-red-bg{
    padding: 40px 0px;
}
/*Fin Blog*/

/*Migas*/
.migas ul{
    display: flex;
    flex-direction: row;
    gap: 10px;
    justify-content: flex-end;
}

.migas ul li,
.migas ul li a{
    font-size: 14px;
    color: var(--accent-color);
}
.migas ul li.separator{
    color: var(--accent-color);
    position: relative;
    top: 1px;
}
.migas ul li.in-page{
    color: var(--accent-color);
}
/*Fn Migas*/

#box-container{
    margin-bottom: 45px;
}
/**/
.read-more-container {
    display: inline-flex;
    align-items: center;
    gap: 5px; /* Espacio entre los puntos y el botón */
}

p.sub-title.mobile{
    display: block;
}
p.sub-title.desktop{
    display: none;
}
.readMore {
    color: var(--accent-color);
    border: none;
    cursor: pointer;
    font-size: var(--font-size-15);
    background: none;
    padding: 0;
    margin: 0;
    text-align: right;
    display: block;
    width: 100%;
}
.readMore:hover{
    background: none;
    color: var(--accent-color);
    text-decoration: underline;
}

/*Tooltip helper*/
.speech-bubble {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: var(--primary-red-color);
    padding: 11px 20px;
    border-radius: 10px;
    
    max-width: 250px;
    color: #ffffff;
    font-size: var(--font-size-12);
    z-index: 9;
}
/* Triángulo en la parte superior derecha */
.speech-bubble::after {
    content: "";
    position: absolute;
    top: -6px;
    left: 50%;
    border-width: 0 15px 15px 15px;
    border-style: solid;
    border-color: transparent transparent #E21318 transparent;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}
.close-btn {
    position: absolute;
    top: 0px;
    right: 0px;
    background: none;
    border: none;
    font-size: var(--font-size-14);
    cursor: pointer;
    color: var(--white-color);
    z-index: 99999999999999999999;
}
.close-btn:hover{
    background: none;
    color: white;
}
/*Fin Tooltip helper*/


/*progress bar - descomentar para ver en otro formato
    descomentar también en function startProgress()
    progressBar.style.width
*/
.progress-bar-container {
    min-width: 16px;
    height: 17px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;

    /* width: 14%;
    background-color: #f3f3f3;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center; */
}
.progress-bar {
    height: 100%;
    width: 0;
    color: var(--primary-red-color);
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;

    /* background-color: var(--primary-red-color);
    color: white; */
}
/*fin progress bar*/

#error-consola {
    background-color: #ffcccc;
    color: #990000;
    border: 1px solid #990000;
    position: fixed;
    width: 90%;
    height: auto;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999999999999999999999999999999999999;
    padding: 20px;
    box-sizing: border-box;
    word-wrap: break-word;
}
#error-consola p{
    margin: 10px 0px;
}




@media screen and (max-width: 385px){
    #header-resume .container{
        gap: 6px;
    }
    #cities-depart-destinate p{
        font-size: var(--font-size-16);
    }
    #header-resume #dates-page-search{
        gap: 4px;
    }
}
/* CSS HECHO PENSADO EN Iphone 12 pro (370 x 429)*/
@media screen and (max-width: 429px) {
    :root{
        --font-size-base: 14px;
    }
    html{
        font-size: var(--font-size-base);
    }

    /*SELECTOR DE FECHAS EN HOME*/
    .red-top {
        display: none;
    }


    /*fechas concretas - fechas flexibles*/
    .choose-btns button.tab, {
        padding: 11px;
        /* font-size: var(--font-size-11); */
    }


    .route {
        /* font-size: 0.86rem; */
        margin: 15px auto 15px auto;
    }


    /*ida o ida y vuelta*/
    #tipo-viaje .select-box {
        padding: 9px 15px 9px 18px;
        /* font-size: var(--font-size-13); */
    }


    /*inputs fecha de ida y fecha de vuelta*/
    .date-box .date-input {
        padding: 31px 20px 11px 20px;
        /* font-size: var(--font-size-15); */
    }

    .date-box img.clear-button {
        /* padding: 27px 13px; */
    }


    /* box calendar */
    #calendars {
        padding-top: 335px;
        /* top: 380px;  380 para chroome*/
        /* top: 450px;  450 para safari*/
    }

    .calendar p.tit-month-calendar {
       /*  font-size: var(--font-size-17); */
    }

    .head-days-calendar th {
        /* font-size: var(--font-size-14); */
    }
    #container-fechas-flexibles{
        padding-bottom: 110px;
    }
    #container-fechas-flexibles .loader-box{
        display: flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: -o-flexbox;
        
        height: 325px;
        flex-direction: column;
        justify-content: center;
    }






    /*mensaje guia "selecciona fecha de salida" */
    .container-apply {
        border-top: 1px solid var(--gray-eee);
        padding: 10px 0px;
    }

    #apply-alert p#mensaje {
        /* font-size: var(--font-size-13); */
    }

    button.apply-dates {
        /* font-size: var(--font-size-13); */
        padding: 15px 25px;
    }

    /*calendario de meses*/
    #container-fechas-flexibles {
        margin-top: 265px;
        /* padding-bottom: 160px; */
    }




    /*OFFERS HOME*/
    #offers-flex .offer {
        flex: 47.9%;
    }



    /*SELECCIÓN DE AEROPUERTO ORIGEN Y AEROPUERTO DESTINO*/
    .input-srch-country input {
        padding: 12px 5% 12px 5%;
    }




    /*SELECCIÓN DE PASAJEROS*/
    #maletas-no-maletas .tab1,
    #maletas-no-maletas .tab2 {
        padding: 11px;
        /* font-size: var(--font-size-11); */
    }

    .select-age .select-box {
        width: 100%;
        padding: 12px 15px 12px 18px;
        /* font-size: var(--font-size-15); */
    }




    /*POP-UP PRECIOS CAMBIAN EN CUALQUIER MOMENTO*/
    .card-message-head p img {
        width: 26px;
    }

    .card-message-head p {
        /* font-size: var(--font-size-17); */
    }




    /*VUELOS.HTML*/
    .flight-tmpl-body .company img {
        width: 50px;
        height: auto;
    }

    .time-from p,
    .time-to p {
        /* font-size: var(--font-size-14); */
        font-weight: 700;
        color: var(--light-gray-text);
    }



    .calendar .selected {
        background-size: 99%;
    }
    .day.hov{
       background-size: 99%; 
    }
    .day.activeBef::before{
        height: 100%;
    }
    .calendar #selected-destination::before {
        height: 100%;
    }
}

/*Surface Duo*/
@media screen and (max-width: 540px){
    .calendar .selected {
        background-size: 100%;
    }
    .day.hov{
       background-size: 100%; 
    }
}

/* iPad Mini */
@media screen and (min-width: 768px) /* and (max-width: 821px) */ {
    main.pages-relative{
        position: relative;
    }
    .card-message {
        width: 500px;
    }
    .card-message-body{
        padding: 50px 40px 44px 40px;
    }
    .container {
        width: 95%;
    }
    .main-menu,
    .main-menu-desktop {
        width: 40%;
        position: fixed;
        box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 16px;
    }
    .logo-red{
        display: none;
    }
    .logo-red #log{
        margin-left: 15px;
    }
    #header-resume,
    header.header-responsive{
        display: none;
    }

    li.swiper-slide-home a{
        padding: 10px 15px;
    }
    header.header-responsive.desktop{
        display: block;
        padding-bottom: 1px;
    }
    header.header-responsive.desktop #box-swiper-home{
        padding: 18px 0px;
    }
    header.header-responsive #box-swiper-home{
        padding: 18px 0px 0px 0px;
    }
    div.flex-layout {
        margin-bottom: 0px;
    }

    header#header-pages-desktop{
        position: fixed;
        top: 0;
        left:  0;
        width: 100%;
        z-index: 9999999;
        max-height: 174px;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
    }
    
    header#header-pages-desktop.minimize{
        max-height: 50px;
        padding-top: 8px;
        z-index: 9999999;
    }
    header#header-pages-desktop.minimize.white{
        background: rgba(255, 255, 255, .9)
        /* border-bottom: 1px solid #f9f9f9; */
    }
    header#header-pages-desktop .logo{
        width: 194.69px;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
}
    header#header-pages-desktop.minimize .logo{
        width: 150px;
    }

    header#header-pages-desktop.minimize.gototop{
        top: -59px;
    }

    
    #box-spinner img {
        width: 50%;
    }

    #h1box {
        display: block;
        margin-bottom: 30px;
    }

    #h1box h1 {
        margin: 0px !important;
        display: inline-block;
    }

    #h1box strong {
        color: var(--secondary-yellow-color);
        text-shadow:
            2px 2px 0px #951918,
            /* Borde negro */
            -2px -2px 0px #951918,
            /* Borde negro */
            2px -2px 0px #951918,
            /* Borde negro */
            -2px 2px 0px #951918;
    }

    #h1box h1,
    #h1box strong {
        font-size: var(--font-size-23);
        font-weight: 700;
    }

    #main-home{
        position: relative;
       /*  margin-top: 197px; */
    }
    #hdd{
        top: 135px;
        position: absolute;
        width: 95%;
        z-index: 999999;
        left: 50%;

        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);        
    }

    #page-calendar #hdd{
        top: 80px;
    }


    #flightSearchForm input:focus {
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
        outline: 1px solid var(--primary-red-color);
        box-shadow: 0 0 0 3px var(--white-color);
        position: relative;
        z-index: 9;
        transition: none;
    }

    form.flightSearchForm {
        display: flex;
        
        display: -moz-box;
        display: -ms-flexbox;
        display: -o-flexbox;
        
        border-radius: 0px;
        gap: 2px;
        flex: 100%;
    }

    form.flightSearchForm.hidden {
        display: none;
    }

    form.flightSearchForm .form-group {
        margin-bottom: 0px;
    }
    form.flightSearchForm #form-group-departure{
        flex: 1;
    }

    form.flightSearchForm .form-group input {
        padding: 40px 20px 20px 20px !important;
        font-size: var(--font-size-13);
        cursor: pointer;
        box-sizing: border-box;
        transition: none;
    }

    form.flightSearchForm .form-group input::placeholder {
        font-size: var(--font-size-13);
        color: var(--light-gray-text);
    }

    form.flightSearchForm .form-group .div-icon {
        padding: 0px 0px 0px 0px !important;
        display: none;
    }

    form.flightSearchForm .form-group .div-icon img {
        display: none;
    }

    form.flightSearchForm .form-group .label-form {
        display: block;
    }

    form.flightSearchForm .form-group .label-form {
        position: absolute;
        z-index: 9999;
        font-size: var(--font-size-13);
        font-weight: 800;
        color: var(--accent-color);
    }

    /*origen - destino*/
    /* hijo 1*/
    form.flightSearchForm .relative {
        display: flex;
        
        display: -moz-box;
        display: -ms-flexbox;
        display: -o-flexbox;
        
        gap: 1px;
        justify-content: center;
        align-items: center;
        position: relative;
        flex: 1;
    }

    form.flightSearchForm .form-group .div-icon.from {
        border-radius: 17px 0px 0px 17px;
        -webkit-border-radius: 17px 0px 0px 17px;
        -moz-border-radius: 17px 0px 0px 17px;
        -ms-border-radius: 17px 0px 0px 17px;
        -o-border-radius: 17px 0px 0px 17px;
    }

    form.flightSearchForm .form-group input#input-origen {
        display: none;
    }

    #box-input-origin-desktop,
    #box-input-destinate-desktop{
        width: 100%;
    }

    #box-input-origin-desktop #origenInput2,
    #box-input-destinate-desktop #destinoInput2 {
        display: block;
        cursor: text;
    }
    

    .aeropuerto-list.hidden {
        display: none;
    }

    form.flightSearchForm .form-group input#origenInput2 {
        padding-right: 26px !important;

        border-radius: 17px 0px 0px 17px;
        -webkit-border-radius: 17px 0px 0px 17px;
        -moz-border-radius: 17px 0px 0px 17px;
        -ms-border-radius: 17px 0px 0px 17px;
        -o-border-radius: 17px 0px 0px 17px;
    }

    form.flightSearchForm .form-group #label-origen {
        left: 20px;
        top: 19px;
    }


    form.flightSearchForm #form-group-destinate {
        flex: 1;
        position: relative;
    }

    form.flightSearchForm .form-group input#input-destino {
        display: none;
        padding-left: 26px !important;
    }

    form.flightSearchForm .form-group #label-destino {
        left: 20px;
        top: 19px;
    }


    form.flightSearchForm #form-group-fechas {
        display: none;
        position: relative;
    }

    form.flightSearchForm .form-group #label-fechas {
        left: 20px;
        top: 19px;
    }

    form.flightSearchForm #form-group-passengers {
        position: relative;
        flex: 40%;
    }

    form.flightSearchForm .form-group #label-passengers {
        left: 20px;
        top: 19px;
    }

    .relative #switch-icon {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 32px;
        cursor: pointer;
        z-index: 999999;

        transform: translate(-50%, -50%) rotate(90deg);
        -webkit-transform: translate(-50%, -50%) rotate(90deg);
        -moz-transform: translate(-50%, -50%) rotate(90deg);
        -ms-transform: translate(-50%, -50%) rotate(90deg);
        -o-transform: translate(-50%, -50%) rotate(90deg);

        transition: transform 0.2s ease;
        -webkit-transition: -webkit-transform 0.2s ease;
        -moz-transition: -moz-transform 0.2s ease;
        -ms-transition: -ms-transform 0.2s ease;
        -o-transition: -o-transform 0.2s ease;        
    }

    #switch-icon.rotated {
        transform: translate(-50%, -50%) rotate(-90deg);
        -webkit-transform: translate(-50%, -50%) rotate(-90deg);
        -moz-transform: translate(-50%, -50%) rotate(-90deg);
        -ms-transform: translate(-50%, -50%) rotate(-90deg);
        -o-transform: translate(-50%, -50%) rotate(-90deg);        
        
        transition: transform 0.3s ease;
        -webkit-transition: -webkit-transform 0.3s ease;
        -moz-transition: -moz-transform 0.3s ease;
        -ms-transition: -ms-transform 0.3s ease;
        -o-transition: -o-transform 0.3s ease;        
    }




    #suggestions-desktop .aeropuerto-list {
        position: initial;
        margin-bottom: 0px;
        overflow: auto;
        height: auto;
        max-height: 790px;
        background-color: var(--white-color);
        box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 16px;
        box-sizing: border-box;
        width: 60%;
        max-width: 430px;

        border-radius: 17px;
        -webkit-border-radius: 17px;
        -moz-border-radius: 17px;
        -ms-border-radius: 17px;
        -o-border-radius: 17px;
    }
    #autocomplete-destinate{
        margin-left: 155px;
    }


    .aeropuerto-list{
        gap: 0px;
    }
    li.aeropuerto-item{
        padding: 20px;
        border-radius: 0;
    }
    li.aeropuerto-item:hover {
        background-color: rgba(247, 240, 240, 1);
    }
    li.aeropuerto-item span {
        font-size: var(--font-size-14);
    }

    li.aeropuerto-item.active{
        background-color: rgba(247, 240, 240, 1);
    }

    li.aeropuerto-item .pais-aer {
        font-size: var(--font-size-13);
    }

    /*fechas - pasajeros*/
    /* hijo 2*/
    form.flightSearchForm .form-group-flex {
        flex: 1;
        gap: 2;
        width: 50%;
    }

    form.flightSearchForm .form-group-flex .form-group {
        margin-bottom: 0px;
    }

    form.flightSearchForm .form-group .div-icon.calendary {
        border-radius: 0px 0px 0px 0px;
        -webkit-border-radius: 0px 0px 0px 0px;
        -moz-border-radius: 0px 0px 0px 0px;
        -ms-border-radius: 0px 0px 0px 0px;
        -o-border-radius: 0px 0px 0px 0px;
    }

    form.flightSearchForm .form-group-flex input#passengers {
        border-radius: 0px 17px 17px 0px;
        padding: 0px 10px 0px 17px;
    }


    /* hijo 3*/
    .search-button {
        width: auto;
        margin: 0 auto;
        display: flex;
        padding: 0px 17px;
        flex: 0 0 auto;
        font-size: var(--font-size-10);
        box-sizing: border-box;
        margin-left: 15px;
        align-items: center;

        border-radius: 17px;
        -webkit-border-radius: 17px;
        -moz-border-radius: 17px;
        -ms-border-radius: 17px;
        -o-border-radius: 17px;
    }

    button#apply-new-parameters {
        font-size: var(--font-size-12);
        padding: 0px 17px;
        align-items: center;
    }

    /* pickDeparture - pickDestinate */
    #pick-departure-h, #pick-destinate-h {
            position: absolute;
            top: 0;
            width: fit-content;
            border-radius: 17px;
            -webkit-border-radius: 17px;
            -moz-border-radius: 17px;
            -ms-border-radius: 17px;
            -o-border-radius: 17px;
            box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 16px;
            padding: 20px 0px;
            width: 277px;
            box-sizing: border-box;
            
            background: var(--white-color);
            color: var(--gray-eee);
            z-index: 10;
            display: none;
            min-height:auto;
            transition: right 0.1s ease;
            -webkit-transition: right 0.1s ease;
            -moz-transition: right 0.1s ease;
            -ms-transition: right 0.1s ease;
            -o-transition: right 0.1s ease;
    }
        #pick-departure-h{
            left: 0;
        }
        #pick-destinate-h{
            left: 155px;
        }
    .title-container-hid{
        padding: 0;
        width: 100%;
    }
    .regions{
        margin-top: 0;
        width: 100%;
        margin: 0 auto;
    }
    .title-container-hid .title,
    .title-container-hid .goback-nd-title{
        display: none;
        height: 21.77px;
    }
    .title-container-hid .goback-nd-title.block{
        display: block;
    }
    .title-container-hid img.goBack, .title-container-hid img.go-back-double{
        position: initial;
        left: 0;
        top: 0;
        padding-left: 20px;
        width: 20px;
    }
    .aeropuertos.block{
        width: 100%;
    }
    .aeropuerto-list{
        overflow-x:initial;
        overflow-y: scroll;
        margin-top: 0px;
        margin-bottom: 0px;
    }
    .show-more-countrys{
        margin-bottom: 0px;
        margin-top: 40px;
        font-size: var(--font-size-10);
    }
    #suggestions-destinate{
        display: none;
    }
    .clear-button.active{
        display: none;
    }
    .region-title{
        padding-left: 20px;
        font-size: var(--font-size-14);
    }
    ul.country-list{
        margin: 0 auto;
        gap: 0px;
    }
    li.country-item{
        padding: 10px 20px;
        border-radius: 0px;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        -ms-border-radius: 0px;
        -o-border-radius: 0px;
    }
    li.country-item:hover{
        background-color: rgba(247, 240, 240, 1);
    }
    li.country-item span{
        font-size: var(--font-size-15);
    }

    /*calendarios*/
    #choose-dates,
    #box-title-full-calendar.active,
    .title-container-hid,
    input#inputdates {
        display: none;
    }

    #pick-dates-top {
        display: flex;
        
        display: -moz-box;
        display: -ms-flexbox;
        display: -o-flexbox;
        
        flex-direction: row-reverse;
        justify-content: center;
        gap: 10px;
        width: 95%;
        margin: 0 auto;
        align-items: center;
    }
    .custom-loader.big .dot {
        height: 13px;
        width: 13px;
        margin-right: 6px;
        background-color: var(--primary-red-color);

        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px;

        animation: pulse 1.5s infinite ease-in-out;
        -webkit-animation: pulse 1.5s infinite ease-in-out;
        -moz-animation: pulse 1.5s infinite ease-in-out;
        -ms-animation: pulse 1.5s infinite ease-in-out;
        -o-animation: pulse 1.5s infinite ease-in-out;
      }

    form.flightSearchForm #form-group-depdate-retdate {
        display: flex;
        
        display: -moz-box;
        display: -ms-flexbox;
        display: -o-flexbox;
        
        gap: 2px;
        flex: 60%;
    }

    #form-group-depdate-retdate input {
        position: relative;
    }

    .clear-button {
        position: absolute;
        right: 5px;
        top: 50%;
        font-size: var(--font-size-18);
        cursor: pointer;
        width: 15px;
        padding-right: 0px;
        display: none;
        z-index: 99999;

        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
    }

    #form-group-departure-date,
    #form-group-return-date {
        position: relative;
        flex: 1;
    }

    #form-group-departure-date label,
    #form-group-return-date label {
        position: absolute;
        left: 20px;
        top: 19px;
    }

    #form-group-depdate-retdate input,
    #form-group-depdate-retdate input.rojo {
        border-radius: 0;
        border: 0;
        background-color: var(--white-color);

        opacity: 1;
        -webkit-opacity: 1;
        -moz-opacity: 1;
        -ms-opacity: 1;
        -o-opacity: 1;
    }


    /* #box-input-origin-desktop #origenInput2:focus,
    #box-input-destinate-desktop #destinoInput2:focus,
    #form-group-departure-date input:focus,
    #form-group-return-date input:focus,
    form.flightSearchForm .form-group-flex input#passengers:focus{
        border: 1px solid #fff;
        outline: 2px solid var(--primary-red-color); 
        outline-offset: -3px;
    } */
    
    main#page-vuelos,
    main#page-calendar{
        position: relative;
    }
    
    main#page-vuelos #hdd,
    main#page-vuelos #suggestions-desktop,
    main#page-calendar #hdd,
    main#page-calendar #suggestions-desktop{
        top: 129px;
    }

    #pick-dates-h {
        position: initial;
        right: 0%;
        width: 90%;
        z-index: 9999999;
        height: auto;
        overflow: auto;
        padding: 20px 0px;
        box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 16px;

        border-radius: 17px;
        -webkit-border-radius: 17px;
        -moz-border-radius: 17px;
        -ms-border-radius: 17px;
        -o-border-radius: 17px;
    }
    #pick-dates-h.visible {
        /* left: 2.5%; */
        right: 107px;
        display: block;
    }

    .container-apply,
    .fixed {
        position: relative;
        padding: 0px;
    }

    .container-apply {
        border-top: 1px solid var(--gray-eee);
        padding-top: 15px;
    }


    #apply-alert p#mensaje {
        font-size: var(--font-size-13);
    }

    button.apply-dates {
        padding: 18px 30px;
    }

    .head-days-calendar {
        position: relative;
        top: 90px;
        width: 47%;
    }

    /* calendarios > fechas concretas / fechas flexibles */
    .choose-btns {
        flex-basis: 45%;
    }

    .choose-btns button.tab,
    .choose-btns #sin-maletas,
    .choose-btns .tab1{
        padding: 9px 0px;
        font-size: var(--font-size-11);
    }

    

    .route {
        margin: 0;
        flex-basis: 35%;

    }

    .route span {
        font-size: var(--font-size-11);
    }

    #tipo-viaje {
        margin-bottom: 0px;
        flex-basis: 20%;
    }

    #tipo-viaje .select-box {
        font-size: var(--font-size-11);
        padding: 9px 14px 9px 17px;
        cursor: pointer;
    }


    #container-fechas-concretas {
        position: relative;
    }

    #box-left-right-icon.active {
        position: absolute;
        width: 100%;
        display: flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: -o-flexbox;
        width: 100%;
        top: 20px;
        left: 0;
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
    }

    #calendars.full .calendar.active .h3CalendarBox {
        cursor: pointer;
        margin-bottom: 0px;
        border: 0px;
    }

    #calendars.full .h3CalendarBox img {
        display: none;
    }


    #right-calendary img,
    #left-calendary img {
        cursor: pointer;
    }

    #calendars {
        align-items: initial;
    }

    #calendars.full {
        display: flex;
        
        display: -moz-box;
        display: -ms-flexbox;
        display: -o-flexbox;
        
        top: 0px;
        justify-content: space-between;
        flex-direction: row;
        gap: 120px;
    }

    #calendars.full .calendar {
        margin: 20px 0px 15px 0px;
    }

    #calendars tbody {
        gap: 4px;
    }


    #calendars.full .calendar p.tit-month-calendar {
        font-size: var(--font-size-15);
    }

    #select-month-calendar .option-month p {
        font-size: var(--font-size-15);
    }


    /*calendarios, L, M, M ... 1, 2, 3, 4*/
    .head-days-calendar {
        display: none;
    }

    #calendars thead {
        display: block;
    }

    #calendars thead tr th {
        font-size: var(--font-size-14);
        color: var(--accent-color);
    }

    #calendars thead tr {
        border-bottom: 2px solid var(--primary-red-color);
        margin-bottom: 4px;
    }


    .calendar .day {
        font-size: var(--font-size-14);
    }


    /*Calendarios flexibles*/
    #container-fechas-flexibles {
        margin-top: 0px;
        padding-bottom: 30px;
    }

    .tit p {
        border-bottom: 1px solid var(--primary-red-color);
        margin-bottom: 40px;
    }

    #meses-flex{
        gap: 11px 11px;
    }

    #meses-flex .mes {
        flex: 15%;
        padding-top: 35px;

        border-radius: 33px;
        -webkit-border-radius: 33px;
        -moz-border-radius: 33px;
        -ms-border-radius: 33px;
        -o-border-radius: 33px;
    }

    #meses-flex .mes:hover{
        opacity: .9;
    }

    #meses-flex .mes:hover p{
       /*  color: #ffffff; */
    }


    /*Selección pasajeros*/
    #pick-passengers-h {
        position: absolute;
        top: 0;
        right: 0;
        padding: 20px;
        height: auto;
        background: var(--white-color);
        color: var(--gray-eee);
        display: none;
        box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 16px;
        border-radius: 17px;
        -webkit-border-radius: 17px;
        -moz-border-radius: 17px;
        -ms-border-radius: 17px;
        -o-border-radius: 17px;

        transition: right 0.1s ease;
        -webkit-transition: right 0.1s ease;
        -moz-transition: right 0.1s ease;
        -ms-transition: right 0.1s ease;
        -o-transition: right 0.1s ease;        
    }

    #calendar-departure.only-departure{
        max-width: 80%;
        margin: 0 auto;
    }

    #pick-passengers-h.visible {
        right: 2.5%;
        display: block;
        width: 39%;
        max-width: 390px;
    }

    .viajeros-contador .left .p-adultchild,
    .contador .num-passengers,
    .contador .num-passengers,
    .container-choose-age-child p,
    .select-age .select-box,
    #btnApplyPassengers {
        font-size: var(--font-size-14);
    }

    .viajeros-contador .left .p-info {
        font-size: var(--font-size-13);
    }

    #suggestions-desktop {
        display: block;
        position: absolute;
        z-index: 99999999999;
        width: 95%;
        left: 50%;
        top: 135px;

        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
    }

    /* MARQUEE */
    #box-marquee {
        display: block;
    }


    /*SWIPER*/
    .swiper-container-3btn .swiper-wrapper {
        display: flex;
        
        display: -moz-box;
        display: -ms-flexbox;
        display: -o-flexbox;    
    }

    .swiper-container-3btn {
        width: 95%;
        margin: 24px auto 28px auto;
        padding-left: 0;
        padding-right: 0;
    }

    .swiper-container-3btn a img.ico-3btn {
        height: 17px;
        width: auto;
        position: inherit;
        top: inherit;
        margin-bottom: 0px;
        padding-left: 0px;
    }

    .swiper-container-3btn .button {
        min-height: auto;
        padding: 17px 30px;
        box-sizing: border-box;
        background: none;
        background-color: var(--primary-red-color);

        border-radius: 37px;
        -webkit-border-radius: 37px;
        -moz-border-radius: 37px;
        -ms-border-radius: 37px;
        -o-border-radius: 37px;

        transition: background-color 0.2s ease;
        -webkit-transition: background-color 0.2s ease;
        -moz-transition: background-color 0.2s ease;
        -ms-transition: background-color 0.2s ease;
        -o-transition: background-color 0.2s ease;        
    }
    .swiper-container-3btn .button:hover{
        background-color: var(--btn-dark-color);
        transition: background-color 0.2s ease;
        -webkit-transition: background-color 0.2s ease;
        -moz-transition: background-color 0.2s ease;
        -ms-transition: background-color 0.2s ease;
        -o-transition: background-color 0.2s ease;
    }

    .swiper-container-3btn .dg {
        display: none;
    }


    .swiper-container-3btn .button .link {
        display: flex;
        
        display: -moz-box;
        display: -ms-flexbox;
        display: -o-flexbox;
        
        justify-content: center;
        gap: 13px;
        align-items: center;
        vertical-align: middle;
    }

    .swiper-container-3btn span {
        position: relative;
        top: 0px;
        z-index: 300;
        font-size: var(--font-size-11);
        font-weight: 700;
        padding-left: 0px;
    }





    /* VIDEO */
    video#myVideo {
        max-height: 470px;
    }




    /* OFFERS COUNTRY */
    #offers {
        padding-bottom: 0px;
    }

    #offers-flex .offer {
        flex: 23.5%;
        overflow: hidden;
    }

    #offers-flex .offer img.fondo{
        transition: transform 0.4s ease-in-out;
        -webkit-transition: -webkit-transform 0.4s ease-in-out;
        -moz-transition: transform 0.4s ease-in-out;
        -ms-transition: transform 0.4s ease-in-out;
        -o-transition: transform 0.4s ease-in-out;        
    }

    #offers-flex .offer:hover img.fondo{
        transform: scale(1.02);
        -webkit-transform: scale(1.02);
        -moz-transform: scale(1.02);
        -ms-transform: scale(1.02);
        -o-transform: scale(1.02);
}

    #offers-flex .offer:hover a{
        background-color: var(--secondary-yellow-color) !important;
        color: var(--primary-red-color) !important;
    }

    .flex-results-page #offers-flex .offer:hover img.fondo{
        transform: scale(1.02);
        -webkit-transform: scale(1.02);
        -moz-transform: scale(1.02);
        -ms-transform: scale(1.02);
        -o-transform: scale(1.02);
}

    .h2-section br {
        display: none;
    }

    /*FAQ*/
    .question h3{
        font-size: var(--font-size-16);
    }
    .answer p, .answer p .strong, .answer a, .answer ul li{
        font-size: var(--font-size-14);
    }

    /* FOOTER */
    footer{
        position: absolute;
        width: 100%;
        padding: 50px 0px;
    }
    footer p#follow-us-message{
        display: block;
        color: var(--secondary-yellow-color);
        font-family: "neulis-cursive", sans-serif;
        font-weight: 700;
        font-size: var(--font-size-16);
    }
    footer .flex-social{
        display: flex;
        
        display: -moz-box;
        display: -ms-flexbox;
        display: -o-flexbox;
    
        border-bottom: 1px solid var(--white-color);
        justify-content: space-between;
    }
    footer #social{
        margin: initial;
    }
    footer #social,
    div.line {
        width: auto;
        border-bottom: 0px;
    }

    div.line.second-line {
        display: none;
    }

    footer #cheap-flights-list {
        display: flex;
        
        display: -moz-box;
        display: -ms-flexbox;
        display: -o-flexbox;
    
        flex-direction: row;
        justify-content: center;
        gap: 50px;

        flex-wrap: wrap;
    }

    footer #cheap-flights-list ul {
        margin-left: 0px;
    }
    footer #cheap-flights-list ul:nth-of-type(2) {
        margin-right: 30px;
    }

    a.more-white {
        text-align: center;
        text-decoration: none;
    }
    a.more-white:hover{       
        color: var(--white-color) !important;
        text-decoration: underline;
    }

    a.more:hover{
        color: var(--accent-color);
    }

    .flex-legal {

    }

    footer div.line{
        margin-bottom: 60px;
    }

    .flex-legal #legal{
        margin-bottom: 20px;
    }

    .flex-legal #legal ul{
        display: flex;
        flex-direction: row;
        justify-content: center;
        margin-left: 0;
    }

    #legal ul li a {
        font-size: var(--font-size-16);
    }
    #legal ul li a:hover{
        text-decoration: underline;
    }

    #company-data {
        display: flex;
        justify-content: center;
    }

    #company-data p {
        font-size: var(--font-size-13);
        line-height: 23px;
        text-align: center;
        margin-left: 0px;
    }



    /**** PAGE - RESULTS FLIGHTS ****/
    #loading-text p, #loading-text ul li {
        font-size: var(--font-size-13);
    }
    #container-header-pages-search{
        padding-bottom: 0px;
    }
    #container-header-pages-search.open{
        padding-top: 3px;
        padding-bottom: 8px;
    }
    
    #results{
        padding: 50px 0px;
    }
    #results .flex{
        display: flex;
        
        display: -moz-box;
        display: -ms-flexbox;
        display: -o-flexbox;
        
        justify-content: space-between;
    }
    #results p#num-flights-found span{
        font-size: var(--font-size-13);
    }

    #loading-text p{
        font-size: var(--font-size-17);
    }

    #loading-text{
        margin-top: 0px;
    }

    /* #filter-sort {
        position: relative;
        bottom: 30px;
    } */

    /* #filter-sort button {
        text-decoration: underline;
    } */

    #summary-selected-trip{
        display: block;
    }

    #filter-results .sticky{
        padding-bottom: 0px;
    }
    #filter-results {
        max-height: 100%;
        overflow: scroll;
        position: fixed;
        top: 0px;
        overflow: auto;
        padding-bottom: 50px;
        width: 50vw;
        padding-left: 20px;
        padding-right: 20px;
        box-sizing: border-box;
    }
    .btn-sort .title-filter p{
        /* font-size: var(--font-size-13); */
       font-size: var(--font-size-14) !important;
    }
    .btn-sort.small-btn-sort p{
        /* font-size: var(--font-size-9); */
        font-size: var(--font-size-10) !important;
    }
    .price-durFlight{
        font-size: var(--font-size-21);
    }
    .flight-card__price span.price-tarifa{
        /* font-size: var(--font-size-25); */
        font-size: var(--font-size-27);
    }
    .btn-sort.date-approaching .price-durFlight p.dur{
        /* font-size: var(--font-size-9); */
        font-size: var(--font-size-11);
    }
    .time-from p span.pr, .time-to p span.pr{
        font-size: var(--font-size-15);
    }
    .button-apply-flight button,
    input.reservation-confirm {
        width: 115px;
        padding: 13px 0px;
        font-size: var(--font-size-11);
    }
    #summary-selected-trip button {
        padding-left: 15px;
        padding-right: 15px;
    }

    /* Filter-results-head*/
    .box-filter{
        padding-bottom: 20px;
    }
    .box-filter:last-of-type{
        border-bottom: 0px;
    }
    .filter-results-head p:first-child,
    .results-sort-by-head p:first-child{ /*filtros y ordenar font-size /**"Hecho"**/
        font-size: var(--font-size-14);
    }
    .filter-results-head button,
    .results-sort-by-head button{ /*filtros y ordenar font-size /**"filtrar por"**/
        font-size: var(--font-size-12);
    }
    #totalresults-resetfilters p, #totalresults-resetfilters span{
        font-size: var(--font-size-12);
    }
    #totalresults-resetfilters button{
        font-size: var(--font-size-11);
    }
    #totalresults-resetfilters{
        padding: 14px 14px;
    }
    .box-filter-head p.title-filter-head{
        font-size: var(--font-size-12);
    }
    .inp-box{
        align-items: center;
    }
    .inp-box label{
        font-size: var(--font-size-12);
        /* pointer-events: none; */
    }
    .inp-box .box-option span{
        font-size: var(--font-size-10);
    }
    .range-container p{
        font-size: var(--font-size-11);
    }
    .range-label{
        font-size: var(--font-size-11);
    }

    /* Ordenar por */
    #results-sort-by {
        top: 0px;
        overflow-y: auto;
        padding-bottom: 50px;
        width: 50vw;
        padding-left: 20px;
        padding-right: 20px;
        box-sizing: border-box;
        z-index: initial;
    }
    #what-means p{
        font-size: var(--font-size-12);
    }

    /*Font-sizes of deatails of flights*/
    .flight-card__price p:first-child{
        font-size: var(--font-size-10);
    }
    .duration-flight-and-scales button,
    .duration-flight-and-scales p {
        font-size: var(--font-size-13);
    }
    .flight-tmpl__head p,
    .flight-tmpl__head .suitcases-total span{
        font-size: var(--font-size-13);
    }

    .container-flight-details,
    .flight-details-bot{
        max-width: initial;
    }
    .flight-details-top p, .flight-details-top p span{
        font-size: var(--font-size-12);
    }
    .flight-details-mid .details p.strong{
        font-size: var(--font-size-18);
    }
    .flight-details-mid .details .medium,
    .flight-details-mid .details .regular{
        font-size: var(--font-size-12);
    }
    .flight-details-bot p{
        font-size: var(--font-size-11);
    }

    /** VUELOS-BARATOS **/
    #offers2{
        margin-top: 240px;
    }
    #cheap-flights-to{
        margin-top: 200px;
    }
    #offers2 #offers-flex.offers-flex-single-page .offer{
        flex: 49%;
        height: 280px;
        position: relative;
        padding-bottom: 60px;
        background-color: var(--primary-red-color);
        overflow: hidden;
    }

    #offers2 #offers-flex.offers-flex-single-page .offer img.fondo{
        height: 80%;
        border-radius: 20px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        -ms-border-radius: 20px;
        -o-border-radius: 20px;
        /* transition: transform 0.5s ease;
        -webkit-transition: transform 0.5s ease;
        -moz-transition: transform 0.5s ease;
        -ms-transition: transform 0.5s ease;
        -o-transition: transform 0.5s ease; */
    }

    #offers2 #offers-flex.offers-flex-single-page .offer:hover img.fondo {
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
}      

    #offers-flex.offers-flex-single-page .top-right img{
        display: none;
    }
    .h1-section{
        font-size: var(--font-size-27);
        margin: 40px 0px;
    }
    #cheap-flights h2.h2-big-section{
        font-size: var(--font-size-27);
        margin: 40px 0px;
    }
    .h3-section{
        font-size: var(--font-size-27);
    }
    .h1-section br{
        display: none;
    }
    #offers-flex.offers-flex-single-page p#price{
        display: block;
        position: absolute;
        left: 30px;
        bottom: 10px;
        z-index: 99999;
        font-size: var(--font-size-26);
        color: var(--white-color);
        font-weight: 900;
        margin: 0;
        text-shadow: none;
    }
    #offers-flex.offers-flex-single-page .top-right h3{
        font-size: var(--font-size-28);
    }
    #offers-flex.offers-flex-single-page p#price span{
        display: inline-block;
        font-size: var(--font-size-11);
        font-family: "neulis-cursive", sans-serif;
        font-weight: 100;
        margin-right: 3px;
    }

    #offers-flex.offers-flex-single-page .top-right{
        margin-left: 30px;
    }
    #offers-flex.offers-flex-single-page .top-right h3{
        margin-top: 30px;
        max-width: 90%;
    }
    #offers-flex.offers-flex-single-page .offer a{
        font-size: var(--font-size-10);
    }
    #offers2 p,
    .txt-pages p{
        font-size: var(--font-size-16);
        line-height: 1.7;
    }
    .txt-pages p a:hover{
        text-decoration: underline;
    }
    #offers2 p a:hover{
        text-decoration: underline;
    }
    #offers2 p#advisement{
        font-size: var(--font-size-13);
        font-weight: 500;
    }
    .txt-pages h1,
    .h1-pages{
        font-size: var(--font-size-23);
    }
    .txt-pages h2, .txt-pages h3,{
        font-size: var(--font-size-22);
        width: 80%;
    }
    .txt-pages .strongneue{

    }
    
    .txt-pages h2 br{
        display: none;
    }

    /*VUELOS-BARATOS/PAIS*/
    #cheap-flights-to p{
        font-size: var(--font-size-16);
    }
    #cheap-flights-to h2,
    #cheap-flights-to #where-flight p{
        font-size: var(--font-size-25);
        font-weight: 700;
    }
    #cheap-flights-to #where-flight button{
        font-size: var(--font-size-14);
        padding: 17px 40px;
    }
    #box-flight-list .flex{
        position: relative;
        display: flex;
        
        display: -moz-box;
        display: -ms-flexbox;
        display: -o-flexbox;
        
        flex-direction: row;
        justify-content: space-between;
        gap: 42px;

        transition: all .3s ease;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
        -o-transition: all .3s ease;        
    }

    #box-flight-list li.flex.noresults{
        cursor: initial;
    }
    #box-flight-list .flex .flight-list-box{
        flex: 1; 
    }
    .flight-list-box h3,
    .flight-list-box p.title-list-box{
        font-size: var(--font-size-17);
        padding: 20px 25px;
    }
    .bottom-box{
        display: none;
    }
    .flight-list-box ul{
        border-radius: 0px 0px 20px 20px;
    }
    .flight-list-box ul li p{
        font-size: var(--font-size-15);
    }
    .flight-list-box ul li p:nth-of-type(2){
        font-size: var(--font-size-18);
        font-weight: 800;
    }
    
    #cont-txt-pages .flex-p{
        display: flex;
        
        display: -moz-box;
        display: -ms-flexbox;
        display: -o-flexbox;
        
        gap: 25px;
        text-align: justify;
    }

    .flex-p .container-paragraphs{
        flex: 1;
    }

    /* IMG BACKGROUND PAGES */
    .page-img-header img#background{
        position: fixed;
    }
        /* padre */
        .img-bringFatherToSpain{
            object-position: center -110px;
        }
        /*familiar*/
        .img-bringFamilyToSpain{
            object-position: center 55px;
        }
        /*pareja*/
        .img-bringPartnerToSpain{
            object-position: center 77px;
        }
        /*paquetes turisticos */
        .img-paqTuristicos{
            width: initial;
            height: 100%;
            right: initial;
            left: initial;
            width: 100%;
            top: 0px;

            transform: scale(1.1);
            -webkit-transform: scale(1.1);
            -moz-transform: scale(1.1);
            -ms-transform: scale(1.1);
            -o-transform: scale(1.1);
        }
        /*about us*/
        .img-aboutUs{
            object-position: center -100px;
        }
        .box-title-bg.about-us {
            left: 2.5%;
        }
   

    header.header-responsive-pages{
        display: none;
    }
    #container-header-title{
        height: 600px;
    }
    div.flex-layout.desktop-element{
        display: flex;
    }
    div.flex-layout.mobile-element{
        display: none;
    }

    #about-us .txt-pages .flex{
        display: flex;
        
        display: -moz-box;
        display: -ms-flexbox;
        display: -o-flexbox;
        
        gap: 25px;
    }
    #about-us .txt-pages .flex p{
        text-align: justify;
    }
    #about-us .txt-pages .flex h2{
        text-transform: uppercase;
        font-size: var(--font-size-20);
    }
    #contact-here{
        background-color: var(--primary-red-color);
        width: fit-content;
        margin: 0 auto;
        padding: 20px 60px;
        margin-top: 50px;

        border-radius: 60px;
        -webkit-border-radius: 60px;
        -moz-border-radius: 60px;
        -ms-border-radius: 60px;
        -o-border-radius: 60px;
    }
    #contact-here h3,
    #contact-here a{
        color: var(--white-color);
    }
    #contact-here h3{
        font-family: "neulis-cursive", sans-serif;
        font-weight: 100;
        font-size: var(--font-size-21);
        margin: 0;
    }
    #contact-here a{
        font-size: var(--font-size-17);
        font-weight: 700;
    }

    /* CALENDARS FLEXIBLES PAGE */
    #calendars-flexible .flex-calendars{
        display: flex;
        
        display: -moz-box;
        display: -ms-flexbox;
        display: -o-flexbox;
        
        width: 95%;
        flex: 1;
        justify-content: space-between;
        margin: 0 auto;
        margin-top: 40px;
        margin-bottom: 30px;
        gap: 10px;
    }
    hr.calendars-flexibles-hr:first-of-type{
        display: none;
    }
    #calendars-flexible .flex-calendars .day.header{
        aspect-ratio:initial;
        padding-bottom: 15px;
        font-size: var(--font-size-14);
    }
    #calendars-flexible .flex-calendars th, 
    #calendars-flexible .flex-calendars td{
        aspect-ratio: initial;
    }
    #calendars-flexible .flex-calendars td span.day{
        padding: 10px;
        font-size: var(--font-size-14);
    }
    .calendars-controls{
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }
    #calendar-departure,
    #calendar-return{
        flex: 1;
        position: relative;
        min-height: 449px;
    }
    #calendar-return{
        border-left: 1px solid red;
        padding-left: 18px;
    }

    /* #calendar-departure:not(:last-child)::after,
    #calendar-return:not(:last-child)::after{
        content: "";
        position: absolute;
        right: -5px; 
        top: 0;
        bottom: 0;
        width: 1px;
        background-color: var(--primary-red-color);
    } */


    /* FINALICE SU RESERVA */
    #box-end-booking .h1page,
    #inf-about-your-trip .h1page{
        margin-bottom: 20px;
    }
    #box-end-booking{
        width: 80%;
    }
    .phone-contact p{
        font-size: var(--font-size-13);
    }
    /* #body-end-booking,
    #body-informacion-de-su-viaje{
        padding-top: 174px;
    } */
    #payment-error{
        padding-top: 230px;
    }

    #booking-is-free p, #booking-is-free p .strong,
    #info-payment p, #info-payment p span,
    #rate-to-pay .box-ul p:first-child,
    #rate-to-pay .box-ul .price-before,
    .box-ul button, p#check,
    #body-end-booking label,
    #accept-legal-conditions label a{
        font-size: var(--font-size-14);
    }

    #booking-is-free p,
    #box-end-booking .h1page, #inf-about-your-trip .h1page,
    #info-payment p#notice-check-inf{
        line-height: 1.3;
    }
    
    #box-end-booking span.required{
        font-size: var(--font-size-15);
    }
    #box-end-booking h2.title-info,
    #total-to-pay p{
        font-size: var(--font-size-16);
    }

    #body-end-booking input[type=text], #body-end-booking input[type=email], #body-end-booking input[type=date],
    #body-end-booking input[type=tel],
    .phone-contact .dropdown-display{
        font-size: var(--font-size-13);
    }
    #box-end-booking h2.title-info{
        text-align: right;
    }
    

    /* INFORMACIÓN DE SU VIAJE */
    #inf-about-your-trip{
        width: 85%;
        margin: 0 auto;
    }
    .flex .service-right span{
        font-size: var(--font-size-10);
    }
    .see-benefits p.toggle-text{
        font-size: var(--font-size-12);
    }
    .aditional-service label,
    .option-pay label p{
        font-size: var(--font-size-14);
    }
    #inf-about-your-trip h2{
        font-size: var(--font-size-15);
    }
    .flex .service-right p#price-service-aditional,
    .flex .service-right span.num-price-service{
        font-size: var(--font-size-20);
    }
    .flex .service-right span.num-price-service{
        /* display: block; */
    }
    .div-button button{
        font-size: var(--font-size-17);
        width: auto;
        padding: 25px 136px;

        border-radius: 50px;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        -ms-border-radius: 50px;
        -o-border-radius: 50px;
    }
    .red-card h3,
    #booking-is-free,
    #total-to-pay,
    #where-to-contact .phone-contact input,
    #body-end-booking input[type=text], #body-end-booking input[type=email], #body-end-booking input[type=date]{
        padding-left: 40px !important;
        padding-right: 40px;
    }
    .aditional-service{
        padding: 40px;
    }
    #options-to-pay .option-pay{
        padding: 25px 40px;

        border-radius: 60px;
        -webkit-border-radius: 60px;
        -moz-border-radius: 60px;
        -ms-border-radius: 60px;
        -o-border-radius: 60px;
    }
    .btns-flex{
        width: 309px;
        height: 72px;
    }
    #btn-pay-continue{
        border-radius: 60px;
        -webkit-border-radius: 60px;
        -moz-border-radius: 60px;
        -ms-border-radius: 60px;
        -o-border-radius: 60px;
    }


    /* PAGO EXITOSO - ERROR PAGO - SOLICITUD PAGO PLAZOS - SOLICITUD-TRANSFERENCIA*/
    .state-payment{
        padding-top: 120px;
        max-width: 710px;
    }
    .state-payment .first h1{
        font-size: var(--font-size-20);
    }
    .state-payment .second p{
        font-size: var(--font-size-17);
        text-align: center;
    }


    /* PAGES */
    .packages .box-h1{
        width: 95%;
    }
    .packages .txt-pages.contact ul li{
        text-align: center;
    }   
    .packages .txt-pages article .indice{
        color: var(--secondary-yellow-color);
        margin-right: 38px;
    }
    .txt-pages.red article ul{
        display: flex;
        
        display: -moz-box;
        display: -ms-flexbox;
        display: -o-flexbox;
        
        flex-direction: column;
        gap: 10px;
        margin-left: 68px;
    }
    .txt-pages.red article ul li,
    .packages .txt-pages ul li{
        font-size: var(--font-size-16);
        line-height: 1.4;
    } 
    .txt-pages.red p.title-serv{
        font-size: var(--font-size-18);
        margin-bottom: 32px;
    }
    .packages .txt-pages article h2,{
        font-size: var(--font-size-16);
    }
    .txt-pages.contact .flex{
        gap: 30px;
    }
    .txt-pages.contact .flex a{
        flex: initial;
        padding: 18px 80px;
    }

    #calendars tbody{
        gap: 0px;
    }
    .calendar .selected {
        background-size: 100%;
    }
    .day.hov{
       background-size: 100%; 
    }
    .calendar .in-range {
       border-top: 2px solid #ffffff;
       border-bottom: 2px solid #ffffff;
    }

    .day.activeBef::before{
        height: 90.5%;
        margin-top: 2px;
    }
    .calendar #selected-destination::before {
        height: 90.5%;
        margin-top: 2px;
    }

    /* MI RESERVA PAGE */
    #contact #talk{
        display: flex;
    }
    .mybooking{
        padding: 0px 0px;
    }
    #my-booking .h1-pages{
        font-size: var(--font-size-27);
        padding-top: 0px;
    }
    #my-booking .txt-pages p{
        font-size: var(--font-size-14);
    }

    #cheap-flights-to h2.h2-big-section{
        font-size: var(--font-size-27)
    }
    .h3-section{
        font-size: var(--font-size-27);
    }

    /*Blog*/
    #blog h1{
        font-size: var(--font-size-27);
    }
    #blog h2{
        font-size: var(--font-size-23);
    }
    #blog p#main-text{
        font-size: var(--font-size-17);
    }
    #container-post-items{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 30px;
        justify-content: space-between;
    }
    #container-post-items .post-item {
        flex: 1 1 calc(50% - 15px);
    }
    .post-item time{
        font-size: var(--font-size-13);
    }
    article.post-item img{
        max-height: 170px;
    }
    #blog-hdd-container{
        position: absolute;
        width: 95%;
    }
    #blog-hdd-container #hdd{
        bottom: 0;
        top: -37px;
    }
    /*Fn Blog*/

    p.sub-title.mobile{
        display: none;
    }
    p.sub-title.desktop{
        display: block;
    }
    .readMore {
        display: none;
    }
    .text-part.hidden{
        display: block !important;
    }
    #doubleDot{
        display: none;
    }

    #speech-bubble{
        display: none;
    }

    /* #contact{
        padding-top: 300px;
    } */

    .container-header-bg{
        background-color: var(--primary-red-color);
        background: rgb(209, 27, 27);
        background: -moz-linear-gradient(90deg, rgba(209, 27, 27) 0%, rgba(235, 10, 18, 1) 100%);
        background: -webkit-linear-gradient(90deg, rgba(209, 27, 27) 0%, rgba(235, 10, 18, 1) 100%);
        background: linear-gradient(90deg, rgb(209, 27, 27) 0%, rgba(235, 10, 18, 1) 100%);
    
        height: 197px;
    }

    #pay-booking-review{
        width: 60%;
        margin: 0 auto;
    }

    ul.links-in-minimize-header.seeable{
        display: flex;
        justify-content: center;
        gap: 33px;
        opacity: 1;
        pointer-events: initial;
        transition: all ease .2s;
        -webkit-transition: all ease .2s;
        -moz-transition: all ease .2s;
        -ms-transition: all ease .2s;
        -o-transition: all ease .2s;
    }

    .flight-tmpl__head img#personal-bag {
        top: 3px;
    }

    .suitcases-total div:first-child span{
        top: 2px;
    }
}

/*iPad Air */
@media screen and (min-width: 820px) /* and (max-width: 1025px) */ {
    .calendar .selected {
        background-size: 99%;
    }
    .day.hov{
       background-size: 99%; 
    }
    .day.activeBef::before{
        height: 91.3%;
    }
    .calendar #selected-destination::before {
        height: 91.3%;
    }
    #pick-destinate-h{
        left: 165px;
    }
    #autocomplete-destinate{
        margin-left: 165px;
    }

    /*Blog*/
    #container-post-items{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 30px;
        justify-content: space-between;
    }
    #container-post-items .post-item {
        flex: 1 1 calc(50% - 15px);
    }
    article.post-item img{
        max-height: 220px;
    }

    #blog-hdd-container{
        width: 100%;
    } 
    /*Fn Blog*/


    .img-bringFatherToSpain{
        object-position: center -170px;
    }
}
/*Reactivo*/
@media screen and (min-width: 950px) {
    .calendar .selected {
        background-size: 99%;
    }
    .day.hov{
       background-size: 99%;
    }
    .day.activeBef::before{
        height: 92%;
    }
    .calendar #selected-destination::before {
        height: 92%;
    }

    #calendar-departure.only-departure{
        max-width: 60%;
        margin: 0 auto;
    }

    #pick-destinate-h{
        left: 205px;
    }
    #autocomplete-destinate{
        margin-left: 205px;
    }

    /* CONTACTO PAGE */
    #contact{
        flex-direction: row;
    }
    #contact-form .form-group{
        width: 80%;
    }

    form.flightSearchForm .relative{
        flex: 1;
    }

    footer #cheap-flights-list {

        justify-content: space-between;

    }

    p.sub-title,
    #cheap-flights-to #box-head p,
    #cheap-flights-to p.sub-title{
        font-size: var(--font-size-16);
        color: var(--primary-red-color);
        font-weight: 300;
        margin: 20px 0px 10px 0px;
        line-height: 1.7;
    }

    #cheap-flights-to p.content-container,
    #cheap-flights-to p.content-container a{
        font-size: var(--font-size-16);
    }

}

/* iPad Pro */
@media screen and (min-width: 1024px){
    #hdd,
    #suggestions-desktop{
        top: 143px;
    }

    /*h1*/
    #h1box h1, #h1box strong{
        font-size: 30px;
    }
    .h2-section{
        font-size: var(--font-size-25);
    }

    /*swiper*/
    .swiper-container-3btn span br{
        display: none;
    }
    li.swiper-slide-home a{
        font-size: var(--font-size-14);
    }

    /*offers*/
    #offers-flex .offer{
        height: 203px;
    }
    .top-right h3{
        font-size: var(--font-size-25);
    }
    
    /*Q&A*/
    #question-and-answer .flex{
        display: flex;
        
        display: -moz-box;
        display: -ms-flexbox;
        display: -o-flexbox;
        
        gap: 25px;
    }

    #question-and-answer .flex .flex-child{
        flex: 1;
    }

    #pick-destinate-h{
        left: 213px;
    }
    #autocomplete-destinate{
        margin-left: 213px;
    }
    #pick-dates-h{
        max-width: 700px;
    }
    #pick-passengers-h{
        max-width: 390px;
    }


    /*footer*/
    footer p#follow-us-message{
        font-size: var(--font-size-23);
    }
    footer #cheap-flights-list ul li a{
        font-size: var(--font-size-18);
    }
    a.more-white{
        font-size: var(--font-size-16);
    }
    #company-data p{
        font-size: var(--font-size-12);
    }
    a#call-us{
        font-size: var(--font-size-25);
        width: auto;
    }


    /*/VUELOS-BARATOS*/
    #offers-flex{
        gap: 18px;
    }
    .h1-section{
        font-size: var(--font-size-35);
    }
    #offers2 #offers-flex.offers-flex-single-page .offer{
        height: 300px;
    }
    #offers-flex.offers-flex-single-page .top-right h3{
        font-size: var(--font-size-36);
    }
    #offers-flex.offers-flex-single-page .offer a{
        font-size: var(--font-size-12);
    }
    #offers-flex.offers-flex-single-page p#price span{
        font-size: var(--font-size-14);
    }
    #offers-flex.offers-flex-single-page p#price{
        font-size: var(--font-size-28);
    }
    #offers2 p#advisement{
        font-size: var(--font-size-14);
    }
    #offers2 p, .txt-pages p{
        font-size: var(--font-size-16);
        flex: 1;
    }
    .txt-pages h2,
    .txt-pages h3{
        font-size: var(--font-size-35);
    }

    /*../PAIS */
    #cheap-flights-to p{
        font-size: var(--font-size-16);
    }
    #cheap-flights-to h2,
    #cheap-flights-to #where-flight p{
        font-size: var(--font-size-28);
    }
    #cheap-flights-to h2.h2-big-section{
        font-size: var(--font-size-35);
        margin: 40px 0px;
    }
    .h3-section{
        font-size: var(--font-size-35);
        margin: 40px 0px;
    }
    .flight-list-box h3,
    .flight-list-box p.title-list-box{
        font-size: var(--font-size-17);
    }
    .flight-list-box ul li p{
        font-size: var(--font-size-17);
    }
    .flight-list-box ul li p:nth-of-type(2){
        font-size: var(--font-size-20);
    }
    .txt-pages img{
        height: 618px;
        object-fit: cover;
    }


    /* IMG BACKGROUND PAGES */
        /* padre */
        .img-bringFatherToSpain{
            object-position: center -290px;
        }

    /*ABOUT US*/
    #about-us .txt-pages .flex h2{
        font-size: var(--font-size-23);
    }
    #contact-here h3{
        font-size: var(--font-size-17);
    }
    #contact-here a{
        font-size: var(--font-size-17);
        margin-top: 5px;
    }


    /*RESULTS-PAGE*/
    #filter-sort button{
        font-size: var(--font-size-16);
        position: relative;
        top: -4px;
    }
    #filter-sort button:hover{
        color: var(--accent-color);
    }
    .btn-sort .title-filter p{
        font-size: var(--font-size-15) !important;
    }
    .btn-sort.small-btn-sort p{
        font-size: var(--font-size-13) !important;
    }

    /*ERROR-PAGE*/
    .state-payment .first h1{
        font-size: var(--font-size-25);
        line-height: normal;
    }
    .state-payment .second p{
        font-size: var(--font-size-17);
        line-height: normal;
    }


    /*/FINALICE-SU-RESERVA*/
    #booking-is-free p, #booking-is-free p .strong, #info-payment p, #info-payment p span, #rate-to-pay .box-ul p:first-child, #rate-to-pay .box-ul .price-before, #rate-to-pay .box-ul .price-before span, .box-ul button, .strong, #body-end-booking label, #total-to-pay.inf-trip p{
        font-size: var(--font-size-15);
    }
    #passenger-data-info p#check,
    #passenger-data-info p#check .strong{
        font-size: var(--font-size-13);
    }
    .red-card ul li.waiting-box-li p {
        font-size: var(--font-size-12);
    }
    .red-card ul li p:first-child,
    .red-card ul li p:nth-child(2){
        font-size: var(--font-size-14);
    }
    
    .red-card ul li p:nth-child(3),
    .red-card ul li p:nth-child(4){
        font-size: var(--font-size-14);
    }

    #accept-legal-conditions label
    ,#accept-legal-conditions label a{
        font-size: var(--font-size-12);
    }
    .phone-contact p{
        font-size: var(--font-size-13);
    }
    .div-button button{
        font-size: var(--font-size-21);
    }
    .div-button button:hover{
        background-color: var(--btn-dark-color);
        color: var(--secondary-yellow-color);
    }

    #formm{
        display: flex;
        
        display: -moz-box;
        display: -ms-flexbox;
        display: -o-flexbox;
        
        flex-direction: row;
        gap: 100px;
    }
    #formm #passenger-data-info, #formm #where-to-contact{
        flex: 1;
    }
    #formm #passenger-data-info span.required{
        display: none;
    }
    #box-end-booking h2.title-info{
        text-align: left;
    }
    #box-end-booking span.required.movil{
        display: none;
    }
    #box-end-booking span.required.desktop{
        display: block;
    }
    

    /*/INFORMACIÓN-DE-SU-VIAJE*/
    #box-end-booking .h1page, #inf-about-your-trip .h1page{
        font-size: var(--font-size-22);
    }
    #inf-about-your-trip h2{
        font-size: 17px;
    }
    #services_head h2{
        font-size: var(--font-size-22);
        text-transform: none;
    }
    .aditional-service .flex{
        padding-bottom: 30px;
    }
    .aditional-service h3{
        font-size: var(--font-size-18);
    }
    #inf-about-your-trip p.p-message{
        font-size: var(--font-size-17);
    }
    .aditional-service label, .option-pay label p{
        font-size: var(--font-size-15);
        line-height: 1.7;
    }
    .recomend-label{
        top: -44px;
    }
    .recomend-label p{
        font-size: var(--font-size-18);
    }
    .recomend-label img{
        width: 18px;
        position: relative;
        top: -1px;
    }
    .box-input-label-asist input{
        position: relative;
        top: 5px;
    }
    .see-benefits p.toggle-text{
        font-size: var(--font-size-15);
    }
    .inf-trip h3{
        font-size: var(--font-size-18);
    }
    .red-card .box-ul,
    #total-to-pay{
        padding-left: 40px;
    }
    
    .option-pay h4{
        font-size: var(--font-size-18);
    }
    .flex .service-right p#price-service-aditional, .flex .service-right span.num-price-service{
        font-size: var(--font-size-23);
    }
    .flex .service-right span{
        font-size: var(--font-size-13);
    }
    .aditional-service img.icon-serv-aditional{
        height: 50px;
    }

    .day.activeBef::before{
        height: 34.5px;
        margin-top: 2px;
    }
    .calendar #selected-destination::before {
        height: 34.5px;
        margin-top: 2px;
    }

    /* CONTACTO PAGE */
    #contact{
        flex-direction: row;
    }
    #contact-form .form-group{
        width: 450px;
    }

    /* /INFORMACIÓN DE SU VIAJE */
    .suitcase-trip p, .suitcase-trip p span{
        font-size: var(--font-size-14);
        font-weight: 400;
    }
    .trip__body__company p{
        font-size: var(--font-size-11);
        text-align: center;
    }
    .suitcase-trip img{
        height: 19px;
    }
    .trip__body__company img{
        width: 32px;
    }
    .itinerary__trip__head p{
        font-size: var(--font-size-15);
        text-align: center;
        margin-bottom: 30px !important;
    }
    .itinerary__trip__body p.trip-departure-arrive{
        font-size: var(--font-size-12);
    }
    .itinerary__trip__body p.trip-time,
    .itinerary__trip__body p.trip-city{
        font-size: var(--font-size-20);
    }
    .itinerary__trip__body p.trip-airport{
        font-size: var(--font-size-14);
    }

    #segmento-container .leg-option .flex{
        gap: 40px;
    }

    .benefits-content li{
        font-size: var(--font-size-13);
    }

    #error-consola{
        width: 50%;
    }
}

/* Portatiles */
@media screen and (min-width: 1280px){
    .box-input-label-asist label{
        min-height: 153px;
    }
    #manage-cookies {
        padding: 100px 0px 100px 0px;
    }
    main{
        position: relative;
    }
    /*MAIN-MENU-PRIMARY*/
    .container-desktop{
        width: 1224px;
        margin: 0 auto;
        position: relative;
        top: -71px;

      
    }
    .main-menu, .main-menu-desktop{
        width: 270px; 
        height: auto;
        position: absolute;
        padding-bottom: 20px;

        border-radius: 30px;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        -ms-border-radius: 30px;
        -o-border-radius: 30px;

        top: 70px;
    }
    .main-menu{
        padding-top: 20px;
    }
    .menu{
        border-radius: 30px;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        -ms-border-radius: 30px;
        -o-border-radius: 30px;
    }
    .menu nav ul li, .menu nav ul li a{
        font-size: var(--font-size-13);
        cursor: pointer;
    }
    .menu nav ul li a, .menu nav ul li.contact-btn{
        padding: 20px;
    }
    .menu .contact-content{
        height: 80%;
        top: 73px;

        border-radius: 30px;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        -ms-border-radius: 30px;
        -o-border-radius: 30px;
    }
    .contact-content p{
        width: 80%;
    }
    .logo-red{
        padding-top: 10px;
    }
    .logo-red #log{
        display: none;
    }
    .logo-red img.ico {
        width: 20px;
        height: 20px;
        position: relative;
        top: 10px;
        cursor: pointer;
        padding: 15.5px;

        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px;
    }
    .logo-red img.ico:hover {
        background-color: var(--btn-dark-color);
    }
    .vbp-header-menu-button__svg {
        padding: 14px;
    }
    div.flex-layout .menu-icons {
        display: flex;
        
        display: -moz-box;
        display: -ms-flexbox;
        display: -o-flexbox;
        
        gap: 0px;
    }
    
    div.flex-layout .menu-icons img {
        cursor: pointer;
        padding: 14px;
        width: 20px;
        height: 20px;
        box-sizing: content-box;
        
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px;
        
        transition: background-color 0.2s ease;
        -webkit-transition: background-color 0.2s ease;
        -moz-transition: background-color 0.2s ease;
        -ms-transition: background-color 0.2s ease;
        -o-transition: background-color 0.2s ease; 
    }
    div.flex-layout .menu-icons img:hover {
        background-color: rgba(255,255,255, .2);
    }

    #hdd{
        max-width: 1224px;
    }
    #hdd.visible{
        display: block;
    }
    #main-container{
        /* position: relative; */
    }
    #pick-destinate-h{
        left: 279px;
    }
    #autocomplete-destinate{
        margin-left: 279px;
    }

    .txt-pages{
        display: flex;
        gap: 50px;
        flex-wrap: wrap;
    }
    .txt-pages:nth-child(4){
        display: block;
        padding-top: 100px;
    }
    .txt-pages div{
        flex: 1;
    }

    .country .txt-pages{
        gap: 0px;
    }


    /*Adaptar textos de páginas "como traer a mi padre.. etc*/
    .txt-pages h1, .h1-pages{
        font-size: var(--font-size-26);
    }
    .packages .txt-pages.red{
        display: flex;
        gap: 50px;
        flex-wrap: wrap;
        padding: 52px 66px;
    }
    .txt-pages.red p.title-serv{
        flex: 1 1 100%;
        text-transform: uppercase;
        margin-bottom: 0;
        font-size: var(--font-size-18);
    }
    .txt-pages.red div{
        flex: 1 1 47%;
        box-sizing: border-box;
    }


    
    .packages .flex-container{
        display: flex;
        flex-wrap: wrap;
    }
    .packages .flex-container .txt-pages,
    .packages .flex-container .txt-pages{
        display: block;
        padding: 52px 0px 0px 0px;
    }
    .packages .flex-container .txt-pages:nth-child(3){
        padding-top: 49px;
    }
    .flex-container article{
        flex: 50%;
    }
    .flex-container article.pink{
        background-color: transparent;
    }
    .txt-pages.contact p{
        display: none;
    }
    
    /*About us*/
    #contact-here{
        margin-top: 0px;
    }
    #contact-here h3{
        margin: 0;
    }


    .txt-pages.red article ul li, .packages .txt-pages ul li,
    .packages .txt-pages article h2,
    .packages .txt-pages article .indice{
        font-size: var(--font-size-16);
    }

    .packages .txt-pages h2.allwidth{
        font-size: var(--font-size-26);
        font-family: var(--font-family-primary);
        font-weight: 700;
    }
        
    form.flightSearchForm .form-group-flex{
        width: 50%;
        gap: 2px;
        flex: 1;
    }
    .search-button{
        width: 20%;
    }
    #suggestions-desktop {
        max-width: 1224px;
    }
    #suggestions-desktop .aeropuerto-list{
        width: 413px;
        top: 0;
    }
    #pick-dates-h,
    #pick-passengers-h{
        position: absolute;
        top: 0;
    }
    #suggestions-desktop .aeropuerto-list{
        left: 0;
    }
    #pick-dates-h{
        max-width: 840px;
        margin-left: 205px;
        padding: 24px 5px 15px 5px;
        box-sizing: border-box;
    }
    #suggestions-desktop.page-results .aeropuerto-list{
        top: -17px;
    }
    #form-group-departure-date,
    #form-group-return-date{
        flex: 1;
    }
    #pick-passengers-h{
        right: 0;
        float: right;
        width: 392px;
    }

    .container,
    .swiper-container-3btn{
        max-width: 1224px;
    }
    .search-button{
        flex: 0.1;
    }
    #pick-dates-h #calendars tbody{
        cursor: pointer;
        gap: 0;
    }
    #pick-dates-h #calendars tr{
        
    }
    /*SLIDER*/
    li.swiper-slide-home a{
        font-size: var(--font-size-13);
        padding: 10px 15px;
    }
    #h1box h1, #h1box strong{
        font-size: var(--font-size-31);
    }

    /*MARQUEE*/
    .marquee span{
        font-size: var(--font-size-12);
    }
    
    /*SWIPER*/
    .swiper-container-3btn span{
        font-size: var(--font-size-15);
    }
    .swiper-container-3btn .button{
        padding: 23px 30px;
    }
    .swiper-container-3btn a img.ico-3btn{
        height: 20px;
    }
    .swiper-wrapper{
        z-index: initial !important;
    }

    /*VIDEO*/


    /*OFFERS*/
    .h2-section{
        font-size: var(--font-size-27);
    }
    .top-right h3{
       font-size: var(--font-size-31); 
    }
    .offer p#price{
        top: 40px;
        left: 17px;
    }
    #offers-flex .offer{
        height: 260px;
    }
    #offers-flex .offer a{
        font-size: var(--font-size-11);
    }
    a.more{
        font-size: var(--font-size-16);
    }
    a#call-us{
        font-size: var(--font-size-25);
        padding: 20px 40px;
    }
    

    /*FOOTER*/
    footer p#follow-us-message{
        font-size: var(--font-size-30);
        width: 280px;
    }
    footer #cheap-flights-list ul li{
        margin-bottom: 25px;
    }
    footer #cheap-flights-list ul li a{
        font-size: var(--font-size-17);
    }
    footer #cheap-flights-list ul li a:hover{
        text-decoration: underline;
    }

    /*PAGES*/
    /* .box-title-bg{
        position: relative;
        top: 481px;
    } */
    /* .box-title-bg p{
        margin: 0;
        position: relative;
        right: 25px;
    } */
    .txt-pages.pink h2,
    .txt-pages.pink ul,
    .packages .box-h1{
        max-width: 1224px;
        margin: 0 auto;
    }
    .txt-pages.pink ul{
        padding-left: 40px;
    }

    /* IMG BACKGROUND PAGES */
        /* padre */
        .img-bringFatherToSpain{
            object-position: center -450px;
        }

    /*CALENDARS FLEXIBLES PAGE*/
    #calendars-flexible .flex-calendars{
        max-width: 850px;
    }
    #calendar-departure.only-departure{
        max-width: 60%;
        margin: 0 auto;
    }


    /* RESULTS FLIGHTS */
    #results{
       /*  z-index: 9; */
       width: 47.1%;
    }
    .input-flight, .input-flight-return{
        cursor: pointer;
        flex: 1;
    }

    .input-flight:hover .company input,
    .input-flight-return:hover .company input{
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
    }


    #box-spinner img{
        width: 500px;
    }
    #filter-results{
        display: block;
        position: initial;
        padding: 0px;
        width: 26.4%;
        margin: 0;
        margin-top: 98px;
        z-index: initial;
        opacity: 1;
        pointer-events: initial;
    }
    #filter-results .container{
        width: 100%;
    }
    #filter-results .sticky{
        z-index: initial;
    }
    .flex-results-page{
        display: flex;
        
        display: -moz-box;
        display: -ms-flexbox;
        display: -o-flexbox;
        
        flex-direction: row;
        max-width: 1224px;
        margin: 0 auto;
        gap: 30px;
        min-height: 1000px;
    }
    .box-filter .box-filter-head{
        padding: 10px 0px;
    }
    .box-filter-head p.title-filter-head{
        font-size: var(--font-size-14);
    }
    .box-filter{
        padding: 15px 0px 8px 0px;
    }
    #cont-sort-by{
        display: flex;
        
        display: -moz-box;
        display: -ms-flexbox;
        display: -o-flexbox;
        
        max-width: 1224px;
        position: absolute;
        width: 1224px;
        top: 0;
        left: 50%;
        overflow: hidden;
        box-sizing: border-box;
        justify-content: flex-end;
        pointer-events: none;
        padding-bottom: 20px;
        z-index: 1;

        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
    }
    
    #cont-sort-by.mrg{
        top: 77px;
    }
    #filter-sort #btn-filtrar{
        display: none;
    }

    .inp-box,
    .inp-box label{
        cursor: pointer;
    }

    .inp-box:hover input{
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
    }
    #results-sort-by{
        width: 20%;
        margin-top: 180px;
        padding-left: 0px;
        padding-right: 0px;
        position: relative;
        height: initial;
        box-sizing: border-box;
        pointer-events: none;
        box-shadow: rgba(99, 99, 99, .2) 0px 2px 8px 0px;
        margin-right: 334px;
        padding-bottom: 0px;

        border-radius: 17px;
        -webkit-border-radius: 17px;
        -moz-border-radius: 17px;
        -ms-border-radius: 17px;
        -o-border-radius: 17px;
    }
    #results-sort-by.visible{
        pointer-events: initial;
    }
    #results-sort-by .container{
        width: initial;
    }
    .filter-results-head button{
        pointer-events: none;
        opacity: 0;
    }
    .results-sort-by-head button:hover,
    .filter-results-head button:hover{
        color: var(--accent-color);
    }
    .inp-box.mrg{
        padding: 20px;
        margin-bottom: 0px;
    }
    .inp-box.mrg:hover{
        background-color: rgba(247, 240, 240, 1);
    }
    .results-sort-by-head{
        margin-bottom: 0;
        padding: 24px 20px 14px 20px;
    }
    .flight-card__price p:first-child{
        font-size: var(--font-size-11);
    }
    .flight-tmpl__head .flight-tmpl__head__left span.regular,
    .flight-tmpl__head .flight-tmpl__head__left p span.strong{
        font-size: var(--font-size-13);
    }

    /* ofertas en página de resultados*/
    #offers-flex.page-search-offer{
        display: block;
        width: 26.5%;
        margin-top: 132px;
    }
    #offers-flex.page-search-offer .offer {
        position: relative;
        padding-bottom: 60px;
        background-color: var(--primary-red-color);
        height: 195px;
        margin-bottom: 34px;
    }
    #offers-flex.page-search-offer .offer img.fondo {
        height: 80%;

        border-radius: 20px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        -ms-border-radius: 20px;
        -o-border-radius: 20px;
    }
    #offers-flex.page-search-offer p#price {
        display: block;
        position: absolute;
        left: 17px;
        bottom: -17px;
        /* z-index: 99999; */
        font-size: var(--font-size-23);
        font-weight: 900;
        margin: 0;
        text-shadow: none;
        top: 217px;
    }
    #offers-flex.page-search-offer p#price span {
        display: inline-block;
        font-size: var(--font-size-11);
        font-family: "neulis-cursive", sans-serif;
        font-weight: 100;
        margin-right: 3px;
    }
    #offers-flex.page-search-offer .offer a{
        position: absolute;
        bottom: 10px;
        right: 16px;
        font-size: var(--font-size-10);
        background-color: var(--primary-red-color);
        border: 1px solid var(--white-color);
        padding: 8px 12px;
        color: var(--white-color);
        font-weight: 700;

        border-radius: 50px;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        -ms-border-radius: 50px;
        -o-border-radius: 50px;
    }
    #offers-flex.page-search-offer .offer a:hover{
        background-color: var(--secondary-yellow-color);
        color: var(--primary-red-color);
    }
    .top-right h3{
        z-index: 1;
    }
    /* fin ofertas en página de resultados*/


    /*OFFERS- PAGE*/
    #offers2 #offers-flex.offers-flex-single-page .offer{
        height: 270px;
        flex: 30%;
    }
    #offers-flex.offers-flex-single-page .top-right h3{
        font-size: var(--font-size-31);
    }
    #offers-flex.offers-flex-single-page p#price{
        font-size: var(--font-size-23);
    }
    #offers-flex.offers-flex-single-page p#price span{
        font-size: var(--font-size-12);
    }
    #offers-flex.offers-flex-single-page .offer a{
        font-size: var(--font-size-10);
    }

    /*ABOUT US*/
    #about-us-c .box-title-bg {
        position: relative;
        top: 481px;
        width: 1224px;
        margin: 0 auto;
        display: block;
    }
    .box-title-bg.about-us{
        left: 0;
    }

    li.swiper-slide-home a:hover{
        background-color: var(--btn-dark-color);
        border: 1px solid var(--btn-dark-color);
    }
    a#call-us:hover{
        background-color: var(--primary-red-color);
    }
    .top-right img{
        display: none;
    }
    

    /* ../VUELOS */
    .flex-flights{
        display: flex;
        
        display: -moz-box;
        display: -ms-flexbox;
        display: -o-flexbox;
        
        flex-direction: row;
        justify-content: space-between;
        gap: 50px;
    }

    .flex-flights .flight-list-box{
        flex: 1;
    }
    /* #cheap-flights-to .h1-section{
        margin-top: 0px;
    } */
    .flight-list-box ul li{
        cursor: pointer;
    }
    .container-flight-details{
        max-width: initial;
    }
    .flight-details-from{
        padding: 15px;
    }
    .button-apply-flight button:hover{
        background-color: var(--btn-dark-color);
        color: var(--secondary-yellow-color);
    }

    p.content-container{
        display: flex;
        
        display: -moz-box;
        display: -ms-flexbox;
        display: -o-flexbox;
        
        flex-direction: row;
        justify-content: space-between;
        gap: 45px;
    }
    p.content-container span{
        text-align: justify;
        flex: 1;
    }

    /* /FINALICE-SU-RESERVA */
    #box-end-booking.container{
        max-width: 1100px;
    }
    #inf-about-your-trip p#locator-number.strong{
        font-size: var(--font-size-20);
    }
    #inf-about-your-trip .bloq{
        padding: 19px 0px;
    }
    #about-your-trip__itinerary{
        padding-top: 60px !important;
    }

    /* /INFORMACION-DE-SU-VIAJE */
    #inf-about-your-trip.container{
        max-width: 1100px !important;
    }

    .legal-page .container{
        max-width: 1100px;
    }
    
    
    .calendar .selected {
        background-size: 99%;
    }
    .day.hov{
       background-size: 99%; 
    }
    .day.activeBef::before{
        height: 91.5%;
    }
    .calendar #selected-destination::before {
        height: 90.5%;
    }
    .flex-services.mrgtop {
        display: flex;
        justify-content: space-between;
        gap: 30px;
        flex-direction: row;
        flex-wrap: wrap;
    }
    .custom-tooltip {
        position: absolute;
        background: rgba(255, 255, 255, 1);
        color: var(--dark-333);
        padding: 5px 10px;
        font-size: 11px;
        white-space: nowrap;
        pointer-events: none;
        display: none;
        z-index: 1000;
        font-family: var(--font-family-primary);
        border: 1px solid #222;

        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
    }
    
    
    .flex-services.mrgtop .adicional-object{
        flex: 1;
    }
    
    
    #flightSearchForm input:hover {
        outline: 0;
        box-shadow: none;
    }
    
    #flightSearchForm input:hover:focus {
        outline: 1px solid var(--primary-red-color);
        box-shadow: 0 0 0 3px var(--white-color);
    }
    
    /* VER MI RESERVA PAGE */
    #my-booking{

    }

}

/* Desktop */
@media screen and (min-width: 1440px){
   /* IMG BACKGROUND PAGES */
        /* padre */
        .img-bringFatherToSpain{
            object-position: center -570px;
        }
        /*pago a plazos*/
        .img-payFlightMontly{
            object-position: center -70px;
        }
        /*about us*/
        .img-aboutUs{
            object-position: center -210px;
        }
        /*pareja*/
        .img-bringPartnerToSpain{
            object-position: center 20px;
        }
    
    #error-consola{
        width: 40%;
        max-width: 760px;
    }
}


@media screen and (min-width: 1700px){
    .img-bringFamilyToSpain {
        object-position: center -90px
    }

    .img-bringFatherToSpain{
        object-position: center -770px;
    }

    .img-bringSonToSpain{
        object-position: center -350px;
    }

    .img-aboutUs{
        object-position: center -300px;
    }

    /*pareja*/
    .img-bringPartnerToSpain{
        object-position: center -30px;
    }
}