:root{--marca-azul:#014377;--marca-azul-oscuro:#012649;--marca-azul-claro:#1f6fb0;--marca-teal:#059b8a;--marca-teal-claro:#14b5a2;--marca-teal-texto:#047a6d;--marca-teal-texto-hover:#036e63;--marca-azul-900:#06213a;--marca-azul-800:#0b3358;--marca-azul-700:#0d5fa8;--marca-azul-tinte:#e3ecf6;--acento:#c2410c;--acento-hover:#9a3412;--acento-vivo:#f97316;--acento-suave:#fff1e6;--acento-ring:#f9731666;--accent:#1d4ed8;--accent-soft:#dbeafe;--accent-ring:#1d4ed84d;--ok:#166534;--ok-soft:#dcfce7;--ok-vivo:#15803d;--danger:#991b1b;--danger-soft:#fee2e2;--danger-vivo:#b91c1c;--warn:#78350f;--warn-soft:#fef3c7;--warn-vivo:#d97706;--info:#1e40af;--info-soft:#dbeafe;--neutro:#3f4d60;--neutro-soft:#e9edf2;--bg:#eef2f7;--surface:#fff;--surface-2:#f4f7fb;--toolbar:#fff;--line:#d7dfe9;--line-strong:#b7c3d2;--text:#0f1c2e;--text-2:#33445b;--text-3:#5b6b80;--font:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-num:ui-monospace, "SF Mono", Consolas, monospace;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:22px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--pad:clamp(20px, 5vw, 64px);--shadow-sm:0 1px 2px #0a1f380f, 0 2px 8px #0a1f380d;--shadow-md:0 6px 18px #0a1f381a;--shadow-lg:0 18px 48px #0a1f3829;--fast:.12s;--med:.24s;--ease:cubic-bezier(.2, .7, .2, 1)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font);color:var(--text);background:var(--bg);margin:0;font-size:16px;line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,p,ul,dl,dd,figure{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}img,svg{max-width:100%;display:block}.num{font-family:var(--font-num);font-variant-numeric:tabular-nums}.wrap{max-width:1160px;padding:0 var(--pad);margin:0 auto}.visually-hidden{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip-link{z-index:1000;border-radius:var(--r-sm);background:var(--surface);color:var(--text);box-shadow:var(--shadow-md);padding:10px 16px;position:absolute;top:-100px;left:16px}.skip-link:focus{top:12px}:focus-visible{outline:3px solid var(--acento-vivo);outline-offset:2px;box-shadow:0 0 0 2px #fff}.btn{border:1px solid var(--line-strong);background:var(--surface);min-height:44px;color:var(--text);cursor:pointer;transition:background var(--fast), transform var(--fast);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:15px;font-weight:600;display:inline-flex}.btn:hover{background:var(--surface-2)}.btn:active{transform:scale(.97)}.btn[disabled]{opacity:.6;cursor:default}.btn-marca{background:var(--acento);color:#fff;border-color:#0000;box-shadow:0 2px 10px #c2410c47}.btn-marca:hover{background:var(--acento-hover)}.app-nav ul{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.app-nav a{border-radius:var(--r-md);min-height:44px;color:var(--text-2);align-items:center;padding:0 14px;font-weight:500;display:flex}.app-nav a:hover{background:var(--surface-2);color:var(--text)}.app-nav a[aria-current=page]{background:var(--acento-suave);color:var(--marca-azul);box-shadow:inset 3px 0 0 var(--acento-vivo);font-weight:650}.placeholder{max-width:70ch;color:var(--text-2)}.placeholder h1{letter-spacing:-.02em;color:var(--text);margin-bottom:12px;font-size:clamp(24px,3vw,32px)}.placeholder h2{color:var(--text);margin:24px 0 6px;font-size:18px}.placeholder p+p{margin-top:10px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.reveal{opacity:1!important;transform:none!important}}.salir-form{margin-top:8px;display:inline-flex}.btn-campo-salir{color:#fff;background:0 0;border-color:#fff9;min-height:40px;padding:0 14px}.btn-campo-salir:hover{background:#ffffff1f}.campo-cabecera{justify-content:space-between;align-items:center;gap:12px;display:flex}.portal-lista,.campo-lista{gap:8px;margin:8px 0 0;padding-left:20px;display:grid}.portal-lista ul{margin-top:4px;padding-left:18px}
:root{--glass:#fff;--glass-strong:#fff;--glass-soft:#f4f7fb;--glass-border:#d7dfe9;--glass-blur:none;--glass-shadow:0 1px 2px #0a1f380f, 0 2px 8px #0a1f380d}html{background:var(--bg)}body{color:var(--text);background:var(--bg)!important}.campo-tarjeta,.ruta-avance,.ruta-valor,.ruta-tabs,.ruta-tecla,.ruta-atras,.ruta-camara,.contadores li,.detalle-rejilla>div,.alerta-panel,.pago-form,.pago-resumen,.fact-resumen,.fact-ejemplo,.lote-progreso,.form-card,.adm-form,.aviso-solo-lectura,.tabla-scroll,.traza,.svc,.field,.campo-nav,.campo-opcion,.fact-grupo,.ger-ocr-item,.ger-ocr-ayuda,.campo-aviso,.ruta-aviso,.acceso-form,main .placeholder>section,.card,.tarjeta{box-shadow:var(--shadow-sm);-webkit-backdrop-filter:none;background:var(--surface)!important;border:1px solid var(--line)!important}.ruta-tecla:active,.ruta-tabs button.activo,.ruta-fila:hover,.app-nav a:hover{background:var(--surface-2)!important}.ruta-tabs button.activo{box-shadow:inset 0 -3px 0 var(--acento-vivo)}.campo-aviso,.ruta-aviso{border-left-width:4px!important}.campo-aviso.warn,.ruta-aviso.warn{color:var(--warn);background:var(--warn-soft)!important;border-color:#f3dca3!important;border-left-color:var(--warn-vivo)!important}.campo-aviso.error,.ruta-aviso.error{color:var(--danger);background:var(--danger-soft)!important;border-color:#f5c2c2!important;border-left-color:var(--danger-vivo)!important}.campo-aviso.info,.ruta-aviso.info{color:var(--info);background:var(--info-soft)!important;border-color:#bfd3f5!important;border-left-color:var(--accent)!important}.ruta-aviso.ok{color:var(--ok);background:var(--ok-soft)!important;border-color:#b5e4c6!important;border-left-color:var(--ok-vivo)!important}.ruta-valor.inusual{background:var(--warn-soft)!important;border-color:var(--warn-vivo)!important}.en-construccion{border-left-color:var(--warn-vivo)}.aviso-solo-lectura{border-left:4px solid var(--marca-azul-700)!important}input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea{box-shadow:none;-webkit-backdrop-filter:none;border-color:var(--line-strong)!important;background:#fff!important}input:focus,select:focus,textarea:focus{outline:3px solid var(--acento-ring);outline-offset:0;border-color:var(--acento)!important}input[type=checkbox],input[type=radio],progress{accent-color:var(--acento)}.btn{border:1px solid var(--line-strong);color:var(--text);box-shadow:none;transition:background-color var(--fast) var(--ease), border-color var(--fast) var(--ease), box-shadow var(--fast) var(--ease);background:#fff}.btn:hover{background:var(--surface-2);box-shadow:none;border-color:#8fa0b5;transform:none}.btn-marca,.obs-accion,.pt-btn-primario{box-shadow:0 1px 2px #0a1f381f;background:var(--acento)!important;border-color:var(--acento)!important;color:#fff!important}.btn-marca:hover,.obs-accion:hover,.pt-btn-primario:hover:not(:disabled){background:var(--acento-hover)!important;border-color:var(--acento-hover)!important}.btn-marca:disabled{opacity:.55}.ruta-orden{background:var(--marca-azul)!important;color:#fff!important}.ruta-orden.completo{background:var(--ok-vivo)!important}.campo-cabecera,.oficina-cabecera,.portal-cabecera{-webkit-backdrop-filter:none;border-bottom:1px solid var(--marca-azul-900);box-shadow:0 2px 10px #06213a40;background:linear-gradient(180deg, var(--marca-azul) 0%, var(--marca-azul-800) 100%)!important}.campo-badge[data-pending]:not([data-pending="0"]){background:var(--acento-vivo);color:#1a0a00}.app-nav a[aria-current=page]{box-shadow:inset 3px 0 0 var(--acento-vivo);background:var(--acento-suave)!important;color:var(--marca-azul)!important}.campo-nav a[aria-current=page]{box-shadow:inset 0 3px 0 var(--acento-vivo)}.campo-nav a{color:var(--text-2)}.campo-nav a[aria-current=page]{font-weight:700}.tabla-datos thead th{color:var(--marca-azul-900);-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:1px solid #c3d2e3;background:var(--marca-azul-tinte)!important}.tabla-datos tbody tr:nth-child(2n)>td,.tabla-datos tbody tr:nth-child(2n)>th{background:#f6f9fc}.tabla-datos tbody tr:hover>td,.tabla-datos tbody tr:hover>th{background:#eaf1f9}.estado,.o2-estado,.pt-estado,.tb-chip,.obs-chip{border:1px solid #0000}.estado{background:var(--neutro-soft);color:var(--neutro)}.estado-borrador,.o2-estado-borrador,.estado-prefactura-borrador,.estado-factura-borrador{background:var(--neutro-soft)!important;color:var(--neutro)!important}.estado-revisada,.o2-estado-revisada,.estado-prefactura-revisada{background:var(--info-soft)!important;color:var(--info)!important}.estado-aprobada,.o2-estado-aprobada,.estado-prefactura-aprobada{background:var(--ok-soft)!important;color:var(--ok)!important}.estado-anulada,.estado-anulado,.o2-estado-anulada,.o2-estado-anulado,.ct-estado-anulado,.estado-prefactura-anulada,.pt-estado.anulada{background:var(--danger-soft)!important;color:var(--danger)!important}.estado-cuarentena,.o2-estado-cuarentena,.estado-prefactura-cuarentena,.estado-en_cuarentena{background:var(--warn-soft)!important;color:var(--warn)!important}.ruta-visor{-webkit-backdrop-filter:none;backdrop-filter:none;border:1px solid #243043;background:#0c1220!important}@media print{body,html{background:#fff!important}*{box-shadow:none!important}}.acceso-form{border-radius:var(--r-lg)!important;padding:22px!important}.acceso .acceso-cabecera{background:var(--marca-azul);border-bottom:1px solid var(--marca-azul-900)}.acceso .acceso-cabecera .marca{color:#fff}.portal-cabecera{background:var(--marca-azul)!important;border:0!important}.portal-cabecera,.portal-cabecera a,.portal-cabecera p,.portal-cabecera span,.portal-cabecera strong{color:#fff!important}.portal-cabecera .app-nav a[aria-current=page]{color:var(--marca-azul)!important}.portal-cabecera .btn{color:var(--text)!important}.gerencia .app-nav a[aria-current=page]{border-color:var(--marca-azul);box-shadow:none;background:var(--marca-azul)!important;color:#fff!important}.gerencia .obs-enlace,.gerencia .obs-eyebrow{color:var(--acento)!important}.pt .pt-saldo{background:linear-gradient(120deg, var(--marca-azul-800) 0%, var(--marca-azul) 60%, var(--marca-azul-700) 100%);box-shadow:0 14px 32px -16px #06213a8c}.pt .pt-saldo.al-dia{background:linear-gradient(120deg,#0f5132 0%,#166534 60%,#15803d 100%)}.pt .pt-top{border-bottom:3px solid var(--marca-azul)}.pt .pt-nav a[aria-current=page]{background:var(--acento-suave)!important;color:var(--marca-azul)!important;box-shadow:inset 0 -2px 0 var(--acento-vivo)!important}@media (max-width:480px){.estado,.o2-estado{white-space:normal}}
