.relative {
    position: relative!important
}

.absolute {
    position: absolute!important
}

.sf-hidden {
    display: none!important
}

.overflow-hidden {
    overflow: hidden!important
}

.enZwXZ input {
    cursor: pointer
}

.cFKAfu {
    -webkit-box-align: center;
    align-items: center;
    background-color: #fff;
    border: 1px solid #e1e1e1;
    border-radius: 0 8px 8px 0;
    box-sizing: border-box;
    display: flex;
    -webkit-box-flex: 1;
    flex-grow: 1;
    height: 100%;
    left: -1px;
    max-height: 56px;
    position: relative;
    width: unset;
    box-shadow: none;
    z-index: 0
}

.cFKAfu:focus {
    border-color: #1b0088;
    box-shadow: rgba(16,0,79,.3)0 0 8px;
    z-index: 1
}

.XKodD,.eNrvGy {
    font-family: "Latam Sans"
}

.XKodD {
    color: #10004f;
    font-size: 1rem;
    left: 13px;
    margin-left: 12px;
    top: 19px;
    z-index: 2
}

.eNrvGy {
    border: 0;
    border-radius: 0 8px 8px 0;
    box-sizing: border-box;
    color: #303030;
    -webkit-box-flex: 1;
    flex-grow: 1;
    font-size: 1.125rem;
    font-weight: 500;
    height: 100%;
    outline: 0;
    padding-left: 12px;
    top: -18px;
    width: unset;
    max-width: 180px
}

.eNrvGy:disabled {
    background-color: #f3f2f6;
    color: #b8b8b8;
    cursor: not-allowed
}

.eNrvGy:focus::placeholder {
    color: #2d34ce
}

.eNrvGy::placeholder {
    color: #5c5c5c
}

.empty-results,.searching {
    background-color: #fff9e6;
    display: flex;
    gap: 10px;
    color: #10004f;
    border: .0625rem solid #fff9e6;
    border-radius: .5rem;
    padding: 1rem
}

.empty-results span,.searching span {
    font-family: "Latam Sans",sans-serif;
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: .006rem;
    line-height: 1.25rem
}

.empty-results svg,.searching svg {
    color: #d87706;
    fill: #d87706
}

.submenu-search {
    display: block;
    width: auto!important;
    border-radius: 8px;
    background: #fff;
    color: #1b0088;
    margin-top: 1px;
    box-shadow: rgba(0,0,0,.25)0 0 12px;
    min-width: 230px;
    max-height: 500px;
    overflow-y: auto
}

.submenu-search button {
    display: flex;
    justify-content: start;
    align-items: center;
    width: 100%;
    gap: 10px;
    padding: 24px 20px;
    border: 0;
    border-radius: 8px;
    background-color: #fff;
    color: #1b0088;
    outline: 0
}

.submenu-search button:focus {
    box-shadow: none
}

.submenu-search button:hover {
    background-color: #eeedf9
}

.results-mobile-content button svg,.submenu-search button svg {
    color: #11837c
}

.submenu-search button span:not(:last-child) {
    display: none!important
}

#calendar {
    background: #fff;
    width: calc(100% - 10px);
    left: 40px;
    box-shadow: rgba(0,0,0,.25)0 0 12px;
    border-radius: 6px;
    box-sizing: border-box;
    padding: 30px 20px 20px;
    top: 60px
}

#calendar .calendar-header {
    margin-bottom: 20px
}

#calendar .calendar-header th {
    margin-bottom: 20px;
    font-family: "Latam Sans",sans-serif;
    font-style: italic;
    font-size: 20px;
    line-height: 24px;
    color: #10004f;
    box-sizing: border-box;
    font-weight: 500;
    padding-bottom: 20px
}

#calendar td.available.active,#calendar td.available.active_departure,#calendar td.available:hover {
    background-color: #2d34ce;
    border-color: #00b5ad;
    color: #fff
}

#calendar td.available.hover,.mobile-calendar td.available.hover {
    background-color: #dedcf2;
    border: 1px solid rgba(45,52,206,.15);
    color: #150067
}

#calendar .calendar-weeks,#calendar td {
    font-family: "Latam Sans",sans-serif;
    font-style: normal;
    font-size: 14px;
    text-transform: capitalize
}

#calendar td {
    text-size-adjust: 100%;
    user-select: none;
    border-spacing: 1px!important;
    border-collapse: separate;
    margin: 0;
    cursor: pointer;
    text-align: center;
    padding: 8px 0 0 11px;
    border-radius: 8px;
    font-weight: 700!important;
    background: #fff;
    line-height: 17px;
    border: 1px solid #b8b8b8;
    box-sizing: border-box;
    color: #5c5c5c;
    width: 44px;
    height: 43px
}

