:root {
  --color_general_links: #5e5449;
  --color_general_hover_links: #000000;
  --bgcolor_action_btn: #5e5449;
  --color_action_btn: #ffffff;
  --bgcolor_action_hover_btn: #000000;
  --color_action_hover_btn: #ffffff;
  --color_info_icons: #5e5449;
  --bgcolor_selected_dates: #5e5449;
  --color_selected_dates: #ffffff;
  --bgcolor_last_selected_day: #000000;
  --color_last_selected_day: #ffffff;
  --color_promocode_description: #000000;
  --bgcolor_promocode_switch: #ffffff;
  --bgcolor_promocode_dot_switch: #5e5449;
  --bgcolor_promocode_active_switch: #5e5449;
  --bgcolor_promocode_dot_active_switch: #000000;
  --text_preheader: #5e5449;
  --bg_header: #fcf9f2;
  --bg_engine: #fcf9f2;
  --hotel_font: 'Open Sans';
  --corporative-color: #5e5449;
  --corporative-text-color: #000000;
  --text-color__over-corporative-color: #eee;
  --border-radius: 0px
}

.bookingstep #logo a, .club #logo a, .mi-chain_results #logo a {
  background: url(https://casafaraona.com/assets/logo-casafaraona.png)no-repeat;
  height: 120px;
  /* Alex */
  display: none;
}

:root {
  --mirai-ui-accent: var(--color_general_links);
  --mirai-ui-button-background: var(--color_general_links)
}

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

[data-mirai-engine=mirai_be] .mi-be-chain-select .mi-be-chain-field label {
  width: 150px
}

[data-mirai-engine=mirai_be] .mi-be-datepicker-select .DateRangePickerInput .DateInput {}

[data-mirai-engine=mirai_be] .mi-be-multiroom-select .mi-be-multiroom-field label {}

[data-mirai-engine=mirai_be] .mi-be-promo-field label input {}

[data-mirai-engine=mirai_be] .mi-be-chain-select .mi-be-chain-dropdown {
  width: 250px
}

body.bookingstep {
  margin: 0;
  font-family: var(--hotel_font), Arial
}

body.bookingstep [data-mirai-engine=mirai_be], body.club [data-mirai-engine=mirai_be] {
  background: var(--bg_engine);
  padding-bottom: 10px
}

[data-mirai-engine=mirai_be] .mi-be {
  background: 0 0;
  font-size: 14px;
  color: #3d3d3d
}

[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: 10px;
  background-color: #fff;
  margin-right: 5px
}

[data-mirai-engine=mirai_be] .mi-dropdown .mi-dropdown-button label, [data-mirai-engine=mirai_be] .mi-be-datepicker-select .DateRangePickerInput .DateInput .DateInput_input, [data-mirai-engine=mirai_be] .mi-be-promo-field label input, [data-mirai-engine=mirai_be] .mi-be-book-btn {
  line-height: 50px;
  height: 50px
}

[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: var(--color_info_icons)
}

[data-mirai-engine=mirai_be] .mi-be-datepicker-select .DateRangePickerInput .DateRangePickerInput_arrow svg {
  fill: #999
}

[data-mirai-engine=mirai_be] .mi-be .mi-dropdown .mi-dropdown-button .mi-ico-arrow-down-dark {
  color: #999
}

tr .CalendarDay__default:hover, tr [class*=CalendarDay__selected], tr .CalendarDay__hovered_span, tr .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: var(--bgcolor_selected_dates);
  color: var(--color_selected_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
}

tr .CalendarDay__selected_end, tr .CalendarDay__selected_end:hover {
  background-color: var(--bgcolor_last_selected_day);
  color: var(--color_last_selected_day)
}

[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: var(--bgcolor_action_btn);
  color: var(--color_action_btn);
  border-radius: 0;
  border: 0;
  -webkit-transition: .3s all;
  transition: .3s all
}

[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: var(--bgcolor_action_hover_btn);
  color: var(--color_action_hover_btn)
}

.mi-s-color-link, .mi-be-multiroom-footer-confirm, .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: var(--color_general_links)
}

.mi-s-color-link:hover, .mi-be-multiroom-footer-confirm: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: var(--color_general_hover_links)
}

.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: var(--color_general_links) !important
}

.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: var(--color_general_links) !important
}

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: var(--color_general_links)
}

.mi-rs.loading .mi-loading .mi-loading-scope .mi-loading-icon div {
  border-color: var(--color_general_links)transparent var(--color_general_links)transparent
}

.mi-be-square {
  display: inline-block;
  max-width: 100%;
  text-align: center
}

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

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

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

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

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

.mi-be-square .mi-be .mi-dropdown .mi-dropdown-button .mi-ico-arrow-down-dark {
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -7px
}

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

body.bookingstep .mibe-engine-content, body.club .mibe-engine-content {
  background: var(--bg_engine);
  padding-top: 10px
}

.mibe-promo-button {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 1200px;
  margin: 0 auto;
  padding-bottom: 10px;
  text-decoration: none
}

.mibe-promo-button, .mibe-promo-button:hover {
  color: var(--color_promocode_description)
}

.mibe-promo-button>* {
  pointer-events: none
}

.mibe-promo-button span:not(:only-of-type) {
  display: none
}

.mibe-promo-switch {
  display: block;
  width: 28px;
  height: 14px;
  float: left;
  border-radius: 14px;
  border: solid 1px #000;
  margin: 2px 0 0 10px;
  position: relative;
  background-color: var(--bgcolor_promocode_switch);
  transition: .3s ease
}

