/* Extracted CSS from es/index.php */

/* ROI Search Engine Styles */
:root {
  --background: #f8f8f8;
  --border-radius: 30px;
  --button-hover-bg-color: #2c5c73;
  --button-hover-text-color: #ffffff;
  --button-text-transform: uppercase;
  --calendar-month-text-transform: none;
  --calendar-nights-bg-color: #ffffff;
  --calendar-nights-text-color: #333333;
  --calendar-week-day-text-transform: none;
  --dates-label-text-transform: uppercase;
  --dates-month-text-transform: uppercase;
  --destination-input-border-bottom-width: 1px;
  --destination-input-border-color: #a1a199;
  --destination-input-border-width: 1px;
  --destination-input-text-color: #2c5c73;
  --destination-input-text-transform: uppercase;
  --destination-list-destiny-text-color: #2c5c73;
  --destination-list-hotel-text-color: #2c5c73;
  --destination-list-item-bg-color: #f8f8f8;
  --destination-list-item-hover-bg-color: #f8f8f8;
  --destination-list-item-hover-text-color: #2c5c73;
  --flight-background-color: #f0f0f0;
  --flight-text-color: #2c5c73;
  --loyalty-bg-color: #ffffff;
  --main: #db4446;
  --occupancy-icon-display: inline;
  --occupancy-icons-color: #263f4d;
  --occupancy-info-bg-color: #ffffff;
  --occupancy-info-icon-color: #263f4d;
  --occupancy-info-text-color: #263f4d;
  --occupancy-text-color: #263f4d;
  --occupancy-text-display: none;
  --offer-bg-color: #263f4d;
  --offer-text-color: #ffffff;
  --roi-overlay-color: #000000;
  --show-nights-tooltip: True;
  --text-color: #ffffff;
  --title-color: #263f4d;
  --widget-inputs-text-color: #2c5c73;
  --widget-inputs-text-transform: uppercase;
  --widget-labels-text-color: #2c5c73;
  --widget-labels-text-transform: uppercase;
  --widget-slogan-text-transform: uppercase;
}

:root {
  --engine-primary: #db4446;
  --button-bg-color: #db4446;
  --button-text-color: #ffffff;
  --widget-bg-color: #f8f8f8;
  --engine-primary-contrast: hsl(0, 0%, 553843.1372549024%);
  --dates-width: 100%;
  --promocode-color: #263f4d;
  --loyalty-border-radius: 30px;

  --roi-overlay-color: rgba(0, 0, 0, 0.8);

  --roi-calendar-nights-opacity: 0;
  --roi-calendar-nights-visibility: hidden;

  --roi-calendar-nights-opacity: 1;
  --roi-calendar-nights-visibility: visible;

  --loyalty-bg-color: rgba(255, 255, 255, 0.6);

  --svg-icon-destination: url('data:image/svg+xml,\ <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill="currentColor" d="M12 19.35q3.05-2.8 4.525-5.087T18 10.2q0-2.725-1.737-4.462T12 4Q9.475 4 7.738 5.738T6 10.2q0 1.775 1.475 4.063T12 19.35m0 1.975q-.35 0-.7-.125t-.625-.375Q9.05 19.325 7.8 17.9t-2.087-2.762q-.838-1.338-1.275-2.575T4 10.2q0-3.75 2.413-5.975T12 2q3.175 0 5.588 2.225T20 10.2q0 1.125-.437 2.363t-1.275 2.575Q17.45 16.475 16.2 17.9t-2.875 2.925q-.275.25-.625.375t-.7.125M12 12q.825 0 1.413-.587T14 10q0-.825-.587-1.412T12 8q-.825 0-1.412.588T10 10q0 .825.588 1.413T12 12"/></svg>');
  --svg-icon-hotel: url('data:image/svg+xml,\ <svg class="svg-roi svg-roi_hotel-thin" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M4.352 2.432c.5-.5 1.18-.782 1.888-.782h11.52a2.67 2.67 0 0 1 2.67 2.67v15.36a2.67 2.67 0 0 1-2.67 2.67H6.24a2.67 2.67 0 0 1-2.67-2.67V4.32c0-.708.281-1.387.782-1.888zm1.888.718a1.17 1.17 0 0 0-1.17 1.17v15.36a1.17 1.17 0 0 0 1.17 1.17h11.52a1.17 1.17 0 0 0 1.17-1.17V4.32a1.17 1.17 0 0 0-1.17-1.17H6.24z"/><path d="M7.41 7.2a.75.75 0 0 1 .75-.75h.01a.75.75 0 1 1 0 1.5h-.01a.75.75 0 0 1-.75-.75zm3.84 0a.75.75 0 0 1 .75-.75h.01a.75.75 0 0 1 0 1.5H12a.75.75 0 0 1-.75-.75zm3.84 0a.75.75 0 0 1 .75-.75h.01a.75.75 0 0 1 0 1.5h-.01a.75.75 0 0 1-.75-.75zm-7.68 3.84a.75.75 0 0 1 .75-.75h.01a.75.75 0 0 1 0 1.5h-.01a.75.75 0 0 1-.75-.75zm3.84 0a.75.75 0 0 1 .75-.75h.01a.75.75 0 0 1 0 1.5H12a.75.75 0 0 1-.75-.75zm3.84 0a.75.75 0 0 1 .75-.75h.01a.75.75 0 0 1 0 1.5h-.01a.75.75 0 0 1-.75-.75zm-4.26 4.75v5.81a.75.75 0 0 1-1.5 0v-5.04a.75.75 0 0 1-.636-1.337l.333-.23c.853-.59 1.932-.863 2.973-.863 1.042 0 2.12.273 2.972.863l.334.23a.75.75 0 0 1-.636 1.337v5.04a.75.75 0 0 1-1.5 0v-5.81a4.281 4.281 0 0 0-1.17-.16 4.28 4.28 0 0 0-1.17.16z"/></svg>');
  --svg-icon-category-hotel: url('data:image/svg+xml,\ <svg class="svg-roi svg-roi_star" width="28px" height="28px" viewBox="0 0 28 28" focusable="false" xmlns="http://www.w3.org/2000/svg"><path d="M27.932 10.72c.375 1.175-.924 1.924-.924 1.924l-6.496 4.722 2.499 7.645s.6 1.374-.4 2.098c-1 .725-2.099-.275-2.099-.275l-6.495-4.721-6.496 4.746s-1.124 1-2.123.275c-1-.724-.4-2.098-.4-2.098l2.498-7.645-6.52-4.747s-1.3-.75-.9-1.924C.451 9.546 1.95 9.696 1.95 9.696h8.045l2.448-7.645S12.768.602 13.992.602s1.549 1.45 1.549 1.45l2.473 7.644h8.044s1.5-.15 1.874 1.024z" fill-rule="nonzero" /></svg>');
  --svg-icon-category-apartment: url('data:image/svg+xml,\ <svg xmlns="http://www.w3.org/2000/svg" width="16" height="32" viewBox="0 0 24 24"><path fill="currentColor" d="M12.02 8.846q.768 0 1.307-.538q.538-.539.538-1.308t-.538-1.308q-.539-.538-1.308-.538t-1.307.538q-.539.539-.539 1.308t.539 1.308q.538.538 1.307.538m.012 13.23l-2.646-2.595l1.384-1.712l-1.442-1.827l1.192-1.557v-2.85q-1.338-.51-2.284-1.685Q7.288 8.675 7.288 7q0-2 1.366-3.365q1.365-1.366 3.365-1.366t3.366 1.366Q16.75 5 16.75 7q0 1.698-.958 2.864q-.957 1.167-2.273 1.67v9.043z"/></svg>');
  --svg-icon-interest-points: url('data:image/svg+xml,\<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 21 21"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M4.5 4.5h11l2 2l-2 2h-11a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1m12 7h-11l-2 2l2 2h11a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1m-6-3v3m0 4v3"/></svg>');
}

