/* Sin esto, los paneles internos de Leaflet (tiles, controles, popups) pueden
   quedar por encima de elementos con z-index propio en la pagina, como el
   navbar fijo, al hacer scroll. Fijar z-index (en vez de dejarlo en auto)
   crea un nuevo contexto de apilamiento que contiene todo lo de Leaflet. */
.leaflet-container {
  z-index: 0;
}

.marker-pin {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 9999px;
  background: linear-gradient(135deg, #0d9488, #115e59);
  color: #fff;
  font-size: 16px;
  box-shadow: 0 6px 16px -4px rgba(15, 118, 110, 0.55);
  border: 2px solid #fff;
}

.marker-pin-user {
  background: linear-gradient(135deg, #f59e0b, #b45309);
}

::-webkit-scrollbar { height: 8px; width: 8px; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 9999px; }