.mi-be-datepicker-select .DateRangePicker_picker,  .mi-be .mi-dropdown .mi-dropdown-layout {z-index: 600;}

/* VARIABLES MOBILE */
:root {
    /*--corporative-color: #F9BB02; */ /* primary button bg */
    --text-color__over-corporative-color: #eee; /* primary button color */
    --corporative-text-color: #F9BB02; /* links color */
    --border-radius: 0px;
}

/* Contola el Width de los campos con estas reglas */

    /* Chain selector */
    [data-mirai-engine='mirai_be'] .mi-be .mi-be-chain-select .mi-be-chain-field label {
        width: 150px;
    }
    /* Date picker */
    [data-mirai-engine='mirai_be'] .mi-be-datepicker-select .DateRangePickerInput .DateInput {
    }
    /* Multiroom */
    [data-mirai-engine='mirai_be'] .mi-be .mi-be-multiroom-select .mi-be-multiroom-field label {
    }
    /* Promo Code */
    [data-mirai-engine='mirai_be'] .mi-be .mi-be-promo-field label input {
    }

    /* Chain selector - Dropdown */
    [data-mirai-engine='mirai_be'] .mi-be .mi-be-chain-select .mi-be-chain-dropdown {
        width: 250px;
    }

/* -------------------------------------------------------------------- */

/* engine container */
[data-mirai-engine='mirai_be'] .mi-be {
    background: transparent;
    font-size: 14px;
    color: #29333F;
}

/* input fields (common styles) */
[data-mirai-engine='mirai_be'] .mi-be-chain-field,
[data-mirai-engine='mirai_be'] .DateRangePickerInput,
[data-mirai-engine='mirai_be'] .mi-be-multiroom-field {
    border: 1px solid #fff;
    padding: 10px;
    background-color: #29333F;
    margin-right: 5px;

}

[data-mirai-engine='mirai_be'] .mi-be-promo-field {
    border-bottom: 1px solid #fff;
    padding: 10px;
    background-color: #29333F;
    margin-right: 5px;

}

/* input elements and button height */
[data-mirai-engine='mirai_be'] .mi-be .mi-dropdown .mi-dropdown-button label,
[data-mirai-engine='mirai_be'] .mi-be .mi-be-datepicker-select .DateRangePickerInput .DateInput .DateInput_input,
[data-mirai-engine='mirai_be'] .mi-be .mi-be-promo-field label input,
[data-mirai-engine='mirai_be'] .mi-be .mi-be-book-btn {
    line-height: 60px; /* optional */
    height: 60px; /* same than line-height - ie11 fix */
    color: #fff;
}


/* placeholders */

/*
[data-mirai-engine='mirai_be'] .mi-be .mi-dropdown .mi-dropdown-placeholder,
[data-mirai-engine='mirai_be'] .mi-be input[type=text]::-webkit-input-placeholder {color: #999;}
[data-mirai-engine='mirai_be'] .mi-be input[type=text]::-moz-placeholder {color: #999;}
[data-mirai-engine='mirai_be'] .mi-be input[type=text]:-moz-placeholder {color: #999;}
[data-mirai-engine='mirai_be'] .mi-be input[type=text]:-ms-input-placeholder {color: #999;}
*/


/* ICONS */

/* info icons (date picker, multiroom & promo) */
[data-mirai-engine='mirai_be'] .mi-be .mi-be-datepicker-select .DateRangePickerInput .DateRangePickerInput_calendarIcon,
[data-mirai-engine='mirai_be'] .mi-be .mi-be-multiroom-field span.mi-ico-dropdown,
[data-mirai-engine='mirai_be'] .mi-be .mi-be-promo-field span.mi-ico-code {
    font-size: 16px;
    color: #fff;
}

/* date picker arrow */
[data-mirai-engine='mirai_be'] .mi-be-datepicker-select .DateRangePickerInput .DateRangePickerInput_arrow svg {
    fill: #fff;
}

