/* ---------------------------------------------------------------------------
   nesos-mapa.css — Mapa del bloque «Contacto y mapa» (nucleo, v0.1.13).

   La emite el motor SOLO en las paginas que pintan ese bloque, DESPUES de
   leaflet.css: el orden importa, porque esta hoja reescribe .leaflet-container
   (tipografia y fondo). Al reves, gana Leaflet y el mapa se ve con la fuente
   y el gris que trae de serie.

   Solo usa tokens --n-* (§21.5), con respaldo neutro.
   --------------------------------------------------------------------------- */

.n-mapa {
  width: 100%;
  /* La altura se fija AQUI, no en JS: el hueco existe desde el primer pintado
     y la pagina no salta cuando Leaflet toma el control. */
  height: 22rem;
  border: 1px solid var(--n-linea, #dfe3e8);
  border-radius: var(--n-radio, 6px);
  overflow: hidden;
  background: #fff;
}
@media (max-width: 40rem) { .n-mapa { height: 17rem; } }

.n-mapa .leaflet-container,
.n-mapa.leaflet-container { font: inherit; background: #fff; }
.n-mapa .leaflet-control-attribution { font-size: .7rem; background: rgb(255 255 255 / .85); }
.n-mapa a { color: var(--n-acento, #2f6f8f); }
.n-mapa .leaflet-popup-content { margin: .7rem .9rem; font-size: .95rem; color: var(--n-texto, #1f2233); }

.n-mapa-aviso {
  margin: 0;
  padding: 2.5rem 1.25rem;
  text-align: center;
  font-size: .9rem;
  color: var(--n-suave, #5b6275);
}