/* ══════ MAPA ══════ */
.map-area { flex: 1; position: relative; }
#mapa { width: 100%; height: 100%; }
.map-empty { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; background: var(--bg); gap: .5rem; pointer-events: none; }
.map-empty .icon { font-size: 2.5rem; opacity: .25; }
.map-empty p { font-size: .82rem; color: var(--muted); }

/* ══════ LEAFLET ══════ */
.leaflet-popup-content-wrapper { background: var(--surface); border: 1px solid var(--border); border-radius: 8px; color: var(--text); }
.leaflet-popup-content { font-family: 'Inter', sans-serif; font-size: .78rem; margin: .6rem .8rem; }
.leaflet-popup-tip-container { display: none; }

.leaflet-tooltip.tooltip-nombre,
.leaflet-tooltip.tooltip-nombre-todos {
  background: rgba(22, 27, 34, 0.92);
  border: 1px solid var(--border);
  color: var(--text);
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  padding: 2px 7px;
  border-radius: 5px;
  box-shadow: 0 2px 6px rgba(0,0,0,.4);
  white-space: nowrap;
  pointer-events: none;
}
.leaflet-tooltip.tooltip-nombre { font-size: .72rem; }
.leaflet-tooltip.tooltip-nombre-todos { font-size: .65rem; opacity: .9; }
.leaflet-tooltip.tooltip-nombre::before,
.leaflet-tooltip.tooltip-nombre-todos::before { display: none; }