* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: sans-serif;
}

:root {
    --acai-color: #bf0d1b;
}

.mainContainer{
    display: grid;
    grid-template-rows: 1fr 15fr 1fr;
    height: 100vh;
}

.mainContainer div {
    padding: 3px;
}

.footerUpContainer {
    background-color: var(--acai-color);
    text-align: center;
    display: grid;
    grid-template-columns: 1fr 1fr;
    color: white;
    align-items: center
}

.socialMediaContainer {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 10px;
    row-gap: 5px;
    align-items: center
}
.socialContent {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    gap: 10px;
}

.socialContent a {
    color: white
}
.iconos {
    font-size: 25px;
}

.misViajes {
    text-decoration: none;
    background-color: white;
    padding: 8px;
    width: 120px;
    border-radius: 5px;
    color: var(--acai-color) !important;
    text-transform: uppercase;
    font-size: 12px
}

.bodyContainer{
    display: flex;
    justify-content: center;
    text-align: center;
    overflow: auto

}

.imgEbe{
    height: 120px;
    margin: 40px 0;
}

.footer{
    width: 100%;
    background: var(--acai-color);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    color: white !important
}


.selectContent {
    display: flex;
    margin: 10px auto;
    flex-direction: column;
    row-gap: 10px;
    justify-content: center;
    align-content: center;
}


.contenedorBuscador{

    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    row-gap: 10px;
    flex-wrap: wrap
}

.contenedorBuscador div {
    background: white;
    width: 300px;
    padding: 0px;
    border: solid 2px var(--acai-color);


}
.contenedorIconInpunt{
    display: flex;
    align-items: center;
    padding: 10px !important

}
.contenedorIconInpunt i{
    position: absolute;
    z-index: 999;
    width: 52px;
    font-size: 43px !important;
    color: var(--acai-color)
}

.botonBusqueda{
    display: flex;
    width: 90px !important;
    height: 59px;
    background: var(--acai-color) !important;
    justify-content: center;
    align-items: center;
    text-decoration: none !important
}

.iconoSearch{
    text-decoration: none !important;
    font-size: 25px !important
}

.full-width{
    width: 100% !important
}
.desaparecerBorder{
    border: none !important
}

.buscarDesing{
    border: none !important;
    display: flex;
    width: auto !important;
    align-items: center;
    justify-content: center
}

.ui-datepicker {
    width: 19em !important;
    padding: 0px !important;
    display: none;
    font-size: 15px !important;
}

.ui-datepicker table {
    margin: -2px !important;
}
.ui-selectonemenu label.ui-selectonemenu-label {
    text-align: center;
}

body .ui-datepicker .ui-datepicker-calendar td {
    padding: 0px !important
}


body .ui-inputfield {
    border: none;
    width: 100%;
    text-align: center

}

#pay {
    display: none;
}


.ui-selectonemenu-items-wrapper{
    height: auto !important
}

@media(max-width:800px){
    .footerUpContainer {
        grid-template-columns: 1fr;
    }


    .bodyContainer{
        align-items: center
    }

}

@media(max-width:460px){


    .socialMediaContainer {
        grid-template-columns: 1fr;
    }

    .imgEbe{
        margin: 0;
        height: 100px
    }

    .contenedorBuscador div {
        width: 100%;

    }

}