#calendar td.disabled,#calendar td.empty-cells {
    background: 0 0;
    border: 0;
    cursor: initial
}

#calendar td.unavailable {
    background: url(../images/empty-td.svg)no-repeat;
    border: 1px solid #f3f2f6;
    color: #858585;
    cursor: not-allowed
}

#calendar .calendar-weeks {
    font-weight: 700;
    line-height: 19px;
    color: #138d86
}

#calendar .calendar-navigation {
    position: absolute;
    z-index: 999999999999;
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%
}

#calendar .calendar-navigation .div-slide-next {
    text-align: right
}

#calendar .calendar-navigation button {
    width: 30px;
    box-shadow: none;
    background: 0 0;
    border: 0;
    padding: 0
}

#calendar .calendar-navigation button:disabled {
    display: none
}

#calendar .swiper-slide {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center
}

.changes_submenu {
    background-color: #fff;
    box-shadow: rgba(0,0,0,.25)0 0 12px;
    z-index: 99999999999999;
    border-radius: 8px;
    left: 0;
    top: 26px
}

.changes_submenu button {
    border: 0;
    width: 230px;
    text-align: start;
    box-sizing: border-box;
    line-height: 1.15;
    margin: 0;
    overflow: visible;
    text-transform: none;
    background-color: #fff;
    height: 56px;
    font-style: normal;
    font-weight: 400;
    padding: 0 1rem;
    font-size: 14px;
    box-shadow: none!important
}

.changes_submenu button:hover {
    background-color: #f3f2f6
}

.changes_submenu button:first-child {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.changes_submenu button:last-child {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px
}

#submenu-passengers {
    width: 331px;
    left: -37px;
    top: 44px
}

#submenu-passengers .latam-typography--paragraph-medium {
    font-style: normal;
    font-size: .875rem;
    line-height: 1.25rem;
    letter-spacing: .019rem;
    font-weight: 400;
    color: #303030
}

#submenu-passengers .eAqWMt,#submenu-passengers .hhFfIY {
    -webkit-box-align: center;
    align-items: center;
    color: inherit;
    display: inline-flex;
    height: unset;
    -webkit-box-pack: center;
    justify-content: center;
    width: 16px
}

#submenu-passengers .eAqWMt svg,#submenu-passengers .hhFfIY svg,.link-search-mobile {
    width: 100%
}

#submenu-passengers .hhFfIY {
    width: 24px
}

#submenu-passengers .cqjwNN {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0
}

#submenu-passengers .fTqDVa.latam-typography {
    margin: 0;
    padding: 0
}

#submenu-passengers .bPExJc {
    --color: #4658DF;
    --font-height: 1.5;
    --font-size: 1rem;
    --font-weight: 600;
    --outline-color: #1B0088;
    --visited-color: #6617A3;
    --underline-color: var(--color);
    box-sizing: content-box;
    color: var(--color);
    display: inline-flex;
    font-size: var(--font-size);
    font-weight: var(--font-weight);
    gap: .25rem;
    line-height: var(--font-height);
    text-decoration: underline var(--underline-color) .063rem;
    text-underline-offset: 2px
}

#submenu-passengers .bPExJc:hover {
    color: var(--color);
    text-decoration: none
}

#submenu-passengers .bPExJc:visited {
    color: var(--visited-color);
    text-decoration-color: var(--visited-color)
}

#submenu-passengers .bPExJc:visited .sc-camqpD {
    color: var(--visited-color)
}

#submenu-passengers .bPExJc:focus {
    outline: .125rem solid var(--outline-color);
    outline-offset: .125rem;
    border-radius: .25rem
}

#submenu-passengers .dMBMOQ {
    width: 100%;
    cursor: pointer
}

#submenu-passengers .gnwXvH.xp-Alert-root {
    color: #10004f;
    padding: 1rem;
    position: relative;
    border-radius: .5rem;
    display: flex;
    gap: 1rem
}

#submenu-passengers .gnwXvH.xp-Alert-root.xp-Alert-info {
    background-color: #eeedf9;
    border: .0625rem solid #eeedf9
}

#submenu-passengers .gnwXvH.xp-Alert-info .xp-Alert-Icon {
    color: #2d34ce
}

#submenu-passengers .gnwXvH.xp-Alert-root a {
    color: #10004f;
    font-weight: 600;
    text-decoration: underline
}

#submenu-passengers .jfnCEw {
    -webkit-box-flex: 1;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    gap: .5rem
}

#submenu-passengers .jfnCEw .xp-Alert-Content {
    color: #10004f
}

#submenu-passengers .jLGOMK {
    display: inline-block;
    vertical-align: middle;
    color: #b30f3b;
    shape-rendering: inherit;
    transform: translate3d(0,0,0)
}

