/* ==========================================================================
   CEPC · Sitio público
   mapa-dibujo.css — Colores del dibujo del mapa (suelo, calles, edificios,
   etiquetas). Lo usan la página del mapa y la miniatura de la portada.

   Estilo de mapa sobrio, en grises fríos; el azul del logo marca sólo lo
   seleccionado y la ruta.
   ========================================================================== */

:root,
:root[data-tema='claro'] {
  --mapa-suelo: #f2f3f6;
  --mapa-calle: #ffffff;
  --mapa-calle-borde: #e1e4ea;
  --mapa-plaza: #e2eee3;
  --mapa-terreno: #e9ecf1;
  --mapa-edificio: #d9dee7;
  --mapa-edificio-borde: #c3cad6;
  --mapa-edificio-hover: #ccd3df;
  --mapa-espacio: #e0e9df;
  --mapa-patio: #c7cdd8;
  --mapa-texto: #4a5060;
  --mapa-texto-calle: #8a909c;
  --mapa-zona: #e4e8ef;
  --mapa-pasillo: #eef1f5;
  --mapa-social: #ece4f5;
}

:root[data-tema='oscuro'] {
  --mapa-suelo: #121318;
  --mapa-calle: #22242c;
  --mapa-calle-borde: #2a2c35;
  --mapa-plaza: #1b2620;
  --mapa-terreno: #181a20;
  --mapa-edificio: #2b2e38;
  --mapa-edificio-borde: #3a3e4a;
  --mapa-edificio-hover: #363a46;
  --mapa-espacio: #1f2a22;
  --mapa-patio: #343843;
  --mapa-texto: #c4c7d0;
  --mapa-texto-calle: #7d818c;
  --mapa-zona: #32353f;
  --mapa-pasillo: #3a3d48;
  --mapa-social: #2e2a3a;
}

.mapa-svg {
  display: block;
  font-family: var(--fuente);
}

.mapa-suelo {
  fill: var(--mapa-suelo);
}

.mapa-calles rect {
  fill: var(--mapa-calle);
  stroke: var(--mapa-calle-borde);
  stroke-width: 1;
}

.mapa-calles .mapa-plaza {
  fill: var(--mapa-plaza);
  stroke: none;
}

.mapa-terrenos > * {
  fill: var(--mapa-terreno);
}

.mapa-patios line {
  stroke: var(--mapa-patio);
  stroke-width: 1.4;
  stroke-linecap: round;
}

.mapa-edificio polygon {
  fill: var(--mapa-edificio);
  stroke: var(--mapa-edificio-borde);
  stroke-width: 1;
  stroke-linejoin: round;
  transition: fill 0.2s var(--ease-suave);
}

.mapa-edificio--espacio polygon {
  fill: var(--mapa-espacio);
}

/* Espacios para juntarse (Ebria) con un tinte lila suave. */
.mapa-edificio[data-edificio='ebria'] polygon {
  fill: var(--mapa-social);
}

/* Zonas interiores (Biblioteca, Hall Sur) y el pasillo central. */
.mapa-edificio .mapa-zona {
  fill: var(--mapa-zona);
  stroke: var(--mapa-edificio-borde);
  stroke-width: 0.8;
}

.mapa-edificio .mapa-zona--pasillo {
  fill: var(--mapa-pasillo);
  stroke: none;
}

.mapa-etiquetas .mapa-etiqueta--zona {
  font-weight: 500;
  fill: var(--mapa-texto-calle);
}

.mapa-etiquetas text,
.mapa-nombres-calles text {
  fill: var(--mapa-texto);
  font-size: 11px;
  font-weight: 600;
  text-anchor: middle;
  dominant-baseline: central;
  letter-spacing: -0.01em;
  pointer-events: none;
}

.mapa-nombres-calles text {
  fill: var(--mapa-texto-calle);
  font-size: 10.5px;
  font-weight: 500;
  letter-spacing: 0.02em;
}

/* Escaleras: azul las que suben, lila las que bajan a un subterráneo. */
.mapa-marcador {
  color: var(--azul);
}

.mapa-marcador circle {
  fill: var(--superficie);
  stroke: currentColor;
  stroke-width: 1.2;
}

.mapa-marcador use {
  fill: currentColor;
}

.mapa-marcador--baja {
  color: var(--lila-texto);
}