.mibe-promo-switch::after {
  content: '';
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  width: 14px;
  height: 14px;
  background-color: var(--bgcolor_promocode_dot_switch);
  border-radius: 100%;
  transition: .3s ease
}

.mibe-promo-button.mibe-active .mibe-promo-switch {
  background-color: var(--bgcolor_promocode_active_switch)
}

.mibe-promo-button.mibe-active .mibe-promo-switch::after {
  left: calc(100% - 14px);
  background-color: var(--bgcolor_promocode_dot_active_switch)
}

@media(min-width:768px) and (max-width:1200px) {
  div:not(.mi-be-square)>[data-idchain] .mi-be-chain-field, div:not(.mi-be-square)>[data-idchain] .DateRangePickerInput, div:not(.mi-be-square)>[data-idchain] .mi-be-multiroom-field {
    display: flex;
    align-items: center;
    justify-content: space-between
  }

  div:not(.mi-be-square)>[data-idchain] .mi-be-chain-field, div:not(.mi-be-square)>[data-idchain] .DateRangePickerInput, div:not(.mi-be-square)>[data-idchain] .mi-be-multiroom-field {
    width: 330px
  }

  div:not(.mi-be-square)>[data-idchain] .DateRangePickerInput {
    margin-right: 0
  }

  div:not(.mi-be-square)>[data-idchain] .mi-be-multiroom-field, div:not(.mi-be-square)>[data-idchain] .mi-be-promo-field, div:not(.mi-be-square)>[data-idchain] .mi-be-book-btn {
    margin-top: 5px
  }

  div:not(.mi-be-square)>[data-idchain] .mi-be-promo-field input, div:not(.mi-be-square)>[data-idchain] .mi-be-book-btn {
    width: 140px
  }
}

@media(min-width:768px) and (max-width:980px) {
  div:not(.mi-be-square)>[data-idchain] .mi-be-multiroom-field {
    width: 280px
  }

  div:not(.mi-be-square)>[data-idchain] .mi-be-promo-field input, div:not(.mi-be-square)>[data-idchain] .mi-be-book-btn {
    width: 164px
  }
}

@media(min-width:768px) {
  #header>[data-mirai-engine=mirai_cl] {
    border-bottom: 1px solid var(--text_preheader);
    background-color: #fcf9f2 !important
  }

  #header>[data-mirai-engine=mirai_cl]>div:not(:empty) {
    display: flex;
    justify-content: flex-end;
    max-width: 1200px;
    margin: 0 auto;
    padding: 10px 15px;
    background-color: #fcf9f2 !important
  }

  #header>[data-mirai-engine=mirai_cl] button:not(.mi-s-color-link) {
    color: var(--text_preheader);
    background-color: #fcf9f2 !important
  }
}

@media(max-device-width:767px) {
  div[data-mirai-engine=mirai_be][data-device=mobile] {}

  [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)
  }
}

.bookingstep #header, .club #header, .mi-chain_results #header {}

.bookingstep #logo, .club #logo, .mi-chain_results #logo {
  margin: 0 auto;
  max-width: 500px;
  padding: 5px 0;
  /* Alex */
  display: none;
}

.bookingstep #logo a, .club #logo a, .mi-chain_results #logo a {
  /* Alex */
  display: none;
  margin: 0 auto;
  max-width: 70%;
  background-size: contain;
  background-position: 50%;
  width: 100%
}

body {
  background-color: #fcf9f2 !important
}

#m-chain-result-wrapper {
  padding-top: 30px
}

body.club {
  font-family: sans-serif
}

.club-column .club-advantages {
  text-align: center
}

.club-column .club-advantages ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  flex-wrap: wrap
}

.club-column .club-advantages li {
  padding: 10px 20px 10px 0;
  width: 25%;
  text-align: left;
  box-sizing: border-box
}

.club-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center
}

.club-row .club-advantages {
  padding: 60px 20px 20px
}

[data-mirai-engine=mirai_rs] .container {
  margin: 0 auto;
  box-sizing: border-box;
  max-width: 1200px;
  padding-left: 10px;
  padding-right: 10px
}

.club-row .club-advantages, .club-row .signup-form {
  width: 100%
  /* width: 50% */
}

.club-row .club-advantages ul {
  text-align: left;
  padding: 10px;
  line-height: 23px
}

.club-advantages li {
  list-style: disc;
  padding-bottom: 5px
}

.club-row .club-advantages li {
  margin-left: 10px
}

@media(max-width:979px) {
  .club-column .club-advantages li {
    width: 50%
  }
}

@media(max-width:767px) {
  .club-row {
    flex-direction: column
  }

  .club-row .club-advantages, .club-row .signup-form, .club-column .club-advantages li {
    width: 100%
  }
}

.translated-content>* {
  display: none
}

.translated-content.es>[class*=-es], .translated-content.en>[class*=-en], .translated-content.fr>[class*=-fr], .translated-content.de>[class*=-de], .translated-content.it>[class*=-it], .translated-content.pt>[class*=-pt], .translated-content.pl>[class*=-pl], .translated-content.ru>[class*=-ru], .translated-content.jp>[class*=-jp], .translated-content.ca>[class*=-ca], .translated-content.da>[class*=-da], .translated-content.sv>[class*=-sv], .translated-content.nl>[class*=-nl], .translated-content.zh>[class*=-zh], .translated-content.tr>[class*=-tr], .translated-content.fl>[class*=-fl], .translated-content.no>[class*=-no], .translated-content.cs>[class*=-cs], .translated-content.ar>[class*=-ar], .translated-content.eu>[class*=-eu], .translated-content.hu>[class*=-hu], .translated-content.el>[class*=-el] {
  display: block
}