/* Escenas 01–12. Estética Bulest: vidrio oscuro, acento verde y datos legibles. */
.of-stage{position:relative;width:760px;height:615px;font-family:'Plus Jakarta Sans',sans-serif;color:#e2eee6;isolation:isolate}
.of-stage,.of-stage *{box-sizing:border-box}.of-stage h3,.of-stage p{margin:0}.of-stage svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.55;fill:none;stroke-linecap:round;stroke-linejoin:round}.of-stage [data-reveal]{transition:opacity .65s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.of-aura{position:absolute;left:60px;right:20px;top:70px;bottom:20px;background:radial-gradient(ellipse,#2dad6215,transparent 70%);filter:blur(20px);z-index:-1;pointer-events:none}.of-panel{position:absolute;background:linear-gradient(135deg,#111713f5,#0d0d0df5);border:1px solid #ffffff17;border-radius:22px;box-shadow:0 30px 70px #0006;backdrop-filter:blur(14px);overflow:hidden}.of-head{display:flex;align-items:center;gap:11px;min-height:59px;padding:16px 22px;border-bottom:1px solid #ffffff0e;color:#bdcec3;font-size:17px;line-height:1.3}.of-head strong{font-weight:550}.of-head-symbol{display:flex;color:#6bc18a}.of-head-symbol svg{width:20px;height:20px}.of-head-detail{margin-left:auto;font-size:14px;color:#7b9384}.of-chip{display:inline-flex;gap:6px;align-items:center;white-space:nowrap;color:#9cddb3;background:#2dad6214;border:1px solid #2dad6230;border-radius:8px;padding:6px 10px;font-size:14px;line-height:1.3;font-weight:550}.of-chip svg{width:16px;height:16px}.of-chip-amber{background:#f59e0b0e;color:#e8c482;border-color:#f59e0b35}.of-overline{display:block;font-size:12px;font-weight:650;letter-spacing:1.2px;color:#799b85}.of-avatar{display:grid;place-items:center;width:38px;height:38px;border:1px solid #2dad6228;background:#193424;color:#b5dcc2;border-radius:50%;font-size:18px;flex-shrink:0}.of-jacket{display:block;object-fit:contain;mix-blend-mode:screen}.of-detail-overline{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:650;letter-spacing:1.05px;color:#98bb89}.of-detail-overline svg{width:17px;height:17px}.of-warning-icon{display:grid;place-items:center;width:43px;height:43px;flex-shrink:0;border:1px solid #f59e0b45;background:#f59e0b11;border-radius:13px;font-size:25px;font-weight:500;color:#e4bd77}.of-record{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 0;color:#becdc3;font-size:19px}.of-record>span{display:flex;gap:10px;align-items:center}.of-record svg{width:20px;height:20px;color:#789d85}.of-record b{font-weight:450}.of-record>strong{font-size:23px;letter-spacing:-.5px}
/* 01: de datos dispersos al pendiente que requiere atención. */
.of-dashboard{left:20px;top:37px;width:710px;height:526px;overflow:visible}.of-dash-greeting{display:flex;align-items:center;justify-content:space-between;padding:22px 23px 18px;font-size:17px;color:#8ba895}.of-dash-greeting b{font-size:14px;font-weight:450;color:#688373}.of-dash-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;padding:0 23px}.of-metric{height:175px;padding:17px 15px;border:1px solid #ffffff13;border-radius:15px;background:#131e17;box-shadow:0 15px 30px #0004;transition:transform 1.2s cubic-bezier(.2,.8,.2,1),opacity .8s,border-color .8s}.of-metric>svg{color:#64ad7d;width:21px;height:21px;display:block;margin-bottom:13px}.of-metric>span{display:block;font-size:14px;color:#92ac9b}.of-metric>strong{display:block;font-size:33px;letter-spacing:-1.3px;line-height:1.3;margin:5px 0}.of-metric em{font-size:18px;font-weight:400;font-style:normal;letter-spacing:-.2px}.of-metric small{font-size:11px;color:#688574;display:block}.deck-scene[data-step="0"] .of-metric-sales{transform:translate(-18px,45px) rotate(-7deg)}.deck-scene[data-step="0"] .of-metric-balance{transform:translate(12px,-5px) rotate(4deg)}.deck-scene[data-step="0"] .of-metric-team{transform:translate(17px,70px) rotate(6deg)}.of-dash-pending{margin:22px 23px 0;border:1px solid #ffffff0d;border-radius:14px;background:#0e1611;padding:16px}.of-dash-pending>span{display:flex;gap:8px;align-items:center;font-size:14px;color:#87a490}.of-dash-pending>span svg{width:17px;height:17px}.of-dash-pending-row{display:flex;gap:13px;align-items:center;margin-top:17px;transition:background .5s,border-color .5s;padding:13px 12px;border:1px solid transparent;border-radius:10px}.of-dash-pending-row strong{display:block;font-size:20px}.of-dash-pending-row small{display:block;font-size:14px;color:#8ba293;margin-top:4px}.of-dash-pending-row>svg{margin-left:0;color:#9dba82;width:20px;height:20px}.of-pending-dot{margin-left:auto;width:9px;height:9px;background:#e6b45b;box-shadow:0 0 16px #f59e0b45;border-radius:50%}.deck-scene[data-step="2"] .of-dash-pending-row,.deck-scene[data-step="3"] .of-dash-pending-row{border-color:#f59e0b45;background:#f59e0b08}.deck-scene[data-step="3"] .of-dash-tiles{opacity:.35}.deck-scene[data-step="3"] .of-dash-pending{opacity:.25}.of-decision{position:absolute;left:100px;right:0;top:273px;padding:24px 27px;background:linear-gradient(120deg,#17291c,#101b14);border:1px solid #6dac5945;box-shadow:0 30px 70px #000b;border-radius:20px;transform:translateY(20px)}.deck-scene[data-step="3"] .of-decision{transform:translateY(0)}.of-decision h3{font-size:27px;letter-spacing:-.6px;margin:12px 0 18px}.of-decision-values{display:flex;gap:26px;align-items:center}.of-decision-values>div span{font-size:14px;color:#92af9c;display:block}.of-decision-values>div strong{font-size:34px;font-weight:550;display:block}.of-decision-values .of-chip{margin-left:auto}.of-divider{width:1px;height:47px;background:#ffffff0e}.of-decision-footer{display:flex;gap:11px;align-items:center;margin-top:17px;padding-top:14px;border-top:1px solid #ffffff0d;font-size:15px;color:#a5b7aa}.of-decision-footer .of-avatar{width:29px;height:29px;font-size:14px}
/* 02: barras que llevan a sus documentos de origen. */
.of-period{position:absolute;left:31px;right:31px;top:26px;display:flex;align-items:center;gap:10px;color:#b3ccbd;font-size:18px}.of-period svg{width:20px;height:20px;color:#74b88b}.of-period>span{margin-left:auto;font-size:14px;color:#769381}.of-chart-card{top:91px;width:342px;height:360px}.of-chart-products{left:20px}.of-chart-people{right:20px}.of-chart-card .of-head{padding-left:20px}.of-bars{padding:25px 22px}.of-bar-item{margin-bottom:28px}.of-bar-item>div:first-child{display:flex;justify-content:space-between;gap:5px;align-items:center;margin-bottom:11px}.of-bar-item span{font-size:16px;color:#b4c9bc}.of-bar-item strong{font-size:18px;color:#e1eae4;font-weight:550;white-space:nowrap}.of-bar-track{height:12px;border-radius:7px;background:#ffffff06;overflow:hidden}.of-bar-track i{display:block;height:100%;width:var(--of-bar-width);background:linear-gradient(90deg,#245e38,#2dad62);border-radius:7px;transform:scaleX(0);transform-origin:left;transition:transform 1.3s cubic-bezier(.2,.7,.2,1),background .7s}.deck-scene:not([data-step="0"]) .of-product-bars .of-bar-track i{transform:scaleX(1)}.deck-scene[data-step="2"] .of-person-bars .of-bar-track i,.deck-scene[data-step="3"] .of-person-bars .of-bar-track i{transform:scaleX(1)}.of-bar-1 .of-bar-track i{transition-delay:.16s;background:linear-gradient(90deg,#20462c,#318e50)}.of-bar-2 .of-bar-track i{transition-delay:.3s;background:linear-gradient(90deg,#1b3a25,#346747)}.deck-scene[data-step="3"] .of-person-bars .of-bar-0{outline:1px solid #2dad6245;outline-offset:12px;border-radius:4px}.of-source-detail{position:absolute;left:20px;right:20px;top:474px;min-height:107px;padding:21px;display:flex;align-items:center;gap:13px;border:1px solid #2dad6238;border-radius:17px;background:#112218;box-shadow:0 20px 50px #0005;transform:translateY(13px)}.deck-scene[data-step="3"] .of-source-detail{transform:translateY(0)}.of-source-icon{display:flex;align-items:center;justify-content:center;width:40px;height:45px;border-radius:9px;background:#2dad6210;color:#8ecc9f}.of-source-detail>div:not(.of-source-docs){min-width:160px}.of-source-detail>div>strong{display:block;font-size:20px}.of-source-detail>div>span{display:block;font-size:12px;color:#8da596;margin-top:4px}.of-source-docs{display:flex;gap:5px}.of-source-docs>span{font-size:12px!important;border:1px solid #ffffff13;border-radius:6px;padding:7px 5px;color:#99b9a4!important}.of-source-detail>strong{font-size:24px;margin-left:auto;white-space:nowrap;letter-spacing:-.7px}
/* 03: ficha de producto y revelación de acceso a costos. */
.of-product-pricing{left:18px;top:50px;width:316px;height:475px}.of-product-pricing .of-head{font-size:16px}.of-pricing-product{padding:18px 22px}.of-pricing-product>.of-jacket{height:225px;width:265px;filter:drop-shadow(0 18px 22px #0005)}.of-pricing-product>.of-overline{margin-top:12px;font-size:10px}.of-pricing-product h3{font-size:25px;letter-spacing:-.5px;margin:8px 0}.of-pricing-product>span:last-child{font-size:15px;color:#8aa294}.of-pricing-data{position:absolute;left:363px;right:20px;top:77px}.of-price-tile,.of-cost-tile{padding:23px;border:1px solid #ffffff13;background:#111c15;border-radius:17px}.of-price-tile>span,.of-cost-visible>span{font-size:17px;display:block;color:#94ac9c}.of-price-tile strong,.of-cost-visible strong{font-size:44px;letter-spacing:-1.4px;display:block;line-height:1.5;font-weight:550}.of-price-tile small,.of-cost-visible small{font-size:13px;color:#6e8c79}.of-cost-tile{height:161px;margin-top:16px;position:relative;overflow:hidden;transition:border-color .7s,background .7s}.of-cost-mask{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:repeating-linear-gradient(135deg,#ffffff02 0,#ffffff02 1px,transparent 1px,transparent 12px);color:#7b8e82;font-size:16px;transition:opacity .6s,transform .6s}.of-cost-mask svg{width:28px;height:28px}.of-cost-visible{position:absolute;inset:20px 23px;transform:translateY(12px)}.deck-scene[data-step="2"] .of-cost-visible,.deck-scene[data-step="3"] .of-cost-visible{transform:translateY(0)}.deck-scene[data-step="2"] .of-cost-tile,.deck-scene[data-step="3"] .of-cost-tile{border-color:#2dad6245;background:#13271a}.of-finance-access{display:flex;gap:10px;align-items:center;margin-top:19px;font-size:16px}.of-finance-access div>strong{font-size:17px;font-weight:500;display:block}.of-finance-access div>span{font-size:12px;display:block;color:#82a38e;margin-top:3px}.of-finance-access>svg{width:19px;height:19px;margin-left:auto;color:#74a786}.of-compare-line{position:absolute;left:49px;right:23px;bottom:28px;display:flex;justify-content:center;gap:9px;align-items:center;color:#93b39f;font-size:15px}.of-compare-line svg{width:19px;height:19px}
/* 04: del total vendido a la cuenta por gestionar. */
.of-sales-board{left:20px;top:34px;width:710px;height:399px}.of-sales-total{padding:28px 29px 20px;position:relative}.of-sales-total>span{font-size:18px;color:#8aa994;display:block}.of-sales-total>strong{font-size:54px;line-height:1.4;letter-spacing:-2px;font-weight:550;display:block}.of-sales-total>small{position:absolute;top:33px;right:28px;color:#76917f;font-size:13px}.of-sales-split{display:flex;height:105px;margin:8px 29px 0;border-radius:13px;overflow:hidden;border:1px solid #ffffff0f}.of-collected-segment{width:100%;background:linear-gradient(120deg,#205b35,#2dad62);transition:width 1.4s cubic-bezier(.3,.7,.2,1);flex-shrink:0;padding:15px 22px;display:flex;align-items:center}.of-collected-segment>span,.of-pending-segment>span{font-size:15px;color:#bcdfc8;white-space:nowrap}.of-collected-segment strong,.of-pending-segment strong{display:block;font-size:30px;letter-spacing:-.8px;color:#f0fff4;margin-top:5px;font-weight:550}.of-pending-segment{width:0;background:linear-gradient(115deg,#796031,#ad8240);display:flex;align-items:center;padding:15px 0;transition:width 1.4s cubic-bezier(.3,.7,.2,1),padding 1s;overflow:hidden}.of-pending-segment strong{font-size:25px;color:#ffefd3}.of-pending-segment>span{color:#e7d8b8}.deck-scene:not([data-step="0"]) .of-collected-segment{width:66.666%}.deck-scene:not([data-step="0"]) .of-pending-segment{width:33.334%;padding-left:17px}.of-sales-legend{display:flex;gap:24px;margin:18px 30px;color:#7e9c89;font-size:13px}.of-sales-legend>span{display:flex;align-items:center;gap:8px}.of-sales-legend i{width:7px;height:7px;border-radius:50%;background:#2dad62}.of-sales-legend>span:last-child i{background:#d2a75e}.of-collection-detail{position:absolute;left:65px;right:0;top:405px;background:#131e16;border:1px solid #b38a4140;border-radius:19px;padding:22px 25px;box-shadow:0 25px 60px #0009;transform:translateY(15px)}.deck-scene[data-step="3"] .of-collection-detail{transform:translateY(0)}.of-collection-detail>div>strong{display:block;font-size:24px;margin-top:10px}.of-collection-detail .of-detail-overline{color:#cdb17c}.of-debt-row{display:flex;gap:12px;align-items:center;padding-top:17px;margin-top:15px;border-top:1px solid #ffffff0d}.of-debt-row>div>strong{font-size:18px;display:block;font-weight:500}.of-debt-row small{font-size:13px;color:#81998a;display:block;margin-top:4px}.of-debt-row>b{font-size:24px;margin-left:auto;letter-spacing:-.5px}.of-debt-row>svg{color:#a29774;width:18px;height:18px}
/* 05: una distribución visible entre documentos. */
.of-allocation-payment{left:22px;top:125px;width:239px;height:326px;padding:24px 19px;display:flex;flex-direction:column;align-items:center;text-align:center;z-index:2;transition:transform .9s}.of-allocation-symbol{height:48px;width:48px;border:1px solid #2dad6235;background:#2dad6211;border-radius:13px;display:grid;place-items:center;color:#9dd4ae;margin-bottom:23px}.of-allocation-symbol svg{height:26px;width:26px}.of-allocation-payment>.of-overline{font-size:10px;letter-spacing:1px}.of-allocation-payment h3{font-size:38px;letter-spacing:-1.4px;margin-top:12px}.of-allocation-payment>span:not(.of-overline){font-size:17px;margin-top:10px;color:#a8c0b1}.of-allocation-payment>small{font-size:12px;color:#6d9079;margin-top:9px}.of-allocation-zero{margin-top:20px}.of-allocation-zero .of-chip{font-size:13px}.of-allocation-lines{position:absolute;inset:0;width:760px!important;height:615px!important;pointer-events:none;z-index:0;stroke:#2dad6260!important;stroke-width:2!important}.of-allocation-lines path{stroke-dasharray:350;stroke-dashoffset:350;transition:stroke-dashoffset 1.4s ease}.of-allocation-lines .of-line-hub{fill:#2dad62;stroke:#66c78b;opacity:0;transition:opacity .7s}.deck-scene[data-step="2"] .of-allocation-lines path,.deck-scene[data-step="3"] .of-allocation-lines path{stroke-dashoffset:0}.deck-scene[data-step="2"] .of-allocation-lines .of-line-hub,.deck-scene[data-step="3"] .of-allocation-lines .of-line-hub{opacity:1}.of-allocation-doc{position:absolute;left:393px;width:337px;height:167px;padding:20px 23px;border:1px solid #ffffff15;border-radius:17px;background:#111b15;box-shadow:0 20px 40px #0003;transform:translateX(20px)}.deck-scene:not([data-step="0"]) .of-allocation-doc{transform:translateX(0)}.of-allocation-doc-one{top:109px}.of-allocation-doc-two{top:299px}.of-document-title{display:flex;gap:8px;align-items:center;font-size:17px;color:#96b5a2}.of-document-title svg{width:19px;height:19px}.of-allocation-doc>strong{display:block;font-size:35px;line-height:1.7;letter-spacing:-1px}.of-applied-amount{font-size:14px;display:flex;align-items:center;gap:7px;color:#8dd2a5;padding-top:9px;border-top:1px solid #2dad6220}.of-applied-amount svg{width:17px;height:17px}.of-allocation-origin{position:absolute;left:44px;right:20px;top:514px;display:flex;justify-content:center;gap:10px;align-items:center;padding:17px;border-radius:13px;border:1px solid #2dad6225;background:#2dad6209;font-size:17px;color:#94bda2}.of-allocation-origin svg{width:19px;height:19px}
/* 06: el anticipo acompaña la revisión de la venta posterior. */
.of-client-heading{position:absolute;left:35px;top:19px;display:flex;align-items:center;gap:12px}.of-client-heading strong{display:block;font-size:23px}.of-client-heading div>span{display:block;color:#7e9a88;font-size:14px;margin-top:3px}.of-client-heading .of-avatar{width:43px;height:43px;font-size:21px}.of-advance-timeline{position:absolute;left:40px;right:40px;top:107px;height:2px;background:#ffffff10}.of-advance-timeline:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#2dad62,#2dad6260);transform:scaleX(0);transform-origin:left;transition:transform 1.4s ease}.deck-scene:not([data-step="0"]) .of-advance-timeline:after{transform:scaleX(1)}.of-timeline-point{position:absolute;top:-5px;z-index:1}.of-timeline-early{left:24px}.of-timeline-later{left:392px}.of-timeline-point>i{display:block;width:12px;height:12px;background:#5caa77;border:3px solid #14331f;border-radius:50%;box-shadow:0 0 0 1px #2dad6245}.of-timeline-point>span{display:block;margin-top:12px;font-size:13px;color:#82a58f}.of-advance-card,.of-later-sale{position:absolute;top:158px;width:316px;height:180px;border:1px solid #ffffff13;border-radius:17px;background:#121d16;padding:21px 23px;transition:transform .9s,border-color .7s}.of-advance-card{left:28px}.of-later-sale{right:28px;transform:translateX(25px)}.deck-scene:not([data-step="0"]) .of-later-sale{transform:translateX(0)}.of-advance-card>strong,.of-later-sale>strong{display:block;font-size:36px;letter-spacing:-1px;margin-top:9px}.of-advance-card>span:not(.of-overline),.of-later-sale>span:not(.of-overline){font-size:13px;color:#7e9e89}.of-advance-card>.of-chip,.of-later-sale>.of-chip{position:absolute;right:18px;bottom:18px;font-size:12px;padding:5px 7px}.deck-scene[data-step="2"] .of-advance-card,.deck-scene[data-step="3"] .of-advance-card{border-color:#2dad6255}.of-advance-review{position:absolute;left:28px;right:28px;top:366px;border:1px solid #2dad6230;border-radius:18px;background:linear-gradient(125deg,#12261a,#0e1812);padding:20px 25px;box-shadow:0 25px 45px #0004}.of-review-heading{display:flex;gap:9px;align-items:center;font-size:16px;color:#8cb09a}.of-review-heading svg{width:19px;height:19px}.of-advance-review .of-record{padding:14px 0;font-size:18px}.of-advance-available{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #ffffff0e;padding-top:13px;align-items:center;color:#b5d9c1}.of-advance-available>span{display:flex;align-items:center;gap:9px;font-size:17px}.of-advance-available svg{width:18px;height:18px}.of-advance-available strong{font-size:24px;font-weight:550;white-space:nowrap}.of-advance-note{font-size:12px;color:#6f9b80;margin:10px 0 0 27px}
/* 07: la fracción excedente se separa y se conserva para revisión. */
.of-mismatch-board{left:22px;right:22px;top:48px;height:358px}.of-proposed{padding:25px 30px}.of-proposed>span{font-size:18px;color:#9cb4a6}.of-proposed>strong{display:block;font-size:54px;line-height:1.6;letter-spacing:-1.5px;font-weight:550}.of-limit-ruler{display:flex;margin:0 30px;height:79px;overflow:hidden;border-radius:13px;background:#2b4b34;border:1px solid #ffffff0f}.of-valid-value{width:100%;height:100%;padding:12px 20px;background:linear-gradient(90deg,#24673b,#2dad62);transition:width 1.3s cubic-bezier(.3,.7,.2,1)}.of-valid-value>span{font-size:13px;color:#c3e4ce;white-space:nowrap}.of-valid-value strong{font-size:26px;display:block;font-weight:550;margin-top:2px}.of-excess-value{width:0;height:100%;padding:22px 0;background:repeating-linear-gradient(125deg,#a77c3b 0,#a77c3b 6px,#9b7133 6px,#9b7133 12px);font-size:20px;font-weight:650;white-space:nowrap;transition:width 1.3s cubic-bezier(.3,.7,.2,1),padding .9s;overflow:hidden;color:#fff0d4}.deck-scene:not([data-step="0"]) .of-valid-value{width:83.333%}.deck-scene:not([data-step="0"]) .of-excess-value{width:16.667%;padding-left:9px}.of-limit-caption{padding:16px 30px;display:flex;justify-content:space-between;font-size:13px;color:#6f8d79;gap:10px}.of-limit-caption b{font-weight:450;color:#91ad9c}.of-mismatch-review{position:absolute;left:67px;right:0;top:431px;padding:27px 24px;display:flex;gap:18px;align-items:center;border:1px solid #f59e0b38;background:linear-gradient(125deg,#282416,#171b12);box-shadow:0 25px 60px #0006;border-radius:20px;transform:translateY(-20px)}.deck-scene[data-step="3"] .of-mismatch-review{transform:translateY(0)}.of-mismatch-review .of-detail-overline{color:#c6a777;font-size:11px}.of-mismatch-review h3{font-size:25px;letter-spacing:-.6px;margin-top:8px}.of-mismatch-review p{font-size:15px;color:#a79f88;margin-top:8px}
/* 08: contraste de campos contra evidencia disponible. */
.of-receipt{position:absolute;left:20px;top:35px;width:309px;height:526px;border:1px solid #ffffff1a;border-radius:18px;background:linear-gradient(140deg,#1a201b,#0c140e);padding:26px 24px;overflow:hidden;box-shadow:0 30px 55px #0005;transform:rotate(-3deg);transition:transform 1s ease}.deck-scene:not([data-step="0"]) .of-receipt{transform:rotate(0)}.of-receipt-symbol{width:43px;height:43px;display:grid;place-items:center;border-radius:11px;border:1px solid #ffffff14;color:#91b49d;margin-bottom:23px}.of-receipt-symbol svg{width:24px;height:24px}.of-receipt>.of-overline{font-size:9px;letter-spacing:1px}.of-receipt h3{font-size:25px;margin-top:10px}.of-receipt-amount{display:block;font-size:41px;letter-spacing:-1.2px;line-height:1.7;font-weight:550}.of-receipt-fields{margin-top:12px}.of-receipt-fields>div{padding:15px 9px;border-top:1px dashed #ffffff15;border-radius:5px;transition:background .7s,border-color .7s}.of-receipt-fields span{display:block;font-size:13px;color:#71907d}.of-receipt-fields strong{display:block;font-size:18px;font-weight:500;margin-top:4px}.deck-scene:not([data-step="0"]) .of-receipt-fields>div{background:#2dad620c;border-color:#2dad6230}.of-receipt-source{position:absolute;left:24px;bottom:17px;font-size:12px;color:#678573}.of-scan-beam{position:absolute;left:13px;right:13px;height:2px;top:90px;background:#64da8d;box-shadow:0 0 22px #2dad62,0 8px 20px #2dad6220;opacity:0;transition:transform 2.1s ease,opacity .4s}.deck-scene[data-step="1"] .of-scan-beam{opacity:1;transform:translateY(355px)}.deck-scene[data-step="2"] .of-scan-beam,.deck-scene[data-step="3"] .of-scan-beam{transform:translateY(355px);opacity:0}.of-verifier-bridge{position:absolute;left:344px;top:269px;display:grid;place-items:center;width:38px;height:38px;color:#84c99a;border:1px solid #2dad6238;border-radius:50%;background:#12321d}.of-verifier-bridge svg{width:18px;height:18px}.of-verifier{left:395px;top:97px;width:340px;height:448px}.of-verifier .of-head{padding-left:18px;font-size:17px}.of-verifier-source{display:flex;align-items:flex-start;gap:9px;padding:20px 21px;font-size:14px;color:#7e9f89;line-height:1.55}.of-verifier-source svg{width:18px;height:18px;margin-top:2px}.of-verifier-values{padding:0 20px}.of-verifier-values>div{display:grid;grid-template-columns:1fr auto 17px;gap:10px;align-items:center;padding:15px 0;border-top:1px solid #ffffff0b;font-size:13px}.of-verifier-values strong{font-size:16px;font-weight:550}.of-verifier-values span{color:#87a38f}.of-verifier-values svg{width:17px;height:17px;color:#77cf94}.of-verifier-result{margin:17px 17px 0;padding:16px 12px;display:flex;align-items:center;gap:10px;border:1px solid #2dad623b;background:#2dad620c;border-radius:13px}.of-verifier-result>svg{width:27px;height:27px;color:#7bce95}.of-verifier-result strong{font-size:19px;display:block;letter-spacing:-.3px}.of-verifier-result span{display:block;font-size:11px;color:#82ad90;margin-top:5px}
/* 09: referencias diferentes convergen en una ficha compartida. */
.of-loose-reference{position:absolute;top:90px;width:225px;height:129px;border:1px solid #ffffff18;border-radius:15px;background:#121c16;padding:16px;box-shadow:0 15px 45px #0005;transition:transform 1.3s cubic-bezier(.3,.7,.2,1),opacity .8s}.of-loose-reference>svg{width:19px;height:19px;color:#7caa8d;vertical-align:middle;margin-right:9px}.of-loose-reference>span{font-size:14px;color:#8eaa98}.of-loose-reference>strong{display:block;font-size:20px;margin-top:21px;font-weight:500}.of-reference-sales{left:15px;transform:rotate(-8deg)}.of-reference-warehouse{left:268px;top:47px;transform:rotate(4deg)}.of-reference-service{right:10px;top:109px;transform:rotate(7deg)}.deck-scene[data-step="1"] .of-reference-sales{transform:translate(155px,78px) rotate(0)}.deck-scene[data-step="1"] .of-reference-warehouse{transform:translate(0,120px) rotate(0)}.deck-scene[data-step="1"] .of-reference-service{transform:translate(-155px,60px) rotate(0)}.deck-scene[data-step="1"] .of-loose-reference{opacity:.4}.deck-scene[data-step="2"] .of-loose-reference,.deck-scene[data-step="3"] .of-loose-reference{opacity:0;transform:translateY(110px) scale(.8)}.of-master-product{position:absolute;left:90px;right:70px;top:155px;height:245px;display:flex;align-items:center;gap:20px;padding:25px 29px 25px 9px;border:1px solid #2dad6240;background:linear-gradient(130deg,#15291b,#0f1912);border-radius:22px;box-shadow:0 30px 60px #0007;z-index:2;transform:scale(.92)}.deck-scene[data-step="2"] .of-master-product,.deck-scene[data-step="3"] .of-master-product{transform:scale(1) translateY(-24px)}.of-master-product>.of-jacket{height:213px;width:219px;flex-shrink:0}.of-master-product .of-overline{font-size:10px}.of-master-product h3{font-size:29px;letter-spacing:-.7px;margin:12px 0 7px}.of-master-product div>span:not(.of-overline){font-size:16px;color:#a2bbaa}.of-reference-code{font-size:20px;color:#bbd7c4;margin-top:15px;font-weight:600;letter-spacing:.5px}.of-reference-code>span{display:block;font-size:11px;font-weight:400;color:#6f987e;letter-spacing:1.7px;margin-top:3px}.of-barcode{height:24px;width:180px;margin-top:9px;opacity:.5;background:repeating-linear-gradient(90deg,#a0bea9 0,#a0bea9 1px,transparent 1px,transparent 3px,#a0bea9 3px,#a0bea9 6px,transparent 6px,transparent 8px)}.of-catalog-links{position:absolute;inset:0;width:760px!important;height:615px!important;stroke:#2dad6255!important;stroke-width:1.5!important;pointer-events:none;z-index:0}.of-catalog-links path{stroke-dasharray:750;stroke-dashoffset:750;transition:stroke-dashoffset 1.4s ease}.deck-scene[data-step="3"] .of-catalog-links path{stroke-dashoffset:0}.of-shared-team{position:absolute;left:22px;right:22px;top:482px;display:flex;justify-content:space-between}.of-shared-team>div{width:220px;min-height:99px;display:grid;grid-template-columns:34px 1fr;gap:5px 8px;align-items:center;border:1px solid #2dad6234;border-radius:14px;background:#111e15;padding:18px 21px}.of-shared-team svg{grid-row:1/3;color:#72c08a;width:25px;height:25px}.of-shared-team strong{font-size:18px;font-weight:500}.of-shared-team span{font-size:14px;color:#84a991}
/* 10: los componentes se abren y señalan el bloqueo. */
.of-combo-pack{left:20px;top:55px;width:320px;height:430px;padding:26px}.of-combo-pack h3{font-size:31px;letter-spacing:-1px;margin-top:10px}.of-combo-pack>.of-overline{font-size:10px}.of-combo-visual{position:relative;height:270px;width:266px;margin-top:8px}.of-combo-jacket-first{position:absolute;width:200px;height:240px;left:-10px;top:5px;transform:rotate(-12deg);transition:transform 1s}.of-combo-jacket-second{position:absolute;width:200px;height:240px;right:-13px;top:5px;transform:rotate(12deg);transition:transform 1s}.of-belt{position:absolute;left:25px;right:25px;bottom:40px;height:24px;border-radius:7px;background:linear-gradient(#705c3f,#a18b63 45%,#665239);transform:rotate(-8deg);border:1px solid #aa987655;box-shadow:0 8px 17px #0005}.of-belt:after{content:'';position:absolute;left:22px;top:-5px;width:32px;height:33px;border:5px solid #c7b99799;border-radius:6px}.of-combo-caption{display:block;text-align:center;font-size:15px;color:#9fb3a5;margin-top:3px}.of-combo-components{position:absolute;left:373px;right:15px;top:106px}.of-component{position:relative;display:flex;align-items:center;gap:12px;border:1px solid #ffffff13;border-radius:17px;padding:15px 14px;min-height:149px;background:#121d16;transition:transform 1s ease,border-color .7s}.of-component-good{transform:translate(-45px,45px)}.of-component-block{margin-top:20px;transform:translate(-45px,-45px)}.deck-scene:not([data-step="0"]) .of-component{transform:translate(0,0)}.of-component-image{display:grid;place-items:center;width:83px;height:100px;border:1px solid #ffffff08;border-radius:12px;background:#203325;flex-shrink:0}.of-component-image .of-jacket{width:83px;height:94px}.of-component>div>strong{display:block;font-size:18px}.of-component>div>span{display:block;font-size:13px;color:#8daba0;margin-top:8px}.of-component>.of-chip,.of-component>span[data-reveal]{position:absolute;left:110px;bottom:16px}.of-component .of-chip{font-size:11px;padding:5px 8px}.of-component-belt i{width:64px;height:16px;display:block;border-radius:5px;background:linear-gradient(#726044,#aa956b,#746047);transform:rotate(-20deg);position:relative}.of-component-belt i:after{content:'';position:absolute;width:19px;height:23px;left:10px;top:-4px;border:3px solid #c9ba9b;border-radius:3px}.deck-scene[data-step="2"] .of-component-block,.deck-scene[data-step="3"] .of-component-block{border-color:#f59e0b50;background:#211e13}.of-combo-review{position:absolute;left:63px;right:0;top:510px;min-height:83px;border:1px solid #f59e0b35;background:linear-gradient(120deg,#252416,#121b13);border-radius:16px;display:flex;align-items:center;gap:15px;padding:18px 23px;box-shadow:0 20px 45px #0005}.of-combo-review .of-warning-icon{width:36px;height:36px;font-size:22px}.of-combo-review div>strong{display:block;font-size:20px}.of-combo-review div>span{display:block;font-size:13px;color:#a79d80;margin-top:6px}.of-combo-review>svg{margin-left:auto;width:19px;height:19px;color:#b3a170}
/* 11: mapa de posiciones y referencia pendiente de ubicar. */
.of-warehouse-search{position:absolute;left:26px;right:26px;top:34px;padding:16px 19px;display:flex;gap:12px;align-items:center;border:1px solid #2dad6230;background:#121f16;border-radius:13px;font-size:19px;box-shadow:0 15px 45px #0004}.of-warehouse-search>svg{width:21px;height:21px;color:#78b58b}.of-warehouse-search>b{font-size:12px;font-weight:450;color:#73917e;margin-left:auto}.of-warehouse-map{position:absolute;left:22px;top:130px;width:450px;height:356px;background:linear-gradient(140deg,#131b15,#0c130e);border:1px solid #ffffff13;border-radius:20px;overflow:hidden;box-shadow:0 25px 50px #0004;transition:transform 1s ease}.of-map-top{display:flex;align-items:center;justify-content:space-between;padding:20px 23px;border-bottom:1px solid #ffffff0b;color:#6f9680;font-size:11px;letter-spacing:1px}.of-map-top svg{width:19px;height:19px}.of-shelves{padding:22px 19px 5px}.of-shelf-row{display:flex;align-items:center;gap:12px;margin-bottom:19px}.of-shelf-row>span{font-size:14px;color:#5f826c;width:18px}.of-shelf{position:relative;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:4px;width:78px;height:55px;background:#14251a;border:1px solid #ffffff0c;border-radius:6px;padding:6px 8px;transition:background .7s,border-color .7s,box-shadow .7s,transform .9s}.of-shelf>span{position:absolute;left:0;right:0;top:4px;text-align:center;font-size:10px;color:#739480;z-index:1}.of-shelf>i{height:17px;width:14px;display:block;background:#2a3b2e;border:1px solid #47604f66;border-radius:2px}.of-shelf>b{position:absolute;inset:0;display:grid;place-items:center;border-radius:6px;background:#2dad6233;color:#bbf0ca;opacity:0;transition:opacity .7s}.of-shelf>b svg{width:25px;height:25px}.deck-scene:not([data-step="0"]) .of-shelf-found{border-color:#63da8c;background:#1a4b2b;box-shadow:0 0 26px #2dad6245;transform:scale(1.12)}.deck-scene:not([data-step="0"]) .of-shelf-found>b{opacity:1}.deck-scene[data-step="2"] .of-warehouse-map,.deck-scene[data-step="3"] .of-warehouse-map{transform:scale(1.025)}.of-map-caption{font-size:12px;color:#6c8a76;text-align:center;margin-top:3px}.of-location-product{position:absolute;left:502px;right:20px;top:130px;height:356px;border:1px solid #2dad6230;border-radius:19px;background:#142019;padding:18px;text-align:center;transform:translateX(20px)}.deck-scene:not([data-step="0"]) .of-location-product{transform:translateX(0)}.of-location-product>.of-jacket{height:170px;width:186px;margin:0 auto}.of-location-product>strong{display:block;font-size:20px;letter-spacing:-.3px;margin-top:4px}.of-location-product>span{display:block;font-size:13px;color:#88a291;margin-top:6px}.of-position{margin-top:18px;padding:11px 10px;border:1px solid #2dad6240;border-radius:11px;background:#2dad6210;display:flex;align-items:center;justify-content:space-between}.of-position>span{font-size:13px;color:#8bb49a}.of-position>strong{font-size:26px;letter-spacing:-.5px;color:#b8e9c8}.of-unlocated{position:absolute;left:26px;right:20px;top:522px;padding:17px 21px;display:flex;gap:13px;align-items:center;border:1px solid #f59e0b26;border-radius:14px;background:#1c2014;box-shadow:0 20px 40px #0004}.of-unlocated>svg{color:#bca675;width:22px;height:22px}.of-unlocated>div>strong{display:block;font-size:18px}.of-unlocated>div>span{display:block;font-size:12px;color:#a29e83;margin-top:5px}.of-unlocated>.of-chip{margin-left:auto;font-size:12px}
/* 12: conteo físico progresivo y diferencia conservada. */
.of-inventory-count{left:24px;right:24px;top:27px;height:564px}.of-count-product{display:flex;align-items:center;gap:16px;margin:0 24px;padding:15px 0;border-bottom:1px solid #ffffff0c}.of-count-product>.of-jacket{width:66px;height:77px;border:1px solid #ffffff0b;border-radius:12px;background:#203025}.of-count-product>div>strong{display:block;font-size:21px;letter-spacing:-.3px}.of-count-product>div>span{display:block;font-size:14px;color:#7d9b87;margin-top:6px}.of-count-columns{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding:24px}.of-count-column{padding:18px 20px;border:1px solid #ffffff13;border-radius:15px;background:#121c16;position:relative}.of-count-column>span{display:block;font-size:16px;color:#8fab98;white-space:nowrap}.of-count-column>strong{display:block;font-size:66px;letter-spacing:-2.5px;line-height:1.3;font-weight:550;margin-top:2px}.of-count-column>small{display:block;font-size:12px;color:#728e7b;margin-top:2px}.of-count-meter{margin-top:15px;height:7px;border-radius:5px;background:#ffffff07;overflow:hidden}.of-count-meter>i{display:block;width:100%;height:100%;border-radius:5px;background:#427f53}.of-count-physical .of-count-meter>i{width:0;background:#4fbb75;transition:width 2.5s cubic-bezier(.2,.6,.2,1)}.deck-scene:not([data-step="0"]) .of-count-physical .of-count-meter>i{width:96%}.deck-scene[data-step="2"] .of-count-physical,.deck-scene[data-step="3"] .of-count-physical{border-color:#d6a75055}.of-count-difference{display:flex;align-items:center;gap:13px;margin:0 24px;padding:15px 17px;background:#f59e0b08;border:1px solid #f59e0b30;border-radius:13px;transform:translateY(-10px)}.deck-scene[data-step="2"] .of-count-difference,.deck-scene[data-step="3"] .of-count-difference{transform:translateY(0)}.of-count-difference .of-warning-icon{width:33px;height:36px;font-size:22px}.of-count-difference>div>span{display:block;font-size:12px;color:#b3a27e}.of-count-difference>div>strong{display:block;font-size:23px;letter-spacing:-.3px;margin-top:3px}.of-count-difference .of-chip{margin-left:auto;font-size:12px}.of-count-session{display:flex;gap:11px;align-items:center;padding:19px 27px;color:#85ae92}.of-count-session>svg{width:21px;height:21px}.of-count-session>div>strong{display:block;font-size:17px;font-weight:500;color:#b2c9b9}.of-count-session>div>span{display:block;font-size:11px;color:#6e927c;margin-top:5px}.of-count-session>svg:last-child{margin-left:auto;width:18px;height:18px}
/* Reserva espacio al expediente que aparece al terminar el conteo. */
.of-excess-value{display:flex;align-items:center;justify-content:center;font-size:18px;padding:0;flex-shrink:0}.deck-scene:not([data-step="0"]) .of-excess-value{padding-left:0}
.of-count-columns{padding-top:20px;padding-bottom:20px}.of-count-column{padding-top:15px;padding-bottom:15px}.of-count-column>strong{font-size:60px}.of-count-session{padding-top:15px;padding-bottom:15px}
@media(prefers-reduced-motion:reduce){.of-stage *,.of-stage *:before,.of-stage *:after{transition:none!important;animation:none!important}}