/* Grille personalizada
--------------------------------------------- */

/* body.modal-open {
    overflow: hidden;
} */
/* div#wtd-grille {
    font-family: 'Rubik', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
} */
#wtd-contain-dispos-group .wtd-second-container{
    display: none;
}
#wtd-contain-dispos-group {
    padding: 0;
    background-color: initial;
}

#wtd-contain-dispos-group button,
#wtd-contain-dispos-group input[type="button"],
#wtd-contain-dispos-group input[type="reset"],
#wtd-contain-dispos-group input[type="submit"] {
	border: 1px solid;
	border-color: #DBDFE8;
	border-radius: 0;
	background: initial;
	color: var(--color-5);
	line-height: 1;
	padding: 0.6em 1em 0.4em;
}
#wtd-contain-dispos-group button.dot-formula{
    font-size: 0.9em;
    padding: 15px;
    cursor: pointer;
}
#wtd-contain-dispos-group button.dot-formula:hover, 
#wtd-contain-dispos-group button.dot-formula.wtd-dot-selected{
    color: #fff;
    background-color: var(--color-5);
}
.wtd_box{
    margin-right: 0;
}
.wtd_etab_content{
    padding: 0 15px;
}
.wtd-icons-etab li span {
    color: var(--color-1);
}
.wtd-icons-etab li img {
    width: 15px;
    height: 15px;
}
.wtd_dispos_content_column{
    min-height: 200px;
}
#wtd-contain-dispos-group div.results{
    background-color: #DBDFE8;
    height: calc(100% - 75px);
}
#wtd-contain-dispos-group p{
    font-size: 1em;
    line-height: 1.1em;
    padding-left: 0;
}
#wtd-contain-dispos-group div.wtd_dates{
    padding: 45px 5px 5px;
    background-color: #DBDFE8;
}
#wtd-contain-dispos-group .dispo_printada div.wtd_dates, #wtd-contain-dispos-group .dispo_printada div.results{
    background-color: #fff;
}
.wtd_dispos_content_column>div{
    border: solid #eaeaea;
    padding: 0;
    border-width: 1px 1px 1px 1px;
}
.wtd-open-modal-formula{
    flex: 1;
}
#wtd-contain-dispos-group .wtd-buttons-etab{
    flex-direction: row;
    align-items: center;
    gap: 15px;
}
#wtd-contain-dispos-group .wtd-buttons-etab .open-modal-sensitive-accommodation{ 
    color: var(--color-1);
    border: 0;
    padding: 0.6em 1em 0.4em;
    margin-right: 10px;
    font-weight: 600;
    cursor: pointer;
    font-size: 0.8em;
    line-height: 1.5em;
}
#wtd-contain-dispos-group .wtd-open-modal-formula{
    border-color: var(--color-3);
    border-radius: 5px;
    color: var(--color-3);
    font-weight: 600;
    padding: 5px;
    font-size: 0.8em;
    line-height: 1.5em;
}
.wtd-title-etab{
    font-family: 'Rubik', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    opacity: 1;
}
/* bloque reserva */


#wtd-contain-dispos-group .wtd_dispo_price .wtd-btn {
    background-color: var(--color-3);
    position: relative;
    transition: all .35s;
    border-radius: 7px;
    color: #ffffff !important;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 20px;
    padding-right: 40px;
    margin: 0 auto;
}
.wtd_dispo_price{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
#wtd-contain-dispos-group .wtd_old_price{
    display: block;
}
#wtd-contain-dispos-group .arrow-greater-than-right::after{
    top: 12px;
}
#wtd-contain-dispos-group .wtd_dispo_price .wtd-btn:after {
    filter: invert(1);
}
#wtd-contain-dispos-group .wtd_dispo_price .wtd-btn:hover{
    padding-left: 15px;
    padding-right: 45px;
}
.wtd_text_plus_information.wtd_combinada{
    padding: 2px 10px;
    background-color: #999;
    display: list-item;
    font-size: 0.7em !important;
    border-radius: 7px;
    color: #fff;
    position: absolute;
    top: 8px;
    right: 5px;
    opacity: 0.6;
    font-weight: 400;
}
.wtd-modal-maselection .open-modal-sensitive-accommodation, 
.wtd-disponibilidad_otras_formulas_alojamiento .open-modal-sensitive-accommodation{
    border-radius: 5px!important;
    background-color: var(--color-1)!important;
    height: 28px;
    display: inline-block;
    text-align: center;
    color: #fff!important;
    font-weight: 400;
    margin-left: 5px;
    font-size: 0.8em;
}

