/* BuildGets · one-sala.css · [2026-10-10] estilos de la «sala de máquinas» de ONE (works-escena.js / one-proceso.js),
   la franja de verificación y los avisos, para usarlos en pdf.php / excel.php sin copiar la página entera.
   Extraídos de one-pdf.php; NO incluye la barra negra de WORKS (la página principal conserva su barra). */
.bgw-franja{background:#0c0a09;color:#d4d4d8;display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:8px 2rem;font-size:.8rem;border-bottom:1px solid #27272a}
    .bgw-franja b{color:#fff}
    .bgw-franja[hidden],.bgw-avisos[hidden]{display:none !important}
    .bgw-sello{font-weight:800;border-radius:4px;padding:3px 10px;font-size:.78rem}
    .bgw-sello.verde{background:#16a34a;color:#fff}.bgw-sello.azul{background:#2563eb;color:#fff}.bgw-sello.ambar{background:#fbbf24;color:#000}.bgw-sello.rojo{background:#dc2626;color:#fff}
    /* [ONE] sello azul también en la sala de máquinas */
    .esc-sello.azul{background:#2563eb!important;color:#fff!important}
    .bgw-ver-av{background:none;border:1px solid #3f3f46;color:#fdba74;border-radius:6px;padding:3px 9px;font:inherit;font-size:.78rem;cursor:pointer}
    .bgw-coste{margin-left:auto;color:#a1a1aa;font-size:.75rem}
    .bgw-avisos{background:#fffbeb;border-bottom:1px solid #fde68a;padding:10px 2rem;max-height:220px;overflow:auto;font-size:.82rem;color:#78350f}
    .bgw-avisos ul{margin:0;padding-left:18px}.bgw-avisos li{margin:2px 0}.bgw-avisos .err{color:#b91c1c}

    /* capa narrada de WORKS (works-escena.js), mismos estilos que works.php */
    .bgw-capa{--naranja:#f97316;position:fixed;inset:0;z-index:10050;background:rgba(0,0,0,.82);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px;overflow:auto;font-variant-numeric:tabular-nums}
    .bgw-capa-in{width:100%;max-width:1100px;color:#e7e5e4}
    .bgw-capa-cab{display:flex;justify-content:space-between;align-items:center;color:#a1a1aa;font-size:.85rem;margin:0 4px 8px}
    .bgw-capa-doc{color:#fff;font-weight:700}
    .bgw-capa .esc{margin-top:0;border:1px solid #27272a;box-shadow:0 30px 80px rgba(0,0,0,.5)}
    .bgw-capa-pie{text-align:center;margin-top:14px}
    .bgw-capa-ver{background:#f97316;color:#000;border:0;border-radius:8px;font:inherit;font-weight:800;font-size:1rem;padding:12px 26px;cursor:pointer}
    .bgw-capa-ver:hover{background:#fb923c}
    .esc{background:#000;color:#e7e5e4;border-radius:6px;padding:16px 18px;margin-top:12px}
    .esc-grid{display:grid;grid-template-columns:240px minmax(0,1fr);gap:18px}
    .esc-st{list-style:none;margin:0;padding:0}
    .esc-st li{display:flex;gap:10px;align-items:flex-start;padding:7px 0;color:#57534e;font-size:14px;transition:color .3s}
    .esc-st li small{display:block;font-size:12px;color:#78716c;margin-top:1px}
    .esc-ic{width:14px;height:14px;border-radius:50%;border:2px solid #44403c;margin-top:3px;flex:none}
    .esc-st li.on{color:#fff}.esc-st li.on .esc-ic{border-color:var(--naranja);border-top-color:transparent;animation:wkgira .8s linear infinite}
    .esc-st li.on small{color:#fdba74}
    .esc-st li.ok{color:#a8a29e}.esc-st li.ok .esc-ic{border-color:#4ade80;background:#4ade80}
    .esc-panel{background:#0c0a09;border:1px solid #292524;border-radius:6px;padding:10px 12px;height:292px;overflow:hidden;font-size:13px;display:flex;flex-direction:column;justify-content:flex-end}
    .esc-fila{display:flex;gap:9px;align-items:center;padding:3px 0;opacity:0;transform:translateY(6px);transition:opacity .25s,transform .25s;white-space:nowrap;min-width:0}
    .esc-fila.in{opacity:1;transform:none}
    .esc-tx{overflow:hidden;text-overflow:ellipsis;min-width:0}
    .esc-cod{color:#a8a29e;min-width:70px;flex:none}
    .tg{font-size:11.5px;padding:1px 7px;border-radius:3px;flex:none}
    .tg-cap{background:#431407;color:#fdba74}.tg-par{border:1px solid #44403c;color:#e7e5e4}.tg-des{background:#1e1b4b;color:#c7d2fe}.tg-med{background:#052e16;color:#86efac}
    .esc-ok{color:#4ade80;flex:none}.esc-ko{color:#f87171;flex:none}.esc-fila.ko .esc-tx{color:#fca5a5}
    .esc-aj{color:#fbbf24;flex:none}.esc-fila.aj .esc-tx{color:#fde68a;white-space:normal}
    .esc-pie{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;border-top:1px solid #292524;margin-top:14px;padding-top:12px;flex-wrap:wrap}
    .esc-lbl{font-size:12px;color:#a8a29e}
    .esc-num{font-size:34px;font-weight:800;font-stretch:88%;color:#fff;line-height:1.1}
    .esc-cnt{display:flex;gap:14px;flex-wrap:wrap;font-size:13px;color:#a8a29e;margin-top:4px}.esc-cnt b{color:#fff}
    .esc-der{display:flex;gap:10px;align-items:center}.esc-reloj{font-size:12.5px;color:#a8a29e;font-variant-numeric:tabular-nums}
    .esc-sello{font-weight:700;font-size:13px;padding:6px 12px;border-radius:4px;opacity:0;transform:scale(.85);transition:opacity .35s,transform .35s}
    .esc-sello.in{opacity:1;transform:none}.esc-sello.verde{background:var(--naranja);color:#000}.esc-sello.ambar{background:#fbbf24;color:#000}.esc-sello.rojo{background:#dc2626;color:#fff}
    .esc-saltar{background:transparent;border:1px solid #44403c;color:#a8a29e;border-radius:4px;padding:6px 12px;font:inherit;font-size:13px;cursor:pointer}.esc-saltar:hover{color:#fff;border-color:#a8a29e}
    .esc-res{background:#000;color:#fff;border-radius:6px;padding:14px 18px;margin-top:12px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:flex-end}
    .esc-res-d{display:flex;flex-direction:column;align-items:flex-end;gap:8px}
    .esc-doc{font-size:12.5px;color:#a8a29e}
    .vis{display:grid;grid-template-columns:170px minmax(0,1.5fr) minmax(0,1fr) 150px;gap:18px;margin-top:14px;border-top:1px solid #292524;padding-top:14px;color:#e7e5e4}
    .vis-bl{min-width:0}
    .vis-bl h4{margin:0 0 9px;font-size:12px;font-weight:600;color:#a8a29e}
    .mini{display:grid;grid-template-columns:repeat(auto-fill,10px);gap:3px}
    .mini i{width:10px;height:13px;background:#1c1917;border-radius:1px;transition:background .25s}
    .mini i.on{background:var(--naranja)}.mini i.on.ia{background:#38bdf8}
    .mini-t{display:block;font-size:12px;color:#a8a29e;margin-top:8px}.mini-t b{color:#fff}
    .vb{display:grid;grid-template-columns:minmax(0,120px) minmax(0,1fr) 64px;gap:8px;align-items:center;font-size:12px;margin:4px 0}
    .vb-n{color:#d6d3d1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
    .vb-t{height:9px;background:#1c1917;border-radius:2px;overflow:hidden}
    .vb-t i{display:block;height:100%;width:0;border-radius:2px;transition:width .3s ease-out}
    .vb-v{color:#fff;text-align:right}
    .dn{display:flex;gap:12px;align-items:center}
    .dn svg{width:94px;height:94px;flex:none}
    .dn-s{transition:stroke-dasharray .35s,stroke-dashoffset .35s}
    .dn ul{list-style:none;margin:0;padding:0;font-size:12px;color:#d6d3d1;min-width:0;flex:1}
    .dn li{display:flex;align-items:center;gap:6px;margin:3px 0;white-space:nowrap;overflow:hidden}
    .dn li i{width:9px;height:9px;border-radius:2px;flex:none}
    .dn li b{margin-left:auto;padding-left:8px;color:#fff}
    .an svg{width:106px;height:106px;display:block}
    .an-p{transition:stroke-dasharray .3s}
    .an-n{fill:#fff;font-size:18px;font-weight:800;font-family:Archivo,system-ui,sans-serif}
    .an-t{fill:#a8a29e;font-size:8px;font-family:Archivo,system-ui,sans-serif}
    .an-d{display:block;font-size:12px;color:#a8a29e;margin-top:4px}
    .par{width:100%;height:auto;display:block}
    .par-a{fill:rgba(249,115,22,.18);stroke:none}
    .par-l{fill:none;stroke:var(--naranja);stroke-width:1.6}
    .par-g{stroke:#44403c;stroke-dasharray:3 3;stroke-width:.8}
    .esc-fin{background:#000;border-radius:6px;padding:2px 18px 16px;margin-top:12px}
    .esc-fin .esc-res{margin-top:0;padding:14px 0 0}
    @media (max-width:900px){.vis{grid-template-columns:1fr 1fr}}
    @media (max-width:560px){.vis{grid-template-columns:1fr}}
    @keyframes wkgira{to{transform:rotate(360deg)}}
    @media (max-width:720px){.esc-grid{grid-template-columns:1fr}.esc-panel{height:220px}.esc-res-d{align-items:flex-start}}
    @media (prefers-reduced-motion:reduce){.bgw-capa *{transition:none!important;animation:none!important}}

    /* panel narrado dentro de la pantalla: nace en la zona de carga y se pliega en la franja */
    .bgw-enlinea{--naranja:#f97316;width:100%;max-width:820px;margin:0 auto;box-sizing:border-box;font-variant-numeric:tabular-nums;border:2px solid transparent;border-radius:14px;transition:background-color .5s ease,border-color .5s ease}
    .bgw-enlinea.nace{background:#fff;border:2px dashed #94a3b8;min-height:240px}
    .bgw-enlinea .esc{margin-top:0;transition:opacity .45s ease .1s}
    .bgw-enlinea.nace .esc,.bgw-enlinea.nace .bgw-capa-cab{opacity:0}
    .bgw-enlinea .bgw-capa-cab{display:flex;justify-content:space-between;align-items:center;color:#64748b;font-size:.85rem;margin:0 4px 8px;transition:opacity .4s}
    .bgw-enlinea .bgw-capa-doc{color:#0f172a;font-weight:700}
    .bgw-enlinea.en-tabla{max-width:none;padding:12px 2rem 16px;background:#0c0a09;border:0;border-radius:0}
    .bgw-enlinea.en-tabla .bgw-capa-cab{color:#a1a1aa}.bgw-enlinea.en-tabla .bgw-capa-doc{color:#fff}
    .bgw-enlinea .bgw-capa-pie{text-align:center;margin-top:14px}
    .bgw-enlinea .bgw-capa-ver{background:#f97316;color:#000;border:0;border-radius:8px;font:inherit;font-weight:800;font-size:1rem;padding:12px 26px;cursor:pointer}
    .bgw-enlinea .bgw-capa-ver:hover{background:#fb923c}
    ::view-transition-group(bgw-panel),::view-transition-group(bgw-sello){animation-duration:.65s;animation-timing-function:cubic-bezier(.3,.7,.2,1)}
    ::view-transition-old(root),::view-transition-new(root){animation-duration:.45s}

    .esc-escribe .esc-tx::after{content:'▍';color:#f97316;margin-left:1px;animation:bgwcursor .7s steps(1) infinite}
    @keyframes bgwcursor{50%{opacity:0}}
    @media (max-width:768px){.bgw-franja{padding:8px 15px}.bgw-coste{margin-left:0}.bgw-banda .l2{font-size:2.1rem}}
/* [2026-10-10] logo ONE de la barra (en one-pdf.php estaba en el bloque de WORKS; one-nav.css le pone los colores) */
.bgw-logo{display:inline-flex;flex-direction:column;line-height:.9;vertical-align:middle}
.bgw-logo .l1{font-size:.45rem;font-weight:700;letter-spacing:.3em;color:#fff;margin-bottom:3px}
.bgw-logo .l2{font-size:1.3rem;font-weight:800;letter-spacing:-.01em}