#map {
  height: 500px;   /* Altura visible del mapa */
  width: 100%;     /* Ancho completo */
}

@media (max-width: 768px) {
  #map {
    height: 400px; /* Altura un poco menor en celular */
  }
}