.roi-cal__day:hover:not(.roi-cal--unselectable),
.roi-cal__day:focus:not(.roi-cal--unselectable),
.roi-cal__close:hover,
.roi-cal__close:focus,
.roi-cal--selected,
.roi-cal--current:hover,
.roi-cal--current:focus,
.roi-cal--checkin,
.roi-cal--checkout,
.roi-cal--default:hover,
.roi-cal--default:focus {
  background: var(--calendar-active-color,
      var(--engine-primary, #4d4d4d));
  color: var(--calendar-active-text-color,
      var(--engine-primary-contrast, #ffffff));
}

.roi-cal__close {
  background: var(--calendar-active-color,
      var(--engine-primary, #4d4d4d));
  border-color: var(--calendar-active-color,
      var(--engine-primary, #4d4d4d));
  color: var(--calendar-active-text-color,
      var(--engine-primary-contrast, #ffffff));
}

.roi-cal--checkin::before,
.roi-cal--checkout::before {
  background: var(--calendar-active-color,
      var(--engine-primary, #4d4d4d));
}

.roi-cal--period::before,
.roi-cal--period+.js-calendar-hover:hover::before {
  background: var(--calendar-active-color,
      var(--engine-primary, #4d4d4d));
}

.roi-cal--checkout:hover .roi-cal__day--nights::after,
.roi-cal--checkout:hover .roi-cal__day--nights::before,
.show-nights:hover .roi-cal__day--nights::after,
.show-nights:hover .roi-cal__day--nights::before {
  opacity: var(--roi-calendar-nights-opacity, 0);
  visibility: var(--roi-calendar-nights-visibility, hidden);
}

.roi-cal__day .roi-cal__day--nights {
  --roi-calendar-nights-bg: var(--calendar-nights-bg-color);
  --roi-calendar-nights-color: var(--calendar-nights-text-color);
}

.roi-search-engine__field--calendar,
.roi-search-engine__destination,
.roi-search-engine__occupancy-breakdown,
.roi-cal,
.roi-cal__close {
  border-radius: 30px;
}

.roi-cal.no-modal {
  border-radius: 0 0 30px 30px;
}