/* Generado por tools/figuras: CSS del kit Anatomy (MIT) + ajustes de KEIKOUP (estilo.css) */
.iso{
  --anatomy-page:#0b0b0b;--anatomy-card:#131313;--anatomy-text:#a3a3a3;--anatomy-strong:#e6e6e6;--anatomy-muted:#6e6e6e;
  --anatomy-paper:#131313;--anatomy-face:#1b1b1b;--anatomy-top:#1c1c1c;
  --anatomy-shade-0:#0f0f0f;--anatomy-shade-1:#121212;--anatomy-shade-2:#151515;--anatomy-shade-3:#181818;
  --anatomy-lit-top:#262626;--anatomy-lit-shade:#1d1d1d;
  --anatomy-hi:#d4d4d4;--anatomy-mid:#6a6a6a;--anatomy-lo:#3e3e3e;--anatomy-faint:#2a2a2a;--anatomy-lit:#ffffff;
  --anatomy-halo:#050505;--anatomy-halo-opacity:.9;--anatomy-dot:#e6e6e6;
  --anatomy-red:#ff6b6b;--anatomy-green:#6be0a0;--anatomy-blue:#6b9bff;
  --anatomy-weight:.6px;--anatomy-ease:cubic-bezier(.32,.72,0,1);
  --anatomy-mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  --anatomy-lift:inset 0 1px 0 0 #ffffff0a,inset 0 0 0 1px #ffffff06,0 0 0 1px #00000026,0 1px 1px -.5px #00000014,0 3px 3px -1.5px #00000014,0 6px 6px -3px #00000014,0 12px 12px -6px #00000014;
}
.iso[data-theme="light"]{
  --anatomy-page:#f2f2ef;--anatomy-card:#fbfbfa;--anatomy-text:#57575a;--anatomy-strong:#18181a;--anatomy-muted:#8c8c90;
  --anatomy-paper:#fbfbfa;--anatomy-face:#ffffff;--anatomy-top:#ffffff;
  --anatomy-shade-0:#dcdcd9;--anatomy-shade-1:#e5e5e2;--anatomy-shade-2:#ededea;--anatomy-shade-3:#f4f4f1;
  --anatomy-lit-top:#ffffff;--anatomy-lit-shade:#eeeeeb;
  --anatomy-hi:#26262a;--anatomy-mid:#8a8a8f;--anatomy-lo:#b4b4b8;--anatomy-faint:#d4d4d6;--anatomy-lit:#000000;
  --anatomy-halo:#8a8a80;--anatomy-halo-opacity:.32;--anatomy-dot:#3a3a3e;
  --anatomy-red:#e5484d;--anatomy-green:#30a46c;--anatomy-blue:#3e63dd;
  --anatomy-lift:inset 0 1px 0 0 #ffffff,0 0 0 1px #0000000f,0 1px 1px -.5px #0000000a,0 3px 3px -1.5px #0000000a,0 6px 6px -3px #0000000a,0 12px 12px -6px #0000000a;
}
.iso-svg{display:block;width:100%;height:auto;overflow:visible}
.iso-svg path,.iso-svg circle{vector-effect:non-scaling-stroke}
.iso-fill{fill:var(--anatomy-paper);stroke:none}
.iso-solid[data-lit]>.iso-fill{fill:var(--anatomy-face)}
.iso-shade,.iso-top{stroke:none}
.iso-shade[data-shade="0"]{fill:var(--anatomy-shade-0)}
.iso-shade[data-shade="1"]{fill:var(--anatomy-shade-1)}
.iso-shade[data-shade="2"]{fill:var(--anatomy-shade-2)}
.iso-shade[data-shade="3"]{fill:var(--anatomy-shade-3)}
.iso-top{fill:var(--anatomy-top)}
.iso-solid[data-lit]>.iso-top{fill:var(--anatomy-lit-top)}
.iso-solid[data-lit]>.iso-shade{fill:var(--anatomy-lit-shade)}
.iso-solid[data-seamless]>.iso-shade,.iso-solid[data-seamless]>.iso-top{stroke-width:.4;stroke-linejoin:round}
.iso-solid[data-seamless]>.iso-shade[data-shade="0"]{stroke:var(--anatomy-shade-0)}
.iso-solid[data-seamless]>.iso-shade[data-shade="1"]{stroke:var(--anatomy-shade-1)}
.iso-solid[data-seamless]>.iso-shade[data-shade="2"]{stroke:var(--anatomy-shade-2)}
.iso-solid[data-seamless]>.iso-shade[data-shade="3"]{stroke:var(--anatomy-shade-3)}
.iso-solid[data-seamless]>.iso-top{stroke:var(--anatomy-top)}
.iso-solid[data-seamless][data-lit]>.iso-top{stroke:var(--anatomy-lit-top)}
.iso-solid[data-seamless][data-lit]>.iso-shade{stroke:var(--anatomy-lit-shade)}
.iso-solid[data-lit]>.iso-edge{stroke:var(--anatomy-lit)}
.iso-halo{fill:var(--anatomy-halo);stroke:none;filter:blur(9px);opacity:var(--anatomy-halo-opacity);transform:translateY(3px)}
.iso-line{fill:none;stroke:var(--anatomy-lo);stroke-width:var(--anatomy-weight);stroke-linecap:round;stroke-linejoin:round}
.iso-line[data-tone="hi"]{stroke:var(--anatomy-hi)}
.iso-line[data-tone="mid"]{stroke:var(--anatomy-mid)}
.iso-line[data-tone="lo"]{stroke:var(--anatomy-lo)}
.iso-line[data-tone="faint"]{stroke:var(--anatomy-faint)}
.iso-line[data-tone="lit"]{stroke:var(--anatomy-lit)}
.iso-line[data-tone="red"]{stroke:var(--anatomy-red)}
.iso-line[data-tone="green"]{stroke:var(--anatomy-green)}
.iso-line[data-tone="blue"]{stroke:var(--anatomy-blue)}
.iso-line[data-dotted]{stroke-dasharray:.01 3.5;stroke-width:1}
.iso-line[data-dashed]{stroke-dasharray:3 3}
.iso-line[data-flow]{stroke-dasharray:2 6}
.iso-wire-end{fill:var(--anatomy-paper);stroke:var(--anatomy-lo);stroke-width:var(--anatomy-weight)}
.iso-wire[data-tone="hi"] .iso-wire-end{stroke:var(--anatomy-hi)}
.iso-wire[data-tone="mid"] .iso-wire-end{stroke:var(--anatomy-mid)}
.iso-wire[data-tone="faint"] .iso-wire-end{stroke:var(--anatomy-faint)}
.iso-wire[data-tone="lit"] .iso-wire-end{stroke:var(--anatomy-lit)}
.iso-dots circle{fill:var(--anatomy-dot);stroke:none;opacity:.32}
.iso-dots[data-tone="hi"] circle{opacity:.85}
.iso-dots[data-tone="mid"] circle{opacity:.45}
.iso-dots[data-tone="lo"] circle{opacity:.22}
.iso-dots[data-tone="faint"] circle{opacity:.12}
.iso-face-text{fill:var(--anatomy-mid);font-family:var(--anatomy-mono);letter-spacing:.04em}
.iso-face-text[data-tone="hi"]{fill:var(--anatomy-hi)}
.iso-face-text[data-tone="lo"]{fill:var(--anatomy-lo)}
.iso-face-text[data-tone="faint"]{fill:var(--anatomy-faint)}
.tb-body{fill:var(--anatomy-shade-2);stroke:none}
.tb-shine{fill:var(--anatomy-top);stroke:none}
.tb-shade{fill:var(--anatomy-shade-0);stroke:none}
.tb-ring{fill:none;stroke:var(--anatomy-lo);stroke-width:.45;stroke-linecap:butt;stroke-linejoin:round}
.tb-ring[data-tone="mid"]{stroke:var(--anatomy-mid)}
.tb-ring[data-tone="faint"]{stroke:var(--anatomy-faint)}
.tb-ring[data-tone="hi"]{stroke:var(--anatomy-hi)}
@keyframes iso-flow{to{stroke-dashoffset:-32}}
@keyframes iso-pulse{0%,100%{opacity:.18}12%{opacity:1}40%{opacity:.18}}
.iso-line[data-flow]{animation:iso-flow 1600ms linear infinite}
.iso-dots circle[data-pulse]{animation:iso-pulse 1600ms steps(1,end) infinite;animation-delay:var(--pulse-at,0ms)}
.iso-figure{margin:32px 0 36px}
.iso-plate{position:relative;padding:52px 24px;border-radius:0;background:var(--anatomy-card);box-shadow:0 0 0 1px var(--anatomy-mid);--anatomy-paper:var(--anatomy-card)}
.iso-plate-corners{position:absolute;inset:18px 20px;pointer-events:none}
.iso-plate-corner{position:absolute;color:var(--anatomy-muted);font-family:var(--anatomy-mono);font-size:10.5px;line-height:1;letter-spacing:.04em;white-space:nowrap}
.iso-plate-corner[data-corner="fig"]{top:0;left:0;color:var(--anatomy-text)}
.iso-plate-corner[data-corner="title"]{top:0;right:0;text-transform:uppercase;letter-spacing:.1em}
.iso-plate-corner[data-corner="hint"]{bottom:0;left:0;text-transform:uppercase;letter-spacing:.1em}
.iso-plate-corner[data-corner="readout"]{right:0;bottom:0;color:var(--anatomy-text);font-variant-numeric:tabular-nums}
.iso-plate .iso-svg{margin:0 auto}
.iso-legend{display:grid;gap:8px;margin-top:12px;color:var(--anatomy-muted);font-size:13px;line-height:1.55}
.iso-keys{display:flex;flex-wrap:wrap;gap:6px 18px}
.iso-key{display:inline-flex;align-items:center;gap:7px}
.iso-swatch{width:16px;height:10px;flex:none;overflow:visible}
.iso-swatch path{fill:none;stroke:var(--anatomy-hi);stroke-width:1;vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round}
.iso-swatch[data-mark="raised"] path,.iso-swatch[data-mark="flat"] path{stroke:var(--anatomy-mid)}
.iso-swatch[data-mark="lit"] path{stroke:var(--anatomy-lit)}
.iso-swatch[data-mark="dim"] path{stroke:var(--anatomy-lo)}
.iso-swatch[data-mark="dotted"] path{stroke-dasharray:.01 3;stroke-width:1.4}
.iso-swatch[data-mark="dashed"] path{stroke-dasharray:3 2.5}
.iso-swatch[data-mark="red"] path{stroke:var(--anatomy-red)}
.iso-swatch[data-mark="green"] path{stroke:var(--anatomy-green)}
.iso-swatch[data-mark="blue"] path{stroke:var(--anatomy-blue)}
.iso-swatch-crease{stroke:var(--anatomy-lo)!important}
@media (max-width:560px){.iso-plate{padding:48px 12px 70px}.iso-plate-corner[data-corner="hint"]{bottom:18px}}
@media (prefers-reduced-motion:reduce){.iso-line[data-flow],.iso-dots circle[data-pulse]{animation:none}}

