/* engine 2023 fixes */
div[data-role="bookingquery"] span[data-role="content"], div[data-role="login"] span[data-role="content"], div[data-role="account"] span[data-role="content"] {color: inherit;}
.mi-be-datepicker-select .DateRangePicker_picker,  .mi-be .mi-dropdown .mi-dropdown-layout {z-index: 600;} 

/* VARIABLES MOBILE */
:root {
    --corporative-color: #1D1D1B; /* primary button bg */
    --text-color__over-corporative-color: #eee; /* primary button color */
    --corporative-text-color: #000; /* links color */
    --border-radius: 0px;
	
	--mirai-ui-accent: #3C3C3C !important;
    --mirai-ui-accent-dark: #1D1D1B;
    --mirai-header-accent: #D62347;
    --mirai-ui-button-background: #D62347;
    --mirai-ui-button-focus-color: #750000;
    --mirai-ui-switch-checked: #D62347;
    --mirai-ui-focus-color: #750000;
	--mirai-finder-background: #000000B2;
	--mirai-field-background: #fff;
	--mirai-finder-border: transparent;
	
    --mirai-finder-gap:var(--mirai-ui-space-XS);
    --mirai-finder-padding:var(--mirai-ui-space-M);
	--mirai-finder-field-separator-color: transparent;
	--mirai-finder-border-color: ;
	
}



/* color whala hotels */
body.cat-whalahotels {
    --mirai-ui-accent: #144733;
    --mirai-ui-button-background: #144733;
}

/* 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: #3D3D3D;
}

/* 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,
[data-mirai-engine='mirai_be'] .mi-be-promo-field {
    padding: 0 10px;
    background-color: transparent;
    color: #fff;
}

/* 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 {
    line-height: 40px; /* optional */
    height: 40px; /* same than line-height - ie11 fix */
}

[data-mirai-engine='mirai_be'] .mi-be .mi-be-book-btn {
    line-height: 50px;
    height: 50px;
}


/* 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: #fff;}
[data-mirai-engine='mirai_be'] .mi-be input[type=text]::-moz-placeholder {color: #fff;}
[data-mirai-engine='mirai_be'] .mi-be input[type=text]:-moz-placeholder {color: #fff;}
[data-mirai-engine='mirai_be'] .mi-be input[type=text]:-ms-input-placeholder {color: #fff;}



/* 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: #000000BD;
    color: #fff;
}


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

.mi-be-datepicker-select .DateRangePickerInput .DateInput .DateInput_input__focused::placeholder {color: #555;}
.mi-be-datepicker-select .DateRangePickerInput .DateInput .DateInput_input__focused::-webkit-input-placeholder {color: #555;}
.mi-be-datepicker-select .DateRangePickerInput .DateInput .DateInput_input__focused:-moz-placeholder {color: #555;}
.mi-be-datepicker-select .DateRangePickerInput .DateInput .DateInput_input__focused:-ms-input-placeholder {color: #555;}
.mi-be.mi-be-mobile .mi-be-modal .mi-be-modal-main .mi-be-modal-fields input[type=text].DateInput_input__focused::placeholder {color: #555;}
.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: #555;}
.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: #555;}
.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: #555;}



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

.cat-whalahotels [data-mirai-engine] .CalendarDay__selected_end,
.cat-whalahotels [data-mirai-engine] .CalendarDay__selected_end:hover {
    background-color: #144733;
    color: #fff;
}


/* ALL ACTION BUTTONS (Book included) - only appearance, none position/display or padding/margin or font appearance */
.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: #BD0000;
    color: #fff;
    border-radius: 0;
    border: 0;
    -webkit-transition: .3s all;
    transition: .3s all;
    /* don't add more properties use "engine booking button styles" */
}

.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: #970303;
}

