body {
  font-family: 'Poppins', sans-serif;
  background-color: #EBF5EC;
  padding-top: 80px; /* Espacio para el navbar */
}

.map-container {
  max-width: 1000px;
  margin: 0 auto 60px auto;
  background-color: #fff;
  padding: 20px;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  z-index: 0;
}

#map {
  height: 500px;
  width: 100%;
  border-radius: 8px;
  z-index: 0;
}

/* Evita que los botones del mapa se superpongan al navbar */
.leaflet-top.leaflet-left {
  margin-top: 80px; /* igual al padding-top */
  z-index: 400;
}