/* ===== Ajustes de KEIKOUP sobre el kit Anatomy (verde dojo) ===== */
.fig.iso { --anatomy-card: #1b251d; --anatomy-paper: #1b251d; --anatomy-face: #223025; --anatomy-top: #24332a;
  --anatomy-shade-0: #121a14; --anatomy-shade-1: #162019; --anatomy-shade-2: #19241c; --anatomy-shade-3: #1e2a21;
  --anatomy-hi: #ede9df; --anatomy-mid: #7f8a7d; --anatomy-lo: #4a564b; --anatomy-faint: #304033; --anatomy-lit: #ffffff;
  --anatomy-halo: #070b08; --anatomy-dot: #ede9df; --anatomy-text: #b3baad; --anatomy-muted: #8b9488; --anatomy-strong: #ede9df;
  margin: 0; color: var(--anatomy-text); }
.fig .iso-plate { border-radius: 4px; box-shadow: 0 0 0 1px rgba(237, 233, 223, 0.14); padding: 46px 18px 40px; overflow: hidden; }
.fig .iso-stage { outline: none; border-radius: 4px; }
.fig .iso-stage:focus-visible { box-shadow: 0 0 0 2px #e8b33a; }
.fig .wood { --anatomy-top: #2a3526; --anatomy-paper: #2a3526; }
.fig .steel { --anatomy-paper: #8d958b; --anatomy-top: #b9c0b5; --anatomy-shade-0: #4d544c; --anatomy-shade-1: #5f675e; --anatomy-shade-2: #737b71; --anatomy-shade-3: #868e84; --anatomy-hi: #2a302a; }
.fig .chrome { --anatomy-paper: #8f988e; --anatomy-top: #c7cdc3; --anatomy-shade-0: #586057; --anatomy-shade-1: #6b7469; --anatomy-shade-2: #7f887d; --anatomy-shade-3: #959e93; --anatomy-hi: #e4e8df; --anatomy-faint: #6f786d; --anatomy-lo: #5d665b; }
.fig .pl { --c: #2a2f2b; --e: #ede9df;
  --anatomy-paper: var(--c); --anatomy-top: color-mix(in srgb, var(--c) 88%, #fff);
  --anatomy-shade-0: color-mix(in srgb, var(--c) 58%, #000); --anatomy-shade-1: color-mix(in srgb, var(--c) 70%, #000);
  --anatomy-shade-2: color-mix(in srgb, var(--c) 82%, #000); --anatomy-shade-3: color-mix(in srgb, var(--c) 93%, #000);
  --anatomy-hi: var(--e); --anatomy-faint: color-mix(in srgb, var(--c) 72%, var(--e)); --anatomy-dot: var(--e); }
.fig .pl-ink { --c: #2e3430; --e: #a9b0a5; }
.fig .pl-sand { --c: #d6cbae; --e: #5f5844; }
.fig .pl-verm { --c: #d84b35; --e: #6b1f14; }
.fig .pl-paper { --c: #ede9df; --e: #6f6c62; }
.fig .pl-blue { --c: #3a6ea8; --e: #c9dcf2; }
.fig .pl-gold { --c: #e8b33a; --e: #6b5010; }
.fig .clip-g { --anatomy-paper: #2b322c; --anatomy-hi: #b3baad; }
.fig[data-record] .clip-g { --anatomy-paper: #e8b33a; --anatomy-top: #f3c95c; --anatomy-shade-0: #9a7419; --anatomy-shade-1: #b38a22; --anatomy-shade-2: #c99b2a; --anatomy-shade-3: #dcaa32; --anatomy-hi: #6b5010; }
.fig[data-record] [data-readout] { color: var(--gold-text, #e8b33a); }
.fig .fig__controls { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.fig .chip { display: inline-flex; align-items: center; gap: 8px; font: 600 0.9rem/1 'Inter', system-ui, sans-serif; color: var(--fg, #ede9df); background: var(--bg-3, #223025); border: 1px solid var(--rule, rgba(237, 233, 223, 0.14)); border-radius: 999px; padding: 9px 14px; cursor: pointer; transition: background .15s, transform .15s cubic-bezier(.32,.72,0,1), opacity .2s; font-variant-numeric: tabular-nums; }
.fig .chip:hover { background: var(--room-hover, #2a3a2e); } .fig .chip:active { transform: scale(.96); }
.fig .chip:disabled { opacity: .4; cursor: not-allowed; transform: none; }
.fig .chip--ghost { background: transparent; }
.fig .chip--save { background: var(--fg, #ede9df); color: var(--bg, #171a17); border-color: transparent; margin-left: auto; }
.fig .chip--save:hover { background: var(--fg, #fff); opacity: .88; }
.fig .sw { width: 14px; height: 14px; border-radius: 50%; box-shadow: inset 0 0 0 4px rgba(0,0,0,.18); }
.fig .sw-ink { background: #2e3430; outline: 1px solid #a9b0a5; } .fig .sw-sand { background: #d6cbae; } .fig .sw-verm { background: #d84b35; } .fig .sw-paper { background: #ede9df; width: 10px; height: 10px; }
.fig .fig__status { min-height: 1.4em; margin: 10px 2px 0; font-size: 0.9rem; color: var(--gold-text, #e8b33a); }
.fig .iso-legend { margin-top: 6px; color: var(--muted, #b3baad); font-size: 0.86rem; }
.fig-split { display: grid; gap: 40px; align-items: center; }
@media (min-width: 980px) { .fig-split { grid-template-columns: 4fr 7fr; } }
@media (max-width: 560px) {
  .fig .iso-plate { padding: 44px 6px 52px; }
  .fig .iso-plate .iso-svg { width: 116%; margin-left: -8%; }
  .fig .chip--save { margin-left: 0; }
}
@media (prefers-reduced-motion: reduce) { .fig .chip { transition: none; } }
.fig-split .sec__lede { margin-top: 16px; color: var(--muted); max-width: 42ch; }
.fig .flag-fill { fill: #d84b35; stroke: none; }
.fig .mail { --anatomy-paper: #2b322c; --anatomy-top: #3a443b; }
.fig .is-seat { cursor: pointer; }
.fig .is-seat:hover { --anatomy-hi: #ffffff; }
.fig .paper { --anatomy-paper: #ede9df; --anatomy-top: #ede9df; --anatomy-lo: #8b8778; --anatomy-mid: #4b4a42; --anatomy-hi: #171a17; --anatomy-dot: #d84b35; }
.fig .paper .iso-dots circle { opacity: 1; }
.fig .verm-strip { --anatomy-paper: #d84b35; --anatomy-top: #d84b35; }
.fig .bell { --anatomy-paper: #b9a978; --anatomy-top: #e6d9b2; --anatomy-shade-0: #6e623f; --anatomy-shade-1: #85784f; --anatomy-shade-2: #9d8f62; --anatomy-shade-3: #b3a477; --anatomy-hi: #f3ead0; }
.fig .bell.is-ringing { --anatomy-hi: #ffffff; }
.fig .btn-cap { --anatomy-paper: #ede9df; --anatomy-top: #ffffff; --anatomy-shade-0: #9c998d; --anatomy-shade-1: #b5b2a6; --anatomy-shade-2: #cdc9bd; --anatomy-shade-3: #e0dccf; --anatomy-hi: #6f6c62; }
.fig .lamp { --anatomy-paper: #3a2622; --anatomy-top: #4a2c26; transition: none; }
.fig .is-on .lamp { --anatomy-paper: #d84b35; --anatomy-top: #ff7a62; --anatomy-shade-0: #8a2a1c; --anatomy-shade-1: #a8331f; --anatomy-shade-2: #c03d29; --anatomy-shade-3: #d84b35; }
.fig .iso-window { fill: #0d130f; stroke: none; }
.fig .iso-face-text { font-variant-numeric: tabular-nums; }
.fig .fig__range { display: inline-flex; align-items: center; gap: 10px; flex: 1 1 200px; font-size: 0.8rem; color: var(--muted, #b3baad); }
.fig .fig__range input { flex: 1; accent-color: #d84b35; }
.fig .handset { --anatomy-paper: #222824; --anatomy-top: #2e3530; --anatomy-shade-0: #121613; --anatomy-shade-1: #171c18; --anatomy-shade-2: #1c221e; --anatomy-shade-3: #222824; --anatomy-hi: #a9b0a5; }
.fig .screen { fill: #0d130f; }
.fig .led circle { fill: #4a564b; opacity: 1; }
.fig .led.is-on circle { fill: #e8b33a; }
.fig .wave { transition: none; }
/* Todas las figuras al mismo tamaño que el rack */
.fig.iso { width: 100%; max-width: 480px; justify-self: end; }
.fig .chip { padding: 7px 9px; font-size: 0.8rem; gap: 5px; }
.fig .sw { width: 11px; height: 11px; }
.fig .chip--save { margin-left: 0; }
.fig .fig__controls { gap: 6px; }
.fig .iso-plate { padding: 40px 14px 34px; }
@media (max-width: 979px) { .fig.iso { justify-self: stretch; max-width: none; } }

/* ===== Paleta elegida: Papel (3-11-2026). Tarjetas claras, como láminas técnicas, sobre el verde. ===== */
.fig.iso { --anatomy-card: #f4f0e6; --anatomy-paper: #f4f0e6; --anatomy-face: #fffdf8; --anatomy-top: #fffdf8;
  --anatomy-shade-0: #d6cfbf; --anatomy-shade-1: #e0dacb; --anatomy-shade-2: #e9e4d8; --anatomy-shade-3: #f0ebe1;
  --anatomy-hi: #26241f; --anatomy-mid: #8b8576; --anatomy-lo: #b5ae9e; --anatomy-faint: #d8d2c3; --anatomy-lit: #000;
  --anatomy-halo: #8a8270; --anatomy-halo-opacity: .3; --anatomy-dot: #3a3830; --anatomy-text: #57544b; --anatomy-muted: #8b8576; }
.fig .wood { --anatomy-top: #e6d8b6; --anatomy-paper: #e6d8b6; }
.fig .chrome { --anatomy-hi: #4b5249; --anatomy-faint: #8f988e; }
.fig .steel { --anatomy-hi: #3a403a; }
.fig .mail { --anatomy-paper: #3a443b; --anatomy-top: #4a554b; --anatomy-hi: #26241f; }
.fig .iso-window, .fig .screen { fill: #1b221d; }
.fig .iso-plate { box-shadow: none; }
/* Texto y marcas de las pantallas oscuras: siempre claros */
.fig [data-pending], .fig [data-day] { fill: #ede9df; }
.fig [data-part="phone-dots"] circle { fill: #ede9df; opacity: .7; }
/* La sección de la figura va en salvia, después de la cabecera verde: la tarjeta, en papel claro con sombra */
.m-discos .sec--fig .chip--save { color: #ede9df; }
.m-discos .sec--fig .chip:hover { background: #f4f0e6; }
.m-discos .sec--fig .chip--save:hover { background: #2f342f; opacity: 1; }
.m-discos .sec--fig .fig .iso-plate { box-shadow: 0 0 0 1px rgba(23, 26, 23, 0.08), 0 2px 4px rgba(23, 26, 23, 0.06), 0 18px 40px -16px rgba(23, 26, 23, 0.35); }
.m-discos .sec--fig .sw-ink { outline-color: #171a17; }
.fig[data-record] [data-readout] { color: #8a5f0a; font-weight: 700; }