:root{--azul: #1f3864;--azul-claro: #2e5aa8;--gris-fondo: #f4f6f9;--gris-borde: #d5dae2;--texto: #1b1f24;--texto-suave: #5a6472;--blanco: #ffffff;--verde: #14663c;--verde-fondo: #e6f4ec;--ambar: #7a5200;--ambar-fondo: #fdf3e0;--rojo: #a4232b;--rojo-fondo: #fdeaea;--radio: 6px;--sombra: 0 1px 3px rgba(16, 24, 40, .08)}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;color:var(--texto);background:var(--gris-fondo)}a{color:var(--azul-claro)}:focus-visible{outline:3px solid var(--azul-claro);outline-offset:2px}.app{display:flex;min-height:100vh}.sidebar{width:240px;background:var(--azul);color:var(--blanco);padding:16px 0;flex-shrink:0}.sidebar h1{font-size:15px;margin:0 16px 4px;line-height:1.3}.sidebar .proyecto{font-size:12px;color:#b9c7e0;margin:0 16px 20px}.sidebar nav a{display:block;padding:9px 16px;color:#dbe4f2;text-decoration:none;font-size:14px;border-left:3px solid transparent}.sidebar nav a:hover{background:#ffffff14;color:#fff}.sidebar nav a.activo{background:#ffffff24;border-left-color:#7ea6e8;color:#fff;font-weight:600}.sidebar .pie{margin:24px 16px 0;font-size:11px;color:#9fb0cc;line-height:1.5;border-top:1px solid rgba(255,255,255,.15);padding-top:12px}.sidebar .identidad{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.sidebar .quien{display:flex;flex-direction:column;min-width:0}.sidebar .quien strong{color:#dbe4f2;font-size:12px}.sidebar .pie button{font-size:12px;padding:4px 10px}.sidebar .alcance{margin:12px 0 0}.contenido{flex:1;padding:24px 28px;max-width:1400px}.encabezado{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px}.encabezado h2{margin:0 0 4px;font-size:20px}.encabezado p{margin:0;color:var(--texto-suave);font-size:13px}.tarjeta{background:var(--blanco);border:1px solid var(--gris-borde);border-radius:var(--radio);padding:16px;box-shadow:var(--sombra);margin-bottom:16px}.tarjeta h3{margin:0 0 12px;font-size:15px}.rejilla{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.metrica{background:var(--blanco);border:1px solid var(--gris-borde);border-radius:var(--radio);padding:14px}.metrica .valor{font-size:26px;font-weight:600;line-height:1.1}.metrica .etiqueta{font-size:12px;color:var(--texto-suave);margin-top:4px}.metrica .desglose{display:flex;gap:14px;flex-wrap:wrap}.metrica .desglose .numero{font-size:20px;font-weight:600;display:block;line-height:1.1}.metrica .desglose .clave{font-size:11px;color:var(--texto-suave)}.metrica .formula{font-size:11px;color:var(--texto-suave);margin-top:8px;border-top:1px solid var(--gris-borde);padding-top:8px;line-height:1.45}table{width:100%;border-collapse:collapse;font-size:13px}th,td{padding:8px 10px;text-align:left;border-bottom:1px solid var(--gris-borde);vertical-align:top}th{background:#eef1f6;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.3px;color:var(--texto-suave)}tbody tr:hover{background:#f8fafc}.tabla-scroll{overflow-x:auto}code,.mono{font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:12.5px}.estado{display:inline-block;padding:2px 8px;border-radius:11px;font-size:11px;font-weight:600;white-space:nowrap}.estado.BORRADOR,.estado.OBSERVADO,.estado.DEVUELTO_CORRECCION{background:var(--ambar-fondo);color:var(--ambar)}.estado.EN_REVISION_INTERNA,.estado.CODIFICADO,.estado.ENVIADO_SUPERVISION{background:#e7edf8;color:var(--azul)}.estado.APROBADO,.estado.VIGENTE,.estado.DISTRIBUIDO{background:var(--verde-fondo);color:var(--verde)}.estado.RECHAZADO,.estado.ANULADO{background:var(--rojo-fondo);color:var(--rojo)}.estado.OBSOLETO,.estado.ARCHIVADO{background:#ebedf0;color:var(--texto-suave)}button,.boton{font:inherit;font-size:13px;padding:7px 14px;border-radius:var(--radio);border:1px solid var(--azul);background:var(--azul);color:var(--blanco);cursor:pointer}button:hover:not(:disabled){background:var(--azul-claro)}button:disabled{opacity:.5;cursor:not-allowed}button.secundario{background:var(--blanco);color:var(--azul)}button.secundario:hover:not(:disabled){background:#eef2f8}button.peligro{background:var(--rojo);border-color:var(--rojo)}label{display:block;font-size:13px;font-weight:600;margin-bottom:4px}input,select,textarea{font:inherit;font-size:14px;width:100%;padding:8px 10px;border:1px solid var(--gris-borde);border-radius:var(--radio);background:var(--blanco);color:var(--texto)}.lista-simple{list-style:none;margin:0;padding:0}.lista-simple li{padding:7px 0;border-bottom:1px solid var(--gris-borde);font-size:13px}.lista-simple li:last-child{border-bottom:0}button.enlace{background:none;border:0;padding:0;color:var(--azul);font-size:13px;text-decoration:underline;cursor:pointer}button.enlace:hover{color:#16305a}button.enlace:disabled{color:var(--texto-suave);cursor:default;text-decoration:none}td button.enlace+button.enlace{margin-left:12px}.edicion-roles{display:flex;flex-direction:column;gap:10px;padding:10px 2px;background:var(--gris-fondo, #f6f7f9);border-radius:6px}.edicion-roles>div{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.edicion-roles label{font-size:12px;color:var(--texto-suave)}.edicion-roles select{max-width:260px}.edicion-roles button.enlace{text-decoration:none;border:1px solid var(--gris-borde);border-radius:999px;padding:2px 9px}.campo{margin-bottom:14px}.ayuda{font-size:12px;color:var(--texto-suave);margin-top:4px}.fila{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end}.fila>*{flex:1 1 180px}.aviso{padding:10px 12px;border-radius:var(--radio);font-size:13px;margin-bottom:14px;line-height:1.5}.aviso.info{background:#e7edf8;color:var(--azul);border:1px solid #c3d3ec}.aviso.exito{background:var(--verde-fondo);color:var(--verde);border:1px solid #b7dcc7}.aviso.alerta{background:var(--ambar-fondo);color:var(--ambar);border:1px solid #ecd6a8}.aviso.error{background:var(--rojo-fondo);color:var(--rojo);border:1px solid #eec2c4}.aviso strong{display:block;margin-bottom:3px}.login{display:grid;place-items:center;min-height:100vh;padding:20px}.login .caja{width:100%;max-width:380px;background:var(--blanco);border:1px solid var(--gris-borde);border-radius:10px;padding:28px;box-shadow:var(--sombra)}.login h1{font-size:18px;margin:0 0 4px}.login .sub{font-size:13px;color:var(--texto-suave);margin:0 0 20px}.vacio{padding:28px;text-align:center;color:var(--texto-suave);font-size:14px}@media(max-width:800px){.app{flex-direction:column}.sidebar{width:100%;padding:12px 0}.sidebar nav{display:flex;overflow-x:auto}.sidebar nav a{white-space:nowrap;border-left:none;border-bottom:3px solid transparent}.sidebar nav a.activo{border-left:none;border-bottom-color:#7ea6e8}.sidebar .pie{margin:0;padding:10px 16px 0;border-top:1px solid rgba(255,255,255,.15)}.sidebar .identidad{flex-direction:row;align-items:center;justify-content:space-between;gap:12px;padding-bottom:10px}.sidebar .quien strong{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar .quien span{font-size:12px}.sidebar .pie button{flex-shrink:0;font-size:13px;padding:10px 14px;min-height:44px}.sidebar .alcance{display:none}.contenido{padding:16px}}