/* ============================
   MAPA
============================ */
#map {
  width: 100%;
  height: 100%;
}


/* Fallback visual antes de que MapLibre pinte las tiles.
   Usamos fondo oceánico para mantener la estética original del mapa. */
html,
body,
#map {
  background-color: #E6F0FF;
}

body.dark #map {
  background-color: #06284A;
}