@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: 520px; /* 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 */
}

/* ==========================================================================
   CORRECCIÓN CONTROL DE CAPAS LEAFLET (Para PC y Móvil)
   ========================================================================== */
.leaflet-control-layers-list label {
  display: block !important;
  margin: 4px 0 !important;
  padding: 0 !important;
  text-align: left !important;
}

.leaflet-control-layers-list input {
  margin: 0 8px 0 0 !important;
  vertical-align: middle !important;
  display: inline-block !important; /* Evita que w3.css lo mande a otra línea */
}


/* ==========================================================================
   AJUSTES EXCLUSIVOS PARA MÓVIL (Pantallas 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 */
  }
}