@media (max-width: 1400px) {

  .quem__inner { gap: 2.5rem; } /* "Fale conosco" vira só ícone */

}
@media (max-width: 1200px) {

  .property-grid { grid-template-columns: repeat(2, 1fr); }

}
@media (max-width: 992px) {


  /* No mobile: avatar some e as opções de conta entram no hambúrguer */
  .account { display: none; }

  /* Seções em 1 coluna a partir de 992 */
  .quem__inner,
  .owners__inner,
  .litoral__inner { grid-template-columns: 1fr; }
  .quem__media { max-height: 420px; }
  .litoral__text { flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: space-between; }
  .experts { grid-template-columns: 1fr 1fr; }
  .expert__photo { aspect-ratio: 16 / 9; }

}
@media (max-width: 768px) {

  .hero { min-height: 78vh; }
  .search__row { grid-template-columns: 1fr auto; }

  /* Header compacto: só logo + tema + hambúrguer */
  .header__actions .btn--primary { display: none; }

  .section-head { flex-direction: column; align-items: flex-start; }
  .bairros__note { text-align: left; }
  .feedback__grid,
  .blog__grid { grid-template-columns: 1fr; }
  .owners { background-attachment: scroll; }
  .owners__pitch { order: 2; }
  .form-grid { grid-template-columns: 1fr; }
  .tile--wide { width: 300px; }
  .litoral .tile--wide { width: 260px; }
  .quem__stats { gap: 2rem; }

}
@media (max-width: 576px) {

  .hero { min-height: min(90vh, 680px); }
  .hero__inner { align-items: center; text-align: center; }
  .hero__title { font-size: clamp(1.85rem, 8vw, 2.4rem); max-width: 100%; }
  .hero__eyebrow { font-size: 0.68rem; text-align: center; }
  .hero__eyebrow::before, .hero__eyebrow::after { width: 1.25rem; }
  .search { padding: 0.8rem; }
  .search__row { grid-template-columns: 1fr; }
  .search__row .btn--square { width: 100%; height: 48px; }

  .property-grid { grid-template-columns: 1fr; }
  .experts { grid-template-columns: 1fr; }
  .expert__photo { aspect-ratio: 16 / 8; }
  .search__modes { flex-wrap: wrap; }

}
@media (max-width: 375px) {

  .search__modes { flex-wrap: wrap; }

}

