/* Análisis de datos (film-analisis.js). */
.film-stage .c-view{left:0;top:0;overflow:hidden}
.film-stage .c-world{position:absolute;left:0;top:0;width:0;height:0}
.film-stage .c-world>*{position:absolute}
.film-stage .c-line{position:absolute;top:50%;margin:0;text-align:center;line-height:1.15;letter-spacing:-.03em;color:#f2f5fb;text-wrap:balance}
.film-stage .c-logo{left:0;top:0;right:0;bottom:0;pointer-events:none}
/* Paneles. */
.film-stage .c-panel,.film-stage .c-chart,.film-stage .c-card{border-radius:16px;background:#1b2231;border:1px solid #ffffff1f;box-shadow:0 20px 50px #0007;overflow:hidden}
.film-stage .c-panel>*,.film-stage .c-chart>*,.film-stage .c-card>*{position:absolute}
.film-stage .c-glow{inset:-1px;border-radius:inherit;border:1px solid #a5b9f566;box-shadow:inset 0 0 0 1px #a5b9f522}
.film-stage .c-head{left:0;right:0;top:0;height:44px;display:flex;align-items:center;gap:9px;padding:0 18px;border-bottom:1px solid #ffffff14;background:#ffffff06;color:#dfe6f2;font-size:17px;white-space:nowrap}
.film-stage .c-head svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.film-stage .c-h1,.film-stage .c-h2{position:absolute;left:47px;top:12px}
.film-stage .c-legend{display:flex;align-items:center;gap:8px;font-size:14px;color:#aab6cc;white-space:nowrap}
.film-stage .c-legend i{width:var(--c-dot);height:var(--c-dot);border-radius:50%;background:#c3cde0}
/* Planilla de compras. */
.film-stage .c-sheet{border-radius:12px;background:#eef1f5;box-shadow:0 22px 50px #0009;overflow:hidden}
.film-stage .c-sheet>*{position:absolute}
.film-stage .c-sheet:before{content:'';position:absolute;left:0;right:0;top:0;height:44px;background:#2f6b4f}
.film-stage .c-stitle{left:18px;top:11px;font-size:17px;font-weight:500;color:#f1f6f2;white-space:nowrap}
.film-stage .c-sth{font-size:15px;font-weight:600;color:#3a4252;line-height:46px}
.film-stage .c-sbody{left:0;right:0;top:90px;bottom:0;overflow:hidden;border-top:1.5px solid #c9d0db}
.film-stage .c-srows{position:absolute;left:0;right:0;top:0}
.film-stage .c-srow{position:absolute;left:0;right:0;height:40px;border-bottom:1px solid #d7dce5}
.film-stage .c-srow b{position:absolute;top:10px;font-size:16px;font-weight:400;color:#1f2633;white-space:nowrap}
.film-stage .c-srow .c-snum{left:0;width:52px;top:0;height:100%;padding-top:11px;text-align:center;font-size:13px;color:#7d8697;background:#e2e6ed;border-right:1px solid #cfd5df;font-variant-numeric:tabular-nums}
.film-stage .c-defs{position:absolute;width:0;height:0}
/* Ventas por mes. */
.film-stage .c-chart svg{left:0;top:0;overflow:visible}
.film-stage .c-path{fill:none;stroke:#a5b9f5;stroke-width:3;stroke-linejoin:round}
.film-stage .c-base{stroke:#ffffff26}
.film-stage .c-cover{background:#1b2231}
.film-stage .c-head-dot{left:0;top:0;width:12px;height:12px;border-radius:50%;background:#e8eef9;box-shadow:0 0 0 3px #1b2231}
.film-stage .c-month{transform:translateX(-50%);font-size:14px;color:#aab6cc}
/* Puntos, grupos y variables. */
.film-stage .c-dot{left:0;top:0;width:var(--c-dot);height:var(--c-dot)}
.film-stage .c-dot>*{position:absolute;inset:0;border-radius:50%;text-decoration:none}
.film-stage .c-dot u{background:#c3cde0}
.film-stage .c-dot s{box-sizing:border-box;border:2px solid #ec9a94}
.film-stage .c-name{font-size:15px;font-weight:500;color:var(--ink);white-space:nowrap}
.film-stage .c-var{left:0;top:0;padding:5px 11px;border-radius:999px;background:#2a3346;border:1px solid #a5b9f544;color:#dfe6f2;font-size:14px;white-space:nowrap}
/* Ficha de un grupo. */
.film-stage .c-cardbar{left:0;right:0;top:0;height:5px;background:var(--ink)}
.film-stage .c-cardtitle{left:28px;top:28px;font-size:22px;font-weight:600;color:var(--ink);white-space:nowrap}
.film-stage .c-stat{display:flex;align-items:baseline;gap:12px;white-space:nowrap}
.film-stage .c-stat b{font-size:40px;font-weight:300;letter-spacing:-.02em;color:#f2f5fb}
.film-stage .c-stat span{font-size:16px;color:#aab6cc}
.film-stage .c-action{display:flex;flex-direction:column;gap:4px;padding:12px 16px;box-sizing:border-box;border-radius:10px;background:#ffffff08}
.film-stage .c-action span{font-size:13px;color:#8796b2}
.film-stage .c-action b{font-size:18px;font-weight:500;color:#f2f5fb}
.film-stage .c-axis{height:1.5px;background:#ffffff33}
.film-stage .c-axis-y{width:1.5px}
.film-stage .c-atitle{font-size:14px;color:#aab6cc;white-space:nowrap}
.film-stage .c-title{font-size:24px;font-weight:500;letter-spacing:-.01em;color:#f2f5fb;white-space:nowrap}