/* La compuerta · SIA · estilos con alcance #figura-compuerta */
#figura-compuerta{
  --fc-bg:#171717;--fc-line:#262626;
  --anatomy-card:#171717;--anatomy-paper:#171717;--anatomy-face:#242424;--anatomy-top:#2b2b2b;
  --anatomy-shade-0:#0e0e0e;--anatomy-shade-1:#131313;--anatomy-shade-2:#1a1a1a;--anatomy-shade-3:#202020;
  --anatomy-lit-top:#2e2e2e;--anatomy-lit-shade:#222222;
  --anatomy-text:#a3a3a3;--anatomy-strong:#e6e6e6;--anatomy-muted:#737373;
  --anatomy-hi:#d8d8d8;--anatomy-mid:#7a7a7a;--anatomy-lo:#4a4a4a;--anatomy-faint:#303030;--anatomy-lit:#ffffff;
  --anatomy-halo:#050505;--anatomy-halo-opacity:.9;--anatomy-dot:#e6e6e6;
  --anatomy-weight:.6px;--anatomy-mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  display:block;max-width:100%;color:var(--anatomy-text);color-scheme:dark;
}
#figura-compuerta .iso-svg{display:block;width:100%;height:auto;overflow:visible}
#figura-compuerta .iso-svg path,#figura-compuerta .iso-svg circle{vector-effect:non-scaling-stroke}
#figura-compuerta .iso-fill{fill:var(--anatomy-paper);stroke:none}
#figura-compuerta .iso-solid[data-lit]>.iso-fill{fill:var(--anatomy-face)}
#figura-compuerta .iso-shade,#figura-compuerta .iso-top{stroke:none}
#figura-compuerta .iso-shade[data-shade="0"]{fill:var(--anatomy-shade-0)}
#figura-compuerta .iso-shade[data-shade="1"]{fill:var(--anatomy-shade-1)}
#figura-compuerta .iso-shade[data-shade="2"]{fill:var(--anatomy-shade-2)}
#figura-compuerta .iso-shade[data-shade="3"]{fill:var(--anatomy-shade-3)}
#figura-compuerta .iso-top{fill:var(--anatomy-top)}
#figura-compuerta .iso-solid[data-lit]>.iso-top{fill:var(--anatomy-lit-top)}
#figura-compuerta .iso-solid[data-lit]>.iso-shade{fill:var(--anatomy-lit-shade)}
#figura-compuerta .iso-solid[data-seamless]>.iso-shade,#figura-compuerta .iso-solid[data-seamless]>.iso-top{stroke-width:.4;stroke-linejoin:round}
#figura-compuerta .iso-solid[data-seamless]>.iso-shade[data-shade="0"]{stroke:var(--anatomy-shade-0)}
#figura-compuerta .iso-solid[data-seamless]>.iso-shade[data-shade="1"]{stroke:var(--anatomy-shade-1)}
#figura-compuerta .iso-solid[data-seamless]>.iso-shade[data-shade="2"]{stroke:var(--anatomy-shade-2)}
#figura-compuerta .iso-solid[data-seamless]>.iso-shade[data-shade="3"]{stroke:var(--anatomy-shade-3)}
#figura-compuerta .iso-solid[data-seamless]>.iso-top{stroke:var(--anatomy-top)}
#figura-compuerta .iso-solid[data-seamless][data-lit]>.iso-top{stroke:var(--anatomy-lit-top)}
#figura-compuerta .iso-solid[data-seamless][data-lit]>.iso-shade{stroke:var(--anatomy-lit-shade)}
#figura-compuerta .iso-solid[data-lit]>.iso-edge{stroke:var(--anatomy-lit)}
#figura-compuerta .iso-halo{fill:var(--anatomy-halo);stroke:none;filter:blur(9px);opacity:var(--anatomy-halo-opacity);transform:translateY(3px)}
#figura-compuerta .iso-line{fill:none;stroke:var(--anatomy-lo);stroke-width:var(--anatomy-weight);stroke-linecap:round;stroke-linejoin:round}
#figura-compuerta .iso-line[data-tone="hi"]{stroke:var(--anatomy-hi)}
#figura-compuerta .iso-line[data-tone="mid"]{stroke:var(--anatomy-mid)}
#figura-compuerta .iso-line[data-tone="lo"]{stroke:var(--anatomy-lo)}
#figura-compuerta .iso-line[data-tone="faint"]{stroke:var(--anatomy-faint)}
#figura-compuerta .iso-line[data-tone="lit"]{stroke:var(--anatomy-lit)}
#figura-compuerta .iso-line[data-tone="red"]{stroke:var(--anatomy-red)}
#figura-compuerta .iso-line[data-tone="green"]{stroke:var(--anatomy-green)}
#figura-compuerta .iso-line[data-tone="blue"]{stroke:var(--anatomy-blue)}
#figura-compuerta .iso-line[data-dotted]{stroke-dasharray:.01 3.5;stroke-width:1}
#figura-compuerta .iso-line[data-dashed]{stroke-dasharray:3 3}
#figura-compuerta .iso-line[data-flow]{stroke-dasharray:2 6}
#figura-compuerta .iso-wire-end{fill:var(--anatomy-paper);stroke:var(--anatomy-lo);stroke-width:var(--anatomy-weight)}
#figura-compuerta .iso-wire[data-tone="hi"] .iso-wire-end{stroke:var(--anatomy-hi)}
#figura-compuerta .iso-wire[data-tone="mid"] .iso-wire-end{stroke:var(--anatomy-mid)}
#figura-compuerta .iso-wire[data-tone="faint"] .iso-wire-end{stroke:var(--anatomy-faint)}
#figura-compuerta .iso-wire[data-tone="lit"] .iso-wire-end{stroke:var(--anatomy-lit)}
#figura-compuerta .iso-dots circle{fill:var(--anatomy-dot);stroke:none;opacity:.32}
#figura-compuerta .iso-dots[data-tone="hi"] circle{opacity:.85}
#figura-compuerta .iso-dots[data-tone="mid"] circle{opacity:.45}
#figura-compuerta .iso-dots[data-tone="lo"] circle{opacity:.22}
#figura-compuerta .iso-dots[data-tone="faint"] circle{opacity:.12}
#figura-compuerta .iso-face-text{fill:var(--anatomy-mid);font-family:var(--anatomy-mono);letter-spacing:.04em}
#figura-compuerta .iso-face-text[data-tone="hi"]{fill:var(--anatomy-hi)}
#figura-compuerta .iso-face-text[data-tone="lo"]{fill:var(--anatomy-lo)}
#figura-compuerta .iso-face-text[data-tone="faint"]{fill:var(--anatomy-faint)}
#figura-compuerta .tb-body{fill:var(--anatomy-shade-2);stroke:none}
#figura-compuerta .tb-shine{fill:var(--anatomy-top);stroke:none}
#figura-compuerta .tb-shade{fill:var(--anatomy-shade-0);stroke:none}
#figura-compuerta .tb-ring{fill:none;stroke:var(--anatomy-lo);stroke-width:.45;stroke-linecap:butt;stroke-linejoin:round}
#figura-compuerta .tb-ring[data-tone="mid"]{stroke:var(--anatomy-mid)}
#figura-compuerta .tb-ring[data-tone="faint"]{stroke:var(--anatomy-faint)}
#figura-compuerta .tb-ring[data-tone="hi"]{stroke:var(--anatomy-hi)}
#figura-compuerta .fc-hole{fill:#0b0b0b;stroke:var(--anatomy-mid);stroke-width:.5;vector-effect:non-scaling-stroke}
#figura-compuerta .fc-dot{fill:var(--anatomy-dot);opacity:.4}
#figura-compuerta .fc-clapper{fill:var(--anatomy-hi);stroke:none}
#figura-compuerta .fc-plate{position:relative;margin:0;padding:44px 24px 20px;background:var(--fc-bg);box-shadow:0 0 0 1px var(--fc-line);box-sizing:border-box}
#figura-compuerta .fc-plate *,#figura-compuerta .fc-plate *::before,#figura-compuerta .fc-plate *::after{box-sizing:border-box}
#figura-compuerta .fc-corner{position:absolute;top:18px;font:10.5px/1 var(--anatomy-mono);letter-spacing:.04em;white-space:nowrap;color:var(--anatomy-muted)}
#figura-compuerta .fc-fig{left:20px;color:var(--anatomy-text)}
#figura-compuerta .fc-title{right:20px;text-transform:uppercase;letter-spacing:.1em}
#figura-compuerta .fc-stage{outline:none;border-radius:2px}
#figura-compuerta .fc-stage:focus-visible{outline:1px solid var(--anatomy-muted);outline-offset:6px}
#figura-compuerta .fc-foot{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:12px 24px;align-items:end;margin-top:14px}
#figura-compuerta .fc-controls{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
#figura-compuerta .fc-hint{font:10.5px/1.4 var(--anatomy-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--anatomy-muted)}
#figura-compuerta .fc-next{appearance:none;background:transparent;color:var(--anatomy-strong);border:1px solid #3a3a3a;border-radius:999px;padding:7px 14px;font-family:inherit;font-size:12.5px;font-weight:500;line-height:1.2;cursor:pointer;transition:border-color .2s,background-color .2s}
#figura-compuerta .fc-next:hover{border-color:#6a6a6a;background:#1f1f1f}
#figura-compuerta .fc-next:focus-visible{outline:2px solid var(--anatomy-strong);outline-offset:3px}
#figura-compuerta .fc-readout{display:flex;flex-direction:column;gap:4px;text-align:right;font:11px/1.45 var(--anatomy-mono);color:var(--anatomy-text);min-width:0}
#figura-compuerta .fc-msg{color:var(--anatomy-strong);overflow-wrap:anywhere}
#figura-compuerta .fc-meta{color:var(--anatomy-text);overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
@media (max-width:640px){
  #figura-compuerta .fc-plate{padding:42px 12px 16px}
  #figura-compuerta .fc-fig{left:12px}
  #figura-compuerta .fc-title{right:12px}
  #figura-compuerta .fc-foot{grid-template-columns:minmax(0,1fr)}
  #figura-compuerta .fc-readout{text-align:left}
}
@media (prefers-reduced-motion:reduce){#figura-compuerta .fc-next{transition:none}}