@import url("https://fonts.googleapis.com/css2?family=Questrial&display=swap");:root{--tinta:#030923;--marino:#041A53;--azul:#0059FF;--papel:#FFFFFF;--niebla:#EEF2F9;--linea:#D5DCEA;--suave:#5B6784;--azul-tenue:#E6EEFF;--rojo:#D7263D;--verde:#0F8A5F;--ambar:#B26B00;--r-panel:10px;--r-ctrl:6px;--fuente:"Century Gothic","URW Gothic L","Questrial",system-ui,sans-serif}*{box-sizing:border-box}body,html{margin:0;min-height:100%}body{font-family:var(--fuente);color:var(--tinta);background:var(--niebla);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--azul)}.num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}:focus-visible{outline:2px solid var(--azul);outline-offset:2px}.oculto{display:none!important}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.acceso{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);background:var(--marino)}.acceso-arte{color:var(--papel);padding:48px;display:flex;flex-direction:column;justify-content:space-between;gap:24px}.acceso-arte h1{font-size:clamp(30px,3.6vw,46px);line-height:1.08;margin:0;max-width:12ch;letter-spacing:-.5px}.acceso-arte p{color:#B9C6EA;max-width:38ch;margin:14px 0 0}.marca{display:flex;align-items:center;gap:10px;font-weight:700;font-size:18px;color:var(--papel)}.marca svg{width:30px;height:30px}.pila{position:relative;height:280px}.pila .sob{position:absolute;width:300px;height:150px;background:var(--papel);border-radius:3px;box-shadow:0 18px 40px rgba(0,0,0,.35);padding:16px 18px;color:var(--tinta);font-size:11px;line-height:1.45}.pila .sob:first-child{left:10px;top:70px;transform:rotate(-7deg);opacity:.55}.pila .sob:nth-child(2){left:60px;top:40px;transform:rotate(-2deg);opacity:.8}.pila .sob:nth-child(3){left:120px;top:20px;transform:rotate(4deg)}.pila .esc{width:44px;height:38px;border:1.5px solid var(--marino);border-radius:50% 50% 45% 45%;margin-bottom:6px}.pila .dest{position:absolute;left:52%;top:52px}.pila .sob b{display:block;max-width:44%;font-size:10px}.acceso-form{background:var(--papel);display:flex;align-items:center;justify-content:center;padding:32px 20px}.caja{width:100%;max-width:400px}.caja h2{font-size:26px;margin:0 0 6px;letter-spacing:-.3px}.caja .ayuda{color:var(--suave);margin:0 0 22px}.pestanas{display:flex;gap:4px;background:var(--niebla);padding:4px;border-radius:var(--r-ctrl);margin-bottom:22px}.pestanas button{flex:1 1;border:0;background:none;padding:9px;border-radius:4px;cursor:pointer;color:var(--suave)}.pestanas button.on{background:var(--papel);color:var(--tinta);font-weight:700;box-shadow:0 1px 2px rgba(3,9,35,.12)}.codigo{font-size:28px;letter-spacing:12px;text-align:center;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.paso{display:flex;gap:8px;margin-bottom:18px}.paso span{height:4px;flex:1 1;border-radius:2px;background:var(--linea)}.paso span.on{background:var(--azul)}@media (max-width:860px){.acceso{grid-template-columns:1fr}.acceso-arte{padding:28px 22px 8px}.pila{display:none}.acceso-arte h1{font-size:28px}}.app{display:grid;grid-template-columns:256px minmax(0,1fr);min-height:100vh}.lateral{background:var(--tinta);color:#C8D2EE;display:flex;flex-direction:column;position:-webkit-sticky;position:sticky;top:0;height:100vh;padding:22px 14px}.lateral .marca{padding:0 8px 20px}.ofi{background:var(--marino);border-radius:var(--r-panel);padding:14px;margin-bottom:18px}.ofi .nom{color:var(--papel);font-weight:700;font-size:14px;line-height:1.3}.ofi .rol{font-size:12px;color:#93A3CF}.ofi .saldo{display:flex;align-items:baseline;gap:6px;margin-top:10px;color:var(--papel)}.ofi .saldo b{font-size:28px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1}.ofi .saldo small{color:#93A3CF}.nav{display:flex;flex-direction:column;gap:2px;overflow:auto;flex:1 1}.nav .grupo{font-size:12px;color:#6F7DA6;padding:14px 10px 4px}.nav a{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--r-ctrl);color:#C8D2EE;text-decoration:none;font-size:14px}.nav a:hover{background:rgba(255,255,255,.06);color:var(--papel)}.nav a.on{background:var(--azul);color:var(--papel)}.nav a svg{width:18px;height:18px;flex:none}.nav .pronto{display:flex;justify-content:space-between;padding:9px 10px;font-size:14px;color:#5B6890}.nav .pronto small{font-size:11px}.lateral .pie{border-top:1px solid rgba(255,255,255,.08);padding-top:12px;font-size:13px}.lateral .pie button{background:none;border:0;color:#93A3CF;cursor:pointer;padding:6px 10px}.lateral .pie button:hover{color:var(--papel)}.barra{display:none}.main{padding:28px clamp(16px,3vw,40px) 60px;max-width:1240px}.cab{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:20px}.cab h1{font-size:26px;margin:0;letter-spacing:-.4px}.cab p{margin:4px 0 0;color:var(--suave)}@media (max-width:960px){.app{grid-template-columns:1fr}.lateral{position:fixed;inset:0 auto 0 0;width:280px;z-index:40;transform:translateX(-100%);transition:transform .22s ease}.app.menu .lateral{transform:none;box-shadow:0 0 0 100vmax rgba(3,9,35,.45)}.barra{align-items:center;justify-content:space-between;background:var(--tinta);padding:12px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:30}.barra,.barra button{display:flex;color:var(--papel)}.barra button{background:none;border:0;padding:4px;cursor:pointer}.barra button svg{width:26px;height:26px}.barra .pill{background:var(--marino);border-radius:20px;padding:4px 12px;font-size:13px}}.panel{background:var(--papel);border:1px solid var(--linea);border-radius:var(--r-panel);padding:20px;margin-bottom:18px}.panel h2{font-size:17px;margin:0 0 4px}.panel .sub{color:var(--suave);font-size:14px;margin:0 0 16px}.grid{display:grid;grid-gap:18px;gap:18px}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:860px){.g2,.g3,.g4{grid-template-columns:1fr}}.kpi{background:var(--papel);border:1px solid var(--linea);border-radius:var(--r-panel);padding:16px 18px}.kpi small{color:var(--suave);font-size:13px;display:block}.kpi b{display:block;font-size:28px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;margin-top:2px;letter-spacing:-.5px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;background:var(--azul);color:var(--papel);padding:10px 16px;border-radius:var(--r-ctrl);cursor:pointer;font-weight:700;font-size:14px;text-decoration:none;white-space:nowrap}.btn:hover{background:#004AD6}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.sec{background:var(--papel);color:var(--tinta);border-color:var(--linea)}.btn.sec:hover{border-color:var(--azul);color:var(--azul)}.btn.peligro{background:var(--papel);color:var(--rojo);border-color:#F1C2C9}.btn.chico{padding:6px 10px;font-size:13px}.btn.bloque{width:100%}.btn.fantasma{background:none;color:var(--azul);border:0;padding:6px 8px}.campo{display:flex;flex-direction:column;gap:5px;margin-bottom:14px;min-width:0}.campo>span{font-size:13px;color:var(--suave)}.campo small{color:var(--suave);font-size:12px}.entrada{width:100%;border:1px solid var(--linea);background:var(--papel);border-radius:var(--r-ctrl);padding:10px 12px;font-size:15px;min-height:42px}.entrada:focus{border-color:var(--azul);outline:none;box-shadow:0 0 0 3px var(--azul-tenue)}.fila{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));grid-gap:0 14px;gap:0 14px}.check{display:flex;align-items:center;gap:9px;padding:6px 0;cursor:pointer;font-size:14px}.check input{width:17px;height:17px;accent-color:var(--azul)}.etq{display:inline-block;font-size:12px;padding:2px 8px;border-radius:20px;background:var(--niebla);color:var(--suave);white-space:nowrap}.etq.ok{background:#E3F4EC;color:var(--verde)}.etq.pend{background:#FFF2DB;color:var(--ambar)}.etq.mal{background:#FCE6E9;color:var(--rojo)}.etq.az{color:var(--azul)}.aviso,.etq.az{background:var(--azul-tenue)}.aviso{border-left:3px solid var(--azul);padding:10px 14px;border-radius:0 var(--r-ctrl) var(--r-ctrl) 0;font-size:14px;margin-bottom:14px}.aviso.rojo{border-color:var(--rojo);background:#FCE6E9}.aviso.ambar{border-color:var(--ambar);background:#FFF5E3}.aviso.verde{border-color:var(--verde);background:#E3F4EC}.vacio{text-align:center;padding:36px 16px;color:var(--suave)}.vacio b{display:block;color:var(--tinta);font-size:16px;margin-bottom:4px}.herr{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:12px}.tabla-env{overflow-x:auto;border:1px solid var(--linea);border-radius:var(--r-panel);background:var(--papel)}table.t{width:100%;border-collapse:collapse;font-size:14px}table.t th{text-align:left;font-weight:700;color:var(--suave);font-size:12.5px;padding:10px 12px;border-bottom:1px solid var(--linea);background:#F7F9FD;white-space:nowrap}table.t td{padding:10px 12px;border-bottom:1px solid #edf1f8;vertical-align:top}table.t tr:last-child td{border-bottom:0}table.t td.acc{text-align:right;white-space:nowrap}.sec{color:var(--suave);font-size:13px}.velo{position:fixed;inset:0;background:rgba(3,9,35,.5);display:flex;align-items:flex-start;justify-content:center;padding:8vh 14px;z-index:60;overflow:auto}.modal{background:var(--papel);border-radius:12px;width:100%;max-width:520px;padding:22px;box-shadow:0 30px 60px rgba(3,9,35,.3)}.modal h3{margin:0 0 14px;font-size:19px}.modal .pie{display:flex;gap:10px;justify-content:flex-end;margin-top:8px;flex-wrap:wrap}.toasts{position:fixed;right:16px;bottom:16px;display:flex;flex-direction:column;gap:8px;z-index:80;max-width:min(380px,calc(100vw - 32px))}.toast{background:var(--tinta);color:var(--papel);padding:12px 16px;border-radius:8px;font-size:14px;box-shadow:0 10px 24px rgba(3,9,35,.25);animation:sube .2s ease}.toast.error{background:var(--rojo)}@keyframes sube{0%{transform:translateY(8px);opacity:0}}.giro{width:30px;height:30px;border:3px solid var(--linea);border-top-color:var(--azul);border-radius:50%;animation:gira .8s linear infinite;margin:24px auto}@keyframes gira{to{transform:rotate(1turn)}}.codigo-inv{font-size:20px;letter-spacing:4px;padding:8px 16px;background:var(--azul-tenue);color:var(--azul);border-radius:8px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}