/* Tableros e indicadores (film-tableros.js). */
.film-stage .d-view{left:0;top:0;overflow:hidden}
.film-stage .d-world{position:absolute;left:0;top:0;width:0;height:0}
.film-stage .d-world>*{position:absolute}
.film-stage .d-line{position:absolute;top:50%;margin:0;text-align:center;line-height:1.15;letter-spacing:-.03em;color:#f2f5fb;text-wrap:balance}
.film-stage .d-logo{left:0;top:0;right:0;bottom:0;pointer-events:none}
/* Planillas y reporte hecho a mano. */
.film-stage .d-sheet{left:0;top:0;border-radius:8px;background:#e9edf3;box-shadow:0 18px 40px #0009;overflow:hidden}
.film-stage .d-sheet>*{position:absolute}
.film-stage .d-sheet:before{content:'';position:absolute;left:0;right:0;top:0;height:26px;background:#2f6b4f}
.film-stage .d-sheet-name{left:10px;top:5px;font-size:13px;color:#f1f6f2;white-space:nowrap}
.film-stage .d-sheet b{font-size:13px;font-weight:400;color:#3a4252;white-space:nowrap}
.film-stage .d-sheet b.d-cellv{font-weight:600;color:#1f2633}
.film-stage .d-cellhl{border-radius:4px;background:#2f6b4f33;box-shadow:inset 0 0 0 2px #2f6b4f}
.film-stage .d-chip{left:0;top:0;padding:4px 10px;border-radius:7px;background:#2f6b4f;color:#f1f6f2;font-size:15px;font-weight:600;box-shadow:0 8px 18px #0008;white-space:nowrap}
.film-stage .d-report{left:0;top:0;border-radius:14px;background:#f3f5f8;box-shadow:0 20px 50px #0009}
.film-stage .d-report>*{position:absolute}
.film-stage .d-rtitle{font-size:20px;font-weight:600;color:#1f2633;white-space:nowrap}
.film-stage .d-rdate{width:80px;height:28px;border-radius:7px;background:#e1e6ee}
.film-stage .d-rdate b{position:absolute;left:0;right:0;top:3px;text-align:center;font-size:16px;font-weight:600;color:#1f2633}
.film-stage .d-ready{padding:3px 11px;border-radius:999px;background:#2f6b4f;color:#f1f6f2;font-size:14px;font-weight:600}
.film-stage .d-rrow{display:flex;justify-content:space-between;padding-bottom:8px;border-bottom:1px solid #d7dce5;font-size:16px;color:#5a6476;white-space:nowrap}
.film-stage .d-rval{font-weight:600;color:#1f2633}
.film-stage .d-rsub{font-size:14px;font-weight:600;color:#5a6476;white-space:nowrap}
.film-stage .d-lbar{border-radius:2px 2px 0 0;background:#9aa6bb}
.film-stage .d-lbar.d-over{background:#d9776f}
.film-stage .d-limitline{height:0;border-top:1.5px dashed #c0574f}
.film-stage .d-limittext{font-size:12px;font-weight:600;color:#c0574f;white-space:nowrap}
.film-stage .d-axis{height:1px;background:#c8ceda}
.film-stage .d-tick{font-size:12px;color:#7a8496;white-space:nowrap}
.film-stage .d-tick-spike{transform:translateX(-50%);font-weight:600;color:#c0574f}
.film-stage .d-tick-end{transform:translateX(-100%)}
.film-stage .d-ring{border:3px solid #ddbd89;box-shadow:0 0 14px #ddbd8999}
.film-stage .d-ring-bar{width:40px;height:40px;border-radius:50%}
.film-stage .d-ring-date{width:104px;height:44px;border-radius:12px}
.film-stage .d-gap{padding:4px 11px;border-radius:999px;background:#1f2633;color:#f6e3c4;font-size:14px;font-weight:600;white-space:nowrap}
.film-stage .d-pulse{position:absolute;width:16px;height:16px;border-radius:50%;background:#ddbd89;box-shadow:0 0 14px #ddbd89aa}
/* Tablero. */
.film-stage .d-frame{border-radius:16px;background:#151c28;border:1px solid #a5b9f544;box-shadow:0 0 0 1px #a5b9f51a,0 30px 70px #0008}
.film-stage .d-frame>*{position:absolute}
.film-stage .d-ftitle{left:24px;top:16px;font-size:19px;font-weight:500;color:#e3e8f1;white-space:nowrap}
.film-stage .d-live{left:24px;top:44px;display:flex;align-items:center;gap:7px;font-size:13px;color:#9fd4b0;white-space:nowrap}
.film-stage .d-live i{width:7px;height:7px;border-radius:50%;background:#9fd4b0}
.film-stage .d-fdate{right:24px;top:20px;width:230px;height:24px}
.film-stage .d-fdate b{position:absolute;right:0;top:0;font-size:15px;font-weight:400;color:#c3cbda;white-space:nowrap}
.film-stage .d-tile{border-radius:12px;background:#1b2332;border:1px solid #ffffff10}
.film-stage .d-tile>*{position:absolute}
.film-stage .d-alert{inset:-1px;border-radius:inherit;background:#3a2226;border:1.5px solid #ec9a94}
.film-stage .d-tlabel{left:18px;top:14px;font-size:14px;color:#aab6cc;white-space:nowrap}
.film-stage .d-tval{left:18px;bottom:14px;width:160px;height:40px}
.film-stage .d-tval b{position:absolute;left:0;bottom:0;font-size:32px;line-height:1.15;font-weight:300;letter-spacing:-.02em;color:#f2f5fb;white-space:nowrap}
.film-stage .d-tval b.d-red{font-weight:500;color:#f2a49e}
.film-stage .d-tlimit{right:14px;top:13px;padding:2px 8px;border-radius:5px;background:#ffffff12;font-size:13px;color:#c9d2e2;white-space:nowrap}
.film-stage .d-card{border-radius:12px;background:#1b2332;border:1px solid #ffffff10;overflow:hidden}
.film-stage .d-card>*{position:absolute}
.film-stage .d-card svg{left:0;top:0;overflow:visible}
.film-stage .d-ctitle{left:20px;top:14px;font-size:14px;color:#aab6cc;white-space:nowrap}
.film-stage .d-path{fill:none;stroke:#a5b9f5;stroke-width:2.5;stroke-linejoin:round}
.film-stage .d-area{fill:url(#d-fill)}
.film-stage .d-cover{background:#1b2332}
.film-stage .d-goal{stroke:#e8eef9;stroke-opacity:.5;stroke-width:1.2;stroke-dasharray:5 5}
.film-stage .d-goaltext{transform:translateX(-100%);font-size:13px;color:#c9d2e2}
.film-stage .d-base{stroke:#ffffff26}
.film-stage .d-dot{left:0;top:0;width:12px;height:12px;border-radius:50%;background:#e8eef9;box-shadow:0 0 0 3px #1b2332}
.film-stage .d-bar{border-radius:5px 5px 0 0;background:#a5b9f5}
.film-stage .d-blabel{font-size:13px;color:#aab6cc;transform:translateX(-50%);white-space:nowrap}
/* Aviso y detalle. */
.film-stage .d-toast{display:flex;gap:14px;align-items:center;padding:13px 18px;border-radius:12px;background:#2a1f22;border:1px solid #ec9a9488;box-shadow:0 22px 50px #000a}
.film-stage .d-toast svg{flex-shrink:0;width:24px;height:24px;fill:none;stroke:#ec9a94;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.film-stage .d-toast b{display:block;font-size:15px;font-weight:600;color:#f6dedb}
.film-stage .d-toast span{display:block;margin-top:2px;font-size:14px;color:#e3c3bf}
.film-stage .d-pop{border-radius:12px;background:#222b3c;border:1px solid #ffffff24;box-shadow:0 24px 50px #000b}
.film-stage .d-pop>*{position:absolute}
.film-stage .d-ptitle{left:18px;top:16px;font-size:14px;font-weight:500;color:#dfe6f2;white-space:nowrap}
.film-stage .d-prowhl{height:34px;border-radius:8px;background:#ec9a9422}
.film-stage .d-pname{font-size:15px;color:#c3cbda}
.film-stage .d-ptrack{width:150px;height:9px;border-radius:5px;background:#ffffff0f}
.film-stage .d-pbar{height:9px;border-radius:5px;background:#ec9a94}
.film-stage .d-pnum{width:22px;text-align:right;font-size:15px;font-weight:600;color:#f2f5fb}
.film-stage .d-fly>*{position:absolute;left:0;top:0}
.film-stage .d-cursor{width:34px;height:34px;margin:-4px 0 0 -6px;filter:drop-shadow(0 3px 6px #0009)}
.film-stage .d-cursor svg{width:100%;height:100%;fill:#f2f5fb;stroke:#111722;stroke-width:1.2;stroke-linejoin:round}
