{"id":938,"date":"2026-08-19T23:41:00","date_gmt":"2026-08-20T04:41:00","guid":{"rendered":"https:\/\/nucleo.miespaciodigital.net\/?page_id=938"},"modified":"2026-09-07T22:25:40","modified_gmt":"2026-09-08T03:25:40","slug":"metas-y-linea-base-2","status":"publish","type":"page","link":"https:\/\/miespaciodigital.net\/auditoria\/plataforma-saas-de-gestion-digital\/4-gestion-por-resultados\/metas-y-linea-base-2\/","title":{"rendered":"Metas y L\u00ednea Base"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n
\n \t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\n\r\nN\u00facleo \u2014 Metas y L\u00ednea Base<\/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:1260px;}\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(4,1fr); gap:16px; margin-bottom:10px;}\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;}\r\n .kpi-card.navy::before{background:var(--navy);}\r\n .kpi-card.green::before{background:var(--green);}\r\n .kpi-card.amber::before{background:var(--amber);}\r\n .kpi-card.red::before{background:var(--red);}\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.8rem; font-weight:600; color:var(--navy);}\r\n .kpi-card.green .kpi-value{color:var(--green);}\r\n .kpi-card.amber .kpi-value{color:var(--amber);}\r\n .kpi-card.red .kpi-value{color:var(--red);}\r\n .sample-note{font-size:0.76rem; color:var(--ink-soft); font-style:italic; margin-bottom:20px;}\r\n\r\n .toolbar{display:flex; gap:12px; align-items:center; margin-bottom:16px; flex-wrap:wrap;}\r\n .search-box{flex:1; min-width:220px; display:flex; align-items:center; gap:8px; background:var(--paper-raised); border:1px solid var(--line); border-radius:10px; padding:10px 14px;}\r\n .search-box input{border:none; outline:none; background:transparent; font-family:'IBM Plex Sans', sans-serif; font-size:0.88rem; color:var(--ink); width:100%;}\r\n .search-box svg{flex-shrink:0; color:var(--ink-soft);}\r\n .filter-chip{font-size:0.8rem; padding:9px 14px; border-radius:10px; border:1px solid var(--line); background:var(--paper-raised); color:var(--ink-soft); cursor:pointer; user-select:none; transition:border-color 0.15s ease, color 0.15s ease;}\r\n .filter-chip.active{border-color:var(--navy); color:var(--navy); font-weight:600; background:var(--gold-soft);}\r\n\r\n .panel{background:var(--paper-raised); border:1px solid var(--line); border-radius:var(--radius); box-shadow:var(--shadow); overflow:hidden;}\r\n table{width:100%; border-collapse:collapse;}\r\n thead th{text-align:left; font-size:0.68rem; text-transform:uppercase; letter-spacing:0.04em; color:var(--ink-soft); padding:13px 16px; border-bottom:1px solid var(--line); background:#FAF9F5;}\r\n tbody tr.data-row{border-bottom:1px solid var(--line); cursor:pointer; transition:background 0.12s ease;}\r\n tbody tr.data-row:hover{background:#FAF8F2;}\r\n tbody td{padding:13px 16px; font-size:0.83rem; vertical-align:top;}\r\n .code{font-family:'IBM Plex Mono',monospace; font-size:0.76rem; color:var(--gold); font-weight:500;}\r\n .desc-cell .name{font-weight:500; font-size:0.85rem; line-height:1.4;}\r\n .amount{font-family:'IBM Plex Mono',monospace; font-size:0.82rem;}\r\n .pct-cell{display:flex; align-items:center; gap:8px;}\r\n .pct-track{width:56px; height:6px; border-radius:999px; background:var(--line); overflow:hidden;}\r\n .pct-fill{height:100%; border-radius:999px;}\r\n .status-pill{display:inline-flex; align-items:center; gap:6px; font-size:0.72rem; font-weight:600; padding:4px 10px; border-radius:999px; white-space:nowrap;}\r\n .status-pill.verde{background:var(--green-bg); color:var(--green);}\r\n .status-pill.amarillo{background:var(--amber-bg); color:var(--amber);}\r\n .status-pill.rojo{background:var(--red-bg); color:var(--red);}\r\n .status-pill .dot{width:6px;height:6px;border-radius:50%; background:currentColor;}\r\n\r\n .detail-row td{padding:0; border-bottom:1px solid var(--line);}\r\n .detail-inner{padding:18px 24px; background:#FAF9F5; display:none; grid-template-columns:repeat(3,1fr); gap:18px;}\r\n .detail-inner.open{display:grid;}\r\n .detail-block .k{font-size:0.68rem; text-transform:uppercase; letter-spacing:0.04em; color:var(--ink-soft); margin-bottom:4px;}\r\n .detail-block .v{font-size:0.85rem; font-weight:500;}\r\n\r\n .no-results{padding:40px; text-align:center; color:var(--ink-soft); font-size:0.9rem; display:none;}\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 .summary-strip{grid-template-columns:repeat(2,1fr);}\r\n thead{display:none;}\r\n table, tbody, tr, td{display:block; width:100%;}\r\n tbody tr.data-row{padding:12px 16px; border-bottom:1px solid var(--line);}\r\n tbody td{padding:4px 0;}\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\" 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 active\" 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\">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>Metas y L\u00ednea Base<\/h1>\r\n <div class=\"subtitle\">Cada meta institucional con su punto de partida, su meta al 2026, y su avance real<\/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 navy\"><div class=\"kpi-label\">Metas mostradas<\/div><div class=\"kpi-value\" id=\"kpiTotal\">\u2014<\/div><\/div>\r\n <div class=\"kpi-card green\"><div class=\"kpi-label\">En verde<\/div><div class=\"kpi-value\" id=\"kpiVerde\">\u2014<\/div><\/div>\r\n <div class=\"kpi-card amber\"><div class=\"kpi-label\">En amarillo<\/div><div class=\"kpi-value\" id=\"kpiAmarillo\">\u2014<\/div><\/div>\r\n <div class=\"kpi-card red\"><div class=\"kpi-label\">En rojo<\/div><div class=\"kpi-value\" id=\"kpiRojo\">\u2014<\/div><\/div>\r\n <\/div>\r\n <div class=\"sample-note\">Se muestra una selecci\u00f3n de las metas institucionales activas. El conteo consolidado de las 26 metas est\u00e1 en el Tablero General.<\/div>\r\n\r\n <div class=\"toolbar\">\r\n <div class=\"search-box\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><\/svg>\r\n <input id=\"searchInput\" type=\"text\" placeholder=\"Buscar por meta o gerencia...\">\r\n <\/div>\r\n <div class=\"filter-chip active\" data-status=\"todos\">Todos<\/div>\r\n <div class=\"filter-chip\" data-status=\"verde\">Verde<\/div>\r\n <div class=\"filter-chip\" data-status=\"amarillo\">Amarillo<\/div>\r\n <div class=\"filter-chip\" data-status=\"rojo\">Rojo<\/div>\r\n <\/div>\r\n\r\n <div class=\"panel\">\r\n <table>\r\n <thead>\r\n <tr>\r\n <th>C\u00f3digo<\/th>\r\n <th>Meta institucional<\/th>\r\n <th>L\u00ednea base \u2192 Meta<\/th>\r\n <th>Valor actual<\/th>\r\n <th>Estado<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody id=\"tableBody\"><\/tbody>\r\n <\/table>\r\n <div class=\"no-results\" id=\"noResults\">No se encontraron metas que coincidan con tu b\u00fasqueda.<\/div>\r\n <\/div>\r\n \r\n <!-- CASO REAL CONECTADO A SUPABASE -->\r\n<style>\r\n .nucleo-real{\r\n margin:22px 0;\r\n padding:22px;\r\n background:#fff;\r\n border:2px solid #B4432B;\r\n border-radius:14px;\r\n box-shadow:0 8px 24px -12px rgba(19,32,41,.20);\r\n }\r\n .nucleo-real__badge{\r\n display:inline-block;\r\n padding:5px 10px;\r\n background:#F3E1DB;\r\n color:#B4432B;\r\n border-radius:999px;\r\n font-size:12px;\r\n font-weight:700;\r\n }\r\n .nucleo-real h2{\r\n margin:12px 0 6px;\r\n color:#12303D;\r\n font-family:'Fraunces',serif;\r\n }\r\n .nucleo-real__grid{\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:12px;\r\n margin:18px 0;\r\n }\r\n .nucleo-real__dato{\r\n padding:14px;\r\n background:#FAF9F5;\r\n border:1px solid #DDD8CB;\r\n border-radius:10px;\r\n }\r\n .nucleo-real__dato small{\r\n display:block;\r\n color:#3D4D55;\r\n margin-bottom:5px;\r\n }\r\n .nucleo-real__dato strong{\r\n color:#12303D;\r\n }\r\n .nucleo-real__bloque{\r\n margin-top:12px;\r\n padding:15px;\r\n background:#FAF9F5;\r\n border-left:4px solid #C98A3B;\r\n border-radius:8px;\r\n }\r\n .nucleo-real__bloque h3{\r\n margin:0 0 6px;\r\n font-size:15px;\r\n color:#12303D;\r\n }\r\n .nucleo-real__error{\r\n padding:14px;\r\n background:#F3E1DB;\r\n color:#9B2525;\r\n border-radius:8px;\r\n }\r\n @media(max-width:800px){\r\n .nucleo-real__grid{grid-template-columns:1fr;}\r\n }\r\n<\/style>\r\n\r\n\r\n<!-- FORMULARIO PARA REGISTRAR UNA NUEVA META -->\r\n<style>\r\n .nueva-meta{\r\n margin:22px 0;\r\n padding:20px;\r\n background:#fff;\r\n border:1px solid #DDD8CB;\r\n border-radius:14px;\r\n box-shadow:0 8px 24px -12px rgba(19,32,41,.18);\r\n }\r\n .nueva-meta__cabecera{\r\n display:flex;\r\n justify-content:space-between;\r\n align-items:center;\r\n gap:15px;\r\n }\r\n .nueva-meta__cabecera h2{\r\n margin:0;\r\n color:#12303D;\r\n font-family:'Fraunces',serif;\r\n }\r\n .nueva-meta__boton{\r\n padding:11px 18px;\r\n border:0;\r\n border-radius:8px;\r\n background:#12303D;\r\n color:#fff;\r\n font-weight:700;\r\n cursor:pointer;\r\n }\r\n .nueva-meta__formulario{\r\n display:none;\r\n margin-top:20px;\r\n padding-top:18px;\r\n border-top:1px solid #DDD8CB;\r\n }\r\n .nueva-meta__formulario.abierto{display:block;}\r\n .nueva-meta__grid{\r\n display:grid;\r\n grid-template-columns:repeat(2,1fr);\r\n gap:14px;\r\n }\r\n .nueva-meta__campo.completo{grid-column:1\/-1;}\r\n .nueva-meta label{\r\n display:block;\r\n margin-bottom:5px;\r\n color:#12303D;\r\n font-size:13px;\r\n font-weight:600;\r\n }\r\n .nueva-meta input,\r\n .nueva-meta textarea{\r\n width:100%;\r\n padding:11px;\r\n border:1px solid #CFC9BA;\r\n border-radius:8px;\r\n font:inherit;\r\n color:#132029;\r\n background:#fff;\r\n }\r\n .nueva-meta textarea{\r\n min-height:80px;\r\n resize:vertical;\r\n }\r\n .nueva-meta__acciones{\r\n display:flex;\r\n justify-content:flex-end;\r\n margin-top:16px;\r\n }\r\n .nueva-meta__mensaje{\r\n display:none;\r\n margin-top:14px;\r\n padding:12px;\r\n border-radius:8px;\r\n }\r\n .nueva-meta__mensaje.ok{\r\n display:block;\r\n background:#E4EEE6;\r\n color:#146047;\r\n }\r\n .nueva-meta__mensaje.error{\r\n display:block;\r\n background:#F3E1DB;\r\n color:#9B2525;\r\n }\r\n @media(max-width:800px){\r\n .nueva-meta__grid{grid-template-columns:1fr;}\r\n .nueva-meta__campo.completo{grid-column:auto;}\r\n .nueva-meta__cabecera{align-items:flex-start;flex-direction:column;}\r\n }\r\n<\/style>\r\n\r\n<section class=\"nueva-meta\">\r\n <div class=\"nueva-meta__cabecera\">\r\n <div>\r\n <h2>Registrar una nueva meta<\/h2>\r\n <div>NUCLEO crear\u00e1 el objetivo, la meta, la tarea y el responsable.<\/div>\r\n <\/div>\r\n <button\r\n class=\"nueva-meta__boton\"\r\n id=\"abrirNuevaMeta\"\r\n type=\"button\">\r\n + Nueva meta\r\n <\/button>\r\n <\/div>\r\n\r\n <form id=\"formNuevaMeta\" class=\"nueva-meta__formulario\">\r\n <div class=\"nueva-meta__grid\">\r\n\r\n <div class=\"nueva-meta__campo\">\r\n <label for=\"nmObjetivoCodigo\">C\u00f3digo del objetivo<\/label>\r\n <input id=\"nmObjetivoCodigo\" type=\"text\"\r\n placeholder=\"Ejemplo: OEI-001\" required>\r\n <\/div>\r\n\r\n <div class=\"nueva-meta__campo\">\r\n <label for=\"nmObjetivoNombre\">Nombre del objetivo<\/label>\r\n <input id=\"nmObjetivoNombre\" type=\"text\"\r\n placeholder=\"Resultado institucional que se busca alcanzar\"\r\n required>\r\n <\/div>\r\n\r\n <div class=\"nueva-meta__campo completo\">\r\n <label for=\"nmMetaNombre\">Nombre de la meta<\/label>\r\n <input id=\"nmMetaNombre\" type=\"text\"\r\n placeholder=\"Resultado concreto y medible\" required>\r\n <\/div>\r\n\r\n <div class=\"nueva-meta__campo completo\">\r\n <label for=\"nmMetaDescripcion\">Descripci\u00f3n<\/label>\r\n <textarea id=\"nmMetaDescripcion\"\r\n placeholder=\"Explique brevemente qu\u00e9 se desea lograr\"><\/textarea>\r\n <\/div>\r\n\r\n <div class=\"nueva-meta__campo\">\r\n <label for=\"nmValorMeta\">Valor esperado<\/label>\r\n <input id=\"nmValorMeta\" type=\"number\"\r\n min=\"0.01\" step=\"0.01\"\r\n placeholder=\"Ejemplo: 20\" required>\r\n <\/div>\r\n\r\n <div class=\"nueva-meta__campo\">\r\n <label for=\"nmUnidadMedida\">Unidad de medida<\/label>\r\n <input id=\"nmUnidadMedida\" type=\"text\"\r\n placeholder=\"Ejemplo: kil\u00f3metros\" required>\r\n <\/div>\r\n\r\n <div class=\"nueva-meta__campo\">\r\n <label for=\"nmFechaInicio\">Fecha de inicio<\/label>\r\n <input id=\"nmFechaInicio\" type=\"date\" required>\r\n <\/div>\r\n\r\n <div class=\"nueva-meta__campo\">\r\n <label for=\"nmFechaLimite\">Fecha l\u00edmite<\/label>\r\n <input id=\"nmFechaLimite\" type=\"date\" required>\r\n <\/div>\r\n\r\n <div class=\"nueva-meta__campo\">\r\n <label for=\"nmResponsableNombres\">Nombres del responsable<\/label>\r\n <input id=\"nmResponsableNombres\" type=\"text\"\r\n placeholder=\"Nombres\" required>\r\n <\/div>\r\n\r\n <div class=\"nueva-meta__campo\">\r\n <label for=\"nmResponsableApellidos\">Apellidos del responsable<\/label>\r\n <input id=\"nmResponsableApellidos\" type=\"text\"\r\n placeholder=\"Apellidos\" required>\r\n <\/div>\r\n\r\n <div class=\"nueva-meta__campo completo\">\r\n <label for=\"nmTareaTitulo\">Primera tarea<\/label>\r\n <input id=\"nmTareaTitulo\" type=\"text\"\r\n placeholder=\"Actividad inicial para comenzar la meta\"\r\n required>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"nueva-meta__acciones\">\r\n <button\r\n class=\"nueva-meta__boton\"\r\n id=\"guardarNuevaMeta\"\r\n type=\"submit\">\r\n Registrar meta\r\n <\/button>\r\n <\/div>\r\n\r\n <div id=\"mensajeNuevaMeta\"\r\n class=\"nueva-meta__mensaje\"><\/div>\r\n <\/form>\r\n<\/section>\r\n\r\n<script>\r\n(function(){\r\n const botonAbrir = document.getElementById('abrirNuevaMeta');\r\n const formulario = document.getElementById('formNuevaMeta');\r\n const botonGuardar = document.getElementById('guardarNuevaMeta');\r\n const mensaje = document.getElementById('mensajeNuevaMeta');\r\n\r\n botonAbrir.addEventListener('click', function(){\r\n formulario.classList.toggle('abierto');\r\n botonAbrir.textContent =\r\n formulario.classList.contains('abierto')\r\n ? 'Cerrar formulario'\r\n : '+ Nueva meta';\r\n });\r\n\r\n function esperarSupabase(){\r\n return new Promise((resolve,reject)=>{\r\n let intentos = 50;\r\n const reloj = setInterval(()=>{\r\n if(window.supabase && window.supabase.createClient){\r\n clearInterval(reloj);\r\n resolve();\r\n }else if(--intentos === 0){\r\n clearInterval(reloj);\r\n reject(new Error('No se pudo cargar Supabase.'));\r\n }\r\n },100);\r\n });\r\n }\r\n\r\n formulario.addEventListener('submit', async function(evento){\r\n evento.preventDefault();\r\n\r\n if(!formulario.checkValidity()){\r\n formulario.reportValidity();\r\n return;\r\n }\r\n\r\n botonGuardar.disabled = true;\r\n botonGuardar.textContent = 'Registrando...';\r\n mensaje.className = 'nueva-meta__mensaje';\r\n mensaje.textContent = '';\r\n\r\n try{\r\n await esperarSupabase();\r\n\r\n const cliente = window.supabase.createClient(\r\n 'https:\/\/gpvhswppvuogtqgmudng.supabase.co',\r\n 'sb_publishable_DWrUYYSvQpvVYZsNhRTrzg_wdfA8M_h'\r\n );\r\n\r\n const {data:sesionDatos} = await cliente.auth.getSession();\r\n\r\n if(!sesionDatos.session){\r\n throw new Error('Debe iniciar sesi\u00f3n en NUCLEO.');\r\n }\r\n\r\n const parametros = {\r\n p_objetivo_codigo:\r\n document.getElementById('nmObjetivoCodigo').value,\r\n p_objetivo_nombre:\r\n document.getElementById('nmObjetivoNombre').value,\r\n p_meta_nombre:\r\n document.getElementById('nmMetaNombre').value,\r\n p_meta_descripcion:\r\n document.getElementById('nmMetaDescripcion').value,\r\n p_valor_meta:\r\n Number(document.getElementById('nmValorMeta').value),\r\n p_unidad_medida:\r\n document.getElementById('nmUnidadMedida').value,\r\n p_fecha_inicio:\r\n document.getElementById('nmFechaInicio').value,\r\n p_fecha_limite:\r\n document.getElementById('nmFechaLimite').value,\r\n p_responsable_nombres:\r\n document.getElementById('nmResponsableNombres').value,\r\n p_responsable_apellidos:\r\n document.getElementById('nmResponsableApellidos').value,\r\n p_tarea_titulo:\r\n document.getElementById('nmTareaTitulo').value\r\n };\r\n\r\n const {data,error} = await cliente.rpc(\r\n 'registrar_meta_inicial',\r\n parametros\r\n );\r\n\r\n if(error) throw error;\r\n\r\n const registro = data && data[0] ? data[0] : {};\r\n\r\n mensaje.className = 'nueva-meta__mensaje ok';\r\n mensaje.textContent =\r\n 'Meta registrada correctamente. ID asignado: ' +\r\n (registro.meta_id || 'confirmado') + '.';\r\n\r\n formulario.reset();\r\n\r\n }catch(error){\r\n mensaje.className = 'nueva-meta__mensaje error';\r\n mensaje.textContent =\r\n 'No se pudo registrar: ' + error.message;\r\n }finally{\r\n botonGuardar.disabled = false;\r\n botonGuardar.textContent = 'Registrar meta';\r\n }\r\n });\r\n})();\r\n<\/script>\r\n<section class=\"nucleo-real\">\r\n <span class=\"nucleo-real__badge\">CASO REAL CONECTADO A SUPABASE<\/span>\r\n <div id=\"nucleoCasoReal\">\r\n Cargando la gesti\u00f3n demostrativa de San Marcos...\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(async function(){\r\n const contenedor = document.getElementById('nucleoCasoReal');\r\n\r\n function proteger(valor){\r\n return String(valor ?? '')\r\n .replaceAll('&','&')\r\n .replaceAll('<','<')\r\n .replaceAll('>','>')\r\n .replaceAll('\"','"');\r\n }\r\n\r\n function esperarSupabase(){\r\n return new Promise((resolve,reject)=>{\r\n let intentos = 50;\r\n const reloj = setInterval(()=>{\r\n if(window.supabase && window.supabase.createClient){\r\n clearInterval(reloj);\r\n resolve();\r\n }else if(--intentos === 0){\r\n clearInterval(reloj);\r\n reject(new Error('No se pudo cargar la conexi\u00f3n con Supabase.'));\r\n }\r\n },100);\r\n });\r\n }\r\n\r\n try{\r\n await esperarSupabase();\r\n\r\n const cliente = window.supabase.createClient(\r\n 'https:\/\/gpvhswppvuogtqgmudng.supabase.co',\r\n 'sb_publishable_DWrUYYSvQpvVYZsNhRTrzg_wdfA8M_h'\r\n );\r\n\r\n const {data:sesionDatos} = await cliente.auth.getSession();\r\n\r\n if(!sesionDatos.session){\r\n throw new Error('Debe iniciar sesi\u00f3n en NUCLEO.');\r\n }\r\n\r\n const {data,error} = await cliente.rpc(\r\n 'obtener_caso_gestion',\r\n {p_meta_id:7}\r\n );\r\n\r\n if(error) throw error;\r\n if(!data || !data.length){\r\n throw new Error('No se encontr\u00f3 el caso demostrativo.');\r\n }\r\n\r\n const c = data[0];\r\n const porcentaje = c.valor_meta\r\n ? Math.round((Number(c.valor_actual || 0) \/ Number(c.valor_meta)) * 100)\r\n : 0;\r\n\r\n contenedor.innerHTML = `\r\n <h2>${proteger(c.meta)}<\/h2>\r\n <p><strong>Objetivo:<\/strong> ${proteger(c.objetivo)}<\/p>\r\n\r\n <div class=\"nucleo-real__grid\">\r\n <div class=\"nucleo-real__dato\">\r\n <small>Meta programada<\/small>\r\n <strong>${proteger(c.valor_meta)} ${proteger(c.unidad_medida)}<\/strong>\r\n <\/div>\r\n <div class=\"nucleo-real__dato\">\r\n <small>Avance actual<\/small>\r\n <strong>${proteger(c.valor_actual)} ${proteger(c.unidad_medida)} (${porcentaje}%)<\/strong>\r\n <\/div>\r\n <div class=\"nucleo-real__dato\">\r\n <small>Nivel de alerta<\/small>\r\n <strong>${proteger(c.nivel_alerta)} \u2014 ${proteger(c.estado_seguimiento)}<\/strong>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"nucleo-real__bloque\">\r\n <h3>Responsable<\/h3>\r\n ${proteger(c.responsable)}\r\n <\/div>\r\n\r\n <div class=\"nucleo-real__bloque\">\r\n <h3>Explicaci\u00f3n de la IA<\/h3>\r\n ${proteger(c.explicacion_ia)}\r\n <\/div>\r\n\r\n <div class=\"nucleo-real__bloque\">\r\n <h3>Recomendaci\u00f3n<\/h3>\r\n ${proteger(c.recomendaciones)}\r\n <\/div>\r\n\r\n <div class=\"nucleo-real__bloque\">\r\n <h3>Decisi\u00f3n de la autoridad<\/h3>\r\n ${proteger(c.decision_autoridad)}\r\n <\/div>\r\n\r\n <div class=\"nucleo-real__bloque\">\r\n <h3>Acci\u00f3n correctiva<\/h3>\r\n ${proteger(c.accion_correctiva)}\r\n <br><strong>Fecha l\u00edmite:<\/strong> ${proteger(c.fecha_limite)}\r\n \u2014 <strong>Estado:<\/strong> ${proteger(c.estado_accion)}\r\n <\/div>\r\n `;\r\n }catch(error){\r\n contenedor.innerHTML =\r\n '<div class=\"nucleo-real__error\">No se pudo mostrar el caso: ' +\r\n proteger(error.message) +\r\n '<\/div>';\r\n }\r\n})();\r\n<\/script>\r\n\r\n <div class=\"demo-note\">\r\n Seguimiento institucional de metas \u2014 haz clic en una meta para consultar su l\u00ednea base, avance, gerencia responsable, recomendaci\u00f3n de IA, decisi\u00f3n de la autoridad y acci\u00f3n correctiva.\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 metas = [\r\n {code:\"META-001\", nombre:\"Reducir el tiempo de resoluci\u00f3n de tr\u00e1mites TUPA\", unidad:\"D\u00edas h\u00e1biles promedio\", base:\"12 d\u00edas\", meta:\"7 d\u00edas\", actual:\"9 d\u00edas\", gerencia:\"Gerencia Municipal \/ Atenci\u00f3n Ciudadana\", estado:\"amarillo\"},\r\n {code:\"META-002\", nombre:\"Incrementar la ejecuci\u00f3n presupuestal trimestral\", unidad:\"% del PIM ejecutado\", base:\"45%\", meta:\"65%\", actual:\"58%\", gerencia:\"Gerencia de Planeamiento y Presupuesto\", estado:\"amarillo\"},\r\n {code:\"META-003\", nombre:\"Subsanar hallazgos de auditor\u00eda de severidad alta\", unidad:\"% de hallazgos subsanados\", base:\"0%\", meta:\"100%\", actual:\"0%\", gerencia:\"Auditor\u00eda y Control\", estado:\"rojo\"},\r\n {code:\"META-004\", nombre:\"Mantener la flota de serenazgo operativa\", unidad:\"% de unidades operativas\", base:\"80%\", meta:\"95%\", actual:\"75%\", gerencia:\"Gerencia de Seguridad Ciudadana\", estado:\"rojo\"},\r\n {code:\"META-005\", nombre:\"Actualizar el padr\u00f3n catastral urbano\", unidad:\"% del distrito actualizado\", base:\"52%\", meta:\"70%\", actual:\"61%\", gerencia:\"Gerencia de Infraestructura y Desarrollo Urbano\", estado:\"amarillo\"},\r\n {code:\"META-006\", nombre:\"Ejecutar el mantenimiento de v\u00edas vecinales priorizadas\", unidad:\"% de avance f\u00edsico\", base:\"60%\", meta:\"90%\", actual:\"84%\", gerencia:\"Gerencia de Obras\", estado:\"verde\"},\r\n {code:\"META-007\", nombre:\"Modernizar la estructura org\u00e1nica (ROF)\", unidad:\"% de avance del proceso\", base:\"0%\", meta:\"100%\", actual:\"90%\", gerencia:\"Gerencia Municipal\", estado:\"verde\"},\r\n {code:\"META-008\", nombre:\"Ampliar la cobertura de limpieza p\u00fablica\", unidad:\"% del casco urbano cubierto\", base:\"65%\", meta:\"100%\", actual:\"78%\", gerencia:\"Gerencia de Servicios P\u00fablicos\", estado:\"verde\"},\r\n {code:\"META-009\", nombre:\"Fortalecer las capacidades del personal CAS\", unidad:\"% de personal capacitado\", base:\"40%\", meta:\"100%\", actual:\"65%\", gerencia:\"Gerencia de Recursos Humanos\", estado:\"amarillo\"},\r\n {code:\"META-010\", nombre:\"Reducir la percepci\u00f3n de inseguridad ciudadana\", unidad:\"% de percepci\u00f3n de inseguridad\", base:\"64%\", meta:\"45%\", actual:\"52%\", gerencia:\"Gerencia de Seguridad Ciudadana\", estado:\"amarillo\"},\r\n {code:\"META-011\", nombre:\"Mantener bienes patrimoniales con mantenimiento al d\u00eda\", unidad:\"% de bienes al d\u00eda\", base:\"70%\", meta:\"95%\", actual:\"87%\", gerencia:\"Gerencia de Administraci\u00f3n y Finanzas\", estado:\"verde\"},\r\n {code:\"META-012\", nombre:\"Publicar informes de rendici\u00f3n de cuentas en plazo\", unidad:\"% de informes publicados a tiempo\", base:\"50%\", meta:\"100%\", actual:\"100%\", gerencia:\"Gerencia Municipal\", estado:\"verde\"}\r\n];\r\n\r\nlet activeStatus = \"todos\";\r\nfunction pctFromActual(m){\r\n \/\/ heur\u00edstica simple para la barra visual\r\n const map = {verde: 85, amarillo: 55, rojo: 25};\r\n return map[m.estado];\r\n}\r\nfunction statusColor(s){ return s===\"verde\" ? \"#3A7D57\" : s===\"amarillo\" ? \"#B8862F\" : \"#B4432B\"; }\r\nfunction statusLabel(s){ return s===\"verde\" ? \"Verde\" : s===\"amarillo\" ? \"Amarillo\" : \"Rojo\"; }\r\n\r\nfunction getFiltered(){\r\n const q = document.getElementById(\"searchInput\").value.trim().toLowerCase();\r\n return metas.filter(m => {\r\n const matchesStatus = activeStatus === \"todos\" || m.estado === activeStatus;\r\n const haystack = (m.code+\" \"+m.nombre+\" \"+m.gerencia).toLowerCase();\r\n return matchesStatus && haystack.includes(q);\r\n });\r\n}\r\n\r\nfunction render(){\r\n const filtered = getFiltered();\r\n const tbody = document.getElementById(\"tableBody\");\r\n const noResults = document.getElementById(\"noResults\");\r\n tbody.innerHTML = \"\";\r\n noResults.style.display = filtered.length===0 ? \"block\" : \"none\";\r\n\r\n filtered.forEach((m,i) => {\r\n const p = pctFromActual(m);\r\n const tr = document.createElement(\"tr\");\r\n tr.className = \"data-row\";\r\n tr.innerHTML = `\r\n <td class=\"code\">${m.code}<\/td>\r\n <td class=\"desc-cell\"><div class=\"name\">${m.nombre}<\/div><\/td>\r\n <td class=\"amount\">${m.base} \u2192 ${m.meta}<\/td>\r\n <td><div class=\"pct-cell\"><span class=\"amount\">${m.actual}<\/span><div class=\"pct-track\"><div class=\"pct-fill\" style=\"width:${p}%; background:${statusColor(m.estado)};\"><\/div><\/div><\/div><\/td>\r\n <td><span class=\"status-pill ${m.estado}\"><span class=\"dot\"><\/span>${statusLabel(m.estado)}<\/span><\/td>\r\n `;\r\n const detailTr = document.createElement(\"tr\");\r\n detailTr.className = \"detail-row\";\r\n detailTr.innerHTML = `\r\n <td colspan=\"5\">\r\n <div class=\"detail-inner\" id=\"detail-${i}\">\r\n <div class=\"detail-block\"><div class=\"k\">Unidad de medida<\/div><div class=\"v\">${m.unidad}<\/div><\/div>\r\n <div class=\"detail-block\"><div class=\"k\">Gerencia responsable<\/div><div class=\"v\">${m.gerencia}<\/div><\/div>\r\n <div class=\"detail-block\"><div class=\"k\">Estado<\/div><div class=\"v\">${statusLabel(m.estado)}<\/div><\/div>\r\n <\/div>\r\n <\/td>\r\n `;\r\n tr.addEventListener(\"click\", () => document.getElementById(`detail-${i}`).classList.toggle(\"open\"));\r\n tbody.appendChild(tr);\r\n tbody.appendChild(detailTr);\r\n });\r\n\r\n document.getElementById(\"kpiTotal\").textContent = metas.length;\r\n document.getElementById(\"kpiVerde\").textContent = metas.filter(m=>m.estado===\"verde\").length;\r\n document.getElementById(\"kpiAmarillo\").textContent = metas.filter(m=>m.estado===\"amarillo\").length;\r\n document.getElementById(\"kpiRojo\").textContent = metas.filter(m=>m.estado===\"rojo\").length;\r\n}\r\n\r\ndocument.getElementById(\"searchInput\").addEventListener(\"input\", render);\r\ndocument.querySelectorAll(\".filter-chip\").forEach(chip => {\r\n chip.addEventListener(\"click\", () => {\r\n document.querySelectorAll(\".filter-chip\").forEach(c=>c.classList.remove(\"active\"));\r\n chip.classList.add(\"active\");\r\n activeStatus = chip.dataset.status;\r\n render();\r\n });\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 Metas y L\u00ednea Base 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 Municipalidad Distrital de EjemploSesi\u00f3n […]<\/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-938","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/miespaciodigital.net\/auditoria\/wp-json\/wp\/v2\/pages\/938","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=938"}],"version-history":[{"count":16,"href":"https:\/\/miespaciodigital.net\/auditoria\/wp-json\/wp\/v2\/pages\/938\/revisions"}],"predecessor-version":[{"id":2215,"href":"https:\/\/miespaciodigital.net\/auditoria\/wp-json\/wp\/v2\/pages\/938\/revisions\/2215"}],"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=938"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}