@charset "utf-8";
/* Contenedor del mapa para controlar márgenes */
.map-riberia-container {
  margin: 1.5em 0 2.5em 0;
  width: 100%;
}

/* El mapa en sí */
#map-riberia {
  width: 100%;
  height: 400px; /* Altura ideal para interactuar en PC */
  border: 1px solid #e0e0e0;
  border-radius: 8px; /* Combinando con tus botones */
  box-shadow: 0 4px 12px rgba(0,0,0,0.05); /* Sombra suave elegante */
  z-index: 1; /* Evita que se superponga a menús desplegables de tu web */
}

/* Ajuste de altura automático para pantallas de móvil pequeñas */
@media (max-width: 768px) {
  #map-riberia {
    height: 300px; /* Un poco más bajo en móvil para que no ocupe toda la pantalla al hacer scroll */
  }
}