:root{--naranja:#FE6200;--navy:#112130;--tinta:#1b2733;--suave:#6b7685;--linea:#e6eaef;--fondo:#f4f6f9}*{box-sizing:border-box}body{margin:0;background:var(--fondo);color:var(--tinta);font-family:Segoe UI,system-ui,Arial,sans-serif;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}.logo{font-weight:800;font-size:20px;color:var(--navy)}.logo b{color:var(--naranja)}.logo span{font-weight:600;color:var(--tinta)}.load{padding:60px;text-align:center;color:var(--suave)}.login-bg{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#112130,#1b3350)}.login-card{background:#fff;padding:34px 30px;border-radius:16px;width:340px;box-shadow:0 18px 50px #0000004d}.login-card h1{font-size:18px;margin:14px 0 2px;color:var(--navy)}.login-card .sub{color:var(--suave);font-size:13px;margin:0 0 18px}.login-card label{display:block;font-size:12px;font-weight:600;color:var(--suave);margin:12px 0 5px}.login-card input{width:100%;padding:10px 12px;border:1px solid var(--linea);border-radius:9px;font-size:14px}.login-card input:focus{outline:none;border-color:var(--naranja)}.login-card button{width:100%;margin-top:20px;padding:11px;background:var(--naranja);color:#fff;border:0;border-radius:9px;font-weight:700;font-size:14px;cursor:pointer}.login-card button:disabled{opacity:.5;cursor:default}.err{background:#fdecea;color:#c0392b;font-size:12.5px;padding:9px 11px;border-radius:8px;margin-top:12px}.wrap{max-width:1120px;margin:0 auto;padding:18px 16px 60px}header{display:flex;align-items:center;justify-content:space-between}.userbox{font-size:13px;color:var(--suave);display:flex;align-items:center;gap:14px}.lnk{background:none;border:0;color:var(--naranja);font-weight:700;cursor:pointer;font-size:13px}.sub{color:var(--suave);font-size:13px;margin:4px 0 16px}.sub i{color:#9aa3af}.bar{display:flex;align-items:center;gap:16px;margin-bottom:20px;flex-wrap:wrap}.seg{display:inline-flex;border:1px solid var(--linea);border-radius:9px;overflow:hidden}.seg button{border:0;background:#fff;color:var(--suave);padding:7px 15px;cursor:pointer;font-size:12.5px}.seg button.on{background:var(--navy);color:#fff;font-weight:700}.chips{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.chip{background:#fff4e6;border:1px solid #ffd8a8;color:#8a4b00;font-size:12px;padding:4px 10px;border-radius:20px;cursor:pointer}.kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:24px}.kpi{background:#fff;border:1px solid var(--linea);border-radius:12px;padding:14px;text-align:center}.kpi .n{font-size:24px;font-weight:800;color:var(--navy)}.kpi .n.acc{color:var(--naranja)}.kpi .l{font-size:11px;color:var(--suave);margin-top:3px;text-transform:uppercase;letter-spacing:.3px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.card{background:#fff;border:1px solid var(--linea);border-radius:12px;padding:14px 16px;margin-bottom:18px}.ctitle{font-size:12px;font-weight:700;color:var(--suave);text-transform:uppercase;letter-spacing:.4px;margin-bottom:6px}.mini{font-size:11px;color:var(--suave);display:flex;gap:14px;flex-wrap:wrap;margin-top:6px}.foot{color:var(--suave);font-size:11.5px;margin-top:12px}.tabs{display:flex;gap:6px;border-bottom:2px solid var(--linea);margin:4px 0 22px}.tabs button{border:0;background:none;font:inherit;font-weight:700;font-size:13.5px;color:var(--suave);padding:10px 16px;cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px}.tabs button.on{color:var(--navy);border-bottom-color:var(--naranja)}.tbl{width:100%;border-collapse:collapse;font-size:13px}.tbl th,.tbl td{padding:8px 7px;text-align:right}.tbl th:first-child,.tbl td:first-child,.tbl .l{text-align:left}.tbl thead th{font-size:11px;text-transform:uppercase;letter-spacing:.3px;color:var(--suave);border-bottom:2px solid var(--linea)}.tbl tbody td{border-bottom:1px solid var(--linea)}.corte th,.corte td{border:1px solid #c9ced6;padding:4px 9px;font-size:12px;white-space:nowrap;text-align:center}.corte .hdr th{background:#7f8893;color:#fff;text-transform:none;letter-spacing:0;border-bottom:1px solid #c9ced6}.corte .sub2 th{background:#9aa2ad;color:#fff;text-transform:none;letter-spacing:0;border-bottom:1px solid #c9ced6}.corte .tot td{font-weight:800;background:#f2f4f7}.corte .tot td:first-child{text-align:left}.corte .pre{background:#fff6ef}.form{display:flex;gap:14px;flex-wrap:wrap;align-items:flex-start;margin-top:6px}.form label{display:block;font-size:12px;font-weight:600;color:var(--suave);margin:0 0 5px}.form input,.form select{width:100%;padding:8px 10px;border:1px solid var(--linea);border-radius:8px;font-size:13px;background:#fff}.form input:focus,.form select:focus{outline:none;border-color:var(--naranja)}.drop{position:absolute;z-index:10;background:#fff;border:1px solid var(--linea);border-radius:8px;margin-top:3px;width:100%;max-height:210px;overflow:auto;box-shadow:0 8px 24px #0000001f}.drop div{padding:8px 10px;font-size:12.5px;cursor:pointer;border-bottom:1px solid #f0f2f5}.drop div:hover{background:#fafbfc}.tag{background:#eef0f3;color:var(--suave);font-size:10px;padding:1px 6px;border-radius:8px}.camps{display:flex;flex-direction:column;gap:5px;padding-top:2px}.cbox{font-size:12.5px;color:var(--tinta);font-weight:400;display:flex;align-items:center;gap:6px}.cbox.dis{color:var(--suave)}.btn{background:var(--naranja);color:#fff;border:0;border-radius:8px;padding:9px 18px;font-weight:700;font-size:13px;cursor:pointer}.btn:disabled{opacity:.5;cursor:default}.ok2{color:#2e7d57;font-size:12.5px;margin-top:10px;font-weight:600}.aviso{background:#fff4e6;border:1px solid #ffd8a8;border-radius:8px;padding:10px 12px;font-size:12.5px;color:#8a4b00;margin:0 0 12px}.op-cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:18px}.op-sup th,.op-sup td{font-size:11.5px;padding:6px 4px;white-space:nowrap}.op-sup thead tr:first-child th{font-size:10.5px;color:var(--navy);letter-spacing:.4px}.op-sup td.det{white-space:normal}.op-detalle{position:sticky;left:0;width:min(1040px,calc(100vw - 96px))}.op-progress{height:2px;background:linear-gradient(90deg,transparent,var(--naranja),transparent);background-size:40% 100%;background-repeat:no-repeat;animation:opslide 1s infinite linear;border-radius:2px;margin:0 0 10px}@keyframes opslide{0%{background-position:-40% 0}to{background-position:140% 0}}.op-dim{opacity:.5;transition:opacity .15s;pointer-events:none}.op-sup tbody tr{transition:background .12s}.op-sup tr.r-sup{cursor:pointer}.op-sup tr.r-sup:hover>td{background:#f1f6fb}.op-sup tr.r-ase>td{background:#fbfcfd}.op-sup tr.r-ase{cursor:pointer}.op-sup tr.r-ase:hover>td{background:#eef3f8}.op-sup tr.r-faz>td{background:#fffdf6}.op-sup tr.r-faz{cursor:pointer}.op-sup tr.r-faz:hover>td{background:#fff6e3}.op-skel{height:11px;border-radius:5px;background:linear-gradient(90deg,#eef1f5 25%,#e2e7ee 37%,#eef1f5 63%);background-size:400% 100%;animation:opshimmer 1.3s infinite}@keyframes opshimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.op-fade{animation:opfade .22s ease}@keyframes opfade{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:none}}@media (max-width:760px){.kpis{grid-template-columns:repeat(2,1fr)!important}.grid2,.op-cards3{grid-template-columns:1fr}.tbl{font-size:12px}.form>div{flex:1 1 100%!important}}
