/* Simulación de procesos (film-simulacion.js). */
.film-stage .e-view{left:0;top:0;overflow:hidden}
.film-stage .e-world{position:absolute;left:0;top:0;width:0;height:0}
.film-stage .e-world>*{position:absolute}
.film-stage .e-line{position:absolute;top:50%;margin:0;text-align:center;line-height:1.15;letter-spacing:-.03em;color:#f2f5fb;text-wrap:balance}
.film-stage .e-logo{left:0;top:0;right:0;bottom:0;pointer-events:none}
/* Línea real. */
.film-stage .e-edges,.film-stage .e-medges{position:absolute;overflow:visible}
.film-stage .e-edges path,.film-stage .e-medges path{fill:none;stroke:#ffffff40;stroke-width:1.5}
.film-stage .e-node,.film-stage .e-mnode{position:absolute;display:grid;place-items:center;padding:0 4px;box-sizing:border-box;border-radius:7px;background:#1b2332;border:1px solid #ffffff26;color:#dfe6f2;text-align:center;line-height:1.1;overflow:hidden}
.film-stage .e-node{font-size:8.5px}
.film-stage .e-node>i,.film-stage .e-mnode>i{position:absolute;inset:-1px;border-radius:inherit}
.film-stage .e-hw{background:#ddbd8933;box-shadow:inset 0 0 0 1.5px #ddbd89}
.film-stage .e-hs{background:#ec9a9440;box-shadow:inset 0 0 0 1.5px #ec9a94}
.film-stage .e-hok{background:#9fd4b033;box-shadow:inset 0 0 0 1.5px #9fd4b0}
.film-stage .e-node span,.film-stage .e-mnode span{position:relative}
.film-stage .e-bottle{width:7px;height:7px;border-radius:50%;background:#ec9a94;box-shadow:0 0 0 1.5px #1b2332}
.film-stage .e-measure.e-wrap{width:72px;white-space:normal;line-height:1.2;text-align:center}
.film-stage .e-measure{padding:2px 6px;border-radius:5px;background:#a5b9f5;color:#111722;font-size:8.5px;font-weight:600;white-space:nowrap}
.film-stage .e-card{border-radius:12px;background:#1b2231;border:1px solid #ffffff1f;box-shadow:0 14px 34px #0007}
.film-stage .e-card>*{position:absolute}
.film-stage .e-shead{left:14px;top:10px;font-size:11px;color:#aab6cc;white-space:nowrap}
/* Barras del pedido (en la línea y en la pantalla). */
.film-stage .e-strack{height:10px;border-radius:3px;background:#ffffff12}
.film-stage .e-sfill{position:absolute;top:0;bottom:0;left:0;border-radius:3px;background:#a5b9f5}
.film-stage .e-sfb{background:#ec9a94}
.film-stage .e-sfc{background:#9fd4b0}
.film-stage .e-smark{position:absolute;top:-3px;bottom:-3px;width:0;border-left:2px solid #f2f5fbcc}
.film-stage .e-sghost{position:absolute;top:-5px;bottom:-5px;width:0;border-left:2px dashed #ec9a94}
.film-stage .e-sml{position:absolute;top:-15px;transform:translateX(-50%);font-size:9px;font-style:normal;color:#c9d2e2;white-space:nowrap}
.film-stage .e-send{font-size:11px;white-space:nowrap}
.film-stage .e-late{color:#f2b9b4}
.film-stage .e-ok{color:#cdeed8}
.film-stage .e-same{color:#c3cbda}
/* Computador. */
.film-stage .e-monitor{overflow:visible}
.film-stage .e-stand{position:absolute;width:100px;height:46px;background:linear-gradient(#2a3346,#20283a);clip-path:polygon(18% 0,82% 0,100% 100%,0 100%)}
.film-stage .e-base{position:absolute;width:180px;height:10px;border-radius:5px;background:#2a3346}
.film-stage .e-screen{position:absolute;inset:0;border-radius:14px;background:#141b27;border:10px solid #0c111a;box-shadow:0 0 0 1px #ffffff1f,0 24px 60px #000a;overflow:hidden;box-sizing:border-box}
.film-stage .e-screen>*{position:absolute}
.film-stage .e-glow{inset:0;border-radius:4px;box-shadow:inset 0 0 0 1px #a5b9f566}
.film-stage .e-head{left:0;right:0;top:0;height:36px;display:flex;align-items:center;gap:8px;padding:0 14px;border-bottom:1px solid #ffffff14;background:#ffffff06;color:#dfe6f2;font-size:14px;white-space:nowrap}
.film-stage .e-head svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.film-stage .e-t1,.film-stage .e-t2,.film-stage .e-t3{position:absolute;left:39px;top:9px}
.film-stage .e-count{position:absolute;right:14px;top:9px;font-size:14px;font-weight:600;color:#a5b9f5}
.film-stage .e-sim,.film-stage .e-prop,.film-stage .e-grid{left:0;top:0;right:0;bottom:0}
.film-stage .e-sim>*,.film-stage .e-prop>*,.film-stage .e-grid>*{position:absolute}
.film-stage .e-mnode{font-size:11px}
.film-stage .e-badge{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:#9fd4b0;color:#10261a;font-size:11px;font-weight:700}
.film-stage .e-list{display:flex;flex-direction:column;gap:5px}
.film-stage .e-list span{display:flex;align-items:center;gap:8px;font-size:12.5px;color:#e3e8f1;white-space:nowrap}
.film-stage .e-list b{width:16px;height:16px;border-radius:50%;display:grid;place-items:center;background:#9fd4b0;color:#10261a;font-size:10px}
.film-stage .e-sbar{height:30px;display:grid;grid-template-columns:110px 1fr 120px;align-items:end}
.film-stage .e-sbar .e-sname{font-size:12px;color:#e3e8f1;white-space:nowrap;line-height:10px}
.film-stage .e-sbar .e-strack{position:relative}
.film-stage .e-sbar .e-send{grid-area:1/3;padding-left:10px;line-height:10px}
/* Cuadrícula de versiones. */
.film-stage .e-tile{border-radius:6px;background:#1b2332;border:1px solid #ffffff1a;overflow:hidden}
.film-stage .e-tile svg{position:absolute;left:0;top:0}
.film-stage .e-tile path{fill:none;stroke:#ffffff33;stroke-width:.8}
.film-stage .e-tile rect{fill:#2c3548}
.film-stage .e-tile rect.h-wait{fill:#ddbd89}
.film-stage .e-tile rect.h-stop{fill:#ec9a94}
.film-stage .e-tile rect.h-changed{fill:#a5b9f5}
.film-stage .e-tbar{position:absolute;left:5px;right:5px;bottom:5px;height:4px;border-radius:2px;background:#ffffff14}
.film-stage .e-tf{position:absolute;inset:0;border-radius:2px;background:#a5b9f5;transform-origin:0 50%;transform:scaleX(0)}
.film-stage .e-tf.e-late{background:#ec9a94}
.film-stage .e-tf.e-ok{background:#9fd4b0}
.film-stage .e-tm{position:absolute;top:-2px;bottom:-2px;width:0;border-left:1.5px solid #f2f5fbcc}
.film-stage .e-pick{border-radius:9px;border:2.5px solid #9fd4b0;box-shadow:0 0 14px #9fd4b099}