N\u00facleo \u2014 Seguimiento de Resultados<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600;9..144,700&family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n :root{\r\n --ink:#132029; --ink-soft:#3d4d55;\r\n --paper:#F4F2EC; --paper-raised:#FFFFFF; --line:#DDD8CB;\r\n --navy:#12303D; --navy-soft:#1C3E4E;\r\n --gold:#C98A3B; --gold-soft:#E8C899;\r\n --green:#3A7D57; --green-bg:#E4EEE6;\r\n --amber:#B8862F; --amber-bg:#F2E9D6;\r\n --red:#B4432B; --red-bg:#F3E1DB;\r\n --radius:14px;\r\n --shadow: 0 1px 2px rgba(19,32,41,0.06), 0 8px 24px -12px rgba(19,32,41,0.18);\r\n }\r\n *{box-sizing:border-box;}\r\n html,body{margin:0;padding:0;}\r\n body{background:var(--paper); color:var(--ink); font-family:'IBM Plex Sans', sans-serif; -webkit-font-smoothing:antialiased;}\r\n .app{display:grid; grid-template-columns:260px 1fr; min-height:100vh;}\r\n\r\n .sidebar{background:var(--navy); color:#EDEBE2; padding:28px 20px 20px; display:flex; flex-direction:column; gap:28px;}\r\n .brand{display:flex; align-items:center; gap:10px;}\r\n .brand-mark{width:34px;height:34px;border-radius:50%; background:radial-gradient(circle at 35% 30%, var(--gold-soft), var(--gold) 60%); box-shadow: inset 0 0 0 2px rgba(255,255,255,0.25); flex-shrink:0;}\r\n .brand-name{font-family:'Fraunces', serif; font-weight:600; font-size:1.25rem;}\r\n .brand-sub{font-size:0.7rem; color:#9FB2BC; letter-spacing:0.06em; text-transform:uppercase; margin-top:-22px; margin-left:44px;}\r\n nav{display:flex;flex-direction:column;gap:2px;margin-top:6px;}\r\n .nav-item{display:flex; align-items:center; gap:10px; padding:10px 12px; border-radius:8px; font-size:0.87rem; color:#C7D3D8; text-decoration:none; cursor:pointer; transition:background 0.15s ease, color 0.15s ease;}\r\n .nav-item .num{font-family:'IBM Plex Mono', monospace; font-size:0.72rem; color:#7C929B; width:16px;}\r\n .nav-item:hover{background:rgba(255,255,255,0.06); color:#fff;}\r\n .nav-item.active{background:var(--navy-soft); color:#fff; box-shadow: inset 3px 0 0 var(--gold);}\r\n .nav-item.active .num{color:var(--gold);}\r\n .nav-sub{margin-left:26px; display:flex; flex-direction:column; gap:1px;}\r\n .nav-sub .nav-item{font-size:0.8rem; padding:7px 12px; color:#9FB2BC;}\r\n .nav-sub .nav-item.active{color:#fff;}\r\n .sidebar-footer{margin-top:auto; font-size:0.72rem; color:#7C929B; padding-top:16px; border-top:1px solid rgba(255,255,255,0.1);}\r\n\r\n main{padding:32px 40px 60px; max-width:1000px;}\r\n .topbar{display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:22px; flex-wrap:wrap; gap:16px;}\r\n .eyebrow{font-family:'IBM Plex Mono', monospace; font-size:0.72rem; letter-spacing:0.08em; text-transform:uppercase; color:var(--gold); margin-bottom:6px;}\r\n h1{font-family:'Fraunces', serif; font-weight:600; font-size:2rem; margin:0; color:var(--navy);}\r\n .subtitle{color:var(--ink-soft); font-size:0.95rem; margin-top:6px;}\r\n .user-chip{display:flex; align-items:center; gap:10px; background:var(--paper-raised); border:1px solid var(--line); border-radius:999px; padding:6px 14px 6px 6px; box-shadow:var(--shadow);}\r\n .user-avatar{width:30px;height:30px;border-radius:50%; background:var(--navy); color:#EDEBE2; display:flex;align-items:center;justify-content:center; font-size:0.75rem;font-weight:600; font-family:'IBM Plex Mono',monospace;}\r\n .user-chip .name{font-size:0.82rem;font-weight:500;}\r\n .user-chip .role{font-size:0.72rem;color:var(--ink-soft);}\r\n\r\n .summary-strip{display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-bottom:22px;}\r\n .kpi-card{background:var(--paper-raised); border:1px solid var(--line); border-radius:var(--radius); padding:18px 20px; box-shadow:var(--shadow); position:relative; overflow:hidden;}\r\n .kpi-card::before{content:\"\"; position:absolute; top:0; left:0; right:0; height:3px; background:var(--navy);}\r\n .kpi-label{font-size:0.74rem; color:var(--ink-soft); margin-bottom:6px;}\r\n .kpi-value{font-family:'Fraunces', serif; font-size:1.6rem; font-weight:600; color:var(--navy);}\r\n\r\n .form-panel{background:var(--paper-raised); border:1px solid var(--line); border-radius:var(--radius); box-shadow:var(--shadow); padding:22px; margin-bottom:26px;}\r\n .form-panel h3{font-family:'Fraunces', serif; font-size:1.05rem; color:var(--navy); margin:0 0 14px; font-weight:600;}\r\n .form-grid{display:grid; grid-template-columns:2fr 1fr; gap:14px; margin-bottom:14px;}\r\n .form-field{display:flex; flex-direction:column; gap:6px;}\r\n .form-field.full{grid-column:1 \/ -1;}\r\n .form-field label{font-size:0.72rem; font-weight:600; color:var(--ink-soft); text-transform:uppercase; letter-spacing:0.03em;}\r\n .form-field select, .form-field input, .form-field textarea{border:1px solid var(--line); border-radius:8px; padding:9px 12px; font-family:'IBM Plex Sans', sans-serif; font-size:0.86rem; color:var(--ink); background:var(--paper-raised);}\r\n .form-field textarea{resize:vertical; min-height:60px;}\r\n .btn{font-family:'IBM Plex Sans', sans-serif; font-size:0.82rem; font-weight:600; padding:10px 16px; border-radius:9px; border:1px solid var(--navy); background:var(--navy); color:#fff; cursor:pointer;}\r\n\r\n .timeline{position:relative; padding-left:28px;}\r\n .timeline::before{content:\"\"; position:absolute; left:8px; top:6px; bottom:6px; width:2px; background:var(--line);}\r\n .entry{position:relative; margin-bottom:20px;}\r\n .entry:last-child{margin-bottom:0;}\r\n .entry-dot{position:absolute; left:-28px; top:4px; width:18px; height:18px; border-radius:50%; background:var(--paper); border:3px solid var(--navy); z-index:1;}\r\n .entry-dot.verde{border-color:var(--green);}\r\n .entry-dot.amarillo{border-color:var(--amber);}\r\n .entry-dot.rojo{border-color:var(--red);}\r\n .entry-card{background:var(--paper-raised); border:1px solid var(--line); border-radius:var(--radius); box-shadow:var(--shadow); padding:16px 20px;}\r\n .entry-head{display:flex; justify-content:space-between; align-items:flex-start; gap:10px; flex-wrap:wrap; margin-bottom:8px;}\r\n .entry-meta-code{font-family:'IBM Plex Mono',monospace; font-size:0.7rem; color:var(--gold); font-weight:600;}\r\n .entry-meta-name{font-size:0.88rem; font-weight:500; margin-top:2px;}\r\n .entry-fecha{font-size:0.74rem; color:var(--ink-soft); white-space:nowrap;}\r\n .entry-avance{display:inline-flex; align-items:center; gap:6px; font-size:0.76rem; font-weight:600; padding:3px 10px; border-radius:999px; margin-bottom:8px;}\r\n .entry-avance.verde{background:var(--green-bg); color:var(--green);}\r\n .entry-avance.amarillo{background:var(--amber-bg); color:var(--amber);}\r\n .entry-avance.rojo{background:var(--red-bg); color:var(--red);}\r\n .entry-obs{font-size:0.84rem; color:var(--ink); line-height:1.55;}\r\n .entry-autor{font-size:0.74rem; color:var(--ink-soft); margin-top:8px; font-style:italic;}\r\n\r\n .demo-note{margin-top:22px; font-size:0.78rem; color:var(--ink-soft); text-align:center; padding:14px; border:1px dashed var(--line); border-radius:10px; background:rgba(201,138,59,0.05);}\r\n\r\n @media (max-width:980px){\r\n .app{grid-template-columns:1fr;}\r\n .sidebar{display:none;}\r\n .summary-strip{grid-template-columns:1fr;}\r\n .form-grid{grid-template-columns:1fr;}\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"app\">\r\n\r\n <aside class=\"sidebar\">\r\n <div>\r\n <div class=\"brand\"><div class=\"brand-mark\"><\/div><div class=\"brand-name\">N\u00facleo<\/div><\/div>\r\n <div class=\"brand-sub\">Gesti\u00f3n Digital<\/div>\r\n <\/div>\r\n <nav>\r\n <a class=\"nav-item\"><span class=\"num\">01<\/span> Tablero General<\/a>\r\n <a class=\"nav-item\"><span class=\"num\">02<\/span> Atenci\u00f3n Ciudadana<\/a>\r\n <a class=\"nav-item\"><span class=\"num\">03<\/span> Asistente Interno (IA)<\/a>\r\n <a class=\"nav-item active\"><span class=\"num\">04<\/span> Gesti\u00f3n por Resultados<\/a>\r\n <div class=\"nav-sub\">\r\n <a class=\"nav-item\">Acciones Correctivas<\/a>\r\n <a class=\"nav-item\">Indicadores KPI<\/a>\r\n <a class=\"nav-item\">Job Description<\/a>\r\n <a class=\"nav-item\">Matriz RACI<\/a>\r\n <a class=\"nav-item\">Metas y L\u00ednea Base<\/a>\r\n <a class=\"nav-item active\">Seguimiento de Resultados<\/a>\r\n <\/div>\r\n <a class=\"nav-item\"><span class=\"num\">05<\/span> Planeamiento y Presupuesto<\/a>\r\n <a class=\"nav-item\"><span class=\"num\">06<\/span> Auditor\u00eda y Control<\/a>\r\n <a class=\"nav-item\"><span class=\"num\">07<\/span> Informes y Rendici\u00f3n<\/a>\r\n <a class=\"nav-item\"><span class=\"num\">08<\/span> Configuraci\u00f3n<\/a>\r\n <a class=\"nav-item\"><span class=\"num\">09<\/span> Ayuda y Soporte<\/a>\r\n <\/nav>\r\n <div class=\"sidebar-footer\">Municipalidad Distrital de Ejemplo<br>Sesi\u00f3n de demostraci\u00f3n<\/div>\r\n <\/aside>\r\n\r\n <main>\r\n <div class=\"topbar\">\r\n <div>\r\n <div class=\"eyebrow\">Gesti\u00f3n por Resultados<\/div>\r\n <h1>Seguimiento de Resultados<\/h1>\r\n <div class=\"subtitle\">Bit\u00e1cora de avance peri\u00f3dico de cada meta \u2014 el historial que sustenta el Tablero General<\/div>\r\n <\/div>\r\n <div class=\"user-chip\">\r\n <div class=\"user-avatar\">DM<\/div>\r\n <div><div class=\"name\">Demo Municipal<\/div><div class=\"role\">Gerente Municipal<\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"summary-strip\">\r\n <div class=\"kpi-card\"><div class=\"kpi-label\">Registros de seguimiento<\/div><div class=\"kpi-value\" id=\"kpiTotal\">\u2014<\/div><\/div>\r\n <div class=\"kpi-card\"><div class=\"kpi-label\">Metas con seguimiento este mes<\/div><div class=\"kpi-value\" id=\"kpiRecientes\">\u2014<\/div><\/div>\r\n <div class=\"kpi-card\"><div class=\"kpi-label\">\u00daltimo registro<\/div><div class=\"kpi-value\" style=\"font-size:1.2rem;\">19 ago<\/div><\/div>\r\n <\/div>\r\n\r\n <div class=\"form-panel\">\r\n <h3>Registrar nuevo seguimiento<\/h3>\r\n <div class=\"form-grid\">\r\n <div class=\"form-field\">\r\n <label>Meta institucional<\/label>\r\n <select id=\"fMeta\"><\/select>\r\n <\/div>\r\n <div class=\"form-field\">\r\n <label>Estado del avance<\/label>\r\n <select id=\"fEstado\">\r\n <option value=\"verde\">Verde<\/option>\r\n <option value=\"amarillo\" selected>Amarillo<\/option>\r\n <option value=\"rojo\">Rojo<\/option>\r\n <\/select>\r\n <\/div>\r\n <div class=\"form-field full\">\r\n <label>Observaci\u00f3n<\/label>\r\n <textarea id=\"fObs\" placeholder=\"Describe el avance, riesgos o acciones tomadas en este per\u00edodo\"><\/textarea>\r\n <\/div>\r\n <\/div>\r\n <button class=\"btn\" onclick=\"registrarSeguimiento()\">Guardar registro<\/button>\r\n <\/div>\r\n\r\n <div class=\"timeline\" id=\"timeline\"><\/div>\r\n\r\n <div class=\"demo-note\">\r\n Prototipo de demostraci\u00f3n \u2014 cada registro queda asociado a una meta del m\u00f3dulo \"Metas y L\u00ednea Base\". Los datos son de ejemplo.\r\n <\/div>\r\n <\/main>\r\n<\/div>\r\n\r\n<script>\r\nconst metasCatalog = [\r\n {code:\"META-001\", nombre:\"Reducir el tiempo de resoluci\u00f3n de tr\u00e1mites TUPA\"},\r\n {code:\"META-002\", nombre:\"Incrementar la ejecuci\u00f3n presupuestal trimestral\"},\r\n {code:\"META-003\", nombre:\"Subsanar hallazgos de auditor\u00eda de severidad alta\"},\r\n {code:\"META-004\", nombre:\"Mantener la flota de serenazgo operativa\"},\r\n {code:\"META-005\", nombre:\"Actualizar el padr\u00f3n catastral urbano\"},\r\n {code:\"META-006\", nombre:\"Ejecutar el mantenimiento de v\u00edas vecinales priorizadas\"},\r\n {code:\"META-007\", nombre:\"Modernizar la estructura org\u00e1nica (ROF)\"},\r\n {code:\"META-008\", nombre:\"Ampliar la cobertura de limpieza p\u00fablica\"},\r\n {code:\"META-009\", nombre:\"Fortalecer las capacidades del personal CAS\"},\r\n {code:\"META-010\", nombre:\"Reducir la percepci\u00f3n de inseguridad ciudadana\"},\r\n {code:\"META-011\", nombre:\"Mantener bienes patrimoniales con mantenimiento al d\u00eda\"},\r\n {code:\"META-012\", nombre:\"Publicar informes de rendici\u00f3n de cuentas en plazo\"}\r\n];\r\n\r\nconst fMetaSelect = document.getElementById(\"fMeta\");\r\nmetasCatalog.forEach(m => {\r\n const o = document.createElement(\"option\");\r\n o.value = m.code; o.textContent = `${m.code} \u2014 ${m.nombre}`;\r\n fMetaSelect.appendChild(o);\r\n});\r\n\r\nlet entries = [\r\n {fecha:\"19 ago 2026\", metaCode:\"META-004\", estado:\"rojo\", obs:\"La unidad VH-014 sigue en mantenimiento no concluido (ver Bienes y Activos, PAT-00142). La flota operativa baj\u00f3 de 80% a 75% respecto al trimestre anterior.\", autor:\"Gerencia de Seguridad Ciudadana\"},\r\n {fecha:\"18 ago 2026\", metaCode:\"META-002\", estado:\"amarillo\", obs:\"Ejecuci\u00f3n presupuestal al 58.0%, por debajo de la meta trimestral de 65%. Se reprogram\u00f3 el cronograma de gasto de las gerencias m\u00e1s rezagadas.\", autor:\"Gerencia de Planeamiento y Presupuesto\"},\r\n {fecha:\"16 ago 2026\", metaCode:\"META-003\", estado:\"rojo\", obs:\"3 hallazgos de severidad alta contin\u00faan sin subsanar (AUD-0019, AUD-0015, AUD-0032). Se solicit\u00f3 apoyo legal para acelerar el cierre.\", autor:\"Auditor\u00eda y Control\"},\r\n {fecha:\"10 ago 2026\", metaCode:\"META-011\", estado:\"verde\", obs:\"87% de bienes patrimoniales con mantenimiento al d\u00eda, superando el umbral m\u00ednimo esperado para el per\u00edodo.\", autor:\"Gerencia de Administraci\u00f3n y Finanzas\"},\r\n {fecha:\"05 ago 2026\", metaCode:\"META-008\", estado:\"verde\", obs:\"Cobertura de limpieza p\u00fablica alcanz\u00f3 78% del casco urbano, con tendencia sostenida al alza desde el trimestre anterior (72%).\", autor:\"Gerencia de Servicios P\u00fablicos\"},\r\n {fecha:\"28 jul 2026\", metaCode:\"META-007\", estado:\"verde\", obs:\"El proyecto de modificaci\u00f3n del ROF avanza al 90% \u2014 pendiente \u00fanicamente la aprobaci\u00f3n final del Concejo Municipal.\", autor:\"Gerencia Municipal\"},\r\n {fecha:\"20 jul 2026\", metaCode:\"META-010\", estado:\"amarillo\", obs:\"La percepci\u00f3n de inseguridad baj\u00f3 de 58% a 52%, avance positivo pero a\u00fan distante de la meta de 45%.\", autor:\"Gerencia de Seguridad Ciudadana\"},\r\n {fecha:\"12 jul 2026\", metaCode:\"META-005\", estado:\"amarillo\", obs:\"Actualizaci\u00f3n del padr\u00f3n catastral en 61%. Se requiere personal t\u00e9cnico adicional para cumplir la meta anual de 70%.\", autor:\"Gerencia de Infraestructura y Desarrollo Urbano\"}\r\n];\r\n\r\nfunction metaName(code){ const m = metasCatalog.find(x=>x.code===code); return m ? m.nombre : code; }\r\nfunction statusLabel(s){ return s===\"verde\" ? \"Verde\" : s===\"amarillo\" ? \"Amarillo\" : \"Rojo\"; }\r\n\r\nfunction render(){\r\n const container = document.getElementById(\"timeline\");\r\n container.innerHTML = entries.map(e => `\r\n <div class=\"entry\">\r\n <div class=\"entry-dot ${e.estado}\"><\/div>\r\n <div class=\"entry-card\">\r\n <div class=\"entry-head\">\r\n <div>\r\n <div class=\"entry-meta-code\">${e.metaCode}<\/div>\r\n <div class=\"entry-meta-name\">${metaName(e.metaCode)}<\/div>\r\n <\/div>\r\n <div class=\"entry-fecha\">${e.fecha}<\/div>\r\n <\/div>\r\n <div class=\"entry-avance ${e.estado}\">${statusLabel(e.estado)}<\/div>\r\n <div class=\"entry-obs\">${e.obs}<\/div>\r\n <div class=\"entry-autor\">Registrado por ${e.autor}<\/div>\r\n <\/div>\r\n <\/div>\r\n `).join(\"\");\r\n\r\n document.getElementById(\"kpiTotal\").textContent = entries.length;\r\n document.getElementById(\"kpiRecientes\").textContent = new Set(entries.map(e=>e.metaCode)).size;\r\n}\r\n\r\nfunction registrarSeguimiento(){\r\n const obs = document.getElementById(\"fObs\").value.trim();\r\n if(!obs){ alert(\"Escribe una observaci\u00f3n para este seguimiento.\"); return; }\r\n entries.unshift({\r\n fecha: \"19 ago 2026\",\r\n metaCode: fMetaSelect.value,\r\n estado: document.getElementById(\"fEstado\").value,\r\n obs,\r\n autor: \"Demo Municipal\"\r\n });\r\n document.getElementById(\"fObs\").value = \"\";\r\n render();\r\n}\r\n\r\nrender();\r\n<\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>N\u00facleo \u2014 Seguimiento de Resultados N\u00facleo Gesti\u00f3n Digital 01 Tablero General 02 Atenci\u00f3n Ciudadana 03 Asistente Interno (IA) 04 Gesti\u00f3n por Resultados Acciones Correctivas Indicadores KPI Job Description Matriz RACI Metas y L\u00ednea Base Seguimiento de Resultados 05 Planeamiento y Presupuesto 06 Auditor\u00eda y Control 07 Informes y Rendici\u00f3n 08 Configuraci\u00f3n 09 Ayuda y Soporte […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":661,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-944","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/miespaciodigital.net\/auditoria\/wp-json\/wp\/v2\/pages\/944","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/miespaciodigital.net\/auditoria\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/miespaciodigital.net\/auditoria\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/miespaciodigital.net\/auditoria\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/miespaciodigital.net\/auditoria\/wp-json\/wp\/v2\/comments?post=944"}],"version-history":[{"count":7,"href":"https:\/\/miespaciodigital.net\/auditoria\/wp-json\/wp\/v2\/pages\/944\/revisions"}],"predecessor-version":[{"id":952,"href":"https:\/\/miespaciodigital.net\/auditoria\/wp-json\/wp\/v2\/pages\/944\/revisions\/952"}],"up":[{"embeddable":true,"href":"https:\/\/miespaciodigital.net\/auditoria\/wp-json\/wp\/v2\/pages\/661"}],"wp:attachment":[{"href":"https:\/\/miespaciodigital.net\/auditoria\/wp-json\/wp\/v2\/media?parent=944"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n \t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\n\r\nN\u00facleo \u2014 Seguimiento de Resultados<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600;9..144,700&family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n :root{\r\n --ink:#132029; --ink-soft:#3d4d55;\r\n --paper:#F4F2EC; --paper-raised:#FFFFFF; --line:#DDD8CB;\r\n --navy:#12303D; --navy-soft:#1C3E4E;\r\n --gold:#C98A3B; --gold-soft:#E8C899;\r\n --green:#3A7D57; --green-bg:#E4EEE6;\r\n --amber:#B8862F; --amber-bg:#F2E9D6;\r\n --red:#B4432B; --red-bg:#F3E1DB;\r\n --radius:14px;\r\n --shadow: 0 1px 2px rgba(19,32,41,0.06), 0 8px 24px -12px rgba(19,32,41,0.18);\r\n }\r\n *{box-sizing:border-box;}\r\n html,body{margin:0;padding:0;}\r\n body{background:var(--paper); color:var(--ink); font-family:'IBM Plex Sans', sans-serif; -webkit-font-smoothing:antialiased;}\r\n .app{display:grid; grid-template-columns:260px 1fr; min-height:100vh;}\r\n\r\n .sidebar{background:var(--navy); color:#EDEBE2; padding:28px 20px 20px; display:flex; flex-direction:column; gap:28px;}\r\n .brand{display:flex; align-items:center; gap:10px;}\r\n .brand-mark{width:34px;height:34px;border-radius:50%; background:radial-gradient(circle at 35% 30%, var(--gold-soft), var(--gold) 60%); box-shadow: inset 0 0 0 2px rgba(255,255,255,0.25); flex-shrink:0;}\r\n .brand-name{font-family:'Fraunces', serif; font-weight:600; font-size:1.25rem;}\r\n .brand-sub{font-size:0.7rem; color:#9FB2BC; letter-spacing:0.06em; text-transform:uppercase; margin-top:-22px; margin-left:44px;}\r\n nav{display:flex;flex-direction:column;gap:2px;margin-top:6px;}\r\n .nav-item{display:flex; align-items:center; gap:10px; padding:10px 12px; border-radius:8px; font-size:0.87rem; color:#C7D3D8; text-decoration:none; cursor:pointer; transition:background 0.15s ease, color 0.15s ease;}\r\n .nav-item .num{font-family:'IBM Plex Mono', monospace; font-size:0.72rem; color:#7C929B; width:16px;}\r\n .nav-item:hover{background:rgba(255,255,255,0.06); color:#fff;}\r\n .nav-item.active{background:var(--navy-soft); color:#fff; box-shadow: inset 3px 0 0 var(--gold);}\r\n .nav-item.active .num{color:var(--gold);}\r\n .nav-sub{margin-left:26px; display:flex; flex-direction:column; gap:1px;}\r\n .nav-sub .nav-item{font-size:0.8rem; padding:7px 12px; color:#9FB2BC;}\r\n .nav-sub .nav-item.active{color:#fff;}\r\n .sidebar-footer{margin-top:auto; font-size:0.72rem; color:#7C929B; padding-top:16px; border-top:1px solid rgba(255,255,255,0.1);}\r\n\r\n main{padding:32px 40px 60px; max-width:1000px;}\r\n .topbar{display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:22px; flex-wrap:wrap; gap:16px;}\r\n .eyebrow{font-family:'IBM Plex Mono', monospace; font-size:0.72rem; letter-spacing:0.08em; text-transform:uppercase; color:var(--gold); margin-bottom:6px;}\r\n h1{font-family:'Fraunces', serif; font-weight:600; font-size:2rem; margin:0; color:var(--navy);}\r\n .subtitle{color:var(--ink-soft); font-size:0.95rem; margin-top:6px;}\r\n .user-chip{display:flex; align-items:center; gap:10px; background:var(--paper-raised); border:1px solid var(--line); border-radius:999px; padding:6px 14px 6px 6px; box-shadow:var(--shadow);}\r\n .user-avatar{width:30px;height:30px;border-radius:50%; background:var(--navy); color:#EDEBE2; display:flex;align-items:center;justify-content:center; font-size:0.75rem;font-weight:600; font-family:'IBM Plex Mono',monospace;}\r\n .user-chip .name{font-size:0.82rem;font-weight:500;}\r\n .user-chip .role{font-size:0.72rem;color:var(--ink-soft);}\r\n\r\n .summary-strip{display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-bottom:22px;}\r\n .kpi-card{background:var(--paper-raised); border:1px solid var(--line); border-radius:var(--radius); padding:18px 20px; box-shadow:var(--shadow); position:relative; overflow:hidden;}\r\n .kpi-card::before{content:\"\"; position:absolute; top:0; left:0; right:0; height:3px; background:var(--navy);}\r\n .kpi-label{font-size:0.74rem; color:var(--ink-soft); margin-bottom:6px;}\r\n .kpi-value{font-family:'Fraunces', serif; font-size:1.6rem; font-weight:600; color:var(--navy);}\r\n\r\n .form-panel{background:var(--paper-raised); border:1px solid var(--line); border-radius:var(--radius); box-shadow:var(--shadow); padding:22px; margin-bottom:26px;}\r\n .form-panel h3{font-family:'Fraunces', serif; font-size:1.05rem; color:var(--navy); margin:0 0 14px; font-weight:600;}\r\n .form-grid{display:grid; grid-template-columns:2fr 1fr; gap:14px; margin-bottom:14px;}\r\n .form-field{display:flex; flex-direction:column; gap:6px;}\r\n .form-field.full{grid-column:1 \/ -1;}\r\n .form-field label{font-size:0.72rem; font-weight:600; color:var(--ink-soft); text-transform:uppercase; letter-spacing:0.03em;}\r\n .form-field select, .form-field input, .form-field textarea{border:1px solid var(--line); border-radius:8px; padding:9px 12px; font-family:'IBM Plex Sans', sans-serif; font-size:0.86rem; color:var(--ink); background:var(--paper-raised);}\r\n .form-field textarea{resize:vertical; min-height:60px;}\r\n .btn{font-family:'IBM Plex Sans', sans-serif; font-size:0.82rem; font-weight:600; padding:10px 16px; border-radius:9px; border:1px solid var(--navy); background:var(--navy); color:#fff; cursor:pointer;}\r\n\r\n .timeline{position:relative; padding-left:28px;}\r\n .timeline::before{content:\"\"; position:absolute; left:8px; top:6px; bottom:6px; width:2px; background:var(--line);}\r\n .entry{position:relative; margin-bottom:20px;}\r\n .entry:last-child{margin-bottom:0;}\r\n .entry-dot{position:absolute; left:-28px; top:4px; width:18px; height:18px; border-radius:50%; background:var(--paper); border:3px solid var(--navy); z-index:1;}\r\n .entry-dot.verde{border-color:var(--green);}\r\n .entry-dot.amarillo{border-color:var(--amber);}\r\n .entry-dot.rojo{border-color:var(--red);}\r\n .entry-card{background:var(--paper-raised); border:1px solid var(--line); border-radius:var(--radius); box-shadow:var(--shadow); padding:16px 20px;}\r\n .entry-head{display:flex; justify-content:space-between; align-items:flex-start; gap:10px; flex-wrap:wrap; margin-bottom:8px;}\r\n .entry-meta-code{font-family:'IBM Plex Mono',monospace; font-size:0.7rem; color:var(--gold); font-weight:600;}\r\n .entry-meta-name{font-size:0.88rem; font-weight:500; margin-top:2px;}\r\n .entry-fecha{font-size:0.74rem; color:var(--ink-soft); white-space:nowrap;}\r\n .entry-avance{display:inline-flex; align-items:center; gap:6px; font-size:0.76rem; font-weight:600; padding:3px 10px; border-radius:999px; margin-bottom:8px;}\r\n .entry-avance.verde{background:var(--green-bg); color:var(--green);}\r\n .entry-avance.amarillo{background:var(--amber-bg); color:var(--amber);}\r\n .entry-avance.rojo{background:var(--red-bg); color:var(--red);}\r\n .entry-obs{font-size:0.84rem; color:var(--ink); line-height:1.55;}\r\n .entry-autor{font-size:0.74rem; color:var(--ink-soft); margin-top:8px; font-style:italic;}\r\n\r\n .demo-note{margin-top:22px; font-size:0.78rem; color:var(--ink-soft); text-align:center; padding:14px; border:1px dashed var(--line); border-radius:10px; background:rgba(201,138,59,0.05);}\r\n\r\n @media (max-width:980px){\r\n .app{grid-template-columns:1fr;}\r\n .sidebar{display:none;}\r\n .summary-strip{grid-template-columns:1fr;}\r\n .form-grid{grid-template-columns:1fr;}\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"app\">\r\n\r\n <aside class=\"sidebar\">\r\n <div>\r\n <div class=\"brand\"><div class=\"brand-mark\"><\/div><div class=\"brand-name\">N\u00facleo<\/div><\/div>\r\n <div class=\"brand-sub\">Gesti\u00f3n Digital<\/div>\r\n <\/div>\r\n <nav>\r\n <a class=\"nav-item\"><span class=\"num\">01<\/span> Tablero General<\/a>\r\n <a class=\"nav-item\"><span class=\"num\">02<\/span> Atenci\u00f3n Ciudadana<\/a>\r\n <a class=\"nav-item\"><span class=\"num\">03<\/span> Asistente Interno (IA)<\/a>\r\n <a class=\"nav-item active\"><span class=\"num\">04<\/span> Gesti\u00f3n por Resultados<\/a>\r\n <div class=\"nav-sub\">\r\n <a class=\"nav-item\">Acciones Correctivas<\/a>\r\n <a class=\"nav-item\">Indicadores KPI<\/a>\r\n <a class=\"nav-item\">Job Description<\/a>\r\n <a class=\"nav-item\">Matriz RACI<\/a>\r\n <a class=\"nav-item\">Metas y L\u00ednea Base<\/a>\r\n <a class=\"nav-item active\">Seguimiento de Resultados<\/a>\r\n <\/div>\r\n <a class=\"nav-item\"><span class=\"num\">05<\/span> Planeamiento y Presupuesto<\/a>\r\n <a class=\"nav-item\"><span class=\"num\">06<\/span> Auditor\u00eda y Control<\/a>\r\n <a class=\"nav-item\"><span class=\"num\">07<\/span> Informes y Rendici\u00f3n<\/a>\r\n <a class=\"nav-item\"><span class=\"num\">08<\/span> Configuraci\u00f3n<\/a>\r\n <a class=\"nav-item\"><span class=\"num\">09<\/span> Ayuda y Soporte<\/a>\r\n <\/nav>\r\n <div class=\"sidebar-footer\">Municipalidad Distrital de Ejemplo<br>Sesi\u00f3n de demostraci\u00f3n<\/div>\r\n <\/aside>\r\n\r\n <main>\r\n <div class=\"topbar\">\r\n <div>\r\n <div class=\"eyebrow\">Gesti\u00f3n por Resultados<\/div>\r\n <h1>Seguimiento de Resultados<\/h1>\r\n <div class=\"subtitle\">Bit\u00e1cora de avance peri\u00f3dico de cada meta \u2014 el historial que sustenta el Tablero General<\/div>\r\n <\/div>\r\n <div class=\"user-chip\">\r\n <div class=\"user-avatar\">DM<\/div>\r\n <div><div class=\"name\">Demo Municipal<\/div><div class=\"role\">Gerente Municipal<\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"summary-strip\">\r\n <div class=\"kpi-card\"><div class=\"kpi-label\">Registros de seguimiento<\/div><div class=\"kpi-value\" id=\"kpiTotal\">\u2014<\/div><\/div>\r\n <div class=\"kpi-card\"><div class=\"kpi-label\">Metas con seguimiento este mes<\/div><div class=\"kpi-value\" id=\"kpiRecientes\">\u2014<\/div><\/div>\r\n <div class=\"kpi-card\"><div class=\"kpi-label\">\u00daltimo registro<\/div><div class=\"kpi-value\" style=\"font-size:1.2rem;\">19 ago<\/div><\/div>\r\n <\/div>\r\n\r\n <div class=\"form-panel\">\r\n <h3>Registrar nuevo seguimiento<\/h3>\r\n <div class=\"form-grid\">\r\n <div class=\"form-field\">\r\n <label>Meta institucional<\/label>\r\n <select id=\"fMeta\"><\/select>\r\n <\/div>\r\n <div class=\"form-field\">\r\n <label>Estado del avance<\/label>\r\n <select id=\"fEstado\">\r\n <option value=\"verde\">Verde<\/option>\r\n <option value=\"amarillo\" selected>Amarillo<\/option>\r\n <option value=\"rojo\">Rojo<\/option>\r\n <\/select>\r\n <\/div>\r\n <div class=\"form-field full\">\r\n <label>Observaci\u00f3n<\/label>\r\n <textarea id=\"fObs\" placeholder=\"Describe el avance, riesgos o acciones tomadas en este per\u00edodo\"><\/textarea>\r\n <\/div>\r\n <\/div>\r\n <button class=\"btn\" onclick=\"registrarSeguimiento()\">Guardar registro<\/button>\r\n <\/div>\r\n\r\n <div class=\"timeline\" id=\"timeline\"><\/div>\r\n\r\n <div class=\"demo-note\">\r\n Prototipo de demostraci\u00f3n \u2014 cada registro queda asociado a una meta del m\u00f3dulo \"Metas y L\u00ednea Base\". Los datos son de ejemplo.\r\n <\/div>\r\n <\/main>\r\n<\/div>\r\n\r\n<script>\r\nconst metasCatalog = [\r\n {code:\"META-001\", nombre:\"Reducir el tiempo de resoluci\u00f3n de tr\u00e1mites TUPA\"},\r\n {code:\"META-002\", nombre:\"Incrementar la ejecuci\u00f3n presupuestal trimestral\"},\r\n {code:\"META-003\", nombre:\"Subsanar hallazgos de auditor\u00eda de severidad alta\"},\r\n {code:\"META-004\", nombre:\"Mantener la flota de serenazgo operativa\"},\r\n {code:\"META-005\", nombre:\"Actualizar el padr\u00f3n catastral urbano\"},\r\n {code:\"META-006\", nombre:\"Ejecutar el mantenimiento de v\u00edas vecinales priorizadas\"},\r\n {code:\"META-007\", nombre:\"Modernizar la estructura org\u00e1nica (ROF)\"},\r\n {code:\"META-008\", nombre:\"Ampliar la cobertura de limpieza p\u00fablica\"},\r\n {code:\"META-009\", nombre:\"Fortalecer las capacidades del personal CAS\"},\r\n {code:\"META-010\", nombre:\"Reducir la percepci\u00f3n de inseguridad ciudadana\"},\r\n {code:\"META-011\", nombre:\"Mantener bienes patrimoniales con mantenimiento al d\u00eda\"},\r\n {code:\"META-012\", nombre:\"Publicar informes de rendici\u00f3n de cuentas en plazo\"}\r\n];\r\n\r\nconst fMetaSelect = document.getElementById(\"fMeta\");\r\nmetasCatalog.forEach(m => {\r\n const o = document.createElement(\"option\");\r\n o.value = m.code; o.textContent = `${m.code} \u2014 ${m.nombre}`;\r\n fMetaSelect.appendChild(o);\r\n});\r\n\r\nlet entries = [\r\n {fecha:\"19 ago 2026\", metaCode:\"META-004\", estado:\"rojo\", obs:\"La unidad VH-014 sigue en mantenimiento no concluido (ver Bienes y Activos, PAT-00142). La flota operativa baj\u00f3 de 80% a 75% respecto al trimestre anterior.\", autor:\"Gerencia de Seguridad Ciudadana\"},\r\n {fecha:\"18 ago 2026\", metaCode:\"META-002\", estado:\"amarillo\", obs:\"Ejecuci\u00f3n presupuestal al 58.0%, por debajo de la meta trimestral de 65%. Se reprogram\u00f3 el cronograma de gasto de las gerencias m\u00e1s rezagadas.\", autor:\"Gerencia de Planeamiento y Presupuesto\"},\r\n {fecha:\"16 ago 2026\", metaCode:\"META-003\", estado:\"rojo\", obs:\"3 hallazgos de severidad alta contin\u00faan sin subsanar (AUD-0019, AUD-0015, AUD-0032). Se solicit\u00f3 apoyo legal para acelerar el cierre.\", autor:\"Auditor\u00eda y Control\"},\r\n {fecha:\"10 ago 2026\", metaCode:\"META-011\", estado:\"verde\", obs:\"87% de bienes patrimoniales con mantenimiento al d\u00eda, superando el umbral m\u00ednimo esperado para el per\u00edodo.\", autor:\"Gerencia de Administraci\u00f3n y Finanzas\"},\r\n {fecha:\"05 ago 2026\", metaCode:\"META-008\", estado:\"verde\", obs:\"Cobertura de limpieza p\u00fablica alcanz\u00f3 78% del casco urbano, con tendencia sostenida al alza desde el trimestre anterior (72%).\", autor:\"Gerencia de Servicios P\u00fablicos\"},\r\n {fecha:\"28 jul 2026\", metaCode:\"META-007\", estado:\"verde\", obs:\"El proyecto de modificaci\u00f3n del ROF avanza al 90% \u2014 pendiente \u00fanicamente la aprobaci\u00f3n final del Concejo Municipal.\", autor:\"Gerencia Municipal\"},\r\n {fecha:\"20 jul 2026\", metaCode:\"META-010\", estado:\"amarillo\", obs:\"La percepci\u00f3n de inseguridad baj\u00f3 de 58% a 52%, avance positivo pero a\u00fan distante de la meta de 45%.\", autor:\"Gerencia de Seguridad Ciudadana\"},\r\n {fecha:\"12 jul 2026\", metaCode:\"META-005\", estado:\"amarillo\", obs:\"Actualizaci\u00f3n del padr\u00f3n catastral en 61%. Se requiere personal t\u00e9cnico adicional para cumplir la meta anual de 70%.\", autor:\"Gerencia de Infraestructura y Desarrollo Urbano\"}\r\n];\r\n\r\nfunction metaName(code){ const m = metasCatalog.find(x=>x.code===code); return m ? m.nombre : code; }\r\nfunction statusLabel(s){ return s===\"verde\" ? \"Verde\" : s===\"amarillo\" ? \"Amarillo\" : \"Rojo\"; }\r\n\r\nfunction render(){\r\n const container = document.getElementById(\"timeline\");\r\n container.innerHTML = entries.map(e => `\r\n <div class=\"entry\">\r\n <div class=\"entry-dot ${e.estado}\"><\/div>\r\n <div class=\"entry-card\">\r\n <div class=\"entry-head\">\r\n <div>\r\n <div class=\"entry-meta-code\">${e.metaCode}<\/div>\r\n <div class=\"entry-meta-name\">${metaName(e.metaCode)}<\/div>\r\n <\/div>\r\n <div class=\"entry-fecha\">${e.fecha}<\/div>\r\n <\/div>\r\n <div class=\"entry-avance ${e.estado}\">${statusLabel(e.estado)}<\/div>\r\n <div class=\"entry-obs\">${e.obs}<\/div>\r\n <div class=\"entry-autor\">Registrado por ${e.autor}<\/div>\r\n <\/div>\r\n <\/div>\r\n `).join(\"\");\r\n\r\n document.getElementById(\"kpiTotal\").textContent = entries.length;\r\n document.getElementById(\"kpiRecientes\").textContent = new Set(entries.map(e=>e.metaCode)).size;\r\n}\r\n\r\nfunction registrarSeguimiento(){\r\n const obs = document.getElementById(\"fObs\").value.trim();\r\n if(!obs){ alert(\"Escribe una observaci\u00f3n para este seguimiento.\"); return; }\r\n entries.unshift({\r\n fecha: \"19 ago 2026\",\r\n metaCode: fMetaSelect.value,\r\n estado: document.getElementById(\"fEstado\").value,\r\n obs,\r\n autor: \"Demo Municipal\"\r\n });\r\n document.getElementById(\"fObs\").value = \"\";\r\n render();\r\n}\r\n\r\nrender();\r\n<\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>N\u00facleo \u2014 Seguimiento de Resultados N\u00facleo Gesti\u00f3n Digital 01 Tablero General 02 Atenci\u00f3n Ciudadana 03 Asistente Interno (IA) 04 Gesti\u00f3n por Resultados Acciones Correctivas Indicadores KPI Job Description Matriz RACI Metas y L\u00ednea Base Seguimiento de Resultados 05 Planeamiento y Presupuesto 06 Auditor\u00eda y Control 07 Informes y Rendici\u00f3n 08 Configuraci\u00f3n 09 Ayuda y Soporte […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":661,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-944","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/miespaciodigital.net\/auditoria\/wp-json\/wp\/v2\/pages\/944","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/miespaciodigital.net\/auditoria\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/miespaciodigital.net\/auditoria\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/miespaciodigital.net\/auditoria\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/miespaciodigital.net\/auditoria\/wp-json\/wp\/v2\/comments?post=944"}],"version-history":[{"count":7,"href":"https:\/\/miespaciodigital.net\/auditoria\/wp-json\/wp\/v2\/pages\/944\/revisions"}],"predecessor-version":[{"id":952,"href":"https:\/\/miespaciodigital.net\/auditoria\/wp-json\/wp\/v2\/pages\/944\/revisions\/952"}],"up":[{"embeddable":true,"href":"https:\/\/miespaciodigital.net\/auditoria\/wp-json\/wp\/v2\/pages\/661"}],"wp:attachment":[{"href":"https:\/\/miespaciodigital.net\/auditoria\/wp-json\/wp\/v2\/media?parent=944"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}