#map {
  width: 100%;
  height: 80vh;
  min-height: 500px;
  border-radius: 12px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
}

/* ⚙️ Comportamento responsivo */
@media (max-width: 992px) {
  #map {
    width: 100%;
    height: 60vh;             /* um pouco menor em telas pequenas */
    margin-top: 15px;         /* separação entre lista e mapa */
  }
}