.property-search-wrap {
  position: absolute;
  bottom: 40px;
  left: 50%;
  transform: translateX(-50%);
  width: 92%;
  max-width: 1060px;
  z-index: 10;
}

/* Tabs */
.search-tabs { display: flex; }
.search-tabs .tab {
  padding: 10px 28px; font-size: 14px; font-weight: 600;
  border: 1px solid #dde; border-bottom: none;
  border-radius: 8px 8px 0 0; cursor: pointer; background: rgba(255,255,255,0.2); color: #fff;
}
.search-tabs .tab.active { background: #fff; color: ##902223; border-color: #e8eaf0; }

/* Search box */
.search-box {
  background: #fff; border-radius: 0 12px 12px 12px;
  padding: 14px 16px; display: flex; align-items: center;
  gap: 8px; flex-wrap: wrap;
  box-shadow: 0 4px 24px rgba(0,0,0,0.12);
  border: 1px solid #e8eaf0;
}
.search-box input[name="keyword"] {
  flex: 2; min-width: 120px; padding: 8px 4px;
  border: none; outline: none; font-size: 14px; color: #444;
}
.search-box input[name="keyword"]::placeholder { color: #aaa; }
.divider { width: 1px; height: 32px; background: #e0e0e0; flex-shrink: 0; }
.sel-wrap { flex: 1.2; min-width: 120px; }
.sel-wrap select { width: 100%; border: none; outline: none; font-size: 14px; color: #666; background: transparent; cursor: pointer; }

/* Advanced toggle */
.adv-toggle {
  display: flex; align-items: center; gap: 6px;
  padding: 0 10px; font-size: 14px; font-weight: 500;
  color: ##902223; background: transparent; border: none; cursor: pointer;
  flex-shrink: 0;
}

/* Buttons */
.btn-search {
  background: ##902223; color: #fff; border: none;
  border-radius: 8px; padding: 11px 26px;
  font-size: 15px; font-weight: 600; cursor: pointer;
}
.btn-search:hover { background: #1e2a45; }

/* Advanced panel */
.adv-panel {
  background: #fff; border: 1px solid #e8eaf0; border-top: none;
  border-radius: 0 0 12px 12px; max-height: 0; overflow: hidden;
  transition: max-height 0.35s ease, padding 0.25s;
  padding: 0 16px;
}
.adv-panel.open { max-height: 300px; padding: 16px 16px 20px; }

.adv-row {
  display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 10px;
}
.adv-row input, .adv-row select {
  flex: 1; min-width: 130px; padding: 9px 12px;
  border: 1.5px solid #d0d5e0; border-radius: 8px;
  font-size: 13px; color: #444; outline: none; box-sizing: border-box;
}
.adv-row input:focus, .adv-row select:focus { border-color: ##902223; }
.adv-row input::placeholder { color: #aaa; }

.btn-adv-search {
  flex: 2; min-width: 180px; background: #c0392b; color: #fff;
  border: none; border-radius: 8px; padding: 11px 20px;
  font-size: 14px; font-weight: 700; cursor: pointer;
}
.btn-adv-search:hover { background: #a93226; }

/* Botón Search Now */
.btn-search {
  background: #902223;
}
.btn-search:hover { background: #7a1b1c; }

/* Botón Buscar inmuebles */
.btn-adv-search {
  background: #902223;
}
.btn-adv-search:hover { background: #7a1b1c; }

/* Tab ACTIVO - blanco con texto oscuro */
.search-tabs .tab.active {
  background: #fff;
  color: #2d3a5c;
  border-color: #fff;
}

/* Tab INACTIVO - rojo con texto blanco */
.search-tabs .tab {
  background: #902223;
  color: #fff;
  border-color: #902223;
}