/* Mappa più piccola e centrata */
#map {
  width: 80%;
  margin: 0 auto;
  height: 70vh;
  max-height: 800px;
  min-height: 300px;
  border-radius: 20px;
}

/* Tablet e schermi medi */
@media (max-width: 1024px) {
  #map {
    height: 60vh;
    min-height: 280px;
  }
}

/* Smartphone orizzontale */
@media (max-width: 768px) {
  #map {
    height: 50vh;
    min-height: 240px;
  }
}

/* Smartphone verticale */
@media (max-width: 480px) {
  #map {
    height: 40vh;
    min-height: 200px;
  }
}