/* dropdowns arrows */
[data-mirai-engine='mirai_be'] .mi-be .mi-dropdown .mi-dropdown-button .mi-ico-arrow-down-dark {
    color: #fff; /* same color than date picker arrow */
}


/* DATEPICKER (engine & no dispo) */

/* selected & hover dates */
[data-mirai-engine] .CalendarDay__default:hover,
[data-mirai-engine] [class*="CalendarDay__selected"],
[data-mirai-engine] .CalendarDay__hovered_span,
[data-mirai-engine] .CalendarDay__hovered_span:active,
.mi-be-datepicker-select .DateRangePickerInput .DateInput .DateInput_input__focused,
.mi-be.mi-be-mobile .mi-be-modal .mi-be-modal-main .mi-be-modal-fields input.DateInput_input__focused {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    background-color: #fcd554;
    color: #555;
}


/* placeholder selected input in datepicker - (same color than "selected & hover dates") */

.mi-be-datepicker-select .DateRangePickerInput .DateInput .DateInput_input__focused::placeholder {color: #fff;}
.mi-be-datepicker-select .DateRangePickerInput .DateInput .DateInput_input__focused::-webkit-input-placeholder {color: #fff;}
.mi-be-datepicker-select .DateRangePickerInput .DateInput .DateInput_input__focused:-moz-placeholder {color: #fff;}
.mi-be-datepicker-select .DateRangePickerInput .DateInput .DateInput_input__focused:-ms-input-placeholder {color: #fff;}
.mi-be.mi-be-mobile .mi-be-modal .mi-be-modal-main .mi-be-modal-fields input[type=text].DateInput_input__focused::placeholder {color: #fff;}
.mi-be.mi-be-mobile .mi-be-modal .mi-be-modal-main .mi-be-modal-fields input[type=text].DateInput_input__focused::-webkit-input-placeholder {color: #fff;}
.mi-be.mi-be-mobile .mi-be-modal .mi-be-modal-main .mi-be-modal-fields input[type=text].DateInput_input__focused:-moz-placeholder {color: #fff;}
.mi-be.mi-be-mobile .mi-be-modal .mi-be-modal-main .mi-be-modal-fields input[type=text].DateInput_input__focused:-ms-input-placeholder {color: #fff;}



/* last selected day */
[data-mirai-engine] .CalendarDay__selected_end,
[data-mirai-engine] .CalendarDay__selected_end:hover {
    background-color: #F9BF02;
    color: #555;
}


/* ALL ACTION BUTTONS (Book included) - only appearance, none position/display or padding/margin or font appearance */
[class^=mi-] .mi-s-color-button,
.mi-be .mi-be-book-btn,
.mi-rs .mi-rs-cart-btn,
.mi-rs .mi-rs-add-btn,
.mi-rs .mi-na-option-date-btn,
.mi-rs .mi-na-option-hotel-btn,
.mi-rs .mi-cf-form-data-btn,
button.mi-modal-close-btn,
.mi-rs .mi-rs-rate-select-room-btn,
.mi-be.mi-be-mobile .mi-be-modal .mi-be-multiroom-footer .mi-be-multiroom-footer-confirm,
.mi-be.mi-be-mobile .mi-be-modal .mi-be-modal-footer .mi-be-date-picker-confirm {
    background-color: #29333F;
    color: #eee;
    border-radius: 0;
    border: 0;
    -webkit-transition: .3s all;
    transition: .3s all;
    /* don't add more properties use "engine booking button styles" */
}

[class^=mi-] .mi-s-color-button:hover,
.mi-be .mi-be-book-btn:hover,
.mi-rs .mi-rs-cart-btn:hover,
.mi-rs .mi-rs-add-btn:hover,
.mi-rs .mi-na-option-date-btn:hover,
.mi-rs .mi-na-option-hotel-btn:hover,
.mi-rs .mi-cf-form-data-btn:hover,
button.mi-modal-close-btn:hover,
.mi-rs .mi-rs-rate-select-room-btn:hover,
.mi-be.mi-be-mobile .mi-be-modal .mi-be-multiroom-footer .mi-be-multiroom-footer-confirm:hover,
.mi-be.mi-be-mobile .mi-be-modal .mi-be-modal-footer .mi-be-date-picker-confirm:hover {
    background-color: #F9BF02;
}

/* ENGINE BOOKING BUTTON */
.mi-be .mi-be-book-btn {

}


/* ------------- BOOKING PROCESS ------------- */

/* LINKS */

/* general links (same color than web links) */
.mi-s-color-link,
.mi-s-color-link-wrapper a,
.mi-rs .mi-rs-room-occupation-btn,
.mi-rs .mi-rs-room-detail-btn,
.mi-rs-rate-see-more-btn,
.mi-rs-suggestion-btn,
.react-tabs [role=tab][aria-selected=true],
.react-tabs [role=tab]:hover,
.mi-rs-modal-occupation-btn:hover .mi-rs-occupation-text-legend span:first-child,
.mi-rs-modal-occupation-btn.selected .mi-rs-occupation-text-legend span:first-child,
.mi-rs-modal-occupation-btn.people:hover,
.mi-rs-modal-occupation-btn.people.selected,
.mi-rs-back-to-room-selection,
.mi-na-view-all-results,
.mi-rs-cart-item-edit-btn,
.mi-be-datepicker-info-panel .mi-be-datepicker-clear-dates button,
.mi-be .mi-be-multiroom-select .mi-be-multiroom-dropdown ul li .mi-be-multiroom-title .mi-be-multiroom-remove,
.mi-be .mi-be-multiroom-select .mi-be-multiroom-dropdown .mi-be-multiroom-footer  .mi-be-multiroom-footer-add,
.mi-na-option-hotel > h4,
.mi-rs .mi-cancelation-payment-link,
.mi-rs .mi-privacy-policy-link,
.mi-rs .mi-cf-form-data-link-back,
.mi-rs .mi-cf-error-link-back,
.mi-cf-form-data form .mi-cf-form-data-additionals div[class*="mi-cf-form-data-additionals-"] a,
.mi-rs .mi-rc-btn,
.mi-rc-reservation-address .mi-rc-reservation-address-mail-link,
.mi-rc-reservation-address .mi-rc-reservation-address-web-link,
.mi-rs .mi-rc-reservation-code .mi-rc-reservation-code-expired-link,
.mi-be-modal .mi-be-modal-header button.mi-be-modal-clear-date {
    color: #29333F;
}

/* links hover */
.mi-s-color-link:hover,
.mi-s-color-link-wrapper a:hover,
.mi-rs .mi-rs-room-occupation-btn:hover,
.mi-rs .mi-rs-room-detail-btn:hover,
.mi-rs-rate-see-more-btn:hover,
.mi-rs-suggestion-btn:hover,
.mi-rs-back-to-room-selection:hover,
.mi-na-view-all-results:hover,
.mi-rs-cart-item-edit-btn:hover,
.mi-be-datepicker-info-panel .mi-be-datepicker-clear-dates button:hover,
.mi-be .mi-be-multiroom-select .mi-be-multiroom-dropdown ul li .mi-be-multiroom-title .mi-be-multiroom-remove:hover,
.mi-be .mi-be-multiroom-select .mi-be-multiroom-dropdown .mi-be-multiroom-footer  .mi-be-multiroom-footer-add:hover,
.mi-na-option-hotel > h4:hover,
.mi-rs .mi-cancelation-payment-link:hover,
.mi-rs .mi-privacy-policy-link:hover,
.mi-rs .mi-cf-form-data-link-back:hover,
.mi-rs .mi-cf-error-link-back:hover,
.mi-cf-form-data form .mi-cf-form-data-additionals div[class*="mi-cf-form-data-additionals-"] a:hover,
.mi-rs .mi-rc-btn:hover,
.mi-rc-reservation-address .mi-rc-reservation-address-mail-link:hover,
.mi-rc-reservation-address .mi-rc-reservation-address-web-link:hover,
.mi-rs .mi-rc-reservation-code .mi-rc-reservation-code-expired-link:hover,
.mi-be-modal .mi-be-modal-header button.mi-be-modal-clear-date:hover {
    color: #F9BF02;
}

/* selected & hovered occupation (room selection), selected tab, +/- multiroom buttons, radio & checkbox */
.mi-rs-modal-occupation-btn:hover,
.mi-rs-modal-occupation-btn.selected,
.react-tabs [role=tab][aria-selected=true],
.mi-be .mi-be-multiroom-select .mi-be-multiroom-dropdown ul li .mi-be-multiroom-option-adult span.react-numeric-input b,
.mi-be .mi-be-multiroom-select .mi-be-multiroom-dropdown ul li .mi-be-multiroom-option-children span.react-numeric-input b,
.mi-radio-container input[type="radio"]:checked + .mi-radio-ico:before,
.mi-checkbox-container input[type="checkbox"]:checked + .mi-checkbox-ico:before,
.mi-be.mi-be-mobile .mi-be-modal .mi-be-multiroom-footer .mi-be-multiroom-footer-add,
.mi-be.mi-be-mobile .mi-be-modal .mi-be-multiroom-footer .mi-be-multiroom-footer-confirm {
    border-color: #29333F !important; /* color links */
}

/* +/- multiroom buttons, checked checkbox */
.mi-be .mi-be-multiroom-select .mi-be-multiroom-dropdown ul li .mi-be-multiroom-option-adult span.react-numeric-input b i,
.mi-be .mi-be-multiroom-select .mi-be-multiroom-dropdown ul li .mi-be-multiroom-option-children span.react-numeric-input b i,
.mi-checkbox-container input[type="checkbox"]:checked + .mi-checkbox-ico:before {
    background-color: #29333F !important; /* color links */
}

/* CORPORATIVE DETAILS (principal color) */
/* line on client form, input focused at client form, selected credit card */
div[data-mirai-engine="mirai_cf"] .mi-rs,
div[data-mirai-engine="mirai_mr"] .mi-rs,
.mi-rs .mi-field-group.focused .mi-input-text,
.mi-rs .mi-field-group.focused .mi-textarea,
.mi-cf-form-data form .mi-cf-form-data-payment .mi-cf-form-data-payment-title img.selected,
.mi-rc-reservation-code,
.mi-rc-reservation-address,
.mi-rc-reservation-data,
.mi-rc-reservation-detail,
.mi-rc-reservation-price,
.mi-rc-reservation-payment,
.mi-rc-reservation-cancellation,
.mi-rc-reservation-privacy  {
    border-color: #00ADDA;
}

/* LOADING booking proccess (principal color) */
.mi-rs.loading .mi-loading .mi-loading-scope .mi-loading-icon div {
    border-color: #00ADDA transparent #00ADDA transparent;
}


/* ----------------- ENGINE IN MODAL (bootstrap or mirai modal) -------------- */

#engine-modal.modal,
#engine-modal.modal .modal-body,
#engine-modal.mirai-modal .mi-modal-content,
#engine-modal.mirai-modal .mi-modal-content > div {
    overflow: visible;
}


/* ----------------- ENGINE IN SQUARE ----------------- */

.mi-be-square {
    text-align: center;
}

.mi-be-square {
    display: inline-block;
    max-width: 100%;
    /* chain selector needs width, same than data range picker */
    /*width: 313px;*/
}

.mi-be-square .mi-be-mobile {
    display: block;
}

/* fields wrappers */
.mi-be-square .mi-be-chain-field,
.mi-be-square .mi-be-datepicker-select,
.mi-be-square .mi-dropdown,
.mi-be-square .mi-be-promo-field,
.mi-be-square .mi-be-book-btn {
    display: block;
}

/* input fields */
.mi-be-square .mi-be .mi-be-chain-field,
.mi-be-square .mi-be .DateRangePickerInput,
.mi-be-square .mi-be .mi-be-multiroom-field,
.mi-be-square .mi-be .mi-be-promo-field {
    margin-right: 0;
    margin-bottom: 5px;
    text-align: left;
    padding: 10px 20px;
}

/* input elements */
.mi-be-square .mi-be .mi-dropdown .mi-dropdown-button label,
.mi-be-square .mi-be .mi-be-datepicker-select .DateRangePickerInput .DateInput .DateInput_input,
.mi-be-square .mi-be .mi-be-promo-field label input,
.mi-be-square .mi-be .mi-be-book-btn {
    line-height: 3em;
    height: 3em;  /* same than line-height - ie11 fix */
}

/* button */
.mi-be-square .mi-be .mi-be-book-btn {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

/* info icons */
.mi-be-square .mi-be .mi-be-datepicker-select .DateRangePickerInput .DateRangePickerInput_calendarIcon,
.mi-be-square .mi-be .mi-be-multiroom-field span.mi-ico-dropdown,
.mi-be-square .mi-be .mi-be-promo-field span.mi-ico-code {
    font-size: 1.6em;
}

/* icon arrow position */
.mi-be-square .mi-be .mi-dropdown .mi-dropdown-button .mi-ico-arrow-down-dark {
    position: absolute;
    right: 20px; /* same than field wrappers horizontal padding */
    top: 50%;
    margin-top: -7px; /* negative half font-size */
}

/* input selectors (icon arrow has changed) */
.mi-be-square .mi-be .mi-dropdown .mi-dropdown-button > *:nth-last-child(2) {
    margin-right: 0;
    padding-right: 25px;
    box-sizing: border-box;
    max-width: 100%;
    width: auto;
}

[data-mirai-engine='mirai_be'] .mi-be .mi-be-book-btn{
    background:#fff;
    color: #29333F;
}

[data-mirai-engine='mirai_be'] .mi-be .mi-be-book-btn:hover{
    background:#F9BF02;
    color: #29333F;
}

/*STYLES BOOKINGSTEP1 & AGENCIES*/
.cat-booking [data-mirai-engine='mirai_be'] .mi-be-promo-field, .cat-booking [data-mirai-engine='mirai_be'] .mi-be-chain-field, .cat-booking [data-mirai-engine='mirai_be'] .DateRangePickerInput, .cat-booking [data-mirai-engine='mirai_be'] .mi-be-multiroom-field {
    background: #fff;
}

.cat-booking [data-mirai-engine='mirai_be'] .mi-be .mi-be-datepicker-select .DateRangePickerInput .DateRangePickerInput_calendarIcon, .cat-booking [data-mirai-engine='mirai_be'] .mi-be .mi-be-multiroom-field span.mi-ico-dropdown, .cat-booking [data-mirai-engine='mirai_be'] .mi-be .mi-be-promo-field span.mi-ico-code {
    font-size: 25px;
    color: #29333F;
}

.cat-booking [data-mirai-engine='mirai_be'] .mi-be .mi-dropdown .mi-dropdown-button label, .cat-booking [data-mirai-engine='mirai_be'] .mi-be .mi-be-datepicker-select .DateRangePickerInput .DateInput .DateInput_input, .cat-booking [data-mirai-engine='mirai_be'] .mi-be .mi-be-promo-field label input, .cat-booking [data-mirai-engine='mirai_be'] .mi-be .mi-be-book-btn {
    line-height: 40px;
    height: 40px;
    color: #29333F;
}

.cat-booking [data-mirai-engine='mirai_be'] .mi-be .mi-be-book-btn {
    background: #29333F;
    color:#fff;
}

.cat-booking [data-mirai-engine='mirai_be'] .mi-be .mi-be-book-btn:hover{
    background: #F9BF02;
}

.cat-booking [data-mirai-engine='mirai_be'] .mi-be-datepicker-select .DateRangePickerInput .DateRangePickerInput_arrow svg {
    fill: #29333F;
}

/**/
.cat-iata [data-mirai-engine='mirai_be'] .mi-be-promo-field, .cat-iata [data-mirai-engine='mirai_be'] .mi-be-chain-field, .cat-iata [data-mirai-engine='mirai_be'] .DateRangePickerInput, .cat-iata [data-mirai-engine='mirai_be'] .mi-be-multiroom-field {
    background: #fff;
    border: 1px solid #29333F;
}

.cat-iata [data-mirai-engine='mirai_be'] .mi-be .mi-be-datepicker-select .DateRangePickerInput .DateRangePickerInput_calendarIcon, .cat-iata [data-mirai-engine='mirai_be'] .mi-be .mi-be-multiroom-field span.mi-ico-dropdown, .cat-iata [data-mirai-engine='mirai_be'] .mi-be .mi-be-promo-field span.mi-ico-code {
    font-size: 25px;
    color: #29333F;
}

.cat-iata [data-mirai-engine='mirai_be'] .mi-be .mi-dropdown .mi-dropdown-button label, .cat-iata [data-mirai-engine='mirai_be'] .mi-be .mi-be-datepicker-select .DateRangePickerInput .DateInput .DateInput_input, .cat-iata [data-mirai-engine='mirai_be'] .mi-be .mi-be-promo-field label input, .cat-iata [data-mirai-engine='mirai_be'] .mi-be .mi-be-book-btn {
    line-height: 40px;
    height: 40px;
    color: #29333F;
}

.cat-iata [data-mirai-engine='mirai_be'] .mi-be .mi-be-book-btn {
    background: #29333F;
    color:#fff;
}

.cat-iata [data-mirai-engine='mirai_be'] .mi-be .mi-be-book-btn:hover{
    background: #F9BF02;
}

.cat-iata [data-mirai-engine='mirai_be'] .mi-be-datepicker-select .DateRangePickerInput .DateRangePickerInput_arrow svg {
    fill: #29333F;
}

/* MEDIA QUERIES */

/* Small screens like iPad Portrait */
@media (min-width: 768px) and (max-width: 979px) {
    [data-mirai-engine='mirai_be'] .mi-be .mi-be-promo-field label input {
        width: 4em;
    }

    .square-engine [data-mirai-engine='mirai_be'] .mi-be .mi-be-promo-field label input {
        width: 16em;
    }
    /* Chain selector */
    .cat-booking [data-mirai-engine='mirai_be'] .mi-be .mi-be-chain-select .mi-be-chain-field label, .cat-iata [data-mirai-engine='mirai_be'] .mi-be .mi-be-chain-select .mi-be-chain-field label {
        width: 90px;
    }
    /* Date picker */
    .cat-booking [data-mirai-engine='mirai_be'] .mi-be-datepicker-select .DateRangePickerInput .DateInput, .cat-iata [data-mirai-engine='mirai_be'] .mi-be-datepicker-select .DateRangePickerInput .DateInput {
        width: 80px;
    }
    /* Multiroom */
    .cat-booking [data-mirai-engine='mirai_be'] .mi-be .mi-be-multiroom-select .mi-be-multiroom-field label, .cat-iata [data-mirai-engine='mirai_be'] .mi-be .mi-be-multiroom-select .mi-be-multiroom-field label {
        width: 90px;
    }
    /* Promo Code */
    .cat-booking [data-mirai-engine='mirai_be'] .mi-be .mi-be-promo-field label input, .cat-iata [data-mirai-engine='mirai_be'] .mi-be .mi-be-promo-field label input {
        width: 70px;
    }

    .cat-booking .engine-wrapper {
        margin: 70px 0 0 0;
    }
}

/* iphone portrait & landscape - galaxy portrait & lanscape */
@media (max-device-width: 767px) {
    /* motor wrapper - for display */
    div[data-mirai-engine="mirai_be"][data-device="mobile"] {
    }
    /* trigger button opens modal */
    [data-mirai-engine='mirai_be'] .mi-be.mi-be-mobile .mi-be-book-btn.mi-be-book-btn-trigger {
        line-height: 80px;
        margin: 0;
        text-align: center;
        width: 100%;
        height: 100%;
        padding: 0;
    }
    [data-mirai-engine='mirai_be'] .mi-be.mi-be-mobile {
        font-size: calc(1px + 3.8vw); /* 13px - 16px */
    }
}


/* ==================================== */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ COOKIES */
/* ==================================== */

@media (max-width: 768px) {

    #cookies-alert-wrapper {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        padding: var(--space) calc(var(--space) + 2px);
        background-color: #171717;
        color: #cecece;
        box-sizing: border-box;
        font-size: 14px;
        width: 100%;
        z-index: 20;
        opacity: 0;
        transform: translateY(20px);
        animation: hello-cookie 1.1s forwards;
    }

    #cookies-alert-wrapper .container {
        padding: 0;
    }
    #cookies-alert-wrapper p {
        margin: 0;
        line-height: 1.5;
        font-size: .9rem;
        color: #cecece;
    }
    #cookies-alert-wrapper .container p span {
        display: contents;
    }
    #cookies-alert-wrapper a:first-child {
        color: #88c5fb;
        text-decoration: underline;
        margin: 0;
    }
    #cookies-alert-wrapper a:nth-child(2) {
        display: block;
        border: 1px solid;
        font-size: 1.2em;
        padding: calc(var(--space) * 1.5);
        margin: var(--space) 0 0;
        text-align: center;
        color: #fff;
        border-radius: var(--border-radius);
        text-decoration: none;
        line-height: 1.2;
    }

    @keyframes hello-cookie {
        60% { opacity: 0; transform: translateY(20px) }
        100% { opacity: 1; transform: translateY(0) }
    }
}

/* ================================= */
body.mi-be-datepicker-open .mirai-modal.mi-active { z-index: 999999; }

/* Advantages club */
body.club-sign-up section.content{
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: baseline;
}
/*body.club-sign-up section.content>div {
    width: 50%;
}*/
body.club-sign-up h2, body.club-sign-up h3 {
    font-family: unset;
    font-weight: 900;
}
body.club-sign-up.is-desktop .columns_advantages div {
    width: 40%;
}
body.club-sign-up .columns_advantages {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: space-between;
}
.txt_center{
    text-align: center;
}
.fs_default {
    font-size: initial;
}

.star_blue::before{
    background: url('data:image/svg+xml,<svg width="234" height="225" viewBox="0 0 234 225" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M101.783 11.8267C106.573 -2.91354 127.427 -2.91356 132.217 11.8267L152.41 73.9684H217.752C233.252 73.9684 239.696 93.8032 227.156 102.913L183.701 134.482C178.092 138.556 175.745 145.778 177.888 152.371L194.487 203.452C199.277 218.193 182.406 230.452 169.867 221.342L126.404 189.768C120.796 185.695 113.204 185.695 107.596 189.768L64.1334 221.342C51.5936 230.452 34.7228 218.193 39.5129 203.452L56.1121 152.371C58.2545 145.778 55.9077 138.556 50.2992 134.482L6.84389 102.913C-5.69642 93.8032 0.747654 73.9684 16.2477 73.9684H81.5898L101.783 11.8267Z" fill="url(%23paint0_linear_227_3)"/><defs><linearGradient id="paint0_linear_227_3" x1="117" y1="-35" x2="117" y2="280.401" gradientUnits="userSpaceOnUse"><stop stop-color="%232DA9E3"/><stop offset="1" stop-color="%2376D3FF"/></linearGradient></defs></svg>');
}

.columns_advantages ul li::before {
    content: '';
    background: url('data:image/svg+xml,<svg width="234" height="225" viewBox="0 0 234 225" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M101.783 11.8267C106.573 -2.91354 127.427 -2.91356 132.217 11.8267L152.41 73.9684H217.752C233.252 73.9684 239.696 93.8032 227.156 102.913L183.701 134.482C178.092 138.556 175.745 145.778 177.888 152.371L194.487 203.452C199.277 218.193 182.406 230.452 169.867 221.342L126.404 189.768C120.796 185.695 113.204 185.695 107.596 189.768L64.1334 221.342C51.5936 230.452 34.7228 218.193 39.5129 203.452L56.1121 152.371C58.2545 145.778 55.9077 138.556 50.2992 134.482L6.84389 102.913C-5.69642 93.8032 0.747654 73.9684 16.2477 73.9684H81.5898L101.783 11.8267Z" fill="url(%23paint0_linear_227_3)"/><defs><linearGradient id="paint0_linear_227_3" x1="117" y1="-35" x2="117" y2="280.401" gradientUnits="userSpaceOnUse"><stop stop-color="%232DA9E3"/><stop offset="1" stop-color="%2376D3FF"/></linearGradient></defs></svg>');
    display: inline-block;
    width: 10px;
    height: 10px;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    right: 10px;
}
body.club-sign-up button.mi-form__submit.mi-s-color-button:hover::after {
    content: '';
    background-image: url('data:image/svg+xml,<svg width="36" height="30" viewBox="0 0 36 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 13C0.89543 13 -7.84587e-08 13.8954 0 15C7.84587e-08 16.1046 0.895431 17 2 17L2 13ZM35.4142 16.4142C36.1953 15.6332 36.1953 14.3668 35.4142 13.5858L22.6863 0.857863C21.9052 0.0768144 20.6389 0.0768145 19.8579 0.857863C19.0768 1.63891 19.0768 2.90524 19.8579 3.68629L31.1716 15L19.8579 26.3137C19.0768 27.0948 19.0768 28.3611 19.8579 29.1421C20.6389 29.9232 21.9052 29.9232 22.6863 29.1421L35.4142 16.4142ZM2 17L34 17L34 13L2 13L2 17Z" fill="white"/></svg>');
    background-repeat: no-repeat;
    background-size: cover;
    width: 20px;
    height: 15px;
    display: inline-block;
    margin: 0 10px;
}
body.club-sign-up .signup-form .mi-club-signup__content, body.club-sign-up .signup-form .mi-form.mi-form-club-signup hr, body.club-sign-up .signup-form .mi-form.mi-form-club-signup small, img.mi-club-signup__logo {
    display: none;
}
body.club-sign-up .columns_advantages h3, .fs_default {
    margin: 20px 0px;
}
body.club-sign-up .columns_advantages li {
    line-height: 1.6;
}

/*corrección tamaño recuadro hoteltreats*/
.woocommerce-page div.product .woocommerce-tabs .panel, .woocommerce-page #content div.product .woocommerce-tabs .panel {
    min-height: 15em;
    border: none!important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li{
    border: none!important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before {
    border: none!important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before {
    border: none!important;
}

/* CORE */
:root{
   --corporative-color: #277697;
    --mirai-session-icon-color:#fff;
--mirai-session-color:#fff;
}

/*CSS SO THAT THE COUNTRY CAN BE READ ON FORM OF SIGNUP PAGE*/
[data-mirai-component="signup"] #signup-country {
	height: auto !important;
}
/* ================================= */
/* CSS FOR NEW CLUB */
[data-mirai-component="signup"],
[data-mirai-component="profile"] {
    display: flex;
    justify-content: center;
}
[data-mirai-component="session"] {
        filter: drop-shadow(0px 0px 6px #000000);
    	margin: 0 8px;
}
.is-mobile [data-mirai-component="session"]>ui-pressable>ui-view{
    flex-direction: column;    
}
[data-mirai-modal="true"] [data-mirai-component="session"] {
filter:none !important;
}
.is-mobile[data-mirai-modal="true"] #moove_gdpr_save_popup_settings_button{
    z-index:initial !important;
}