/*
 * Mapa muscular «Línea anatómica» (kiosk/bodymap.js e includes/bodymap.php) en el panel.
 * El dibujo no lleva colores: se pinta con estas variables, que siguen el tema (claro/noche, turquesa/ámbar).
 * El tótem tiene las suyas en kiosk/kiosk.css.
 */
.bodymap { --bm-body: var(--surface, #FFFFFF); --bm-out: #3A4048; --bm-line: #8F98A3;
  --bm-p: var(--primary, #3CCFD4); --bm-pd: var(--primary-ink, #0E7C83); --bm-s: var(--accent, #8FE6DA); }
[data-kt$="-noche"] .bodymap { --bm-out: #A7B2C6; --bm-line: #56647E; --bm-s: color-mix(in srgb, var(--primary, #3CCFD4) 45%, var(--surface, #171E2B)); }
.bodymap .bm-body { fill: var(--bm-body); stroke: var(--bm-out); stroke-width: 1.6; stroke-linejoin: round; }
.bodymap .bm-hair { fill: none; stroke: var(--bm-out); stroke-width: 1.2; }
.bodymap .bm-deco { fill: none; stroke: var(--bm-line); stroke-width: .8; }
.bodymap .bm-m { fill: var(--bm-body); stroke: var(--bm-line); stroke-width: .9; transition: fill .2s; }
.bodymap .bm-fib { fill: none; stroke: var(--bm-line); stroke-width: .5; opacity: .45; }
.bodymap .bm-a.s .bm-m { fill: var(--bm-s); stroke: none; }
.bodymap .bm-a.s .bm-fib { stroke: var(--bm-pd); opacity: .5; }
.bodymap .bm-a.p .bm-m { fill: var(--bm-p); stroke: var(--bm-pd); stroke-width: 1; filter: drop-shadow(0 0 4px var(--bm-p)); }
.bodymap .bm-a.p .bm-fib { stroke: #fff; opacity: .55; }