N\u00facleo \u2014 Matriz RACI<\/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 --blue:#2E5C7A; --blue-bg:#DCE7EE;\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:1300px;}\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 .legend{\r\n display:flex; gap:18px; flex-wrap:wrap; background:var(--paper-raised); border:1px solid var(--line);\r\n border-radius:var(--radius); box-shadow:var(--shadow); padding:16px 22px; margin-bottom:22px;\r\n }\r\n .legend-item{display:flex; align-items:center; gap:8px; font-size:0.82rem;}\r\n .legend-badge{width:26px; height:26px; border-radius:7px; display:flex; align-items:center; justify-content:center; font-weight:700; font-size:0.78rem; font-family:'IBM Plex Mono',monospace; flex-shrink:0;}\r\n .legend-badge.R{background:var(--red-bg); color:var(--red);}\r\n .legend-badge.A{background:var(--gold-soft); color:var(--navy);}\r\n .legend-badge.C{background:var(--blue-bg); color:var(--blue);}\r\n .legend-badge.I{background:var(--green-bg); color:var(--green);}\r\n .legend-hint{font-size:0.78rem; color:var(--ink-soft); margin-left:auto; align-self:center;}\r\n\r\n .panel{background:var(--paper-raised); border:1px solid var(--line); border-radius:var(--radius); box-shadow:var(--shadow); overflow:auto;}\r\n table{border-collapse:collapse; width:100%; min-width:900px;}\r\n thead th{\r\n text-align:center; font-size:0.68rem; text-transform:uppercase; letter-spacing:0.03em; color:#fff;\r\n background:var(--navy); padding:12px 8px; border-bottom:1px solid var(--line); white-space:normal; line-height:1.3;\r\n }\r\n thead th.proc-col{text-align:left; padding-left:16px; min-width:220px;}\r\n tbody td{padding:0; border-bottom:1px solid var(--line); text-align:center; vertical-align:middle;}\r\n tbody tr:last-child td{border-bottom:none;}\r\n .proc-cell{\r\n text-align:left !important; padding:12px 16px !important; font-size:0.83rem; font-weight:500; background:#FAF9F5;\r\n }\r\n .proc-cell .sub{font-size:0.7rem; color:var(--ink-soft); font-weight:400; margin-top:2px;}\r\n .raci-cell{\r\n cursor:pointer; padding:10px 6px !important; transition:background 0.1s ease;\r\n }\r\n .raci-cell:hover{background:#FAF8F2;}\r\n .raci-badge{\r\n width:30px; height:30px; border-radius:7px; display:flex; align-items:center; justify-content:center;\r\n font-weight:700; font-size:0.8rem; font-family:'IBM Plex Mono',monospace; margin:0 auto;\r\n }\r\n .raci-badge.R{background:var(--red-bg); color:var(--red);}\r\n .raci-badge.A{background:var(--gold-soft); color:var(--navy);}\r\n .raci-badge.C{background:var(--blue-bg); color:var(--blue);}\r\n .raci-badge.I{background:var(--green-bg); color:var(--green);}\r\n .raci-badge.none{background:transparent; color:var(--line); border:1px dashed var(--line);}\r\n\r\n .demo-note{margin-top:20px; 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 }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"app\">\r\n\r\n <aside class=\"sidebar\">\r\n <div class=\"brand\">\r\n <img decoding=\"async\" src=\"https:\/\/miespaciodigital.net\/auditoria\/wp-content\/uploads\/2026\/09\/LOGO1.jpg\"\r\n alt=\"N\u00daCLEO\"\r\n style=\"width:100%; max-width:190px; height:auto; display:block;\">\r\n <\/div>\r\n <nav>\r\n <a class=\"nav-item\" href=\"https:\/\/miespaciodigital.net\/auditoria\/plataforma-saas-de-gestion-digital\/tablero-general\/\"><span class=\"num\">01<\/span> Tablero General<\/a>\r\n <a class=\"nav-item\" href=\"https:\/\/miespaciodigital.net\/auditoria\/plataforma-saas-de-gestion-digital\/atencion-ciudadana-tupa\/\"><span class=\"num\">02<\/span> Atenci\u00f3n Ciudadana<\/a>\r\n <a class=\"nav-item\" href=\"https:\/\/miespaciodigital.net\/auditoria\/plataforma-saas-de-gestion-digital\/asistente-interno-ia\/\"><span class=\"num\">03<\/span> Asistente Interno (IA)<\/a>\r\n <a class=\"nav-item active\" href=\"https:\/\/miespaciodigital.net\/auditoria\/plataforma-saas-de-gestion-digital\/4-gestion-por-resultados\/\"><span class=\"num\">04<\/span> Gesti\u00f3n por Resultados<\/a>\r\n <div class=\"nav-sub\">\r\n <a class=\"nav-item\" href=\"https:\/\/miespaciodigital.net\/auditoria\/plataforma-saas-de-gestion-digital\/4-gestion-por-resultados\/acciones-correctivas-2\/\">Acciones Correctivas<\/a>\r\n <a class=\"nav-item\" href=\"https:\/\/miespaciodigital.net\/auditoria\/plataforma-saas-de-gestion-digital\/4-gestion-por-resultados\/indicadores-kpi-2\/\">Indicadores KPI<\/a>\r\n <a class=\"nav-item active\" href=\"https:\/\/miespaciodigital.net\/auditoria\/plataforma-saas-de-gestion-digital\/4-gestion-por-resultados\/matriz-raci-v2\/\">Matriz RACI<\/a>\r\n <a class=\"nav-item\" href=\"https:\/\/miespaciodigital.net\/auditoria\/plataforma-saas-de-gestion-digital\/4-gestion-por-resultados\/metas-y-linea-base-2\/\">Metas y L\u00ednea Base<\/a>\r\n <a class=\"nav-item\" href=\"https:\/\/miespaciodigital.net\/auditoria\/plataforma-saas-de-gestion-digital\/4-gestion-por-resultados\/seguimiento-de-resultados-v2\/\">Seguimiento de Resultados-v2<\/a>\r\n <\/div>\r\n <a class=\"nav-item\" href=\"https:\/\/miespaciodigital.net\/auditoria\/plataforma-saas-de-gestion-digital\/5-planeamiento-y-presupuesto\/\"><span class=\"num\">05<\/span> Planeamiento y Presupuesto<\/a>\r\n <a class=\"nav-item\" href=\"https:\/\/miespaciodigital.net\/auditoria\/plataforma-saas-de-gestion-digital\/auditoria-y-control\/\"><span class=\"num\">06<\/span> Auditor\u00eda y Control<\/a>\r\n <a class=\"nav-item\" href=\"https:\/\/miespaciodigital.net\/auditoria\/plataforma-saas-de-gestion-digital\/informes-y-rendicion-sistema\/\"><span class=\"num\">07<\/span> Informes y Rendici\u00f3n<\/a>\r\n <a class=\"nav-item\" href=\"https:\/\/miespaciodigital.net\/auditoria\/plataforma-organismos-de-gobierno\/\"><span class=\"num\">08<\/span> Configuraci\u00f3n<\/a>\r\n <a class=\"nav-item\" href=\"https:\/\/miespaciodigital.net\/auditoria\/plataforma-saas-de-gestion-digital\/ayuda-y-soporte-2\/\"><span class=\"num\">09<\/span> Ayuda y Soporte<\/a>\r\n <\/nav>\r\n <div class=\"sidebar-footer\">Organismo de Gobierno 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>Matriz RACI<\/h1>\r\n <div class=\"subtitle\">Qui\u00e9n es Responsable, Aprueba, se Consulta o se Informa en cada proceso institucional<\/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 institucional<\/div><div class=\"role\">Gerente General<\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"legend\">\r\n <div class=\"legend-item\"><div class=\"legend-badge R\">R<\/div> Responsable \u2014 ejecuta la tarea<\/div>\r\n <div class=\"legend-item\"><div class=\"legend-badge A\">A<\/div> Aprueba \u2014 rinde cuentas del resultado<\/div>\r\n <div class=\"legend-item\"><div class=\"legend-badge C\">C<\/div> Consultado \u2014 su opini\u00f3n se requiere<\/div>\r\n <div class=\"legend-item\"><div class=\"legend-badge I\">I<\/div> Informado \u2014 se le mantiene al tanto<\/div>\r\n <div class=\"legend-hint\">Haz clic en una celda para cambiar el rol<\/div>\r\n <\/div>\r\n\r\n <div class=\"panel\">\r\n <table id=\"raciTable\"><\/table>\r\n <\/div>\r\n\r\n <div class=\"demo-note\">\r\n Matriz RACI institucional \u2014 cada celda es interactiva. Haz clic para asignar o cambiar la responsabilidad entre R, A, C, I y sin asignaci\u00f3n.\r\n <\/div>\r\n <div style=\"margin-top:30px;\">\r\n <a href=\"https:\/\/miespaciodigital.net\/auditoria\/plataforma-saas-de-gestion-digital\/tablero-general\/\"\r\n style=\"display:inline-block;padding:12px 22px;background:#123746;color:#fff;text-decoration:none;border-radius:8px;font-weight:600;\">\r\n \u2190 REGRESAR AL \u00cdNDICE\r\n <\/a>\r\n <\/div>\r\n <\/main>\r\n<\/div>\r\n\r\n<script>\r\nconst gerencias = [\r\n \"Servicios P\u00fablicos\", \"Infraestructura\", \"Obras\", \"Seguridad Ciudadana\",\r\n \"Desarrollo Social\", \"Planeamiento y Presup.\", \"Tecnolog\u00edas de Info.\", \"Gerencia General\"\r\n];\r\n\r\nconst procesos = [\r\n {nombre:\"Ampliar cobertura de limpieza p\u00fablica\", sub:\"Vinculado a POI \u00b7 OEI-01\", roles:[\"R\",\"I\",\"I\",\"\u2014\",\"I\",\"C\",\"\u2014\",\"A\"]},\r\n {nombre:\"Modernizar la mesa de partes digital\", sub:\"Vinculado a POI \u00b7 OEI-01\", roles:[\"I\",\"\u2014\",\"\u2014\",\"\u2014\",\"I\",\"C\",\"R\",\"A\"]},\r\n {nombre:\"Incrementar el patrullaje integrado\", sub:\"Vinculado a POI \u00b7 OEI-02\", roles:[\"I\",\"\u2014\",\"\u2014\",\"R\",\"C\",\"C\",\"I\",\"A\"]},\r\n {nombre:\"Recuperar operatividad de serenazgo\", sub:\"Vinculado a POI \u00b7 OEI-02 \u00b7 Bienes PAT-00142\", roles:[\"C\",\"\u2014\",\"I\",\"R\",\"\u2014\",\"C\",\"I\",\"A\"]},\r\n {nombre:\"Actualizar el padr\u00f3n catastral urbano\", sub:\"Vinculado a POI \u00b7 OEI-03\", roles:[\"\u2014\",\"R\",\"C\",\"\u2014\",\"\u2014\",\"C\",\"I\",\"A\"]},\r\n {nombre:\"Ejecutar mantenimiento de v\u00edas vecinales\", sub:\"Vinculado a POI \u00b7 OEI-03\", roles:[\"I\",\"C\",\"R\",\"\u2014\",\"\u2014\",\"A\",\"\u2014\",\"I\"]},\r\n {nombre:\"Modernizar la estructura org\u00e1nica (ROF)\", sub:\"Vinculado a POI \u00b7 OEI-04 \u00b7 Configuraci\u00f3n\", roles:[\"I\",\"I\",\"I\",\"I\",\"I\",\"C\",\"C\",\"A\"]},\r\n {nombre:\"Fortalecer capacidades del personal CAS\", sub:\"Vinculado a POI \u00b7 OEI-04\", roles:[\"C\",\"C\",\"C\",\"C\",\"C\",\"C\",\"C\",\"A\"]}\r\n];\r\n\/\/ Nota: RRHH se representa dentro de \"Planeamiento y Presup.\" por espacio de columnas en esta demo.\r\n\/\/ Ajustamos el \u00edndice: la \u00faltima gerencia real usada como R en personal CAS ser\u00eda RRHH \u2014 se marca v\u00eda \"A\" en Gerencia General.\r\n\r\nconst roleLabel = {\"R\":\"R\",\"A\":\"A\",\"C\":\"C\",\"I\":\"I\",\"\u2014\":\"\"};\r\n\r\nfunction buildTable(){\r\n const table = document.getElementById(\"raciTable\");\r\n let thead = `<thead><tr><th class=\"proc-col\">Proceso \/ Actividad<\/th>${gerencias.map(g=>`<th>${g}<\/th>`).join(\"\")}<\/tr><\/thead>`;\r\n let tbody = \"<tbody>\";\r\n procesos.forEach((p, pi) => {\r\n tbody += `<tr><td class=\"proc-cell\">${p.nombre}<div class=\"sub\">${p.sub}<\/div><\/td>`;\r\n p.roles.forEach((r, gi) => {\r\n tbody += `<td class=\"raci-cell\" onclick=\"cycleRole(${pi},${gi})\"><div class=\"raci-badge ${r===\"\u2014\"?\"none\":r}\" id=\"badge-${pi}-${gi}\">${roleLabel[r]}<\/div><\/td>`;\r\n });\r\n tbody += \"<\/tr>\";\r\n });\r\n tbody += \"<\/tbody>\";\r\n table.innerHTML = thead + tbody;\r\n}\r\n\r\nconst cycle = [\"R\",\"A\",\"C\",\"I\",\"\u2014\"];\r\nfunction cycleRole(pi, gi){\r\n const current = procesos[pi].roles[gi];\r\n const idx = cycle.indexOf(current);\r\n const next = cycle[(idx+1) % cycle.length];\r\n procesos[pi].roles[gi] = next;\r\n const badge = document.getElementById(`badge-${pi}-${gi}`);\r\n badge.className = \"raci-badge \" + (next === \"\u2014\" ? \"none\" : next);\r\n badge.textContent = roleLabel[next];\r\n}\r\n\r\nbuildTable();\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 Matriz RACI 01 Tablero General 02 Atenci\u00f3n Ciudadana 03 Asistente Interno (IA) 04 Gesti\u00f3n por Resultados Acciones Correctivas Indicadores KPI Matriz RACI Metas y L\u00ednea Base Seguimiento de Resultados-v2 05 Planeamiento y Presupuesto 06 Auditor\u00eda y Control 07 Informes y Rendici\u00f3n 08 Configuraci\u00f3n 09 Ayuda y Soporte Organismo de Gobierno de EjemploSesi\u00f3n de […]<\/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-1071","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/miespaciodigital.net\/auditoria\/wp-json\/wp\/v2\/pages\/1071","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=1071"}],"version-history":[{"count":13,"href":"https:\/\/miespaciodigital.net\/auditoria\/wp-json\/wp\/v2\/pages\/1071\/revisions"}],"predecessor-version":[{"id":2209,"href":"https:\/\/miespaciodigital.net\/auditoria\/wp-json\/wp\/v2\/pages\/1071\/revisions\/2209"}],"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=1071"}],"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 Matriz RACI<\/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 --blue:#2E5C7A; --blue-bg:#DCE7EE;\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:1300px;}\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 .legend{\r\n display:flex; gap:18px; flex-wrap:wrap; background:var(--paper-raised); border:1px solid var(--line);\r\n border-radius:var(--radius); box-shadow:var(--shadow); padding:16px 22px; margin-bottom:22px;\r\n }\r\n .legend-item{display:flex; align-items:center; gap:8px; font-size:0.82rem;}\r\n .legend-badge{width:26px; height:26px; border-radius:7px; display:flex; align-items:center; justify-content:center; font-weight:700; font-size:0.78rem; font-family:'IBM Plex Mono',monospace; flex-shrink:0;}\r\n .legend-badge.R{background:var(--red-bg); color:var(--red);}\r\n .legend-badge.A{background:var(--gold-soft); color:var(--navy);}\r\n .legend-badge.C{background:var(--blue-bg); color:var(--blue);}\r\n .legend-badge.I{background:var(--green-bg); color:var(--green);}\r\n .legend-hint{font-size:0.78rem; color:var(--ink-soft); margin-left:auto; align-self:center;}\r\n\r\n .panel{background:var(--paper-raised); border:1px solid var(--line); border-radius:var(--radius); box-shadow:var(--shadow); overflow:auto;}\r\n table{border-collapse:collapse; width:100%; min-width:900px;}\r\n thead th{\r\n text-align:center; font-size:0.68rem; text-transform:uppercase; letter-spacing:0.03em; color:#fff;\r\n background:var(--navy); padding:12px 8px; border-bottom:1px solid var(--line); white-space:normal; line-height:1.3;\r\n }\r\n thead th.proc-col{text-align:left; padding-left:16px; min-width:220px;}\r\n tbody td{padding:0; border-bottom:1px solid var(--line); text-align:center; vertical-align:middle;}\r\n tbody tr:last-child td{border-bottom:none;}\r\n .proc-cell{\r\n text-align:left !important; padding:12px 16px !important; font-size:0.83rem; font-weight:500; background:#FAF9F5;\r\n }\r\n .proc-cell .sub{font-size:0.7rem; color:var(--ink-soft); font-weight:400; margin-top:2px;}\r\n .raci-cell{\r\n cursor:pointer; padding:10px 6px !important; transition:background 0.1s ease;\r\n }\r\n .raci-cell:hover{background:#FAF8F2;}\r\n .raci-badge{\r\n width:30px; height:30px; border-radius:7px; display:flex; align-items:center; justify-content:center;\r\n font-weight:700; font-size:0.8rem; font-family:'IBM Plex Mono',monospace; margin:0 auto;\r\n }\r\n .raci-badge.R{background:var(--red-bg); color:var(--red);}\r\n .raci-badge.A{background:var(--gold-soft); color:var(--navy);}\r\n .raci-badge.C{background:var(--blue-bg); color:var(--blue);}\r\n .raci-badge.I{background:var(--green-bg); color:var(--green);}\r\n .raci-badge.none{background:transparent; color:var(--line); border:1px dashed var(--line);}\r\n\r\n .demo-note{margin-top:20px; 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 }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"app\">\r\n\r\n <aside class=\"sidebar\">\r\n <div class=\"brand\">\r\n <img decoding=\"async\" src=\"https:\/\/miespaciodigital.net\/auditoria\/wp-content\/uploads\/2026\/09\/LOGO1.jpg\"\r\n alt=\"N\u00daCLEO\"\r\n style=\"width:100%; max-width:190px; height:auto; display:block;\">\r\n <\/div>\r\n <nav>\r\n <a class=\"nav-item\" href=\"https:\/\/miespaciodigital.net\/auditoria\/plataforma-saas-de-gestion-digital\/tablero-general\/\"><span class=\"num\">01<\/span> Tablero General<\/a>\r\n <a class=\"nav-item\" href=\"https:\/\/miespaciodigital.net\/auditoria\/plataforma-saas-de-gestion-digital\/atencion-ciudadana-tupa\/\"><span class=\"num\">02<\/span> Atenci\u00f3n Ciudadana<\/a>\r\n <a class=\"nav-item\" href=\"https:\/\/miespaciodigital.net\/auditoria\/plataforma-saas-de-gestion-digital\/asistente-interno-ia\/\"><span class=\"num\">03<\/span> Asistente Interno (IA)<\/a>\r\n <a class=\"nav-item active\" href=\"https:\/\/miespaciodigital.net\/auditoria\/plataforma-saas-de-gestion-digital\/4-gestion-por-resultados\/\"><span class=\"num\">04<\/span> Gesti\u00f3n por Resultados<\/a>\r\n <div class=\"nav-sub\">\r\n <a class=\"nav-item\" href=\"https:\/\/miespaciodigital.net\/auditoria\/plataforma-saas-de-gestion-digital\/4-gestion-por-resultados\/acciones-correctivas-2\/\">Acciones Correctivas<\/a>\r\n <a class=\"nav-item\" href=\"https:\/\/miespaciodigital.net\/auditoria\/plataforma-saas-de-gestion-digital\/4-gestion-por-resultados\/indicadores-kpi-2\/\">Indicadores KPI<\/a>\r\n <a class=\"nav-item active\" href=\"https:\/\/miespaciodigital.net\/auditoria\/plataforma-saas-de-gestion-digital\/4-gestion-por-resultados\/matriz-raci-v2\/\">Matriz RACI<\/a>\r\n <a class=\"nav-item\" href=\"https:\/\/miespaciodigital.net\/auditoria\/plataforma-saas-de-gestion-digital\/4-gestion-por-resultados\/metas-y-linea-base-2\/\">Metas y L\u00ednea Base<\/a>\r\n <a class=\"nav-item\" href=\"https:\/\/miespaciodigital.net\/auditoria\/plataforma-saas-de-gestion-digital\/4-gestion-por-resultados\/seguimiento-de-resultados-v2\/\">Seguimiento de Resultados-v2<\/a>\r\n <\/div>\r\n <a class=\"nav-item\" href=\"https:\/\/miespaciodigital.net\/auditoria\/plataforma-saas-de-gestion-digital\/5-planeamiento-y-presupuesto\/\"><span class=\"num\">05<\/span> Planeamiento y Presupuesto<\/a>\r\n <a class=\"nav-item\" href=\"https:\/\/miespaciodigital.net\/auditoria\/plataforma-saas-de-gestion-digital\/auditoria-y-control\/\"><span class=\"num\">06<\/span> Auditor\u00eda y Control<\/a>\r\n <a class=\"nav-item\" href=\"https:\/\/miespaciodigital.net\/auditoria\/plataforma-saas-de-gestion-digital\/informes-y-rendicion-sistema\/\"><span class=\"num\">07<\/span> Informes y Rendici\u00f3n<\/a>\r\n <a class=\"nav-item\" href=\"https:\/\/miespaciodigital.net\/auditoria\/plataforma-organismos-de-gobierno\/\"><span class=\"num\">08<\/span> Configuraci\u00f3n<\/a>\r\n <a class=\"nav-item\" href=\"https:\/\/miespaciodigital.net\/auditoria\/plataforma-saas-de-gestion-digital\/ayuda-y-soporte-2\/\"><span class=\"num\">09<\/span> Ayuda y Soporte<\/a>\r\n <\/nav>\r\n <div class=\"sidebar-footer\">Organismo de Gobierno 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>Matriz RACI<\/h1>\r\n <div class=\"subtitle\">Qui\u00e9n es Responsable, Aprueba, se Consulta o se Informa en cada proceso institucional<\/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 institucional<\/div><div class=\"role\">Gerente General<\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"legend\">\r\n <div class=\"legend-item\"><div class=\"legend-badge R\">R<\/div> Responsable \u2014 ejecuta la tarea<\/div>\r\n <div class=\"legend-item\"><div class=\"legend-badge A\">A<\/div> Aprueba \u2014 rinde cuentas del resultado<\/div>\r\n <div class=\"legend-item\"><div class=\"legend-badge C\">C<\/div> Consultado \u2014 su opini\u00f3n se requiere<\/div>\r\n <div class=\"legend-item\"><div class=\"legend-badge I\">I<\/div> Informado \u2014 se le mantiene al tanto<\/div>\r\n <div class=\"legend-hint\">Haz clic en una celda para cambiar el rol<\/div>\r\n <\/div>\r\n\r\n <div class=\"panel\">\r\n <table id=\"raciTable\"><\/table>\r\n <\/div>\r\n\r\n <div class=\"demo-note\">\r\n Matriz RACI institucional \u2014 cada celda es interactiva. Haz clic para asignar o cambiar la responsabilidad entre R, A, C, I y sin asignaci\u00f3n.\r\n <\/div>\r\n <div style=\"margin-top:30px;\">\r\n <a href=\"https:\/\/miespaciodigital.net\/auditoria\/plataforma-saas-de-gestion-digital\/tablero-general\/\"\r\n style=\"display:inline-block;padding:12px 22px;background:#123746;color:#fff;text-decoration:none;border-radius:8px;font-weight:600;\">\r\n \u2190 REGRESAR AL \u00cdNDICE\r\n <\/a>\r\n <\/div>\r\n <\/main>\r\n<\/div>\r\n\r\n<script>\r\nconst gerencias = [\r\n \"Servicios P\u00fablicos\", \"Infraestructura\", \"Obras\", \"Seguridad Ciudadana\",\r\n \"Desarrollo Social\", \"Planeamiento y Presup.\", \"Tecnolog\u00edas de Info.\", \"Gerencia General\"\r\n];\r\n\r\nconst procesos = [\r\n {nombre:\"Ampliar cobertura de limpieza p\u00fablica\", sub:\"Vinculado a POI \u00b7 OEI-01\", roles:[\"R\",\"I\",\"I\",\"\u2014\",\"I\",\"C\",\"\u2014\",\"A\"]},\r\n {nombre:\"Modernizar la mesa de partes digital\", sub:\"Vinculado a POI \u00b7 OEI-01\", roles:[\"I\",\"\u2014\",\"\u2014\",\"\u2014\",\"I\",\"C\",\"R\",\"A\"]},\r\n {nombre:\"Incrementar el patrullaje integrado\", sub:\"Vinculado a POI \u00b7 OEI-02\", roles:[\"I\",\"\u2014\",\"\u2014\",\"R\",\"C\",\"C\",\"I\",\"A\"]},\r\n {nombre:\"Recuperar operatividad de serenazgo\", sub:\"Vinculado a POI \u00b7 OEI-02 \u00b7 Bienes PAT-00142\", roles:[\"C\",\"\u2014\",\"I\",\"R\",\"\u2014\",\"C\",\"I\",\"A\"]},\r\n {nombre:\"Actualizar el padr\u00f3n catastral urbano\", sub:\"Vinculado a POI \u00b7 OEI-03\", roles:[\"\u2014\",\"R\",\"C\",\"\u2014\",\"\u2014\",\"C\",\"I\",\"A\"]},\r\n {nombre:\"Ejecutar mantenimiento de v\u00edas vecinales\", sub:\"Vinculado a POI \u00b7 OEI-03\", roles:[\"I\",\"C\",\"R\",\"\u2014\",\"\u2014\",\"A\",\"\u2014\",\"I\"]},\r\n {nombre:\"Modernizar la estructura org\u00e1nica (ROF)\", sub:\"Vinculado a POI \u00b7 OEI-04 \u00b7 Configuraci\u00f3n\", roles:[\"I\",\"I\",\"I\",\"I\",\"I\",\"C\",\"C\",\"A\"]},\r\n {nombre:\"Fortalecer capacidades del personal CAS\", sub:\"Vinculado a POI \u00b7 OEI-04\", roles:[\"C\",\"C\",\"C\",\"C\",\"C\",\"C\",\"C\",\"A\"]}\r\n];\r\n\/\/ Nota: RRHH se representa dentro de \"Planeamiento y Presup.\" por espacio de columnas en esta demo.\r\n\/\/ Ajustamos el \u00edndice: la \u00faltima gerencia real usada como R en personal CAS ser\u00eda RRHH \u2014 se marca v\u00eda \"A\" en Gerencia General.\r\n\r\nconst roleLabel = {\"R\":\"R\",\"A\":\"A\",\"C\":\"C\",\"I\":\"I\",\"\u2014\":\"\"};\r\n\r\nfunction buildTable(){\r\n const table = document.getElementById(\"raciTable\");\r\n let thead = `<thead><tr><th class=\"proc-col\">Proceso \/ Actividad<\/th>${gerencias.map(g=>`<th>${g}<\/th>`).join(\"\")}<\/tr><\/thead>`;\r\n let tbody = \"<tbody>\";\r\n procesos.forEach((p, pi) => {\r\n tbody += `<tr><td class=\"proc-cell\">${p.nombre}<div class=\"sub\">${p.sub}<\/div><\/td>`;\r\n p.roles.forEach((r, gi) => {\r\n tbody += `<td class=\"raci-cell\" onclick=\"cycleRole(${pi},${gi})\"><div class=\"raci-badge ${r===\"\u2014\"?\"none\":r}\" id=\"badge-${pi}-${gi}\">${roleLabel[r]}<\/div><\/td>`;\r\n });\r\n tbody += \"<\/tr>\";\r\n });\r\n tbody += \"<\/tbody>\";\r\n table.innerHTML = thead + tbody;\r\n}\r\n\r\nconst cycle = [\"R\",\"A\",\"C\",\"I\",\"\u2014\"];\r\nfunction cycleRole(pi, gi){\r\n const current = procesos[pi].roles[gi];\r\n const idx = cycle.indexOf(current);\r\n const next = cycle[(idx+1) % cycle.length];\r\n procesos[pi].roles[gi] = next;\r\n const badge = document.getElementById(`badge-${pi}-${gi}`);\r\n badge.className = \"raci-badge \" + (next === \"\u2014\" ? \"none\" : next);\r\n badge.textContent = roleLabel[next];\r\n}\r\n\r\nbuildTable();\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 Matriz RACI 01 Tablero General 02 Atenci\u00f3n Ciudadana 03 Asistente Interno (IA) 04 Gesti\u00f3n por Resultados Acciones Correctivas Indicadores KPI Matriz RACI Metas y L\u00ednea Base Seguimiento de Resultados-v2 05 Planeamiento y Presupuesto 06 Auditor\u00eda y Control 07 Informes y Rendici\u00f3n 08 Configuraci\u00f3n 09 Ayuda y Soporte Organismo de Gobierno de EjemploSesi\u00f3n de […]<\/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-1071","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/miespaciodigital.net\/auditoria\/wp-json\/wp\/v2\/pages\/1071","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=1071"}],"version-history":[{"count":13,"href":"https:\/\/miespaciodigital.net\/auditoria\/wp-json\/wp\/v2\/pages\/1071\/revisions"}],"predecessor-version":[{"id":2209,"href":"https:\/\/miespaciodigital.net\/auditoria\/wp-json\/wp\/v2\/pages\/1071\/revisions\/2209"}],"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=1071"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}