/* Aplicaciones a medida (film-aplicaciones.js). */
.film-stage .q-view{left:0;top:0;overflow:hidden}
.film-stage .q-world{position:absolute;left:0;top:0;width:0;height:0}
.film-stage .q-world>*{position:absolute}
.film-stage .q-line{position:absolute;top:50%;margin:0;text-align:center;line-height:1.15;letter-spacing:-.03em;color:#f2f5fb;text-wrap:balance}
.film-stage .q-logo{left:0;top:0;right:0;bottom:0;pointer-events:none}
/* Grupo de chat «Técnicos». */
.film-stage .q-chat{border-radius:14px;background:#e9e4da;box-shadow:0 22px 50px #0009;overflow:hidden}
.film-stage .q-chat>*{position:absolute}
.film-stage .q-chead{left:0;right:0;top:0;height:56px;display:flex;align-items:center;gap:10px;padding:0 16px;background:#1f5c4a;color:#eef6f1;font-size:16px;font-weight:500;white-space:nowrap}
.film-stage .q-chead i{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#cfe5da;color:#1f5c4a;font-size:14px;font-style:normal;font-weight:700}
.film-stage .q-clock{margin-left:auto;font-size:14px;font-weight:500;color:#cfe5da}
.film-stage .q-cbody{left:0;right:0;top:56px;overflow:hidden}
.film-stage .q-stack{position:absolute;left:0;right:0;top:0}
.film-stage .q-bub{position:absolute;left:16px;border-radius:12px;border-top-left-radius:3px;background:#fff;box-shadow:0 1px 1px #0002;box-sizing:border-box}
.film-stage .q-bub>*{position:absolute}
.film-stage .q-bub>b{left:12px;top:8px;font-size:12.5px;font-weight:700;filter:brightness(.6)}
.film-stage .q-btext{left:12px;right:52px;bottom:9px;font-size:var(--q-font);color:#1f2633;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.film-stage .q-btime{right:10px;bottom:9px;font-size:11px;font-style:normal;color:#7b8597}
.film-stage .q-img{left:8px;right:8px;top:28px;height:84px;border-radius:8px;background:linear-gradient(160deg,#b9c4cf,#8d9aa8)}
.film-stage .q-img i{position:absolute;left:38%;top:24%;width:24%;height:52%;border-radius:4px;background:#e8edf2;box-shadow:0 0 0 3px #6e7b8a inset}
.film-stage .q-audio{left:12px;right:60px;bottom:10px;height:20px;display:flex;align-items:center;gap:8px}
.film-stage .q-audio svg{width:16px;height:16px;fill:#5a6476}
.film-stage .q-audio i{flex:1;height:14px;background:repeating-linear-gradient(90deg,#7b8597 0 2px,#0000 2px 5px);clip-path:polygon(0 40%,10% 20%,20% 50%,30% 0,40% 30%,50% 10%,60% 45%,70% 15%,80% 35%,90% 25%,100% 40%,100% 60%,90% 75%,80% 65%,70% 85%,60% 55%,50% 90%,40% 70%,30% 100%,20% 50%,10% 80%,0 60%)}
.film-stage .q-audio em{font-size:12px;font-style:normal;color:#5a6476}
.film-stage .q-bsel{inset:-3px;border-radius:14px;box-shadow:0 0 0 3px #4f9a6c}
.film-stage .q-blost{inset:-4px;border-radius:15px;box-shadow:0 0 0 3px #ec9a94,0 0 16px #ec9a9499}
/* Planilla. */
.film-stage .q-sheet{border-radius:12px;background:#eef1f5;box-shadow:0 22px 50px #0009;overflow:hidden}
.film-stage .q-sheet>*{position:absolute}
.film-stage .q-sheet:before{content:'';position:absolute;left:0;right:0;top:0;height:44px;background:#2f6b4f}
.film-stage .q-stitle{left:18px;top:11px;font-size:17px;font-weight:500;color:#f1f6f2;white-space:nowrap}
.film-stage .q-th{display:flex;align-items:center;padding:0 10px;box-sizing:border-box;border-bottom:1.5px solid #c9d0db;background:#e2e7ee;font-size:14px;font-weight:600;color:#3a4252}
.film-stage .q-srow{position:absolute;left:0;right:0;border-bottom:1px solid #d7dce5}
.film-stage .q-srow>span{position:absolute;top:0;bottom:0}
.film-stage .q-srow b{position:absolute;left:10px;top:50%;margin-top:-.62em;font-size:var(--q-font);font-weight:400;line-height:1.25;color:#1f2633;white-space:nowrap}
.film-stage .q-ghost{border:1.5px dashed #c0574f;border-radius:8px;background:#fbe9e7}
.film-stage .q-ghost b{color:#7a4a46}
.film-stage .q-nocob{position:absolute;right:12px;top:50%;margin-top:-13px;height:26px;display:flex;align-items:center;padding:0 10px;border-radius:13px;background:#c0574f;color:#fff;font-size:13px;font-style:normal;font-weight:600;white-space:nowrap}
/* Panel de la oficina. */
.film-stage .q-panel,.film-stage .q-bill{border-radius:16px;background:#1b2231;border:1px solid #ffffff1f;box-shadow:0 20px 50px #0007}
.film-stage .q-panel>*,.film-stage .q-bill>*{position:absolute}
.film-stage .q-phead{left:18px;top:16px;font-size:16px;color:#dfe6f2;white-space:nowrap}
.film-stage .q-pth{top:58px;font-size:12.5px;font-weight:600;color:#8796b2}
.film-stage .q-prow{left:0;right:0;border-top:1px solid #ffffff12}
.film-stage .q-prow>span{position:absolute;top:50%;margin-top:-.65em;font-size:var(--q-font);line-height:1.3;color:#e3e8f1;white-space:nowrap}
.film-stage .q-pill{width:96px;height:24px;margin-top:-12px!important}
.film-stage .q-pill em{position:absolute;inset:0;display:grid;place-items:center;border-radius:12px;font-size:12px;font-style:normal;font-weight:600}
.film-stage .q-s0{background:#ffffff14;color:#aab6cc}
.film-stage .q-s1{background:#a5b9f5;color:#111722}
.film-stage .q-s2{background:#9fd4b0;color:#10261a}
.film-stage .q-ic{position:absolute;top:50%;width:22px;height:22px;margin-top:-11px;border-radius:6px;display:grid;place-items:center;background:#ffffff14;color:#9fd4b0}
.film-stage .q-ic svg,.film-stage .q-bhead svg,.film-stage .q-chip svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.film-stage .q-bill{border-color:#9fd4b055}
.film-stage .q-bhead{left:16px;right:16px;top:14px;display:flex;align-items:center;gap:8px;font-size:15px;color:#dfe6f2;white-space:nowrap}
.film-stage .q-bn{margin-left:auto;font-size:17px;color:#9fd4b0}
.film-stage .q-bitem{left:12px;right:12px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-radius:9px;background:#ffffff0d;font-size:calc(var(--q-font) - 1px);color:#e3e8f1;white-space:nowrap}
.film-stage .q-bitem em{font-style:normal;font-size:12px;color:#8796b2}
.film-stage .q-bfoot{left:16px;right:16px;bottom:14px;display:flex;align-items:center;gap:6px;font-size:13.5px;font-weight:600;color:#9fd4b0;white-space:nowrap}
.film-stage .q-bfoot svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
/* Celular del técnico. */
.film-stage .q-phone{border-radius:34px;background:#0c111a;box-shadow:0 0 0 1px #ffffff26,0 24px 60px #000a}
.film-stage .q-screen{position:absolute;inset:10px;border-radius:26px;background:#f4f6f8;overflow:hidden}
.film-stage .q-screen>*{position:absolute}
.film-stage .q-abar{left:0;right:0;top:0;height:50px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:#2d4f7c;color:#eef2f8;font-size:15px;font-weight:600}
.film-stage .q-abar em{font-size:12.5px;font-style:normal;font-weight:500;color:#c8d6ea}
.film-stage .q-list,.film-stage .q-detail{left:0;right:0;top:50px;bottom:0}
.film-stage .q-list>*,.film-stage .q-detail>*{position:absolute}
.film-stage .q-vcard{left:12px;right:12px;height:80px;border-radius:12px;background:#fff;box-shadow:0 2px 6px #0002}
.film-stage .q-vcard>*{position:absolute;left:14px}
.film-stage .q-vcard em{top:10px;font-size:12px;font-style:normal;font-weight:600;color:#2d4f7c}
.film-stage .q-vcard b{top:28px;font-size:15px;color:#1f2633;white-space:nowrap}
.film-stage .q-vcard span{top:51px;font-size:13px;color:#5a6476;white-space:nowrap}
.film-stage .q-dtitle{left:16px;top:16px;font-size:17px;color:#1f2633;white-space:nowrap}
.film-stage .q-dsub{left:16px;top:44px;font-size:13px;color:#5a6476;white-space:nowrap}
.film-stage .q-step{left:14px;right:14px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#fff;box-shadow:inset 0 0 0 1.5px #c9d0db;font-size:15px;font-weight:600;color:#2d4f7c;overflow:hidden}
.film-stage .q-st0{background:#2d4f7c;color:#fff;box-shadow:none}
.film-stage .q-done{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:8px;background:#d7efdf;color:#1f6b45;font-style:normal}
.film-stage .q-done svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.film-stage .q-thumb{right:22px;top:166px;width:30px;height:30px;border-radius:6px;background:linear-gradient(160deg,#b9c4cf,#8d9aa8);box-shadow:0 0 0 2px #fff}
.film-stage .q-thumb i{position:absolute;left:30%;top:22%;width:40%;height:56%;border-radius:2px;background:#e8edf2}
.film-stage .q-sigbox{left:14px;right:14px;top:350px;height:70px;border-radius:10px;background:#fff;box-shadow:inset 0 0 0 1.5px #c9d0db;overflow:hidden}
.film-stage .q-sigbox svg{position:absolute;left:50%;top:50%;width:150px;height:55px;margin:-27px 0 0 -75px;fill:none;stroke:#1f2633;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.film-stage .q-sigcover{position:absolute;inset:0;background:#fff}
.film-stage .q-flash{left:0;right:0;top:-50px;bottom:0;background:#fff}
/* Sobres, toques y cursor. */
.film-stage .q-fly>*{position:absolute;left:0;top:0}
.film-stage .q-chip{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#9fd4b0;color:#10261a;box-shadow:0 6px 16px #0008}
.film-stage .q-tap{width:56px;height:56px;border-radius:50%;background:#2d4f7c55;box-shadow:0 0 0 2px #2d4f7c}
.film-stage .q-cursor{width:34px;height:34px;margin:-4px 0 0 -6px;filter:drop-shadow(0 3px 6px #0009)}
.film-stage .q-cursor svg{width:100%;height:100%;fill:#f2f5fb;stroke:#111722;stroke-width:1.2;stroke-linejoin:round}