#submenu-passengers .eAvhJo {
    fill: currentcolor
}

#submenu-passengers .jjPzeB {
    box-sizing: border-box;
    max-height: 37rem;
    overflow: auto;
    padding: 4px;
    width: 100%;
    list-style: none
}

#submenu-passengers .jjPzeB :focus {
    outline: #1b0088 solid 2px
}

#submenu-passengers .lnxLlB {
    line-height: 19px;
    mix-blend-mode: normal;
    margin-top: .6rem
}

#submenu-passengers .bjssKq {
    font-size: .75rem;
    color: #303030;
    line-height: 14px;
    mix-blend-mode: normal;
    margin-top: .2rem
}

#submenu-passengers .hlCNwe {
    color: #000;
    display: flex;
    font-size: 18px;
    height: 24px;
    line-height: 22px;
    margin: 4px 1rem 0 .8rem;
    position: relative
}

#submenu-passengers .jAufWE {
    display: flex;
    height: 56px;
    margin: 0 10px;
    border-bottom: 1px solid rgba(0,0,0,.12)
}

#submenu-passengers .cLShLt {
    background: 0 0;
    border: 0;
    width: 20px;
    height: 20px;
    display: inline-flex;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    padding: 0
}

#submenu-passengers .dzhjDB {
    margin: 1rem .625rem .5rem
}

#submenu-passengers .bzYHxu {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    width: 15%
}

#submenu-passengers .dFjLnW,#submenu-passengers .jKgArO {
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start
}

#submenu-passengers .dFjLnW {
    -webkit-box-align: center;
    align-items: center;
    height: auto
}

#submenu-passengers .jKgArO {
    flex-direction: column;
    color: #303030;
    width: 60%
}

#submenu-passengers .iccGdA {
    width: 100%;
    cursor: pointer
}

#submenu-passengers #sectionAddInfant .jAufWE {
    border: 0
}

#submenu-passengers button {
    box-shadow: none!important;
    outline: 0!important
}

#submenu-class {
    left: -20px
}

#submenu-type button:first-child {
    border-bottom: 1px dashed #333
}

#departureOptions.onlyDeparture .cFKAfu {
    display: none
}

#departureOptions.onlyDeparture .fYFKgC {
    border-radius: 8px
}

.search-content .search-content-last {
    border-left: none!important
}

.search-content .left-error {
    position: absolute;
    right: 10px;
    display: none
}

.search-content.error {
    border-color: #b30f3b;
    border-width: 1px
}

.search-content.error input::placeholder {
    color: #b30f3b
}

.form-search .error-icon {
    color: #b30f3b;
    display: none
}

.form-search.error .error-icon {
    display: block
}

.form-search.error input {
    border-color: #b30f3b!important;
    color: #b30f3b!important
}

#mobile-search .latam-typography--paragraph-base {
    font-style: normal;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: .013rem;
    font-weight: 400;
    color: #5c5c5c
}

#mobile-search .cqjwNN {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0
}

#mobile-search .fTqDVa.latam-typography {
    margin: 0;
    padding: 0
}

#mobile-search .kYidIS #MainSearchBoxMobile {
    padding-top: 0;
    box-shadow: none!important
}

#mobile-search .dEIhpl {
    display: inline-block
}

#mobile-search .kjkqvr {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    cursor: pointer;
    vertical-align: middle;
    -webkit-tap-highlight-color: transparent;
    flex-direction: row
}

#mobile-search .llwdIB .FormControlLabel {
    -webkit-box-pack: justify;
    justify-content: space-between;
    width: 100%
}

#mobile-search .llwdIB .FormControlLabel:is(.labelPlacement-end) {
    -webkit-box-pack: start;
    justify-content: flex-start
}

#mobile-search .llwdIB .FormControlLabel:not(.labelPlacement-top,.labelPlacement-bottom) {
    margin: .5rem 0;
    align-items: flex-start
}

#mobile-search .pdvBP {
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

#mobile-search .fVjflB {
    display: flex;
    flex-direction: row
}

#mobile-search .jcyksc {
    display: flex;
    padding-top: 0;
    flex-direction: row-reverse;
    -webkit-box-align: center;
    align-items: center
}

#mobile-search .kjMdiz.checkbox__wrapper {
    position: relative;
    display: inline-block;
    margin: .125rem 0;
    left: 0
}

#mobile-search .kjMdiz.checkbox__wrapper .MuiCheckbox-root {
    left: -.375rem;
    top: 0;
    width: 2.25rem;
    height: 2.25rem;
    padding: .375rem;
    border-radius: .5rem;
    color: #4658df
}

#mobile-search .kjMdiz.checkbox__wrapper .MuiIconButton-label {
    width: 1.5rem
}

