@charset "UTF-8";

/* ==========================================================================
   BKM - Busca de empreendimentos
   Figma 131:58 (simples) + 235:253 (completo)
   ========================================================================== */

.bkm-busca,
.bkm-busca * {
  box-sizing: border-box;
}
.bkm-busca {
  display: flex;
  align-items: center;
  gap: var(--space-20);
  width: 100%;
  margin: 0;
  padding: var(--space-30) var(--space-40);
  border: 0;
  border-radius: var(--border-radius-30);
  background-color: var(--color-white);
  box-shadow: var(--shadow-search);
  font-family: var(--font-family-albert-sans);
}
.bkm-busca p {
  margin: 0;
  padding: 0;
}
.bkm-busca__title {
  flex: 0 0 auto;
  max-width: 160px;
  margin: 0;
  font-family: var(--font-family-albert-sans);
  font-size: var(--font-size-title);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-100);
  letter-spacing: var(--letter-spacing-subtitle);
  color: var(--color-deep-navy-blue);
}
.bkm-busca__controls {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  gap: var(--space-20);
  min-width: 0;
}
.bkm-busca__fields {
  display: flex;
  flex: 1 1 auto;
  align-items: stretch;
  gap: var(--space-15);
  min-width: 0;
}
.bkm-busca__field {
  display: flex;
  flex: 1 1 0;
  min-width: 0;
  margin: 0;
}
.bkm-busca__select {
  display: block;
  width: 100%;
  min-height: var(--space-50);
  margin: 0;
  padding: var(--space-15) var(--space-50) var(--space-15) var(--space-20);
  border: 0;
  border-radius: var(--border-radius-15);
  background-color: var(--color-lightgray);
  background-image: url("../images/icons/icon-seta-baixo.svg");
  background-repeat: no-repeat;
  background-position: right var(--space-20) center;
  background-size: var(--space-20);
  appearance: none;
  -webkit-appearance: none;
  font-family: var(--font-family-albert-sans);
  font-size: var(--font-size-medium);
  font-weight: var(--font-weight-light);
  line-height: var(--line-height-150);
  letter-spacing: var(--letter-spacing-medium);
  color: var(--color-deep-navy-blue);
  cursor: pointer;
}
.bkm-busca__select:has(option[value=""]:checked),
.bkm-busca__select:disabled {
  color: var(--color-gray);
}
.bkm-busca__select:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}
.bkm-busca__select:focus {
  outline: 1px solid var(--color-serene-blue);
  outline-offset: 0;
}
.bkm-busca__submit {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  min-height: var(--space-50);
  margin: 0;
  padding: var(--space-15) var(--space-25);
  border: 0;
  border-radius: var(--border-radius-15);
  background-color: var(--color-serene-blue);
  font-family: var(--font-family-albert-sans);
  font-size: var(--font-size-medium);
  font-weight: var(--font-weight-light);
  line-height: var(--line-height-150);
  letter-spacing: var(--letter-spacing-medium);
  color: var(--color-white);
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  transition: background-color var(--transition-default);
}
.bkm-busca__submit:hover {
  background-color: var(--color-deep-navy-blue);
}

/* —— Completo —— */
.bkm-busca--completo {
  flex-direction: column;
  align-items: stretch;
  padding: var(--space-40);
}
.bkm-busca--completo .bkm-busca__title {
  max-width: none;
  flex: 1 1 auto;
}
.bkm-busca--completo .bkm-busca__fields {
  flex-wrap: nowrap;
}
.bkm-busca--completo .bkm-busca__field {
  flex: 1 1 0;
}
.bkm-busca__intro {
  display: flex;
  align-items: center;
  gap: var(--space-10);
  width: 100%;
}
.bkm-busca__hint {
  flex: 0 0 auto;
  max-width: 420px;
  margin: 0 0 0 auto;
  font-size: var(--font-size-small);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-150);
  letter-spacing: var(--letter-spacing-small);
  color: var(--color-serene-blue);
  text-align: right;
}
.bkm-busca__chips {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-10);
}
.bkm-busca__chip {
  display: inline-flex;
  align-items: center;
  margin: 0;
  padding: var(--space-10) var(--space-20);
  border: 0;
  border-radius: var(--border-radius-pill);
  background-color: var(--color-lightgray);
  font-family: var(--font-family-albert-sans);
  font-size: var(--font-size-medium);
  font-weight: var(--font-weight-light);
  line-height: var(--line-height-150);
  letter-spacing: var(--letter-spacing-medium);
  color: var(--color-deep-navy-blue);
  white-space: nowrap;
  cursor: pointer;
  transition: background-color var(--transition-default), color var(--transition-default);
}
.bkm-busca__chip:hover {
  background-color: var(--color-mist-gray);
}
.bkm-busca__chip.is-active {
  background-color: var(--color-deep-navy-blue);
  color: var(--color-white);
}
.bkm-busca__chip[hidden] {
  display: none;
}

.et-db .et-l .custom-section.hero .custom-content.hero-search:has(.bkm-busca) {
  background: transparent;
  padding: 0;
  box-shadow: none;
  gap: 0;
}

@media screen and (max-width: 980px) {
  .bkm-busca,
  .bkm-busca--completo {
    flex-direction: column;
    align-items: stretch;
    padding: var(--space-30) var(--space-20);
  }
  .bkm-busca__title {
    max-width: none;
  }
  .bkm-busca__intro {
    flex-direction: column;
    align-items: flex-start;
  }
  .bkm-busca__hint {
    max-width: none;
    margin: 0;
    text-align: left;
  }
  .bkm-busca__controls,
  .bkm-busca__fields {
    flex-direction: column;
    align-items: stretch;
    flex-wrap: wrap;
  }
  .bkm-busca--completo .bkm-busca__field {
    flex: 1 1 auto;
  }
  .bkm-busca__submit {
    width: 100%;
  }
}