@media (min-width: 1220px) {.SearchLabel .fa{background:#bf5327;color:#fff}}.BoxHover:hover{box-shadow:1px 1px 10px #bf5327}.SearchBar .GreenButton .ui-button-text{background-color:#bf5327}.SiteTopBar{background-color:rgba(191,83,39,0.8)}:root{--color:#bf5327!important;--color-rotation:16.336720481424702deg!important;}.button, .button span.ui-button-text, .customButton span.ui-button-text{background-color:#bf5327!important;}@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,500;0,9..144,600;1,9..144,400&family=Jost:wght@400;500;600&display=swap');

/* ===== Villa Paula theme for Octorate Booking Engine =====
   Selectors are boosted (repeated classes / html-body prefixes) because
   Octorate's own theme stylesheets (style.min.css etc.) load AFTER this
   file and also use !important -- on an exact specificity tie the LAST
   loaded rule wins, so matching their specificity is not enough; we need
   to exceed it so the cascade order stops mattering. */

html body,
html body.SiteBackground.SiteBackground {
  background: #f6f0e3 !important;
  font-family: "Jost", "Century Gothic", "Futura", sans-serif !important;
  color: #241b12 !important;
}

html body h1, html body h2, html body h3, html body h4,
html body .monthTitle, html body .ui-selectonemenu-label {
  font-family: "Fraunces", "Times New Roman", Georgia, serif !important;
  font-weight: 500 !important;
  color: #241b12 !important;
}

html body a { color: #bf5327 !important; }
html body a:hover { color: #9c7a3c !important; }

/* Header bar */
html body header, html body .header {
  background: #fffcf5 !important;
  border-bottom: 1px solid rgba(36,27,18,0.15) !important;
}

/* ===== jQuery UI / PrimeFaces widget reset (covers buttons, dropdowns, inputs, panels across every page) ===== */
html body .ui-widget.ui-widget {
  font-family: "Jost", "Century Gothic", "Futura", sans-serif !important;
}
html body .ui-widget-header.ui-widget-header {
  background: #ece3d1 !important;
  border-color: rgba(36,27,18,0.15) !important;
  color: #241b12 !important;
}
html body .ui-state-default.ui-state-default,
html body .ui-widget-content.ui-widget-content {
  background: #fffcf5 !important;
  border-color: rgba(36,27,18,0.15) !important;
  color: #241b12 !important;
}
html body .ui-corner-all.ui-corner-all { border-radius: 2px !important; }

/* Buttons */
html body .ui-button.ui-button,
html body button.ui-button.ui-button,
html body .customButton.customButton {
  background: #bf5327 !important;
  border: 1px solid #bf5327 !important;
  color: #f6f0e3 !important;
  border-radius: 2px !important;
  font-family: "Jost", sans-serif !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  font-size: 0.82rem !important;
  box-shadow: none !important;
  transition: background .3s ease, border-color .3s ease;
}
html body .ui-button.ui-button:hover,
html body button.ui-button.ui-button:hover,
html body .customButton.customButton:hover {
  background: #9c7a3c !important;
  border-color: #9c7a3c !important;
  color: #fffcf5 !important;
}
html body .ui-button .ui-icon {
  filter: brightness(0) invert(1);
}
html body .GreenButton.GreenButton {
  background: #17233a !important;
  border-color: #17233a !important;
  color: #f6f0e3 !important;
}
html body .GreenButton.GreenButton:hover {
  background: #26385a !important;
  border-color: #26385a !important;
}

/* Selects / dropdowns (guests, month, currency, language) */
html body .ui-selectonemenu.ui-selectonemenu,
html body .ui-inputfield.ui-inputfield,
html body input[type="text"],
html body select {
  background: #fffcf5 !important;
  border: 1px solid rgba(36,27,18,0.28) !important;
  border-radius: 2px !important;
  color: #241b12 !important;
}

/* ===== Availability calendar ===== */
html body .calendar .days .pass,
html body ul.days li {
  background: #fffcf5 !important;
  border: 1px solid rgba(36,27,18,0.15) !important;
  border-radius: 2px !important;
  transition: border-color .25s ease;
}
html body .calendar .days .pass:hover,
html body ul.days li:hover {
  border-color: #bf5327 !important;
}
html body .datetheme2 p {
  font-family: "Jost", sans-serif !important;
  color: #5d5040 !important;
  text-transform: uppercase !important;
  font-size: 0.78rem !important;
  letter-spacing: 0.04em !important;
}
html body .datetheme2 big.font12,
html body big.font12 {
  font-family: "Fraunces", Georgia, serif !important;
  color: #bf5327 !important;
  font-weight: 500 !important;
}
html body .stay .nights p, html body .stay .checkin p, html body .stay p {
  color: #8a7c68 !important;
  font-family: "Jost", sans-serif !important;
}
html body .stay svg, html body .nights svg, html body .checkin svg,
html body .ui-selectonemenu-trigger svg {
  fill: #b9924e !important;
}

/* Room info / description panels */
html body .RoomInfo.RoomInfo, html body .RoomHeader.RoomHeader, html body .RoomTop.RoomTop {
  background: #f6f0e3 !important;
}

/* Footer strip ("Sistema de reservas seguras...") */
html body footer, html body .footer {
  background: #ece3d1 !important;
  color: #5d5040 !important;
}