/* Componente mapa — Leaflet/OSM integrado ao tema dark da marca */
.mapa-wrapper {
  position: relative;
  border: 1px solid var(--cor-borda);
  border-radius: var(--raio-md);
  overflow: hidden;
}

#mapa-embed {
  width: 100%;
  height: clamp(18rem, 40vh, 28rem);
  background: var(--cor-superficie);
}

/* Tiles claros do OSM invertidos para o universo Deep Black da marca */
#mapa-embed .leaflet-tile-pane {
  filter: invert(1) grayscale(1) brightness(0.7) contrast(1.1);
}

/* Pino nas cores da marca (divIcon estilizado pelo mapa.js) */
.mapa-pino {
  width: 100%;
  height: 100%;
  border-radius: var(--raio-full);
  background: var(--gradiente-marca);
  box-shadow: 0 0 0 6px var(--cor-brilho);
}

#mapa-embed .leaflet-control-attribution {
  background: var(--cor-veu);
  color: var(--cor-texto-suave);
  font-family: var(--fonte-mono);
  font-size: var(--texto-xs);
}
#mapa-embed .leaflet-control-attribution a { color: var(--cor-texto-suave); }

.mapa-link {
  position: absolute;
  z-index: var(--z-flutuante);
  top: var(--espaco-sm);
  right: var(--espaco-sm);
  padding: var(--espaco-xs) var(--espaco-sm);
  background: var(--cor-veu);
  backdrop-filter: blur(8px);
  border: 1px solid var(--cor-borda);
  border-radius: var(--raio-full);
  color: var(--cor-texto);
}
.mapa-link:hover { color: var(--cor-destaque); }