/* ========== Monkey Widget – SIDEBAR (promo + buscador + mapa) ========== */

.sidebar{
  display:block;
}

/* ------- Promo naranja ------- */
.promo{
  background: var(--orange, #ff7f00);
  color:#fff;
  border-radius:6px;
  padding:12px 12px 14px;
  box-shadow:0 2px 6px rgba(0,0,0,.06);
}
.promo-title{
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.02em;
}
.promo-now{
  font-weight:700;
  margin:4px 0 6px;
}
.promo-price{
  display:flex;
  align-items:baseline;
  gap:10px;
}
.promo-room{
  font-size:12px;
  text-transform:uppercase;
  opacity:.95;
}
.promo-amount{
  font-size:28px;
  font-weight:900;
  letter-spacing:.5px;
}
.promo-per{
  font-size:12px;
  opacity:.95;
}
.btn-cta{
  width:100%;
  margin-top:8px;
  background: var(--blue, #003d76);
  color:#fff;
  border:none;
  border-radius:6px;
  padding:10px 12px;
  font-weight:700;
  cursor:pointer;
  box-shadow:0 2px 6px rgba(0,0,0,.12);
}
.btn-cta:hover{ filter:brightness(.97); }

/* ------- Buscador ------- */
.search-box{
  margin-top:12px;
  padding:0;
  overflow:hidden;
  box-shadow:0 1px 3px rgba(0,0,0,.04);
}
.search-title{
  font-weight:700;
  margin:0;
  color:#fff;
  background: var(--blue, #003d76);
  padding:10px 12px;
  letter-spacing:.02em;
}
.search-body{ padding:12px; }

label{ display:block; font-size:12px; margin:8px 0 4px; }
input[type="date"], select{
  width:100%;
  padding:8px;
  border:1px solid var(--border, #e5e7eb);
  border-radius:6px;
  background:#fff;
}
.grid-3{ display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }

.btn-search{
  width:100%;
  margin-top:10px;
  background: var(--orange, #ff7f00);
  color:#fff;
  border:none;
  border-radius:6px;
  padding:10px 12px;
  font-weight:800;
  cursor:pointer;
  box-shadow:0 2px 6px rgba(0,0,0,.12);
}
.btn-search:hover{ filter:brightness(.98); }

/* ------- Botón mapa ------- */
.btn-map{
  display:block;
  margin-top:12px;
  background:#eef6ff;
  color: var(--blue, #003d76);
  text-align:center;
  padding:10px;
  border-radius:6px;
  border:1px solid #cfe3ff;
  text-decoration:none;
  font-weight:700;
}
.btn-map:hover{ background:#e6f0ff; }

/* Responsive */
@media (max-width: 900px){
  .grid-3{ grid-template-columns:repeat(3, minmax(0,1fr)); }
}
@media (max-width: 560px){
  .grid-3{ grid-template-columns:1fr 1fr; }
  .grid-3 > :last-child{ grid-column:1 / -1; }
}