/* v0.34.1: estilos específicos del proveedor Leaflet.
   El layout general del workspace vive en mapa.css; este archivo contiene
   únicamente selectores propios del SDK Leaflet para facilitar una futura
   migración a MapLibre u otro proveedor. */

.leaflet-container {
  width: 100% !important;
  height: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  background: #dbe4ee !important;
  font-family: inherit;
}

.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
  position: absolute;
  left: 0;
  top: 0;
}

.leaflet-container {
  overflow: hidden;
  -webkit-tap-highlight-color: transparent;
}

.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
  user-select: none;
  -webkit-user-drag: none;
}

.leaflet-tile {
  width: 256px !important;
  height: 256px !important;
  max-width: none !important;
  max-height: none !important;
  border: 0 !important;
  padding: 0 !important;
}

.leaflet-tile-container,
.leaflet-zoom-animated {
  transform-origin: 0 0;
}

.leaflet-interactive {
  cursor: pointer;
}

.leaflet-grab {
  cursor: grab;
}

.leaflet-dragging .leaflet-grab {
  cursor: grabbing;
}

.leaflet-marker-pane {
  z-index: 600;
}

.leaflet-popup-pane {
  z-index: 700;
}

.leaflet-control-attribution,
body.page-mapa .leaflet-control-attribution {
  border-color: var(--map-overlay-border) !important;
  background: var(--map-overlay-bg) !important;
  color: rgba(15, 23, 42, 0.78) !important;
  box-shadow: var(--map-overlay-shadow) !important;
  border-radius: 10px 0 0 0;
  backdrop-filter: blur(var(--map-overlay-blur));
  -webkit-backdrop-filter: blur(var(--map-overlay-blur));
}

@media (max-width: 840px) {
  .map-shell.has-photo-tray .leaflet-control-scale {
    margin-bottom: 126px !important;
  }
}