#wtd-contain-dispos-group span.wtd_price {
    font-family: 'Rubik', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    color: var(--color-1);
}
#wtd-contain-dispos-group .wtd_date_selected div.wtd_dates, #wtd-contain-dispos-group .wtd_date_selected div.results{
    background-color: initial;
}
.wtd_date_selected {
    background-color: var(--color-6);
}
/* buscador grille */
#wtd-wdg-form{
    padding: 15px 0 60px;
    background-color: initial;
    width: 100%;
    display: flex;
    justify-content: space-around;
    flex-wrap: nowrap;
    margin: 0 auto;
    flex-direction: row;
}
.wtd-first-container{
    gap: 20px;
    max-width: 1000px;
    flex: 1;
    align-items: flex-end;
}
.wtd-first-container>div{
    flex: 1;
}
#wtd_date_range{
    opacity: 1;
}
#wtd-date-range-container{
    gap: 0;
}
#wtd_date_range_display{
    position: absolute;
    top: 27px;
    left: 15px;
}
#wtd-date-range-container input{
    border: 1px solid var(--color-5);
    padding: 10px 15px;
    border-radius: 5px;
    color: var(--color-5);
}
#wtd-personnes-content:after,
#wtd-date-range-container:after {
    content: '';
    width: 20px;height: 20px;position: absolute;right: 10px;bottom: 12px;
    background-repeat: no-repeat;
    background-size: contain;
    filter: var(--color-4-filter);
}
#wtd-date-range-container:after { background-image: var(--url-icon-calendar); }
#wtd-personnes-content:after { background-image: var(--url-icon-users); }
#wtd-date-range-container input::placeholder{
    color: var(--color-5);
}
#wtd-personnes-content{
    border: 1px solid var(--color-5);
    padding: 15px;
    border-radius: 5px;
    color: var(--color-5);
    background-color: #fff;
}
#wtd-contain-dispos-group #wtd-button-search{
    background-color: var(--color-1);
    height: 48px;
    color: #fff;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
    border: 0 !important;
}
.lightpick__day.is-end-date.is-in-range, .lightpick__day.is-start-date.is-in-range.is-flipped,
.lightpick__day.is-end-date.is-in-range.is-flipped, .lightpick__day.is-start-date.is-in-range{
    background-color: var(--color-1);
    color: #fff;
}
.lightpick__day.is-end-date, .lightpick__day.is-end-date:hover, .lightpick__day.is-start-date, .lightpick__day.is-start-date:hover{
    background-image: initial;
}
.lightpick__day.is-in-range {
    background-color: var(--color-6);
}

.wtd-personnes-div{
    color: var(--color-5);
    min-width: 340px;
}
.wtd-span-block-label {
    font-weight: 600;
    display: block;
    color: var(--color-1) !important;
}
.wtd-personnes-div .wtd-float-right button { 
    background-color: var(--color-1) !important;
    border: 0 !important;
    color: #fff !important;
    border-radius: 100% !important;
    width: 30px !important;
    height: 30px !important;
}
.wtd-personnes-div .wtd_personnes { color: var(--color-1) !important; }
.wtd-personnes-div .wtd-span-block .wtd-float-left input, .wtd-personnes-div .wtd-span-block .wtd-float-right input {
    color: var(--color-5);
    text-align: center;
    padding: 5px;
    font-size: 0.9em;
}
.wtd-personnes-div button{
    border-color: var(--color-5)!important;
    padding: 0!important;
}
.wtd-switch input {
    opacity: 1!important; 
    width: initial!important;
    height: initial!important;
}
.wtd-slider.wtd-round{
    display: none;
}
#wtd-personnes-content_close{
    background-color: var(--color-1);
    height: 48px;
    color: #fff;
    padding: 10px 20px;
    border-radius: 5px;
    font-weight: 600;
    cursor: pointer;
    width: 100%;
    border: 0;
}
#wtd-buttons-navigation #wtd-prev, #wtd-buttons-navigation #wtd-next{
    padding: 0;
    border: 0;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    gap: 15px;
    align-items: center;
}