#mobile-search .kjMdiz.checkbox__wrapper .MuiIconButton-colorSecondary:hover {
    background-color: rgba(70,88,223,.1)
}

#mobile-search .kjMdiz.checkbox__wrapper .FormControlLabel-Typography {
    padding-top: .375rem
}

#mobile-search .ejdOKi {
    width: 1.5rem;
    height: 1.5rem;
    border: .125rem solid #4658df;
    border-radius: .25rem;
    background-color: transparent
}

#mobile-search .fBrfXE {
    box-sizing: border-box;
    background-color: #ed1650;
    border: 1px solid #ed1650;
    color: #fff;
    width: 100%;
    border-radius: 8px;
    font-weight: 600;
    font-size: 1.1rem;
    padding: 17px;
    font-style: normal
}

#mobile-search .fBrfXE:focus {
    outline: #1b0088 solid 2px;
    outline-offset: 2px
}

#mobile-search .dDJJCI {
    background: rgba(0,0,0,.12);
    border: 0;
    height: 1px;
    margin-bottom: 16px;
    margin-top: 16px
}

#mobile-search .kvzUsM {
    display: flex;
    padding: 0 10px;
    -webkit-box-align: center;
    align-items: center;
    border: 1px solid #858585;
    box-sizing: border-box;
    border-radius: 8px;
    height: 48px;
    background: #fff
}

#mobile-search .jrpGPU {
    color: #000
}

#mobile-search .grVsuM {
    color: #303030
}

#mobile-search .clEddB {
    padding: 16px;
    box-shadow: rgba(0,0,0,.16)0 2px 5px 0,rgba(0,0,0,.12)0 2px 10px 0;
    border-radius: 8px;
    
    overflow: auto;
    background-color: #fff;
    transition: height .5s ease 0s
}

@media (min-width: 360px) {
    #mobile-search .clEddB {
        background-size:380px 300px
    }
}

#mobile-search .clEddB a {
    text-decoration: none
}

#mobile-search .koHjxY {
    display: unset
}

#mobile-search .koHjxY .listInputContainer {
    list-style: none
}

#mobile-search .ciNkGf {
    display: flex;
    width: 100%
}

#mobile-search .ciNkGf:focus,#modal-mobile-trip .modal-body .bFuCUG:focus~div::before,#modal-type .modal-body .bFuCUG:focus~div::before {
    outline: #1b0088 solid 2px
}

#mobile-search .kMvdyY {
    display: flex;
    width: 100%;
    padding-bottom: 16px
}

#mobile-search .cfxcSB .sc-fCqsqp,#mobile-search .kgVxFb .sc-fCqsqp {
    font-family: "Latam Sans";
    font-style: normal;
    font-size: 16px;
    line-height: 15px;
    color: #303030
}

#mobile-search .eaYsC {
    margin: auto;
    -webkit-box-align: center;
    align-items: center
}

#mobile-search .hKdfnZ {
    width: 100%;
    padding-left: 16px
}

#mobile-search .cfxcSB {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    width: 100%
}

#mobile-search .cfxcSB .sc-fCqsqp {
    width: 100%
}

#mobile-search .cfxcSB .sc-foEvvu,#mobile-search .fKJtWe .sc-fCqsqp {
    font-family: "Latam Sans";
    font-style: italic;
    font-weight: 300
}

#mobile-search .kBcBNM {
    width: 100%;
    padding-left: 25px
}

#mobile-search .jawzOG {
    padding-top: 1rem;
    display: flex;
    width: 100%
}

@media only screen and (min-width: 960px) {
    #mobile-search .jawzOG {
        flex-direction:row;
        -webkit-box-align: unset;
        align-items: unset;
        padding-left: unset
    }
}

#mobile-search .fKJtWe {
    display: flex;
    width: 100%;
    margin-top: 14px
}

#mobile-search .fKJtWe .sc-fCqsqp {
    width: 100%;
    color: #1b0088;
    font-weight: 400;
    font-size: 26px;
    line-height: 31px
}

#mobile-search .hdNYwl {
    display: flex
}

#mobile-search .cMaYSw {
    margin-top: auto;
    margin-right: .375rem;
    color: #858585;
    font-size: .875rem;
    font-family: "LATAM Sans","Trebuchet MS",sans-serif;
    font-style: normal;
    font-weight: 700
}

#mobile-search .dmdTmQ {
    height: 100%;
    width: 100%
}

#mobile-search .dmdTmQ>[data-reference=searchbox-modal] {
    display: block
}

#mobile-search .bfmPHZ,#mobile-search .fFifSc,#mobile-search .fiKEXZ,#mobile-search .hGeAQj {
    display: inline-block;
    vertical-align: middle;
    color: #ed1650;
    shape-rendering: inherit;
    transform: translate3d(0,0,0)
}

