@media (min-width: 1220px) {.SearchLabel .fa{background:#dabe82;color:#fff}}.BoxHover:hover{box-shadow:1px 1px 10px #dabe82}.SearchBar .GreenButton .ui-button-text{background-color:#dabe82}.SiteTopBar{background-color:rgba(218,190,130,0.8)}:root{--color:#dabe82!important;--color-rotation:41.856791236666886deg!important;}.button, .button span.ui-button-text, .customButton span.ui-button-text{background-color:#dabe82!important;}/* ============================
   ESTILOS TARJETAS - FONDO CLARO
============================ */

/* Fondo blanco en PC y móvil */
.octorate-room-card {
  background: #fff !important; /* blanco */
  border-radius: 12px !important;
  overflow: hidden !important;
  margin-bottom: 1.5rem !important;
}

/* ============================
   ESTILOS RESPONSIVE MOBILE
============================ */
@media (max-width: 768px) {
  /* Tarjeta de habitación en columna */
  .octorate-room-card {
    display: flex !important;
    flex-direction: column !important;
    background: #fff !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    margin-bottom: 1.5rem !important;
  }

  /* Imagen ocupa todo el ancho, con altura fija elegante */
  .octorate-room-card img {
    width: 100% !important;
    height: 250px !important; /* ajusta a 300px si quieres más grande */
    object-fit: cover !important;
    display: block !important;
  }

  /* Contenedor de información centrado */
  .octorate-room-card .room-info {
    display: flex !important;
    flex-direction: column !important;
    text-align: center !important;
    padding: 1rem !important;
    gap: 0.5rem !important;
  }

  /* Nombre de la habitación más destacado */
  .octorate-room-card .room-title {
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    margin-bottom: 0.5rem !important;
  }

  /* Fechas y detalles alineados en columna */
  .octorate-room-card .room-details {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 0.3rem !important;
  }

  /* Botones dorados grandes y centrados */
  .octorate-room-card .btn-availability,
  .octorate-room-card .btn-select-rate {
    background-color: rgb(212,175,55) !important; /* dorado metálico */
    color: #fff !important;
    border: none !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    font-size: 1rem !important;
    padding: 0.8rem 1rem !important;
    width: 100% !important;
    text-align: center !important;
    margin-top: 0.5rem !important;
    transition: background 0.3s ease;
  }

  .octorate-room-card .btn-availability:hover,
  .octorate-room-card .btn-select-rate:hover {
    background-color: rgb(184,152,48) !important;
  }

  /* Texto "No disponible" en gris */
  .octorate-room-card .not-available,
  .octorate-room-card .room-status-unavailable {
    color: #888 !important;
    font-weight: 500 !important;
  }
}