.mapa-shell{background:var(--color-ink-night);border-radius:14px;padding:20px;color:var(--color-text-dark);}
.mapa-controls{display:flex;flex-wrap:wrap;gap:16px 24px;margin-bottom:16px;padding:14px 16px;background:var(--color-surface-night);border-radius:10px;}
.layer-toggle{display:flex;align-items:center;gap:8px;font-size:var(--fs-14);}
.layer-toggle input[type="checkbox"]{width:20px;height:20px;accent-color:var(--color-star);}
.layer-toggle .swatch{width:12px;height:12px;border-radius:50%;display:inline-block;}
.swatch-vigente{background:var(--color-star);}
.swatch-historico{background:var(--color-historic);}
.swatch-ruta{background:var(--color-route);}
.mapa-hint{font-size:var(--fs-14);color:var(--color-historic);margin:0 0 12px;}
.mapa-svg-wrap{background:var(--color-ink-night);border-radius:10px;overflow:hidden;border:1px solid rgba(237,239,247,.12);}
svg.mapa-svg{width:100%;height:auto;display:block;}
.mapa-point-btn{cursor:pointer;}
.mapa-point-circle{fill:var(--color-star);stroke:var(--color-ink-night);stroke-width:2;transition:r .15s ease;}
[data-layer="historico"] .mapa-point-circle{fill:var(--color-historic);}
.mapa-point-btn:hover .mapa-point-circle,.mapa-point-btn:focus-visible .mapa-point-circle{r:13;}
.mapa-point-btn:focus-visible{outline:none;}
.mapa-point-btn:focus-visible .mapa-point-hit{stroke:#fff;stroke-width:2;fill:none;}
.mapa-point-label{font-family:var(--font-body);font-size:11px;fill:var(--color-text-dark);pointer-events:none;}
.mapa-distance-line{stroke:var(--color-route);stroke-width:1.5;stroke-dasharray:4 4;fill:none;}
.mapa-distance-text{font-family:var(--font-body);font-size:10px;fill:#F6F2E9;font-variant-numeric:tabular-nums;}
.mapa-route-track{stroke:var(--color-route);stroke-width:3;stroke-dasharray:2 8;fill:none;stroke-linecap:round;}
g[data-layer].layer-off{display:none;}
@media (prefers-reduced-motion:no-preference){g[data-layer]:not(.layer-off){animation:mapaFadeIn .2s ease;}}
@media (prefers-reduced-motion:reduce){.mapa-point-circle{transition:none;}}
@keyframes mapaFadeIn{from{opacity:0;}to{opacity:1;}}
.mapa-empty-msg{fill:var(--color-text-dark);font-family:var(--font-body);font-size:13px;}
.mapa-card-panel{margin-top:18px;background:var(--color-surface-night);border-radius:10px;padding:18px 20px;color:var(--color-text-dark);}
.mapa-card-panel h3{color:var(--color-star);margin-top:0;}
.mapa-card-close{float:right;background:transparent;border:2px solid var(--color-historic);color:var(--color-text-dark);border-radius:6px;width:32px;height:32px;font-size:var(--fs-16);line-height:1;}
.mapa-card-close:hover{border-color:var(--color-star);color:var(--color-star);}
.mapa-card-nota{font-size:var(--fs-12);color:var(--color-historic);margin-top:10px;}
.mapa-point-list{margin-top:20px;background:#fff;border-radius:10px;padding:16px 18px;color:var(--color-text-light);}
.mapa-point-list h3{margin-top:0;}
.mapa-point-list ul{list-style:none;margin:0;padding:0;}
.mapa-point-list li{border-bottom:1px solid rgba(27,34,51,.1);}
.mapa-list-btn{width:100%;text-align:left;background:transparent;border:0;padding:12px 4px;min-height:44px;font-size:var(--fs-14);color:var(--color-text-light);display:flex;justify-content:space-between;gap:10px;align-items:center;}
.mapa-list-btn:hover{color:var(--color-ink-night);background:rgba(231,200,115,.15);}
.mapa-list-btn .tag{font-size:var(--fs-12);color:var(--color-historic);}
.mapa-distances-list{margin-top:16px;background:#fff;border-radius:10px;padding:16px 18px;}
.mapa-distances-list ul{margin:0;padding-left:20px;}
@media (max-width:400px){.mapa-svg-wrap .mapa-distance-line,.mapa-svg-wrap .mapa-distance-text{display:none;}}
.js-only{}
noscript .mapa-controls-note{display:block;background:var(--color-surface-night);color:var(--color-text-dark);padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:var(--fs-14);}