:root{--marino: #012466;--azul: #0072cb;--azul-claro: #019be9;--verde: #0b913c;--verde-claro: #e7f6ec;--rojo: #c62828;--rojo-claro: #fdecec;--ambar: #b26a00;--ambar-claro: #fff4e0;--fondo: #f3f6fb;--superficie: #ffffff;--borde: #dde4ee;--texto: #1b2738;--texto-suave: #5d6b80;--sombra: 0 1px 2px rgba(1, 36, 102, .06), 0 4px 14px rgba(1, 36, 102, .06);--radio: 10px;font-family:Segoe UI,system-ui,-apple-system,Roboto,Helvetica,Arial,sans-serif;color:var(--texto);background:var(--fondo);font-size:14px;line-height:1.45}*{box-sizing:border-box}body{margin:0}a{color:var(--azul);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{color:var(--marino);margin:0}h1{font-size:22px;font-weight:700}h2{font-size:17px;font-weight:650}h3{font-size:15px;font-weight:650}code,.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12.5px}.app{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.lateral{background:var(--superficie);border-right:1px solid var(--borde);display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.lateral .marca{padding:18px 18px 12px;border-bottom:1px solid var(--borde)}.lateral .marca img{width:100%;max-width:200px;display:block}.lateral .marca small{display:block;color:var(--texto-suave);font-size:11px;letter-spacing:.08em;text-transform:uppercase;margin-top:6px}.lateral nav{padding:10px;overflow-y:auto;flex:1}.lateral nav .grupo{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--texto-suave);padding:14px 10px 6px}.lateral nav a{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;color:var(--texto);font-weight:500;text-decoration:none}.lateral nav a:hover{background:#eef3fa}.lateral nav a.active{background:var(--marino);color:#fff}.lateral nav a .icono{width:18px;text-align:center;opacity:.85}.lateral nav a .contador{margin-left:auto;background:var(--rojo);color:#fff;border-radius:10px;padding:0 7px;font-size:11px}.lateral .pie{padding:12px 14px;border-top:1px solid var(--borde);font-size:12.5px}.lateral .pie b{display:block;color:var(--marino)}.principal{min-width:0}.barra-superior{display:none;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--superficie);border-bottom:1px solid var(--borde);position:sticky;top:0;z-index:20}.barra-superior img{height:32px}.contenido{padding:26px 30px 60px;max-width:1280px}.encabezado{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}.encabezado p{margin:4px 0 0;color:var(--texto-suave)}@media(max-width:900px){.app{grid-template-columns:1fr}.lateral{position:fixed;z-index:40;width:270px;transform:translate(-100%);transition:transform .2s;box-shadow:var(--sombra)}.lateral.abierto{transform:none}.barra-superior{display:flex}.contenido{padding:18px 14px 50px}.velo{position:fixed;inset:0;background:#01246659;z-index:30}}.tarjeta{background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio);box-shadow:var(--sombra)}.tarjeta>.cab{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 18px;border-bottom:1px solid var(--borde);flex-wrap:wrap}.tarjeta>.cuerpo{padding:16px 18px}.rejilla{display:grid;gap:16px}.rejilla.k4{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.rejilla.d2{grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.pila{display:flex;flex-direction:column;gap:16px}.fila{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.separador{flex:1}.indicador{padding:16px 18px}.indicador .etiqueta{color:var(--texto-suave);font-size:12.5px}.indicador .valor{font-size:26px;font-weight:700;color:var(--marino);margin-top:4px}.indicador .nota{font-size:12px;color:var(--texto-suave);margin-top:2px}.indicador.alerta .valor{color:var(--rojo)}.boton{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid transparent;background:var(--azul);color:#fff;padding:8px 14px;border-radius:8px;font:inherit;font-weight:600;cursor:pointer;white-space:nowrap}.boton:hover{background:#005fab;text-decoration:none}.boton:disabled{opacity:.55;cursor:default}.boton.secundario{background:#fff;color:var(--marino);border-color:var(--borde)}.boton.secundario:hover{background:#f2f6fb}.boton.peligro{background:var(--rojo)}.boton.exito{background:var(--verde)}.boton.chico{padding:5px 10px;font-size:12.5px}.boton.enlace{background:none;color:var(--azul);padding:0;border:0;font-weight:500}.campo{display:flex;flex-direction:column;gap:5px}.campo label{font-weight:600;font-size:12.5px;color:var(--marino)}.campo .ayuda{font-size:12px;color:var(--texto-suave)}input,select,textarea{font:inherit;color:var(--texto);padding:8px 10px;border:1px solid var(--borde);border-radius:8px;background:#fff;width:100%}input:focus,select:focus,textarea:focus{outline:2px solid rgba(0,114,203,.25);border-color:var(--azul)}.casilla{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:500}.casilla input{width:auto}.formulario{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.formulario .completo{grid-column:1 / -1}.tabla-envoltura{overflow-x:auto}table.tabla{width:100%;border-collapse:collapse}.tabla th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--texto-suave);font-weight:600;padding:10px 14px;background:#f7f9fc;border-bottom:1px solid var(--borde);white-space:nowrap}.tabla td{padding:10px 14px;border-bottom:1px solid #edf1f6;vertical-align:middle}.tabla tr.clic{cursor:pointer}.tabla tr.clic:hover td{background:#f6f9fd}.tabla .num{text-align:right;font-variant-numeric:tabular-nums}.vacio{padding:34px;text-align:center;color:var(--texto-suave)}.insignia{display:inline-block;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:600;background:#eef2f8;color:var(--texto-suave);white-space:nowrap}.insignia.ok{background:var(--verde-claro);color:var(--verde)}.insignia.error{background:var(--rojo-claro);color:var(--rojo)}.insignia.aviso{background:var(--ambar-claro);color:var(--ambar)}.insignia.info{background:#e6f1fb;color:var(--azul)}.alerta{padding:11px 14px;border-radius:8px;border:1px solid;font-size:13.5px}.alerta.error{background:var(--rojo-claro);border-color:#f5c2c2;color:#8e1c1c}.alerta.ok{background:var(--verde-claro);border-color:#b7e2c4;color:#0a6a2d}.alerta.aviso{background:var(--ambar-claro);border-color:#f4d9a6;color:#7a4a00}.alerta.info{background:#e9f3fc;border-color:#c4def5;color:#0b4a85}.paginacion{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;color:var(--texto-suave);font-size:13px}.modal-velo{position:fixed;inset:0;background:#01246673;display:flex;align-items:flex-start;justify-content:center;padding:6vh 14px;z-index:50;overflow-y:auto}.modal{background:#fff;border-radius:12px;width:100%;max-width:560px;box-shadow:0 20px 60px #00000040}.modal.ancho{max-width:820px}.modal .cab{padding:16px 20px;border-bottom:1px solid var(--borde);display:flex;justify-content:space-between;align-items:center}.modal .cuerpo{padding:18px 20px}.modal .pie{padding:14px 20px;border-top:1px solid var(--borde);display:flex;justify-content:flex-end;gap:10px}.cerrar{background:none;border:0;font-size:22px;line-height:1;cursor:pointer;color:var(--texto-suave)}.clave-generada{background:#f2f7fd;border:1px dashed var(--azul);border-radius:8px;padding:12px;font-family:ui-monospace,Consolas,monospace;font-size:16px;word-break:break-all}.pestanas{display:flex;gap:4px;border-bottom:1px solid var(--borde);margin-bottom:16px;overflow-x:auto}.pestanas button{background:none;border:0;padding:10px 14px;font:inherit;font-weight:600;color:var(--texto-suave);border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap}.pestanas button.activa{color:var(--marino);border-bottom-color:var(--azul)}.datos{display:grid;grid-template-columns:160px 1fr;gap:8px 14px}.datos dt{color:var(--texto-suave)}.datos dd{margin:0;font-weight:500;word-break:break-word}.grafica{width:100%;height:220px;display:block}.grafica .barra{fill:var(--azul)}.grafica .barra-error{fill:#f08a8a}.grafica text{font-size:10px;fill:var(--texto-suave)}.leyenda{display:flex;gap:16px;font-size:12px;color:var(--texto-suave)}.leyenda span:before{content:"";display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:6px;vertical-align:-1px;background:var(--azul)}.leyenda span.err:before{background:#f08a8a}.lista-barras{display:flex;flex-direction:column;gap:8px}.lista-barras .item{display:grid;grid-template-columns:110px 1fr 46px;gap:10px;align-items:center;font-size:13px}.lista-barras .pista{background:#eef2f8;border-radius:4px;height:10px;overflow:hidden}.lista-barras .relleno{background:var(--azul-claro);height:100%}.acceso{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(160deg,#eaf2fc,#f6f9fd 55%,#e9f6ee)}.acceso .tarjeta{width:100%;max-width:410px;padding:30px 30px 26px}.acceso img{width:100%;max-width:300px;display:block;margin:0 auto 6px}.acceso .subtitulo{text-align:center;color:var(--texto-suave);margin:0 0 22px;font-size:13px;letter-spacing:.06em;text-transform:uppercase}.acceso form{display:flex;flex-direction:column;gap:14px}.acceso .boton{width:100%;padding:11px}.cargando{padding:40px;text-align:center;color:var(--texto-suave)}.texto-suave{color:var(--texto-suave)}.texto-chico{font-size:12.5px}.derecha{text-align:right}.positivo{color:var(--verde);font-weight:600}.negativo{color:var(--rojo);font-weight:600}.tabla td.fila{display:table-cell;white-space:nowrap}.tabla td.fila>*+*{margin-left:6px}