#wtd-buttons-navigation #wtd-next{
    padding: 0 20px 0 0;
}
#wtd-prev>div, #wtd-next>div{
    border-radius: 5px;
    background-color: var(--color-1);
    height: 36px;
    width: 40px;
    padding: 10px;
}
#wtd-prev svg, #wtd-next svg{
    filter: invert(1);
}
.wtd-disponibilidad_otras_formulas_alojamiento{
    flex:1;
}
.wtd-disponibilidad_otras_formulas_reservar{
    flex:0.4;
}
.wtd-disponibilidad_otras_formulas_precio {
    flex: 1;
}
.wtd-modal-maselection{
    position: relative;
}
.wtd-modal-maselection .wtd-btn, 
.wtd-disponibilidad_otras_formulas_reservar .wtd-btn{
    background-color: var(--color-3);
    position: relative;
    transition: all .35s;
    color: #ffffff !important;
    text-transform: uppercase;
    font-weight: 600;
    border-radius: 7px;
}
.wtd-modal-maselection .wtd-btn{
    background-color: var(--color-2)!important;
}
.wtd-modal-maselection .wtd-btn:after, .wtd-disponibilidad_otras_formulas_reservar .wtd-btn:after{
    filter: invert(1);
}
.wtd-modal-maselection .wtd-btn:hover, .wtd-disponibilidad_otras_formulas_reservar .wtd-btn:hover{
    padding-left: 15px;
    padding-right: 45px;
}
.wtd-modal-maselection_title{
    font-size: 1.5em !important;
    line-height: 1em;
    font-weight: bold;
    color: var(--color-5);
    padding: 27px 0 10px 0;
}
.wtd-modal-maselection h3{
    color: var(--color-5);
    font-family: 'Rubik', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    font-size: 1rem;
    line-height: 1.5;
    font-weight: bold;
    margin-bottom: 15px;
    border-bottom: 1px solid #ccc;
    padding: 15px 0;
}
.wtd-plus-chambre {
    color: var(--color-1);
}
.wtd-disponibilidad_otras_formulas_reservar a{
    min-width: 189px;
}
.wtd_price_container{
    background-color: var(--color-6);
    text-align: center;
    padding: 15px;
}
.wtd_price_container .wtd_price{
    color: var(--color-1);
    font-size: 1.7rem!important;
    font-weight: 400;
    font-family: 'Rubik', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
.wtd_price_container .wtd_old_price{
    text-decoration: line-through;
}

#wtd-modal-detail .accommodation-modal-content .modal-content-primary{
    overflow-y: initial;
}
#wtd-modal-detail, .accommodation-modal-content{
    z-index: 100;
    scrollbar-width: thin;
    scrollbar-color: #fff #fff;
}
#wtd-modal-detail::-webkit-scrollbar, 
.accommodation-modal-content::-webkit-scrollbar {
    width: 0;
}
#wtd-modal-detail::-webkit-scrollbar-thumb, 
.accommodation-modal-content::-webkit-scrollbar-thumb {
    background-color: #fff;
  }
  
#wtd-modal-detail::-webkit-scrollbar-track , 
.accommodation-modal-content::-webkit-scrollbar-track {
    background-color: #fff;
}

#wtd-grille-other-saison{
    float: right;
}
#wtd-grille-other-saison a{
    color: #fff;
}

.wtd-disponibilidad_otras_formulas{
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #ccc;
    padding: 15px;
}
.wtd-disponibilidad_otras_formulas:nth-child(odd){
    background-color: var(--color-6);
}
.wtd-disponibilidad_otras_formulas .wtd-btn{
    background-color: var(--color-3);
    position: relative;
    transition: all .35s;
    color: #ffffff !important;
    text-transform: uppercase;
    font-weight: 600;
}

.wtd-disponibilidad_otras_formulas .wtd-btn:after {
    filter: invert(1);
}
.wtd-disponibilidad_otras_formulas .wtd_price_container {
    background-color: initial;
}
.title_others_dispos{
    font-size: 28px!important;
    line-height: 42.66px;
    font-weight: bold;
    padding-bottom: .5em;
    color: var(--color-5);
}
#wtd-close-modal{
    border: 0!important;
    font-size: 36px;
    float: right;
    cursor: pointer;
}
#wtd-container-modal{
    padding: 30px;
}
.wtd-disponibilidad_otras_formulas h3{
    font-weight: bolder;
    padding: 0;
    font-family: 'Rubik', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
.wtd-disponibilidad_otras_formulas strong{
    padding: 15px 0 0;
    display: block;
}


@media screen and (max-width: 940px) {
    .wtd_container{
        gap: 15px;
    }
    .wtd_text_plus_information.wtd_combinada{
        padding: 5px 10px;
        font-size: 0.8em !important;
    }
    .wtd-disponibilidad_otras_formulas{
        align-items: stretch;
    }
    .wtd-disponibilidad_otras_formulas_reservar{
        display: flex;
        flex-direction: column;
        gap: 15px;
    }
  
    #wtd-wdg-form .wtd-first-container { display: block; }
    #wtd-date-range-container,
    #wtd-personnes-container { 
        margin-bottom: 1em;
    }
    #wtd-grille-other-saison { width: calc(100% - 30px);float: none;margin: 0 15px; }
    .wtd-loader-contain { margin: 0;height: 0;padding: 0; }
    #wtd-button-search { width: 100%; }
    .wtd-disponibilidad_otras_formulas{
        flex-direction: column;
    }
    .wtd-disponibilidad_otras_formulas .wtd-btn{ margin: 0;}
    #wtd-prev>span, #wtd-next>span{
        display: none;
    }
    #wtd-buttons-navigation{
        justify-content: flex-end;
        flex: 1;
        gap: 15px;
    }

    #wtd-container-modal .gallery-type-1 {
        height: 100%;
    }
    #wtd-modal-detail{
        width: 100vw;
        right: -100vw; 
    }
    #wtd-modal-detail.wtd-open {
        transform: translateX(-100vw);
    }

    .wtd-modal-gallery-et-ma-selection {
        flex-direction: column;
    }
    
    #wtd-container-modal{
        padding: 15px;
    }
    #wtd-contain-dispos-group span {
        line-height: 1em;
    }


}