#mobile-search .fFifSc,#mobile-search .fiKEXZ,#mobile-search .hGeAQj {
    color: #1b0088
}

#mobile-search .fFifSc,#mobile-search .hGeAQj {
    color: #b30f3b
}

#mobile-search .hGeAQj {
    color: #130887
}

#mobile-search .gMlsZh {
    fill: currentcolor
}

#mobile-search .bkSbz {
    padding-bottom: .5rem
}

@media only screen and (min-width: 960px) {
    #mobile-search .bkSbz {
        margin-left:auto;
        padding-bottom: unset
    }
}

#mobile-search .jPolYq {
    margin-top: .3rem;
    cursor: pointer;
    width: 100%;
    display: flex
}

#mobile-search .epmxgk {
    width: 100%;
    padding-bottom: 1rem;
    font-family: "LATAM Sans","Trebuchet MS",sans-serif
}

@media only screen and (min-width: 960px) {
    #mobile-search .epmxgk {
        width:unset;
        padding-bottom: unset;
        margin-left: 2.375rem
    }
}

#mobile-search .brvfsh {
    color: #303030;
    display: inline-block;
    padding: .5rem .1rem;
    transition: all 150ms ease 0s;
    max-height: 2.5rem
}

@media only screen and (min-width: 960px) {
    #mobile-search .brvfsh {
        max-height:3.5rem;
        padding: unset;
        color: #10004f
    }
}

#mobile-search .hQyMNX {
    display: none;
    -webkit-box-pack: start;
    justify-content: flex-start;
    flex: 1 1 0%;
    padding-top: 1rem
}

@media only screen and (min-width: 960px) {
    #mobile-search .hQyMNX {
        -webkit-box-pack:end;
        justify-content: flex-end;
        padding-top: 0
    }
}

#mobile-search .hQyMNX .sr-only {
    position: absolute;
    height: 1px;
    width: 1px;
    overflow: hidden
}

#mobile-search .hQyMNX.invisible,#modal-mobile-trip .modal-body .kBEOEU .sc-bNYLpl.MuiDialogContent-root,#modal-type .modal-body .kBEOEU .sc-bNYLpl.MuiDialogContent-root {
    padding-top: 0
}

#mobile-search .kDQFVo {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    height: 1px;
    width: 1px;
    opacity: 0;
    overflow: hidden
}

#mobile-search .ccHyUK {
    font-family: "Latam Sans";
    font-size: .875rem;
    line-height: 1rem
}

#mobile-search .dOyrIT {
    padding-right: .5rem
}

@media (min-width: 1024px) {
    #mobile-search .vEune #MainSearchBoxMobile {
        display:none
    }
}

#mobile-search .MuiButtonBase-root {
    color: inherit;
    border: 0;
    cursor: pointer;
    margin: 0;
    display: inline-flex;
    outline: 0;
    padding: 0;
    position: relative;
    align-items: center;
    user-select: none;
    border-radius: 0;
    vertical-align: middle;
    -moz-appearance: none;
    justify-content: center;
    text-decoration: none;
    background-color: transparent;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: transparent
}

@media print {
    #mobile-search .MuiButtonBase-root {
        -webkit-print-color-adjust: exact
    }
}

#mobile-search .MuiIconButton-root {
    flex: 0 0 auto;
    color: rgba(0,0,0,.54);
    padding: 12px;
    overflow: visible;
    font-size: 1.5rem;
    text-align: center;
    transition: background-color 150ms cubic-bezier(.4,0,.2,1) 0ms;
    border-radius: 50%
}

#mobile-search .MuiIconButton-root:hover {
    background-color: rgba(0,0,0,.04)
}

@media (hover: none) {
    #mobile-search .MuiIconButton-root:hover {
        background-color:transparent
    }
}

#mobile-search .MuiIconButton-colorSecondary {
    color: #f50057
}

#mobile-search .MuiIconButton-colorSecondary:hover {
    background-color: rgba(245,0,87,.04)
}

@media (hover: none) {
    #mobile-search .MuiIconButton-colorSecondary:hover {
        background-color:transparent
    }
}

#mobile-search .MuiIconButton-label {
    width: 100%;
    display: flex;
    align-items: inherit;
    justify-content: inherit
}

#mobile-search .jss9 {
    padding: 9px
}

#mobile-search .jss12 {
    top: 0;
    left: 0;
    width: 100%;
    cursor: inherit;
    height: 100%;
    margin: 0;
    opacity: 0;
    padding: 0;
    z-index: 1;
    position: absolute
}

#mobile-search .MuiCheckbox-root {
    color: rgba(0,0,0,.54)
}

#passengers-update {
    display: flex;
    gap: 4px;
    justify-content: space-between;
    align-items: center
}

