@media (min-width: 1220px) {.SearchLabel .fa{background:#178fa7;color:#fff}}.BoxHover:hover{box-shadow:1px 1px 10px #178fa7}.SearchBar .GreenButton .ui-button-text{background-color:#178fa7}.SiteTopBar{background-color:rgba(23,143,167,0.8)}:root{--color:#178fa7!important;--color-rotation:188.94827556462707deg!important;}.button, .button span.ui-button-text, .customButton span.ui-button-text{background-color:#178fa7!important;}/* ============================================================
   ABAL PLACES · Personalización Booking Engine Octorate
   Nivel 1 · Estética de marca
   Pegar en: Octorate → Booking Engine EVO → Style and graphic → CSS
   ------------------------------------------------------------
   Paleta:
     piedra      #F5F3EF   (fondo principal)
     piedra-2    #F0EDE6
     piedra-3    #EAE6DC
     tinta       #2F2F2F   (texto / botones)
     tinta-suave #6E6A62
     blanco      #FBFAF7
     línea       #CFC8BF
   Tipos: Cormorant Garamond (títulos) · Inter (texto)
   ============================================================ */

/* ---- Tipografía base ---- */
body, .FontBold, .customButtonGreen, section.room div.options .row .action a.button,
.customSelect, .customSelect select, .slct select, .slct select option {
  font-family: 'Inter', system-ui, sans-serif !important;
}
h1, h2, h3, h4, h6, .RoomHeader, .rate-name {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
}

/* ---- Fondo y color de texto global ---- */
body {
  background-color: #F5F3EF !important;
  padding: 0 !important;
  color: #2F2F2F !important;
}
h1, h2, h3, h4, h6, .RoomInfo, .Blue, .row span strong,
section.room div.details .view .box strong, .MarRight5 { color: #2F2F2F !important; }

h1 { font-weight: 500 !important; font-size: 2.6rem !important; }

/* ---- Cabecera / fechas ---- */
header .information { display: none !important; }
#iconDiv .information { display: block !important; }
header .datetheme2 { margin: 20px 0 0 !important; }
header .datetheme2 label, .customDate input, .customSpan,
section.room div.offert .box strong { color: #2F2F2F !important; }

/* ---- Tipografía de precios / negritas ---- */
.MarRight5, section.confirm div.content .total, .rowSection1 .flex .name>h4 {
  font-weight: 500 !important; font-size: 2rem !important;
}
.FontBold {
  font-family: 'Inter', system-ui, sans-serif !important;
  font-weight: 600 !important; font-size: 1.2rem !important;
  text-transform: uppercase; letter-spacing: 0.12em;
}
span.Orange.FontBold { padding: 6px 10px; letter-spacing: .5px; color: #6E6A62 !important; }
span.Green.FontBold {
  padding: 6px 10px; border: 1px solid #2F2F2F; border-radius: 4px; letter-spacing: .5px;
  color: #2F2F2F !important;
}

/* ---- Ocultar la portada/foto genérica de Octorate ---- */
section.cover .picture, section.cover .picture img, footer .flex-auto { display: none !important; }
section.cover div.information { background-color: transparent !important; box-shadow: none !important; }

/* ---- Tarjetas de habitación ---- */
section.room div.details span.offers {
  background-color: #2F2F2F !important; color: #FBFAF7 !important;
}
h1, .RoomHeader, section.room div.offert .box .price,
section.room div.options .row .action .price { color: #2F2F2F !important; }

section.room div.offert .box .price sup, section.room div.options .row .action .price sup { color: #2F2F2F !important; }
section.room div.offert .box .price p sup, section.room div.options .row .action .price p sup {
  color: #6E6A62 !important; font-weight: 400 !important;
}

/* ---- Botones (hover = inversión tinta, igual que la web) ---- */
section.room div.offert .button:hover,
.customButtonGreenOffert:hover, .customButtonGreenOffert.ui-state-hover,
.customButtonGreenOffert.ui-state-hover .ui-button-text,
section.room div.options .row .action a.button:hover,
.customButtonGreen.ui-state-hover, .customButtonGreen.ui-state-hover .ui-button-text {
  background-color: #2F2F2F !important; color: #FBFAF7 !important;
}
.customButtonGreenOffert span.ui-button-text, .customButtonGreen span.ui-button-text,
section.room div.details .offers {
  background-color: #2F2F2F !important; color: #FBFAF7 !important;
}

/* ---- Filas de opciones / tarifas ---- */
section.room div.options .row {
  background-color: #FBFAF7 !important;
  border-left: 4px solid #2F2F2F !important;
}
.shortDesc, section.room div.details.big p {
  margin-top: 10px; font-size: 1.4rem !important; color: #2F2F2F !important; font-weight: 400 !important;
}
section.room div.offert .box .old p { color: #a31518 !important; }
.RoomHeader button { margin-right: 0 !important; border: 10px solid #F5F3EF; }
.RoomBottom li {
  list-style: square; font-size: 1.4rem !important;
  font-family: 'Inter', system-ui, sans-serif !important;
}
section.room div.details .getinfo { margin-top: 10px !important; }
section.room div.offert .box {
  text-align: right !important; margin: 10px !important;
  background-color: #FBFAF7 !important; border-color: #EAE6DC !important; padding-top: 0 !important;
}

/* ---- Selects ---- */
section.room div.options .row .action .slct { border: 1px solid #2F2F2F !important; }
.ui-selectonemenu-trigger.ui-state-default.ui-corner-right { background-color: #2F2F2F !important; }

/* ---- Barra de notificación ---- */
.ui-notificationbar { background-color: #2F2F2F !important; display: none !important; }

/* ---- Confirmación / checkout ---- */
section.confirm div.content .total, section.confirm div.content .total strong, .Leaden,
#checkPrivacy span, .checkout span.Orange.FontBold {
  color: #2F2F2F !important; font-size: 15px !important; margin-right: 0 !important;
}
.checkout .customInput input, .checkout .customInput label, .checkout .customInput.ui-inputfield {
  color: #2F2F2F !important; border: 1px solid #2F2F2F !important;
}
.checkout .selectOneMenuTheme2 div.ui-selectonemenu-trigger, .checkout .selectOneMenuTheme2 label,
.checkout .ui-selectonemenu label.ui-selectonemenu-label { border: 1px solid #2F2F2F !important; }
#checkPrivacy .ui-chkbox-box { border: 1px solid #2F2F2F !important; }
.ui-dialog .ui-dialog-titlebar { background-color: #2F2F2F !important; text-transform: uppercase; }

/* ---- Tablas / calendario ---- */
.customDayCalendarAvailable { background-color: #FBFAF7 !important; color: #2F2F2F; border-color: #EAE6DC; }
.ui-datatable table thead tr th, .ui-datatable table tfoot tr td {
  background-color: #FBFAF7 !important; color: #2F2F2F; border-color: #EAE6DC;
}
.ui-datatable .ui-datatable-even, .roomPaxTable.ui-datatable .ui-datatable-odd { background-color: #F0EDE6 !important; }
.ui-button-text, .ui-button-icon-left { background-color: #2F2F2F !important; color: #FBFAF7; }
.ui-inputfield { background-color: #FBFAF7 !important; color: #2F2F2F; border-color: #EAE6DC; }
.ui-selectonemenu-panel tr.ui-state-highlight td { background-color: #2F2F2F !important; color: #FBFAF7; }
#prefix_table { background-color: #FBFAF7; }
.ui-selectonemenu-panel .ui-selectonemenu-table td { color: #2F2F2F; }

/* ---- Datepicker (responsive) ---- */
@media only screen and (max-width: 1450px) {
  .ui-datepicker-calendar, .ui-datepicker-calendar thead tr th, .ui-datepicker-header,
  .ui-overlaypanel .ui-overlaypanel-content, .ui-selectonemenu-panel .ui-selectonemenu-list,
  .ui-selectcheckboxmenu .ui-selectcheckboxmenu-list {
    background-color: #FBFAF7 !important; color: #2F2F2F !important;
    font-family: 'Inter', system-ui, sans-serif; font-size: 1.6rem;
  }
  .ui-datepicker-header .ui-datepicker-next, .ui-datepicker-header .ui-datepicker-prev,
  .ui-selectonemenu-panel .ui-state-highlight, .ui-selectcheckboxmenu-panel .ui-state-highlight {
    background-color: #2F2F2F !important;
  }
  .ui-datepicker-calendar tbody tr td a, .ui-datatable table tbody tr td { color: #2F2F2F !important; }
  .ui-datepicker-calendar tbody tr td { border-color: #EAE6DC !important; }
  .ui-accordion-header {
    background-color: #F0EDE6 !important; color: #2F2F2F !important;
    text-transform: uppercase; font-weight: 600 !important; font-size: 1.5rem !important;
  }
  .ui-chkbox, .ui-chkbox-box { border-color: #2F2F2F !important; }
}

/* ---- Inside iframe (si se incrusta) ---- */
body.inside-iframe { background: #F5F3EF !important; }
body.inside-iframe .SiteHeader { display: none; }
body.inside-iframe .customHeaderLeft, body.inside-iframe .emai, body.inside-iframe .website { display: none !important; }
section.checkout, section.relative, section.room { margin: 0 !important; }