/* ENGINE BOOKING BUTTON */
.mi-be .mi-be-book-btn {
    background: linear-gradient(to right, #A02F04, #FF2773, #FF2773, #A02F04, #FF2773, #A02F04, #FF2773);
    color: #fff;
    border-radius: 9px;
    font-size: 17px;
    text-transform: none;
    background-size: 700%;
    transition: background-position 1s;
}

.mi-be .mi-be-book-btn:hover {
    background-position: 50%;
}

/*.cat-whalahotels  .mi-be .mi-be-book-btn {
    background: linear-gradient(to right, #144733, #8CD0B5, #8CD0B5, #144733, #8CD0B5, #144733, #8CD0B5);
    color: #fff;
    border-radius: 9px;
    font-size: 17px;
    text-transform: none;
    background-size: 700%;
    transition: background-position 1s;
}

.cat-whalahotels  .mi-be .mi-be-book-btn:hover {
    background-position: 50%;
}*/


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

/* LINKS */

/* general links (same color than web links) */
.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: #000;
}

/* links 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: #BD0000;
}

/* 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: #000 !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: #000 !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: #BD0000;
}

/* LOADING booking proccess (principal color) */
.mi-rs.loading .mi-loading .mi-loading-scope .mi-loading-icon div {
    border-color: #BD0000 transparent #BD0000 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;
    background: #000000BD;;
    padding: 10px 15px;
}

.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;
}

.mi-be-square .mi-be .mi-be-chain-field,
.mi-be-square .mi-be .DateRangePickerInput,
.mi-be-square .mi-be .mi-be-multiroom-field {
    border-bottom: 1px solid;
}

/* 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;
}

/* color chain result */
.mi-cr .mi-cr-header__button-map {
    color: #BD0000;
}

.mi-cr .mi-cr-button {
    background: #BD0000;
    transition: all .3s ease-out;
}

.mi-cr .mi-cr-button:hover {
    background: #970303;
}

/*.mi-be .mi-be-datapicker-prices .CalendarDay,
.mi-be .calendar-cell div {
    font-size: 1.2em;
}*/

/* MEDIA QUERIES */

/* style engine desktop */
@media (min-width: 767px) {
    .engine-dk .mi-be form {
        display: flex;
        align-items: center;
        margin: 0 auto;
        background: #000000BD;
        padding: 5px;
        border-radius: 4px;
    }

    .engine-dk .mi-be form>* {
        flex: 1 1 auto;
    }

    .engine-dk .mi-be .mi-be-multiroom-field .mi-dropdown {
        width: 125px;
    }

    .engine-dk [data-mirai-engine='mirai_be'] .mi-be-chain-select,
    .engine-dk [data-mirai-engine='mirai_be'] .DateRangePickerInput,
    .engine-dk [data-mirai-engine='mirai_be'] .mi-be-multiroom-field {
        border-right: 1px solid #fff;
    }
}

/* 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;
    }

    .engine-dk .mi-be form {
        flex-wrap: wrap;
        padding: 15px 25px;
    }

    .engine-dk .mi-be .mi-be-chain-select {
        width: 47%;
        text-align: left;
        padding-left: 10px;
    }

    .engine-dk .mi-be .mi-be-datepicker-select {
        width: 50%;
        margin: 20px 0;
    }

    .engine-dk .mi-be .mi-be-occupation-select {
        width: 40%;
    }
}

/* 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 {
    }
    [data-mirai-engine='mirai_be'] .mi-be.mi-be-mobile {
        font-size: calc(1px + 3.8vw); /* 13px - 16px */
    }

    .engine-dk [data-mirai-engine='mirai_be'] .mi-be-chain-field,
    .engine-dk [data-mirai-engine='mirai_be'] .DateRangePickerInput,
    .engine-dk [data-mirai-engine='mirai_be'] .mi-be-multiroom-field,
    .engine-dk [data-mirai-engine='mirai_be'] .mi-be-promo-field {
        background-color: #000000BD;
    }
}