#passengers-update .fist-passengers-update {
    display: flex;
    align-items: center;
    gap: 24px;
    font-family: "Latam Sans",sans-serif;
    font-style: normal;
    font-size: 16px;
    line-height: 19px;
    color: #303030
}

.modal-mobile {
    width: 100vw;
    height: 100vh;
    background-color: #fff;
    z-index: 999999999;
    position: fixed;
    left: 0;
    top: 0
}

.modal-mobile .modal-body {
    padding: 0 20px
}

.modal-mobile .modal-header {
    display: flex;
    justify-content: end;
    padding: 6px 10px
}

.modal-mobile .modal-header .modal-mobile-close {
    border: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #5c5c5c;
    background-color: transparent
}

#modal-mobile-trip .modal-body .eDGzUn,#modal-type .modal-body .eDGzUn {
    padding: 4px!important
}

#modal-mobile-trip .modal-body .cqjwNN,#modal-type .modal-body .cqjwNN {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0
}

#modal-mobile-trip .modal-body .eDGzUn.MuiDialogContent-root,#modal-type .modal-body .eDGzUn.MuiDialogContent-root {
    padding: 0
}

#modal-mobile-trip .modal-body .eDGzUn:focus,#modal-type .modal-body .eDGzUn:focus {
    outline: 0
}

#modal-mobile-trip .modal-body .fBrfXE,#modal-type .modal-body .fBrfXE {
    box-sizing: border-box;
    background-color: #ed1650;
    border: 1px solid #ed1650;
    color: #fff;
    width: 100%;
    border-radius: 8px;
    font-weight: 600;
    font-size: 1.1rem;
    padding: 17px;
    font-style: normal
}

#modal-mobile-trip .modal-body .fBrfXE:focus,#modal-type .modal-body .fBrfXE:focus {
    outline: #1b0088 solid 2px;
    outline-offset: 2px
}

#modal-mobile-trip .modal-body .jHGoyE,#modal-type .modal-body .jHGoyE {
    margin-top: 1rem;
    width: 100%
}

#modal-mobile-trip .modal-body .jHGoyE .sc-hMxIkD,#modal-type .modal-body .jHGoyE .sc-hMxIkD {
    margin-top: 1rem
}

#modal-mobile-trip .modal-body .jJKwdV,#modal-type .modal-body .jJKwdV {
    display: flex;
    margin-bottom: 1rem
}

#modal-mobile-trip .modal-body .jpXNul,#modal-type .modal-body .jpXNul {
    flex: 1 1 50%;
    font-size: .875rem;
    font-family: "Latam Sans";
    font-style: normal;
    font-weight: 400;
    padding-top: .4rem
}

#modal-mobile-trip .modal-body .kFbSqf,#modal-type .modal-body .kFbSqf {
    width: 1.5rem;
    height: 1.5rem;
    position: relative
}

#modal-mobile-trip .modal-body .kFbSqf::before,#modal-type .modal-body .kFbSqf::before {
    content: "";
    border-radius: 100%;
    border: 1px solid #ddd;
    background: #fafafa;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    box-sizing: border-box;
    pointer-events: none;
    z-index: 0
}

#modal-mobile-trip .modal-body .juJUKk,#modal-type .modal-body .juJUKk {
    background: #ed1650;
    width: 0;
    height: 0;
    border-radius: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    transition: width .2s ease-in 0s,height .2s ease-in 0s;
    pointer-events: none;
    z-index: 1
}

#modal-mobile-trip .modal-body .juJUKk::before,#modal-type .modal-body .juJUKk::before {
    content: "";
    opacity: 0;
    width: 1.25rem;
    position: absolute;
    height: 1.25rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border: 1px solid #ed1650;
    border-radius: 100%
}

#modal-mobile-trip .modal-body .bFuCUG,#modal-type .modal-body .bFuCUG {
    opacity: 0;
    z-index: 2;
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0;
    cursor: pointer
}

#modal-mobile-trip .modal-body .bFuCUG:checked~.sc-pvNsj,#modal-type .modal-body .bFuCUG:checked~.sc-pvNsj {
    width: calc(100% - .75rem);
    height: calc(100% - .75rem);
    transition: width .2s ease-out 0s,height .2s ease-out 0s
}

#modal-mobile-trip .modal-body .bFuCUG:checked~.sc-pvNsj::before,#modal-type .modal-body .bFuCUG:checked~.sc-pvNsj::before {
    opacity: 1;
    transition: opacity 1s ease 0s
}

#modal-mobile-trip .modal-body .MuiDialogContent-root,#modal-type .modal-body .MuiDialogContent-root {
    flex: 1 1 auto;
    padding: 8px 24px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

#modal-mobile-trip .modal-body #type-of-cabin,#modal-type .modal-body #type-of-cabin {
    padding: 20px 0;
    font-weight: 400;
    color: #10004f!important
}

