/* Paleta del mapa v2 — se aplica solo dentro de .mapa-v2, así el renderer
   viejo sigue con sus colores y se pueden comparar en la misma página.

   Cambio de criterio respecto del handoff: el estilo original pedía "un solo
   tono claro, nunca tierra oscura + agua clara". Con la costa de detalle eso
   dejaba tierra y agua casi indistinguibles. Acá van dos familias distintas
   —tierra en arena cálida, agua en gris azulado frío— ambas pálidas, para que
   se lea el contraste sin que ningún rótulo pierda legibilidad. */
.mapa-v2{
  --map-water:#dbe4ea;      /* agua: gris azulado frío */
  --map-land:#f2ecde;       /* tierra: arena pálida */
  --map-coast:#cdb894;      /* filo de costa, arena oscurecida */
  --map-grid:#c6d2db;       /* retícula sobre agua */
  --map-grid-land:#e6ddc8;  /* retícula sobre tierra */

  /* Halo de los rótulos: neutro casi blanco. Antes usaba el color del agua y
     sobre la tierra arena quedaba un contorno azul raro alrededor del texto. */
  --map-halo:#f7f5f0;

  --map-ink:#123b55;        /* derrota y nombres de puerto */
  --map-soft:#5f7c8d;       /* horas y notas */
  --map-faint:#93a7b4;      /* países */

  --map-font:ui-sans-serif,system-ui,-apple-system,"SF Pro Text","Segoe UI",Roboto,sans-serif;
  --map-mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;
  --map-radius:20px;
}

/* Responsive: el SVG escala con el contenedor manteniendo su relación de
   aspecto. La tipografía escala con él, así que en tarjeta se pide menos
   rotulado desde JS en vez de encogerlo todo. */
.mapa-v2 .route-map{display:block;width:100%;height:auto;border-radius:var(--map-radius)}