/* Mapa Leaflet (§6.16): tiles desaturados cálidos, popup papel, atribución discreta. */

.leaflet-container {
  border: 1px solid var(--div-line);
  border-radius: var(--radius-sm);
  background: var(--div-bg-deep);
  font-family: var(--ff-ui);
}

/* Solo la capa de tiles: no afecta a marcadores ni popups. */
.leaflet-container .leaflet-tile-pane {
  filter: saturate(.6) sepia(.15);
}

/* ——— Popup papel de marca ——— */

.leaflet-popup-content-wrapper {
  background: var(--sl-paper);
  color: var(--sl-ink);
  border: 1px solid var(--sl-gold-line);
  border-radius: var(--radius-sm);
  box-shadow: var(--shadow-2);
}

.leaflet-popup-tip {
  background: var(--sl-paper);
  border: 1px solid var(--sl-gold-line);
  box-shadow: none;
}

.leaflet-popup-content {
  margin: var(--space-4) var(--space-5);
  font-family: var(--ff-text);
  font-size: var(--fs-small);
  line-height: 1.55;
  color: var(--sl-ink);
}

.leaflet-popup-content p {
  margin: 0 0 var(--space-2);
}

.leaflet-popup-content a {
  color: var(--sl-gold-deep);
}

.leaflet-container a.leaflet-popup-close-button {
  color: var(--sl-ink-soft);
  transition: color var(--dur-fast) var(--ease-out);
}

.leaflet-container a.leaflet-popup-close-button:hover,
.leaflet-container a.leaflet-popup-close-button:focus-visible {
  color: var(--sl-ink);
}

/* ——— Controles de zoom ——— */

.leaflet-bar {
  border: 1px solid var(--sl-gold-line);
  border-radius: var(--radius-sm);
  box-shadow: var(--shadow-1);
}

.leaflet-bar a {
  background: var(--sl-paper);
  color: var(--sl-ink);
  border-block-end-color: var(--sl-gold-line);
}

.leaflet-bar a:hover,
.leaflet-bar a:focus-visible {
  background: var(--sl-ivory);
  color: var(--sl-ink);
}

.leaflet-bar a.leaflet-disabled {
  background: var(--sl-ivory);
  color: var(--sl-ink-soft);
}

/* ——— Atribución discreta ——— */

.leaflet-control-attribution {
  padding: 2px 8px;
  background: color-mix(in srgb, var(--sl-paper) 82%, transparent);
  color: var(--sl-ink-soft);
  font-family: var(--ff-ui);
  font-size: .625rem;
  line-height: 1.6;
}

.leaflet-control-attribution a {
  color: inherit;
}