#modal-mobile-destination .form-group,#modal-mobile-origin .form-group {
    display: block;
    margin-top: 20px;
    position: relative
}

#modal-mobile-destination .form-group label,#modal-mobile-origin .form-group label {
    position: absolute;
    top: 16.5px;
    left: 15px;
    font-size: 1rem;
    color: #5c5c5c;
    font-family: "LATAM Sans","Trebuchet MS",sans-serif;
    transition: .3s ease-in-out
}

#modal-mobile-destination .form-group .form-control,#modal-mobile-origin .form-group .form-control {
    width: 100%;
    padding: 16px;
    border-radius: 5px;
    border: 1px solid rgba(86,86,86,.87);
    outline: 0;
    color: #10004f;
    box-sizing: border-box
}

#modal-mobile-destination .form-group .form-control:focus~label,#modal-mobile-destination .form-group .form-control:valid~label,#modal-mobile-origin .form-group .form-control:focus~label,#modal-mobile-origin .form-group .form-control:valid~label {
    top: -8px;
    background-color: #fff;
    padding: 0 5px
}

#modal-mobile-destination .form-group .form-control:focus,#modal-mobile-destination .form-group .form-control:hover,#modal-mobile-origin .form-group .form-control:focus,#modal-mobile-origin .form-group .form-control:hover {
    border-color: #10004f;
    border-width: 2px;
    padding: 15px
}

.mobile-search-item .modal-body {
    overflow: hidden!important
}

.mobile-search-item .button-search svg {
    width: 18px
}

.mobile-search-item .footer {
    margin-top: 20px;
    background-color: wheat;
    position: fixed;
    bottom: 20px;
    width: calc(100% - 40px)
}

.mobile-calendar .footer .search-continue-button,.mobile-search-item .footer .search-continue-button {
    font-family: inherit;
    line-height: 1.15;
    overflow: visible;
    text-transform: none;
    background-color: #ed1650;
    border: 1px solid #ed1650;
    color: #fff;
    width: 100%;
    border-radius: 8px;
    font-weight: 600;
    font-size: 1.1rem;
    padding: 17px;
    font-style: normal
}

.mobile-search-item .results-mobile-content {
    margin-top: 10px;
    height: calc(100vh - 250px);
    overflow-y: auto
}

.results-mobile-content button {
    display: flex;
    justify-content: start;
    align-items: center;
    width: 100%;
    gap: 10px;
    padding: 24px 20px;
    border: 0;
    background-color: #fff;
    color: #1b0088;
    outline: 0
}

.results-mobile-content button:focus {
    box-shadow: none
}

.results-mobile-content button:hover {
    background-color: #eeedf9
}

.results-mobile-content button span {
    color: #1b0088;
    white-space: break-spaces;
    cursor: pointer;
    font-size: 1.125rem;
    text-align: left;
    box-sizing: border-box
}

#calendar-mobile-departure .irRrkd {
    width: 50%;
    border-bottom: 1px solid #b8b8b8;
    padding: 0 1rem
}

@media (min-width: 1200px) {
    #calendar-mobile-departure .irRrkd {
        padding-left:.5rem;
        margin-right: 1rem
    }
}

#calendar-mobile-departure .kBzUDI {
    position: relative;
    width: 24px;
    height: 0;
    padding: 0;
    margin: 12px 0 0;
    left: 90%;
    bottom: 28px;
    border: 1px solid #b8b8b8;
    transform: rotate(90deg)
}

#calendar-mobile-departure .kRRNkk {
    font-family: "Latam Sans",sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    color: #138d86
}

#calendar-mobile-departure .pRIl {
    width: 100%;
    height: 60px;
    display: flex;
    margin-bottom: 1rem
}

#calendar-mobile-departure .oSdjC {
    font-family: "Latam Sans",sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 12px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    color: #858585;
    margin: 0;
    position: relative
}

#calendar-mobile-departure .kwTPrP {
    width: 50%;
    padding: 0 1rem;
    border-bottom: 1px solid #b8b8b8
}

@media (min-width: 1200px) {
    #calendar-mobile-departure .kwTPrP {
        padding-left:.5rem;
        margin-right: 1rem
    }
}

.mobile-calendar .footer {
    width: 100vw;
    top: calc(100% - 80px);
    left: 0;
    padding: 0 20px;
    position: fixed
}

.mobile-calendar .calendar-mobile-content {
    height: calc(100vh - 300px);
    overflow-y: auto;
    padding: 0 10px
}

.mobile-calendar table {
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
    border-spacing: 4px
}