/* fix calendar position for short screens */
@media (max-height : 850px) and (min-width: 768px) {
    #engine-modal .mi-be .mi-dropdown.is-open.open-up .mi-dropdown-layout,
    #engine-modal .mi-be-datepicker-select .DateRangePicker_picker.DateRangePicker_picker__openUp {
        -webkit-transform: translate(-50%,150px);
        transform: translate(-50%,150px);
        left: 50%!important;
        margin-bottom: 0;
    }
    #engine-modal .mi-be .mi-dropdown.is-open.open-down .mi-dropdown-layout,
    #engine-modal .mi-be-datepicker-select .DateRangePicker_picker.DateRangePicker_picker__openDown {
        -webkit-transform: translate(-50%,-150px);
        transform: translate(-50%,-150px);
        left: 50%!important;
        margin-top: 0;
    }
    #engine-modal .mi-be .mi-dropdown .mi-dropdown-layout:before,
    #engine-modal .mi-be-datepicker-select .DateRangePicker_picker:before,
    #engine-modal .mi-be .mi-dropdown .mi-dropdown-layout:after,
    #engine-modal .mi-be-datepicker-select .DateRangePicker_picker:after {
        display: none!important;
    }
}


/*modal fixes*/

.mi-be .mi-be-chain-select .mi-be-chain-dropdown ul {
	column-count: 2;
    max-height: none;
    padding: 0;
}

.mi-be-chain-select.mi-dropdown.is-open.open-down.open-left,
.mi-be-chain-select.mi-dropdown.is-open.open-up.open-left{
	position: static;
}

[data-mirai-engine='mirai_be'] .mi-be-chain-select .mi-be-chain-dropdown {
    width: 60%;
}

li.is-location {
    font-weight: bold;
}

/* ==================================== */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 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) }
    }
}

/* ================================= */

/*Mejora #133767*/
[class*="mi-icoinstl-Freewelcomeminibar"]:before {
	content: "\e910";
}

[class*="mi-icoinstl-Kettle"]:before {
	content: '';
    background-image: url('data:image/svg+xml,<svg id="Icons" height="512" viewBox="0 0 74 74" width="512" xmlns="http://www.w3.org/2000/svg"><path d="m55.88 51.46-1.22-1.58 8.34-6.37v-12.51h-8.69v-2h10.69v15.49z"/><path d="m56.94 65h-41.14l1.8-38.77a18.79 18.79 0 0 1 37.54 0zm-39-2h36.9l-1.7-36.68a16.79 16.79 0 0 0 -33.54 0z"/><path d="m61 72h-49v-4a5 5 0 0 1 5-5h39a5 5 0 0 1 5 5zm-47-2h45v-2a3 3 0 0 0 -3-3h-39a3 3 0 0 0 -3 3z"/><path d="m18.09 34.19a12.48 12.48 0 0 1 -9.16-10.06l-.14-1.13h10.1v2h-7.72a10.38 10.38 0 0 0 7.43 7.26z"/><path d="m19.18 22h34.38v2h-34.38z"/><path d="m41.15 9.7h-2v-2.92a2.78 2.78 0 1 0 -5.56 0v2.92h-2v-2.92a4.78 4.78 0 1 1 9.56 0z"/><path d="m43.93 33.48h5.04v2h-5.04z"/><path d="m43.93 39.78h5.04v2h-5.04z"/><path d="m43.93 46.07h5.04v2h-5.04z"/><path d="m43.93 52.37h5.04v2h-5.04z"/></svg>');
    background-repeat: no-repeat;
    background-size: cover;
    width: 22px;
    height: 22px;
}

/* Fix chain selector position */
.mi-be-square .mi-be .mi-dropdown.is-open.open-down .mi-dropdown-layout, .mi-be-square  .mi-be-datepicker-select .DateRangePicker_picker.DateRangePicker_picker__openDown {
	top: inherit;
}
.mi-be-square .mi-be .mi-dropdown.open-left .mi-dropdown-layout:before, .mi-be-square .mi-be-datepicker-select .DateRangePicker_picker.DateRangePicker_picker__directionLeft:before, .mi-be-square .mi-be .mi-dropdown.open-left .mi-dropdown-layout:after, .mi-be-square .mi-be-datepicker-select .DateRangePicker_picker.DateRangePicker_picker__directionLeft:after {
	left: auto;
	right: 22px;
}

