@media (min-width: 1220px) {.SearchLabel .fa{background:#8f8f8f;color:#fff}}.BoxHover:hover{box-shadow:1px 1px 10px #8f8f8f}.SearchBar .GreenButton .ui-button-text{background-color:#8f8f8f}.SiteTopBar{background-color:rgba(143,143,143,0.8)}:root{--color:#8f8f8f!important;--color-rotation:0.0deg!important;}.button, .button span.ui-button-text, .customButton span.ui-button-text{background-color:#8f8f8f!important;}/* VTZ Alojamientos - Estilo personalizado Motor de Reservas */

/* Tipografía */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap');

body, * {
  font-family: 'Outfit', 'Montserrat', sans-serif !important;
}

/* Colores principales */
:root {
  --vtz-gold: #C4A55A;
  --vtz-gold-light: #D4B96A;
  --vtz-dark: #0C1B33;
  --vtz-cream: #F2EBE0;
}

/* Header */
.headerBar, .header, #header {
  background-color: #0C1B33 !important;
}

/* Botones principales */
.ui-button, .btn-primary, .book-btn, .searchButton, 
button[type="submit"], .ui-button.ui-state-default,
.ui-datepicker-trigger {
  background-color: #C4A55A !important;
  border-color: #C4A55A !important;
  color: #FFFFFF !important;
  border-radius: 0 !important;
  transition: all 0.3s !important;
}

.ui-button:hover, .btn-primary:hover, .book-btn:hover,
button[type="submit"]:hover {
  background-color: #D4B96A !important;
  border-color: #D4B96A !important;
}

/* Links */
a, .ui-link {
  color: #C4A55A !important;
}
a:hover {
  color: #D4B96A !important;
}

/* Fondo general */
body {
  background-color: #F2EBE0 !important;
}

/* Cards de propiedades */
.propertyCard, .property-card, .resultCard, .card {
  border: none !important;
  box-shadow: 0 2px 15px rgba(0,0,0,0.08) !important;
  border-radius: 0 !important;
}

/* Precio */
.price, .totalPrice, .roomPrice {
  color: #0C1B33 !important;
  font-weight: 600 !important;
}

/* Barra de busqueda */
.searchBar, .search-bar, .filterBar {
  background-color: #0C1B33 !important;
}

/* Selects y inputs */
select, input[type="text"], input[type="number"], .ui-inputfield {
  border: 1px solid #E4D9CA !important;
  border-radius: 0 !important;
}

select:focus, input:focus, .ui-inputfield:focus {
  border-color: #C4A55A !important;
  box-shadow: 0 0 0 2px rgba(196,165,90,0.2) !important;
}

/* Footer del motor */
.footer, #footer {
  background-color: #0C1B33 !important;
}

/* Calendario */
.ui-datepicker {
  border: 1px solid #E4D9CA !important;
  border-radius: 0 !important;
}
.ui-datepicker .ui-datepicker-header {
  background-color: #0C1B33 !important;
  color: #FFFFFF !important;
}
.ui-datepicker td a.ui-state-active,
.ui-datepicker td a.ui-state-highlight {
  background-color: #C4A55A !important;
  color: #FFFFFF !important;
}

/* Boton Reservar en resultados */
.bookButton, .book-now, .reserveButton {
  background-color: #C4A55A !important;
  color: #FFFFFF !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  font-weight: 600 !important;
  padding: 12px 30px !important;
}
.bookButton:hover, .book-now:hover, .reserveButton:hover {
  background-color: #D4B96A !important;
}