.mobile-calendar .calendar-header {
    text-align: left;
    padding-bottom: 20px;
    height: 50px;
    color: #10004f;
    font-style: italic;
    font-size: 20px;
    line-height: 24px;
    font-weight: 400!important;
    font-family: "LATAM Sans","Trebuchet MS",sans-serif
}

.mobile-calendar th {
    margin-bottom: 6px
}

.mobile-calendar .calendar-weeks {
    height: 40px;
    color: #138d86
}

.mobile-calendar td.available,.mobile-calendar td.unavailable {
    border-spacing: 3px;
    border-radius: 8px;
    font-weight: 700!important;
    font-family: "Latam Sans",sans-serif;
    font-style: normal;
    font-size: 14px;
    line-height: 17px;
    box-sizing: border-box;
    width: 44px;
    height: 43px
}

.mobile-calendar td.unavailable {
    cursor: not-allowed;
    background: url(../images/empty-td.svg)no-repeat;
    border: 1px solid #f3f2f6;
    color: #858585
}

.mobile-calendar td.available {
    cursor: pointer;
    text-align: center;
    background: #fff;
    border: 1px solid #b8b8b8;
    color: #5c5c5c
}

.mobile-calendar td.available.active,.mobile-calendar td.available.departure-active {
    background-color: #2d34ce;
    border-color: #00b5ad;
    color: #fff
}

#endDate {
    margin-left: 4px
}

@media screen and (max-width: 350px) {
    #endDate,#startDate {
        font-size:13px
    }
}

#modal-mobile-passengers .cqjwNN {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0
}

#modal-mobile-passengers .gZBOO {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 0 solid #d9023c;
    outline: 0;
    background: 0 0;
    display: inline-flex;
    position: relative;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    justify-content: center;
    padding: 1px
}

#modal-mobile-passengers .gZBOO:focus {
    outline: #1b0088 solid 2px
}

#modal-mobile-passengers .cNaSEr {
    position: relative;
    display: inline-flex;
    padding-top: 1px
}

#modal-mobile-passengers .cOBAJz {
    display: flex;
    height: 56px;
    width: 100%
}

#modal-mobile-passengers .wUFYP {
    position: relative;
    height: 24px;
    font-size: 22px;
    line-height: 26px;
    display: flex;
    color: #000;
    margin: 0 1rem
}

#modal-mobile-passengers .gAzUCQ {
    width: 15%;
    height: auto;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center
}

#modal-mobile-passengers .gmRahR {
    width: 60%;
    height: auto;
    display: block;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center
}

#modal-mobile-passengers .iuxWPs {
    width: 35%;
    height: auto;
    display: flex;
    -webkit-box-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    align-items: center
}

#modal-mobile-passengers .Ixixy,#modal-mobile-passengers .fNGfED {
    font-size: 16px;
    line-height: 19px;
    display: flex;
    color: #303030;
    mix-blend-mode: normal;
    margin-top: .6rem
}

#modal-mobile-passengers .fNGfED {
    font-size: 12px;
    line-height: 14px;
    margin-top: .3rem
}

#modal-mobile-passengers .ceoNza {
    width: 100%;
    border-bottom: 1px solid rgba(0,0,0,.12)
}

#modal-mobile-passengers .iWJiNi {
    list-style: none
}

#modal-mobile-passengers .fFifSc {
    display: inline-block;
    vertical-align: middle;
    color: #b30f3b;
    shape-rendering: inherit;
    transform: translate3d(0,0,0)
}

#modal-mobile-passengers .gMlsZh {
    fill: currentcolor
}

#modal-mobile-passengers .footer {
    width: 100vw;
    box-sizing: border-box;
    position: fixed;
    bottom: 35px;
    left: 0;
    padding: 4px 20px
}

#modal-mobile-passengers .footer .passengers-mobile-apply {
    font-family: inherit;
    line-height: 1.15;
    overflow: visible;
    text-transform: none;
    background-color: #ed1650;
    border: 1px solid #ed1650;
    color: #fff;
    border-radius: 8px;
    font-weight: 600;
    font-size: 1.1rem;
    padding: 17px;
    font-style: normal;
    width: 100%
}

#modal-mobile-passengers-content {
    max-height: calc(100vh - 200px);
    overflow-y: auto;
    padding: 0 2px
}

.mobile-group {
    position: relative
}

.mobile-group .error-icon {
    position: absolute;
    top: 13px;
    right: 10px;
    display: none!important
}

.mobile-group.error {
    border: 1px solid #b30f3b!important
}

.mobile-group.error .error-icon {
    display: block!important
}

@media screen and (max-width: 375px) {
    .since56 i {
        display:none!important
    }

    #tag-for-voos {
        margin: 0 6px 0 0!important;
        border-bottom: none!important
    }

    .options-travel {
        margin: 0!important
    }

    #products-searchbox-tab {
        padding: 0
    }
}