[data-role="pressable"] .l5vG4W_tiny{
	font-size: var(--mirai-ui-font-size-small);
}

/* ================================= */
/* CSS FOR NEW CLUB */
.elementor-sticky--effects [data-role="login"] [data-role="content"] {
  color: inherit;
}

[data-role="login"] [data-role="content"] /[data-role="login"]>[data-role="view"]>[data-role="content"] {
  color: var(--text-color__over-corporative-color);
}

.elementor-sticky--effects [data-mirai-component="session"] [data-role="content"] {
  color: var(--corporative-color);
}

@media (min-width: 768px) {
  [data-mirai-component="session"] [data-role="content"] {
      color: var(--text-color-over-corporative-color);
  }
}

[data-role="bookingquery"] [data-role="content"] {
  color: var(--text-colorover-corporative-color);
}

[data-mirai-component="signup"] {
  display: flex;
  justify-content: center;
}

[data-role="signup"] ui-input-option a {
  font-size: inherit !important;
}

ui-checkbox {
  font-size: var(--mirai-ui-font-size-paragraph);
  line-height: var(--mirai-ui-font-size-paragraph);
}

[data-mirai-component="profile"] input {
  background-color: var(--mirai-ui-input-background);
}

[data-mirai-component="session"] {
  line-height: var(--mirai-ui-font-size-paragraph);
/*   color: var(--mirai-ui-content); */
}
body:not(:has([data-mirai-component="rates"])):not(:has([data-mirai-component="checkout"])):not(:has([data-mirai-component="checkout"])) [data-mirai-component="session"]>ui-pressable[is="ui-pressable"]:not(:has(ui-menu[is="ui-menu"]))::before{
  content: '';
  display: inline-block;
  background: #fff center / contain no-repeat url(https://static-resources-elementor.mirai.com/wp-content/uploads/sites/470/icon-club.png);
  width: 16px;
  height: 16px;
  border-radius: 50%;
  box-shadow: 0px 0px 0px 5px #fff;
  position: relative;
  top: 3px;
  right: 8px;
  transition: font-size .3s ease-in-out;
}
[data-mirai-component="session"] .login{
  font-size: 0;
  transition: font-size .3s ease-in-out;
}

body[data-elementor-device-mode="desktop"] [data-mirai-component="session"]:hover .login {
  font-size: initial !important;
  transition: font-size .3s ease-in-out;
}
[data-elementor-type="header"]:has(.elementor-sticky--effects) [data-mirai-component="session"], 
[data-elementor-type="header"]:has(.elementor-sticky--effects) [data-mirai-component="session"] [data-role="content"] {
    color: var(--mirai-ui-base);
}
[data-mirai-component="session"] [data-role="view"] input {
    color: #000;
}
body[data-elementor-device-mode="mobile"]:has([data-mirai-component="session"] ui-modal[aria-hidden="false"]) .btn-book-mobile {
    z-index: 0;
}
/* Fixes rates*/
:root {
  --mirai-ui-accent: #3C3C3C !important;
  --mirai-ui-accent-dark: #1D1D1B;
  --mirai-header-accent:#D62347;
  --mirai-ui-button-background: #D62347;
  --mirai-ui-button-focus-color: #750000;
  --mirai-ui-switch-checked:#D62347;
  --mirai-ui-focus-color:#750000;
  --mirai-places-items-per-column: 16;
  --mirai-places-item-height: 28px;
}

body:has([data-mirai-component="rates"]) ui-finder~ui-button ui-text{
  background-color: var(--mirai-ui-button-background) !important;
}
body:has([data-mirai-component="rates"]) ui-finder~ui-button:hover ui-text{
	background-color:var(--mirai-ui-button-focus-color) !important;
}