/* ==========================================================================
   Feed de imóveis — cabeçalho, filtros e coluna
   (o card vive em property-card.css)
   ========================================================================== */

.feed {
  padding: 58px var(--section-px) 66px;
  background: var(--bg-soft);
}

.feed__eyebrow {
  text-align: center;
  margin-bottom: 9px;
}
.feed__title {
  text-align: center;
  margin: 0 0 11px;
}
.feed__subtitle {
  text-align: center;
  margin: 0 auto 28px;
  max-width: 470px;
}

/* ---- Filtros (chips) ---- */
.feed__filters {
  display: flex;
  gap: 10px;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 34px;
}
.feed__filter {
  background: #fff;
  color: #46566a;
  font: 500 13px var(--font-body);
  padding: 9px 17px;
  border-radius: var(--r-pill);
  border: 1px solid var(--line-3);
  cursor: pointer;
  transition: all 0.2s;
}
.feed__filter:hover {
  border-color: var(--brand);
  color: var(--brand);
}
.feed__filter.is-active {
  background: var(--brand);
  color: #fff;
  border-color: var(--brand);
  font-weight: 600;
}

/* ---- Coluna do feed (grid responsivo) ---- */
.feed__column {
  max-width: var(--content-max);
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 26px;
  align-items: stretch;
}

/* No grid o espaçamento vem do gap; zera a margem do card */
.feed__column .card {
  margin-bottom: 0;
}

.feed__load-more {
  grid-column: 1 / -1;
  width: 100%;
  background: #fff;
  color: var(--brand);
  font: 600 14.5px var(--font-head);
  padding: 15px;
  border-radius: var(--r-pill);
  border: 1.5px solid #d5e3f2;
  cursor: pointer;
  transition: all 0.2s;
}
.feed__load-more:hover {
  background: var(--brand-soft);
  border-color: var(--brand);
}

/* ---- Feed do Instagram (embeds lado a lado) ---- */
.feed__instagram {
  max-width: var(--content-max);
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(326px, 1fr));
  gap: 26px;
  align-items: start;
  justify-items: center;
}
.feed__instagram-item {
  width: 100%;
  display: flex;
  justify-content: center;
}
/* O blockquote do Instagram traz max-width:540px próprio; respeitamos. */
.feed__instagram-item .instagram-media {
  width: 100% !important;
}

@media (max-width: 768px) {
  .feed {
    padding: 44px 16px 50px;
  }
}