{"id":313,"date":"2026-07-23T03:39:58","date_gmt":"2026-07-23T03:39:58","guid":{"rendered":"https:\/\/pruebas2.dimajeff.com.mx\/?page_id=313"},"modified":"2026-07-23T20:43:42","modified_gmt":"2026-07-24T02:43:42","slug":"framework-navi","status":"publish","type":"page","link":"https:\/\/pruebas2.dimajeff.com.mx\/?page_id=313","title":{"rendered":"Framework Navi"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"313\" class=\"elementor elementor-313\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4b07c8ed e-flex e-con-boxed e-con e-parent\" data-id=\"4b07c8ed\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-1e185bb1 e-con-full e-flex e-con e-child\" data-id=\"1e185bb1\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4692d0e8 elementor-widget elementor-widget-heading\" data-id=\"4692d0e8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<span class=\"elementor-heading-title elementor-size-default\">\u2022 Framework Lean Agile NAVI 3.0<\/span>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5fc59692 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"5fc59692\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">El camino para adoptar<br> <span style=\"color: #006FB9\">NAVI 3.0<\/span> en tu<br>organizaci\u00f3n<\/h2>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-45b35da4 e-con-full e-flex e-con e-child\" data-id=\"45b35da4\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-73679ef elementor-widget elementor-widget-html\" data-id=\"73679ef\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div style=\"\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 20px;\n    height: 20px;\n    background-color: #007bff;\n    border-radius: 50%;\n    color: #ffffff;\n    font-family: 'Calibri', 'Arial', 'Helvetica', sans-serif;\n    font-size: 15px;\n    font-weight: bold;\n    font-style: normal;\n    user-select: none;\n\">i<\/div>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5116eb49 e-con-full e-flex e-con e-child\" data-id=\"5116eb49\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-10b47283 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"10b47283\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\"><span style=\"color: #061B2B;font-weight: 700\">Cada escenario es independiente.<\/span> Los 15 escenarios de NAVI 3.0 pueden adoptarse por separado o en paralelo: tu organizaci\u00f3n puede iniciar por cualquiera seg\u00fan su necesidad. El camino que ves abajo es una <span style=\"color: #061B2B;font-weight: 700\">ruta de madurez sugerida<\/span>.<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2887dcc2 e-con-full e-flex e-con e-child\" data-id=\"2887dcc2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5ab589c0 elementor-widget-mobile__width-initial elementor-widget elementor-widget-html\" data-id=\"5ab589c0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Contenedor visible de la barra de botones -->\n<nav class=\"phase-nav\" id=\"phaseNavContainer\"><\/nav>\n\n<style>\n\/* Estilos extra\u00eddos del documento original *\/\n.phase-nav {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 9px;\n  margin: 26px 0 4px;\n}\n\n.phase-pill {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  cursor: pointer;\n  padding: 10px 17px;\n  border-radius: 100px;\n  border: 1px solid #D8E4ED; \/* --gris-linea *\/\n  background: #FFFFFF; \/* --blanco *\/\n  transition: all .3s cubic-bezier(.2,.7,.2,1); \/* Transici\u00f3n original *\/\n  font-family: 'Manrope', Arial, sans-serif;\n  font-weight: 500;\n  font-size: 13.5px;\n  color: #4D5D70; \/* --gris-texto *\/\n  outline: none;\n}\n\n.phase-pill .idx {\n  font-family: 'IBM Plex Sans', Arial, sans-serif;\n  font-weight: 700;\n  font-size: 12px;\n  width: 22px;\n  height: 22px;\n  border-radius: 50%;\n  display: grid;\n  place-items: center;\n  background: #EEF6FB; \/* --azul-hielo *\/\n  color: #006FB9; \/* --azul-corporativo *\/\n}\n\n\/* Efecto al pasar el cursor (Hover): sube 2px y cambia borde a azul claro *\/\n.phase-pill:hover {\n  border-color: #4497CB; \/* --azul-claro *\/\n  transform: translateY(-2px);\n}\n\n\/* Estado activo\/seleccionado al hacer clic (.on) *\/\n.phase-pill.on {\n  background: #006FB9; \/* --azul-corporativo *\/\n  border-color: #006FB9;\n  color: #FFFFFF;\n  box-shadow: 0 8px 22px -8px rgba(0,111,185,.5);\n}\n\n.phase-pill.on .idx {\n  background: rgba(255,255,255,.25); \/* C\u00edrculo transl\u00facido *\/\n  color: #FFFFFF;\n}\n\n.phase-pill .q {\n  font-family: 'Inter', Arial, sans-serif;\n  opacity: .75;\n  font-style: italic;\n  font-size: 12px;\n}\n<\/style>\n\n<script>\n\/\/ Se ejecuta una funci\u00f3n autoinvocada inmediatamente para asegurar que cargue en Elementor\n(() => {\n  \/\/ Configuraci\u00f3n de fases del documento original\n  const PHASES = [\n    { id: 0, name: \"Ruta completa\", q: \"\" },\n    { id: 1, name: \"Voluntad\", q: \"\u00bfQu\u00e9 se necesita?\" },\n    { id: 2, name: \"Realizable\", q: \"\u00bfC\u00f3mo hacerlo?\" },\n    { id: 3, name: \"Valioso\", q: \"\u00bfPara qu\u00e9?\" }\n  ];\n\n  const container = document.getElementById(\"phaseNavContainer\");\n  let activePhase = 0; \/\/ Estado inicial: Ruta Completa activa\n\n  \/\/ Funci\u00f3n principal para pintar los botones\n  function renderButtons() {\n    if (!container) return;\n    container.innerHTML = \"\"; \n    \n    PHASES.forEach(p => {\n      const b = document.createElement(\"button\");\n      b.className = \"phase-pill\" + (p.id === activePhase ? \" on\" : \"\");\n      \n      \/\/ Estructura de nodos id\u00e9ntica del framework\n      b.innerHTML = `\n        <span class=\"idx\">${p.id === 0 ? '\u2605' : p.id}<\/span> \n        ${p.name}\n        ${p.q ? ` <span class=\"q\">${p.q}<\/span>` : ''}\n      `;\n      \n      b.addEventListener(\"click\", () => {\n        activePhase = p.id;\n        renderButtons(); \/\/ Aplica el cambio visual (.on) al instante\n        \n        \/\/ Ejecuta la funci\u00f3n del mapa de abajo si ya est\u00e1 disponible globalmente\n        if (window.setPhase && typeof window.setPhase === \"function\") {\n          window.setPhase(p.id);\n        }\n      });\n      \n      container.appendChild(b);\n    });\n  }\n\n  \/\/ Ejecuci\u00f3n directa de la l\u00f3gica sin esperar eventos del documento\n  renderButtons();\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6eff1fab e-con-full e-flex e-con e-child\" data-id=\"6eff1fab\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3c5dcba2 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"3c5dcba2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"road-canvas\">\n <div class=\"canvas-head\">\n <span class=\"tag\">Ruta de madurez sugerida<\/span>\n <span class=\"count\">15 escenarios \u00b7 cada uno independiente<\/span>\n <\/div>\n \n <svg class=\"road-svg\" viewBox=\"0 0 640 460\" role=\"img\" aria-label=\"Ruta de adopci\u00f3n NAVI 3.0\">\n <!-- DEFINICI\u00d3N DE ESTILOS VISUALES -->\n <style>\n .road-canvas { background: radial-gradient(130% 90% at 75% 0%, rgba(68,151,203,.10), transparent 55%), linear-gradient(180deg, #F7FBFE, #EEF6FB); border: 1px solid #D8E4ED; border-radius: 24px; padding: 26px 22px 20px; overflow: hidden; font-family: 'Inter', Arial, sans-serif; }\n .canvas-head { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 25px; flex-wrap: wrap; }\n .canvas-head .tag { font-family: 'Manrope', Arial, sans-serif; font-size: 11px; letter-spacing: .16em; text-transform: uppercase; color: #005371; font-weight: 700; }\n .canvas-head .count { font-family: 'Inter', Arial, sans-serif; font-size: 11.5px; color: #4D5D70; }\n .road-svg { width: 100%; height: auto; display: block; }\n \n \/* L\u00edneas de la carretera *\/\n .rp-bg { fill: none; stroke: #FFFFFF; stroke-width: 46; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(0 5px 14px rgba(0,58,92,.13)); }\n .rp-dash { fill: none; stroke: #7CACD3; stroke-width: 2.6; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 7 12; opacity: .75; }\n \n \/* Estilos de los c\u00edrculos (Hitos) *\/\n .ms { cursor: pointer; }\n .ms circle.ring { fill: #FFFFFF; stroke: #4497CB; stroke-width: 2.5; transition: all .2s; }\n .ms circle.core { fill: #4497CB; transition: all .2s; }\n .ms text.num { font-family: 'IBM Plex Sans', Arial, sans-serif; font-weight: 800; font-size: 8px; fill: #FFFFFF; text-anchor: middle; dominant-baseline: central; }\n .ms text.lab { font-family: 'IBM Plex Sans', Arial, sans-serif; font-weight: 600; font-size: 10.5px; fill: #003A5C; text-anchor: middle; }\n \n \/* Estados activos y filtrados *\/\n .ms:hover circle.ring, .ms.active circle.ring { stroke: #006FB9; fill: #006FB9; }\n .ms:hover circle.core, .ms.active circle.core { fill: #FFFFFF; }\n .ms:hover text.lab, .ms.active text.lab { fill: #006FB9; font-weight: 700; }\n .ms.dim { opacity: 0.25; transition: opacity .2s; }\n \n \/* Escenario final 15 *\/\n .meta-final { stroke: #006FB9 !important; }\n .core-final { fill: #006FB9 !important; }\n .goal-burst { fill: none; stroke: #006FB9; stroke-width: 1.5; opacity: 0.45; }\n <\/style>\n <!-- TRAZO REAL DEL CAMINO EN SERPENTINA (Coordenadas fijas sin riesgo de fallo) -->\n <path class=\"rp-bg\" d=\"M 90 60 L 550 60 A 70 70 0 0 1 550 200 L 90 200 A 70 70 0 0 0 90 340 L 550 340\" \/>\n <path class=\"rp-dash\" d=\"M 90 60 L 550 60 A 70 70 0 0 1 550 200 L 90 200 A 70 70 0 0 0 90 340 L 550 340\" \/>\n <!-- ESCENARIOS FILA 1 (Fase 1: Voluntad) -->\n <g class=\"ms\" data-phase=\"1\" onclick=\"selectPoint(this), window.changeCardText(1)\">\n <circle class=\"ring\" cx=\"90\" cy=\"60\" r=\"18\"\/><circle class=\"core\" cx=\"90\" cy=\"60\" r=\"7\"\/><text class=\"num\" x=\"90\" y=\"60\">1<\/text><text class=\"lab\" x=\"90\" y=\"94\">Assessment<\/text>\n <\/g>\n <g class=\"ms\" data-phase=\"1\" onclick=\"selectPoint(this), window.changeCardText(2)\">\n <circle class=\"ring\" cx=\"205\" cy=\"60\" r=\"18\"\/><circle class=\"core\" cx=\"205\" cy=\"60\" r=\"7\"\/><text class=\"num\" x=\"205\" y=\"60\">2<\/text><text class=\"lab\" x=\"205\" y=\"94\">Inception<\/text>\n <\/g>\n <g class=\"ms\" data-phase=\"1\" onclick=\"selectPoint(this), window.changeCardText(3)\">\n <circle class=\"ring\" cx=\"320\" cy=\"60\" r=\"18\"\/><circle class=\"core\" cx=\"320\" cy=\"60\" r=\"7\"\/><text class=\"num\" x=\"320\" y=\"60\">3<\/text><text class=\"lab\" x=\"320\" y=\"94\">Gobierno \u00c1gil<\/text>\n <\/g>\n <g class=\"ms\" data-phase=\"1\" onclick=\"selectPoint(this), window.changeCardText(4)\">\n <circle class=\"ring\" cx=\"435\" cy=\"60\" r=\"18\"\/><circle class=\"core\" cx=\"435\" cy=\"60\" r=\"7\"\/><text class=\"num\" x=\"435\" y=\"60\">4<\/text><text class=\"lab\" x=\"435\" y=\"94\">Centro Entren.<\/text>\n <\/g>\n <g class=\"ms\" data-phase=\"1\" onclick=\"selectPoint(this), window.changeCardText(5)\">\n <circle class=\"ring\" cx=\"550\" cy=\"60\" r=\"18\"\/><circle class=\"core\" cx=\"550\" cy=\"60\" r=\"7\"\/><text class=\"num\" x=\"550\" y=\"60\">5<\/text><text class=\"lab\" x=\"550\" y=\"94\">Estructuras<\/text>\n <\/g>\n <!-- ESCENARIOS FILA 2 (Fase 2: Realizable - De derecha a izquierda) -->\n <g class=\"ms\" data-phase=\"2\" onclick=\"selectPoint(this), window.changeCardText(6)\">\n <circle class=\"ring\" cx=\"550\" cy=\"200\" r=\"18\"\/><circle class=\"core\" cx=\"550\" cy=\"200\" r=\"7\"\/><text class=\"num\" x=\"550\" y=\"200\">6<\/text><text class=\"lab\" x=\"550\" y=\"234\">Oficina Lean<\/text>\n <\/g>\n <g class=\"ms\" data-phase=\"2\" onclick=\"selectPoint(this), window.changeCardText(7)\">\n <circle class=\"ring\" cx=\"435\" cy=\"200\" r=\"18\"\/><circle class=\"core\" cx=\"435\" cy=\"200\" r=\"7\"\/><text class=\"num\" x=\"435\" y=\"200\">7<\/text><text class=\"lab\" x=\"435\" y=\"234\">Ideaci\u00f3n<\/text>\n <\/g>\n <g class=\"ms\" data-phase=\"2\" onclick=\"selectPoint(this), window.changeCardText(8)\">\n <circle class=\"ring\" cx=\"320\" cy=\"200\" r=\"18\"\/><circle class=\"core\" cx=\"320\" cy=\"200\" r=\"7\"\/><text class=\"num\" x=\"320\" y=\"200\">8<\/text><text class=\"lab\" x=\"320\" y=\"234\">Piloto<\/text>\n <\/g>\n <g class=\"ms\" data-phase=\"2\" onclick=\"selectPoint(this), window.changeCardText(9)\">\n <circle class=\"ring\" cx=\"205\" cy=\"200\" r=\"18\"\/><circle class=\"core\" cx=\"205\" cy=\"200\" r=\"7\"\/><text class=\"num\" x=\"205\" y=\"200\">9<\/text><text class=\"lab\" x=\"205\" y=\"234\">Crush Culture<\/text>\n <\/g>\n <g class=\"ms\" data-phase=\"2\" onclick=\"selectPoint(this), window.changeCardText(10)\">\n <circle class=\"ring\" cx=\"90\" cy=\"200\" r=\"18\"\/><circle class=\"core\" cx=\"90\" cy=\"200\" r=\"7\"\/><text class=\"num\" x=\"90\" y=\"200\">10<\/text><text class=\"lab\" x=\"90\" y=\"234\">Proto-Kanban<\/text>\n <\/g>\n <!-- ESCENARIOS FILA 3 (Fase 2 y Fase 3: Valioso) -->\n <g class=\"ms\" data-phase=\"2\" onclick=\"selectPoint(this), window.changeCardText(11)\">\n <circle class=\"ring\" cx=\"90\" cy=\"340\" r=\"18\"\/><circle class=\"core\" cx=\"90\" cy=\"340\" r=\"7\"\/><text class=\"num\" x=\"90\" y=\"340\">11<\/text><text class=\"lab\" x=\"90\" y=\"374\">Gesti\u00f3n \u00c1gil<\/text>\n <\/g>\n <g class=\"ms\" data-phase=\"2\" onclick=\"selectPoint(this), window.changeCardText(12)\">\n <circle class=\"ring\" cx=\"205\" cy=\"340\" r=\"18\"\/><circle class=\"core\" cx=\"205\" cy=\"340\" r=\"7\"\/><text class=\"num\" x=\"205\" y=\"340\">12<\/text><text class=\"lab\" x=\"205\" y=\"374\">Escalado<\/text>\n <\/g>\n <g class=\"ms\" data-phase=\"3\" onclick=\"selectPoint(this), window.changeCardText(13)\">\n <circle class=\"ring\" cx=\"320\" cy=\"340\" r=\"18\"\/><circle class=\"core\" cx=\"320\" cy=\"340\" r=\"7\"\/><text class=\"num\" x=\"320\" y=\"340\">13<\/text><text class=\"lab\" x=\"320\" y=\"374\">Business Agil.<\/text>\n <\/g>\n <g class=\"ms\" data-phase=\"3\" onclick=\"selectPoint(this), window.changeCardText(14)\">\n <circle class=\"ring\" cx=\"435\" cy=\"340\" r=\"18\"\/><circle class=\"core\" cx=\"435\" cy=\"340\" r=\"7\"\/><text class=\"num\" x=\"435\" y=\"340\">14<\/text><text class=\"lab\" x=\"435\" y=\"374\">Adopci\u00f3n ELAC<\/text>\n <\/g>\n \n <!-- Hito final 15 con destellos -->\n <g class=\"ms\" data-phase=\"3\" onclick=\"selectPoint(this), window.changeCardText(15)\">\n <line class=\"goal-burst\" x1=\"550\" y1=\"318\" x2=\"550\" y2=\"312\"\/>\n <line class=\"goal-burst\" x1=\"550\" y1=\"362\" x2=\"550\" y2=\"368\"\/>\n <line class=\"goal-burst\" x1=\"528\" y1=\"340\" x2=\"522\" y2=\"340\"\/>\n <line class=\"goal-burst\" x1=\"572\" y1=\"340\" x2=\"578\" y2=\"340\"\/>\n <circle class=\"ring meta-final\" cx=\"550\" cy=\"340\" r=\"20\"\/>\n <circle class=\"core core-final\" cx=\"550\" cy=\"340\" r=\"7\"\/>\n <text class=\"num\" x=\"550\" y=\"340\">15<\/text>\n <text class=\"lab\" x=\"550\" y=\"374\">Operaci\u00f3n ELAC<\/text>\n <\/g>\n <\/svg>\n<\/div>\n\n<script>\n \/\/ Funci\u00f3n para marcar el c\u00edrculo activo de forma visual al hacerle clic\n function selectPoint(element) {\n document.querySelectorAll('.ms').forEach(m => m.classList.remove('active'));\n element.classList.add('active');\n }\n \/\/ Enlace directo con tus botones superiores existentes\n window.setPhase = function(phaseId) {\n document.querySelectorAll('.ms').forEach(m => {\n const pId = parseInt(m.getAttribute('data-phase'));\n  if (phaseId === 0) {\n m.classList.remove('dim'); \/\/ Muestra todo si es \"Ruta completa\"\n } else {\n m.classList.toggle('dim', pId !== phaseId); \/\/ Opaca los que no pertenecen a la fase\n }\n });\n };\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3b1ddf6a elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"3b1ddf6a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Panel Lateral de Detalles (Lado Derecho) -->\n<aside class=\"detail-panel\" id=\"detailPanel\">\n <div class=\"d-eyebrow\">\n <span class=\"pico\" id=\"detailNum\">1<\/span>\n <\/div>\n \n <h3 id=\"detailTitle\">Assessment<\/h3>\n \n <!-- Subt\u00edtulo con su c\u00edrculo separador abajo del t\u00edtulo principal -->\n <div class=\"d-phase\" id=\"detailPhase\">\n Fase Voluntad <span class=\"sep\"><\/span> \u00bfQu\u00e9 se necesita?\n <\/div>\n \n <p class=\"d-desc\" id=\"detailDesc\">\n Se aplica el instrumento Lean Enterprise Assessment y entrevistas one-to-one. Ubica a la organizaci\u00f3n en su nivel de madurez Lean Agile y entrega un roadmap de adopci\u00f3n con los siguientes pasos.\n <\/p>\n \n <div class=\"d-block\">\n <div class=\"bt\">Componentes que activa<\/div>\n <div class=\"chips\" id=\"detailComps\">\n <span class=\"chip solid\" style=\"background:#005371;\">Procesos<\/span>\n <\/div>\n <\/div>\n \n <div class=\"d-block\">\n <div class=\"bt\">Disciplinas tem\u00e1ticas<\/div>\n <div class=\"chips\" id=\"detailDiscs\">\n <span class=\"chip\">Modelo de Madurez<\/span>\n  <span class=\"chip\">Roadmap de adopci\u00f3n<\/span>\n <\/div>\n <\/div>\n \n <div class=\"d-foot\">\n <div class=\"d-level\">\n <span class=\"ll\">Madurez<\/span>\n <span class=\"lv\" id=\"detailLevel\" style=\"color:#4D5D70; font-style:italic; font-weight:600;\">Cimientos \u00b7 pre-agilidad<\/span>\n <\/div>\n <\/div>\n<\/aside>\n\n<style>\n\/* Dise\u00f1o general de la tarjeta *\/\n.detail-panel { \n background: #FFFFFF; \n border: 1px solid #D8E4ED; \n border-radius: 24px; \n padding: 28px 26px; \n min-height: 440px; \n box-shadow: 0 24px 50px -28px rgba(0,58,92,.35); \n font-family: 'Inter', Arial, sans-serif; \n max-width: 400px; \n margin: 0 auto; \n}\n\/* N\u00famero superior *\/\n.d-eyebrow { display: flex; align-items: center; gap: 10px; }\n.d-eyebrow .pico { width: 28px; height: 28px; border-radius: 9px; background: #006FB9; color: #fff; display: grid; place-items: center; font-family: 'IBM Plex Sans', Arial, sans-serif; font-weight: 800; font-size: 13px; }\n\n\/* T\u00edtulo principal grande y oscuro *\/\n.detail-panel h3 { font-family: 'Manrope', Arial, sans-serif; font-weight: 700; font-size: clamp(21px, 2.4vw, 27px); line-height: 1.1; margin: 15px 0 2px; color: #061B2B; letter-spacing: -.01em; }\n\n\/* Subt\u00edtulo din\u00e1mico con punto separador *\/\n.d-phase { font-family: 'IBM Plex Sans', Arial, sans-serif; font-size: 12px; font-weight: 600; color: #005371; margin-bottom: 15px; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }\n.d-phase .sep { width: 4px; height: 4px; border-radius: 50%; background: #7CACD3; display: inline-block; }\n\n\/* Descripci\u00f3n y bloques de contenido *\/\n.d-desc { font-family: 'Inter', Arial, sans-serif; font-size: 14.5px; line-height: 1.62; color: #33485A; text-align: left; }\n.d-block { margin-top: 17px; }\n.d-block .bt { font-family: 'IBM Plex Sans', Arial, sans-serif; font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: #005371; margin-bottom: 9px; display: flex; align-items: center; gap: 7px; }\n.d-block .bt::before { content: \"\"; width: 14px; height: 2px; background: #006FB9; border-radius: 2px; }\n\n\/* Etiquetas (Chips) *\/\n.chips { display: flex; flex-wrap: wrap; gap: 7px; }\n.chip { display: inline-flex; align-items: center; white-space: nowrap; font-family: 'IBM Plex Sans', Arial, sans-serif; font-size: 11px; font-weight: 500; padding: 5px 9px; border-radius: 100px; background: #EEF6FB; border: 1px solid #D8E4ED; color: #005371; }\n.chip.solid { color: #fff; border: 0; }\n\n\/* Pie de la tarjeta y nivel de madurez *\/\n.d-foot { margin-top: 20px; padding-top: 16px; border-top: 1px dashed #D8E4ED; display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }\n.d-level { display: flex; align-items: center; gap: 9px; }\n.d-level .ll { font-family: 'IBM Plex Sans', Arial, sans-serif; font-size: 10.5px; letter-spacing: .1em; text-transform: uppercase; color: #4D5D70; font-weight: 600; }\n.d-level .lv { font-family: 'Manrope', Arial, sans-serif; font-weight: 700; font-size: 14px; color: #061B2B; }\n<\/style>\n\n<script>\n(() => {\n \/\/ Configuraci\u00f3n de colores globales para los componentes\n const COLORS = { \"Estrategia\": \"#006FB9\", \"Estructura\": \"#4497CB\", \"Procesos\": \"#005371\", \"Entrega\": \"#7CACD3\", \"Gobierno\": \"#003A5C\" };\n \/\/ Base de datos - Escenarios del 1 al 5 completos del documento original\n const DATA = {\n 1: { \n title: \"Assessment\", \n phase: \"Fase Voluntad <span class='sep'><\/span> \u00bfQu\u00e9 se necesita?\", \n desc: \"Se aplica el instrumento Lean Enterprise Assessment y entrevistas one-to-one. Ubica a la organizaci\u00f3n en su nivel de madurez Lean Agile y entrega un roadmap de adopci\u00f3n con los siguientes pasos.\", \n comps: [\"Procesos\"], \n discs: [\"Modelo de Madurez\", \"Roadmap de adopci\u00f3n\"], \n lv: \"Cimientos \u00b7 pre-agilidad\", \n isPre: true \n },\n 2: { \n title: \"Implementaci\u00f3n de procesos de Inception\", \n phase: \"Fase Voluntad <span class='sep'><\/span> \u00bfQu\u00e9 se necesita?\", \n desc: \"Se dise\u00f1a e implementa el proceso y los mecanismos para incorporar equipos Lean Agile de forma ordenada, apalancado por Gesti\u00f3n del Cambio (o Lean Change Management) y un plan permanente de comunicaci\u00f3n organizacional.\", \n comps: [\"Estructura\"], \n discs: [\"Lean Change Management\", \"Plan de Comunicaci\u00f3n\"], \n lv: \"Cimientos \u00b7 pre-agilidad\", \n isPre: true \n },\n 3: { \n title: \"Implementaci\u00f3n de un Gobierno \u00c1gil\", \n phase: \"Fase Voluntad <span class='sep'><\/span> \u00bfQu\u00e9 se necesita?\", \n desc: \"Se dise\u00f1an e implementan las pol\u00edticas, est\u00e1ndares y normas bajo la filosof\u00eda Lean Agile. Se crean los comit\u00e9s requeridos (Comit\u00e9 Federado) para vincular, aprender, estandarizar y colaborar en la organizaci\u00f3n.\", \n comps: [\"Gobierno\"], \n discs: [\"Comit\u00e9 Federado\", \"Pol\u00edticas\", \"Normas\", \"Est\u00e1ndares\"], \n lv: \"Cimientos \u00b7 pre-agilidad\", \n isPre: true \n },\n 4: { \n title: \"Implementaci\u00f3n del Centro de Entrenamiento\", \n phase: \"Fase Voluntad <span class='sep'><\/span> \u00bfQu\u00e9 se necesita?\", \n desc: \"Se dise\u00f1a e implementa la operaci\u00f3n del Centro de Entrenamiento: su estructura y los contenidos para fortalecer las competencias Lean Agile. Habilita capabilities b\u00e1sicos (evangelizaci\u00f3n) y enfocados (por proyecto).\", \n comps: [\"Estructura\"], \n discs: [\"Capabilities b\u00e1sicos\", \"Capabilities enfocados\"], \n lv: \"Cimientos \u00b7 pre-agilidad\", \n isPre: true \n },\n 5: { \n title: \"Ajuste de estructuras tradicionales a estructuras \u00e1giles\", \n phase: \"Fase Voluntad <span class='sep'><\/span> \u00bfQu\u00e9 se necesita?\", \n desc: \"Se analiza la estrategia Lean Agile y, a partir del ajuste de la estructura actual, se genera la estructura que apalancar\u00e1 las iniciativas. Se definen perfiles de cada rol y la matriz de capacidades para el plan de crecimiento.\", \n comps: [\"Estructura\"], \n discs: [\"Estructura \u00c1gil\", \"Roles Lean Agile\"], \n lv: \"Cimientos \u00b7 pre-agilidad\", \n isPre: true \n },\n 6: { \n title: \"Implementaci\u00f3n de la Oficina Lean\", \n phase: \"Fase Realizable <span class='sep'><\/span> \u00bfC\u00f3mo hacerlo?\", \n desc: \"Se dise\u00f1a e implementa la Oficina Lean a trav\u00e9s de tres fases: Solicitud, Alcance y Validaci\u00f3n. Se define el proceso, los mecanismos de interacci\u00f3n, los roles que la operan y sus indicadores de gesti\u00f3n.\", \n comps: [\"Estrategia\"], \n discs: [\"Lean Agile Portfolio Management\", \"Flujo de Valor\"], \n lv: \"\u00c1gil Inicial\", \n color: \"#7CACD3\" \n },\n 7: { \n title: \"Adopci\u00f3n de T\u00e9cnicas de Ideaci\u00f3n\", \n phase: \"Fase Realizable <span class='sep'><\/span> \u00bfC\u00f3mo hacerlo?\", \n desc: \"Se realizan sesiones de ideaci\u00f3n para definir un mejor alcance de los proyectos mediante talleres de Design Thinking e historias de usuario. El objetivo es generar capacidad de ideaci\u00f3n en la organizaci\u00f3n.\", \n comps: [\"Procesos\"], \n discs: [\"Design Thinking\", \"User Story Mapping\"], \n lv: \"\u00c1gil Inicial\", \n color: \"#7CACD3\" \n },\n 8: { \n title: \"Piloto\", \n phase: \"Fase Realizable <span class='sep'><\/span> \u00bfC\u00f3mo hacerlo?\", \n desc: \"Se preparan c\u00e9lulas aisladas en Scrum o Kanban. Pilotos cortos que inician con entrenamientos, se acompa\u00f1an en dos sprints o un ciclo Kanban con mentoring por integrante, y cierran con un reporte de resultados y siguientes pasos.\", \n comps: [\"Entrega\"], \n discs: [\"Scrum\", \"Kanban\", \"Mentoring\"], \n lv: \"\u00c1gil Inicial\", \n color: \"#7CACD3\" \n },\n 9: { \n title: \"Adopci\u00f3n T\u00e9cnicas para el Crush Culture\", \n phase: \"Fase Realizable <span class='sep'><\/span> \u00bfC\u00f3mo hacerlo?\", \n desc: \"Se implementan pilotos en Scrum o Kanban orientados a romper la cultura de silos, apalancados por un programa puntual de Gesti\u00f3n del Cambio y un plan de comunicaci\u00f3n organizacional.\", \n comps: [\"Entrega\"], \n discs: [\"Scrum\", \"Kanban\", \"Gesti\u00f3n del Cambio\"], \n lv: \"\u00c1gil Inicial\", \n color: \"#7CACD3\" \n },\n 10: { \n title: \"Adopci\u00f3n de pr\u00e1cticas Lean Kanban (Proto-Kanban)\", \n phase: \"Fase Realizable <span class='sep'><\/span> \u00bfC\u00f3mo hacerlo?\", \n desc: \"Se acompa\u00f1a a las \u00e1reas con un Senior Agile Coach bajo el principio \u201cempieza por donde est\u00e9s\u201d, caracterizando el flujo actual para catalizar un cambio r\u00e1pido y focalizado que reduce la resistencia.\", \n comps: [\"Entrega\"], \n discs: [\"Lean Kanban\", \"Senior Agile Coach\"], \n lv: \"\u00c1gil Inicial\", \n color: \"#7CACD3\" \n },\n 11: { \n title: \"Implementaci\u00f3n del Modelo de Gesti\u00f3n \u00c1gil\", \n phase: \"Fase Realizable <span class='sep'><\/span> \u00bfC\u00f3mo hacerlo?\", \n desc: \"Se implementa el proceso y los mecanismos de gesti\u00f3n bajo principios Lean Agile con los que operar\u00e1n \u00e1reas puntuales, alineados al flujo de valor de la organizaci\u00f3n.\", \n comps: [\"Procesos\"], \n discs: [\"Modelo de Gesti\u00f3n\", \"Monitoreo\"], \n lv: \"\u00c1gil Mejorado\", \n color: \"#4497CB\" \n },\n 12: { \n title: \"Implementaci\u00f3n de un Escalado Organizacional\", \n phase: \"Fase Realizable <span class='sep'><\/span> \u00bfC\u00f3mo hacerlo?\", \n desc: \"Se implementan c\u00e9lulas colaborativas interdisciplinarias en \u00e1reas de Tecnolog\u00eda. M\u00faltiples equipos \u00e1giles coordinados (Scrum de Scrums), apalancados por Gesti\u00f3n del Cambio o Lean Change Management.\", \n comps: [\"Entrega\"], \n discs: [\"Scrum de Scrums\", \"C\u00e9lulas colaborativas\"], \n lv: \"\u00c1gil Consolidado\", \n color: \"#006FB9\" \n },\n 13: { \n title: \"Implementaci\u00f3n de un Business Agility\", \n phase: \"Fase Valioso <span class='sep'><\/span> \u00bfPara qu\u00e9?\", \n desc: \"Se implementan c\u00e9lulas individuales o colaborativas interdisciplinarias en \u00e1reas de Negocio. La agilidad llega al negocio para detectar cambios y responder entregando valor al cliente.\", \n comps: [\"Entrega\", \"Estrategia\"], \n discs: [\"Agilidad en el Negocio\", \"Flujo de Valor\"], \n lv: \"\u00c1gil Consolidado\", \n color: \"#006FB9\" \n },\n 14: { \n title: \"Adopci\u00f3n del Enterprise Lean Agile Center\", \n phase: \"Fase Valioso <span class='sep'><\/span> \u00bfPara qu\u00e9?\", \n desc: \"Se implementan de forma integral todos los componentes de NAVI 3.0 y las disciplinas que la organizaci\u00f3n requiera. El Centro Empresarial Lean Agile queda constituido como motor de la transformaci\u00f3n.\", \n comps: [\"Estrategia\", \"Estructura\", \"Procesos\", \"Entrega\", \"Gobierno\"], \n discs: [\"Integraci\u00f3n total\", \"KPIs de valor\"], \n lv: \"\u00c1gil Optimizado\", \n color: \"#003A5C\" \n },\n 15: { \n title: \"Operaci\u00f3n del Enterprise Lean Agile Center\", \n phase: \"Fase Valioso <span class='sep'><\/span> \u00bfPara qu\u00e9?\", \n desc: \"Se proveen los roles Lean Agile para operar el ELAC de forma sostenida. Equipos autogestionados y mejora continua: la adopci\u00f3n no termina, evoluciona con cada iteraci\u00f3n.\", \n comps: [\"Gobierno\"], \n discs: [\"Roles ELAC\", \"Equipos autogestionados\", \"Mejora continua\"], \n lv: \"\u00c1gil Optimizado\", \n color: \"#003A5C\" \n }\n };\n \/\/ Funci\u00f3n global para actualizar los textos desde el mapa izquierdo\n window.changeCardText = function(num) {\n const s = DATA[num];\n if (!s) return;\n \n document.getElementById(\"detailNum\").textContent = num;\n document.getElementById(\"detailTitle\").textContent = s.title;\n document.getElementById(\"detailPhase\").innerHTML = s.phase;\n document.getElementById(\"detailDesc\").textContent = s.desc;\n \n \/\/ Renderizar componentes\n document.getElementById(\"detailComps\").innerHTML = s.comps.map(c => \n `<span class=\"chip solid\" style=\"background:${COLORS[c] || '#006FB9'}; color:#fff; border:0;\">${c}<\/span>`\n ).join(\"\");\n \n \/\/ Renderizar disciplinas\n document.getElementById(\"detailDiscs\").innerHTML = s.discs.map(d => \n `<span class=\"chip\">${d}<\/span>`\n ).join(\"\");\n \n \/\/ Cambiar nivel de madurez abajo\n const lvl = document.getElementById(\"detailLevel\");\n lvl.textContent = s.lv;\n lvl.style.cssText = s.isPre \n ? \"color:#4D5D70; font-style:italic; font-weight:600;\" \n : `color:${s.color}; font-style:normal; font-weight:700;`;\n };\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4939b18d e-con-full e-flex e-con e-child\" data-id=\"4939b18d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-736c0097 elementor-align-center elementor-mobile-align-justify elementor-widget__width-initial elementor-widget-mobile__width-initial elementor-widget elementor-widget-button\" data-id=\"736c0097\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/pruebas2.dimajeff.com.mx\/descarga-navi\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Descarga el resumen ejecutivo de NAVI 3.0<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-335ca788 e-con-full e-flex e-con e-child\" data-id=\"335ca788\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-11cd832c e-con-full e-flex e-con e-child\" data-id=\"11cd832c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-41afd819 elementor-widget elementor-widget-heading\" data-id=\"41afd819\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<span class=\"elementor-heading-title elementor-size-default\">Niveles de madurez \u00e1gil<\/span>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3bee686d elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"3bee686d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">La agilidad se mide solo cuando ya hay c\u00e9lulas trabajando<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6341e120 e-con-full e-flex e-con e-child\" data-id=\"6341e120\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-5b4486a e-con-full e-flex e-con e-child\" data-id=\"5b4486a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7b1217dc elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"7b1217dc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Cimientos \u00b7 pre-agilidad<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5540dccf elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"5540dccf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Diagn\u00f3stico, voluntad, gobierno, <br>comunicaci\u00f3n y entrenamiento. <br>Habilitadores previos: a\u00fan no hay<br> agilidad medible.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-11b3e55b e-con-full e-flex e-con e-child\" data-id=\"11b3e55b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-586e2e08 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"586e2e08\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u00c1gil Inicial<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-346f9daa elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"346f9daa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Se trabaja con c\u00e9lulas individuales: se pasa de silos a trabajo colaborativo.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-39e25f6a e-con-full e-flex e-con e-child\" data-id=\"39e25f6a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-45e1f347 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"45e1f347\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u00c1gil Mejorado<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3b73ca89 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"3b73ca89\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Maduran las c\u00e9lulas individuales; <br>se prepara el camino a c\u00e9lulas<br>m\u00faltiples colaborativas.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-28e33cc6 e-con-full e-flex e-con e-child\" data-id=\"28e33cc6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4244a7cb elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"4244a7cb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u00c1gil Consolidado<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-67a80750 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"67a80750\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">C\u00e9lulas m\u00faltiples colaborativas; <br>comienza el escalado <br>organizacional y el Business Agility.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-21718d1b e-con-full e-flex e-con e-child\" data-id=\"21718d1b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-29aa9261 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"29aa9261\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u00c1gil Optimizado<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-71f66260 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"71f66260\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Madura el escalado y el Business<br>Agility; comienzan los equipos<br>autogestionados.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-23cb780d e-con-full e-flex e-con e-child\" data-id=\"23cb780d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-668d2546 e-flex e-con-boxed e-con e-child\" data-id=\"668d2546\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-31ab9249 elementor-widget elementor-widget-heading\" data-id=\"31ab9249\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<span class=\"elementor-heading-title elementor-size-default\">Disciplina tem\u00e1tica \u00b7 KPIs<\/span>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-43b3d219 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"43b3d219\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">NAVI 3.0 mide el valor en tres frentes<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-438cc525 elementor-widget elementor-widget-text-editor\" data-id=\"438cc525\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>La adopci\u00f3n no termina: cada iteraci\u00f3n eleva la madurez y multiplica el valor. Por eso <br \/>NAVI 3.0 distingue tres categor\u00edas de indicadores que se monitorean en simult\u00e1neo.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7f9a6f0b elementor-widget elementor-widget-html\" data-id=\"7f9a6f0b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Copia y pega este c\u00f3digo dentro de un elemento HTML de Elementor -->\n<div class=\"kpi-grid\">\n\n  <!-- Tarjeta 1 -->\n  <div class=\"kpi-card\">\n    <div class=\"kpi-icon\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\">\n        <path d=\"M12 2L3 7v10l9 5 9-5V7l-9-5z\"\/>\n        <path d=\"M12 22V12M3 7l9 5 9-5\"\/>\n      <\/svg>\n    <\/div>\n    <div class=\"kpi-category\">Creaci\u00f3n de valor<\/div>\n    <h3 class=\"kpi-title\">Cultura y capabilities<\/h3>\n    <p class=\"kpi-desc\">Mide cu\u00e1nto permea la filosof\u00eda Lean Agile: conocimiento, apego y colaboraci\u00f3n.<\/p>\n    <ul class=\"kpi-list\">\n      <li>Apego metodol\u00f3gico<\/li>\n      <li>Colaboraci\u00f3n entre c\u00e9lulas<\/li>\n      <li>Creaci\u00f3n de capabilities<\/li>\n      <li>Mejora continua<\/li>\n    <\/ul>\n  <\/div>\n\n  <!-- Tarjeta 2 -->\n  <div class=\"kpi-card\">\n    <div class=\"kpi-icon\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\">\n        <path d=\"M3 12h4l3 8 4-16 3 8h4\"\/>\n      <\/svg>\n    <\/div>\n    <div class=\"kpi-category\">Entrega de valor<\/div>\n    <h3 class=\"kpi-title\">Flujo y calidad<\/h3>\n    <p class=\"kpi-desc\">Mide la cadena de valor que produce el producto, de extremo a extremo.<\/p>\n    <ul class=\"kpi-list\">\n      <li>Flujo de trabajo y lead time<\/li>\n      <li>Productividad en la entrega<\/li>\n      <li>Monitoreo del riesgo<\/li>\n      <li>Calidad del producto<\/li>\n    <\/ul>\n  <\/div>\n\n  <!-- Tarjeta 3 -->\n  <div class=\"kpi-card\">\n    <div class=\"kpi-icon\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\">\n        <circle cx=\"12\" cy=\"12\" r=\"9\"\/>\n        <path d=\"M12 7v5l3 2\"\/>\n      <\/svg>\n    <\/div>\n    <div class=\"kpi-category\">Captura de valor<\/div>\n    <h3 class=\"kpi-title\">ROI y satisfacci\u00f3n<\/h3>\n    <p class=\"kpi-desc\">Mide el beneficio obtenido y la satisfacci\u00f3n de quien recibe el producto.<\/p>\n    <ul class=\"kpi-list\">\n      <li>Situaci\u00f3n financiera (ROI)<\/li>\n      <li>Lean Business Case real<\/li>\n      <li>Satisfacci\u00f3n del cliente<\/li>\n    <\/ul>\n  <\/div>\n\n<\/div>\n\n<style>\n\/* Contenedor principal de las 3 tarjetas *\/\n.kpi-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 18px;\n  width: 100%;\n  max-width: 1200px;\n  margin: 0 auto;\n  box-sizing: border-box;\n}\n\n\/* Dise\u00f1o base de cada tarjeta *\/\n.kpi-card {\n  background: linear-gradient(135deg, #003A5C, #061B2B);\n  border: 1px solid rgba(124, 172, 211, 0.28);\n  border-radius: 18px;\n  padding: 24px 22px;\n  color: #ffffff;\n  transition: transform 0.35s ease, border-color 0.35s ease, background 0.35s ease;\n}\n\n\/* Efecto Hover (Movimiento hacia arriba y cambio de color) *\/\n.kpi-card:hover {\n  transform: translateY(-5px);\n  border-color: #4497CB;\n  background: rgba(0, 111, 185, 0.12);\n}\n\n\/* Iconos *\/\n.kpi-icon {\n  width: 38px;\n  height: 38px;\n  border-radius: 11px;\n  background: rgba(124, 172, 211, 0.18);\n  display: grid;\n  place-items: center;\n  margin-bottom: 14px;\n}\n.kpi-icon svg {\n  width: 20px;\n  height: 20px;\n  stroke: #7CACD3;\n}\n\n\/* Textos internos *\/\n.kpi-category {\n  font-family: 'Manrope', Arial, sans-serif;\n  font-size: 10.5px;\n  font-weight: 700;\n  letter-spacing: .14em;\n  text-transform: uppercase;\n  color: #7CACD3;\n}\n.kpi-title {\n  font-family: 'Manrope', Arial, sans-serif;\n  font-size: 23px;\n  font-weight: 700;\n  margin: 7px 0 8px;\n  letter-spacing: -.01em;\n  line-height: 1.1;\n  color: #ffffff;\n}\n.kpi-desc {\n  font-family: 'Inter', Arial, sans-serif;\n  font-size: 13px;\n  color: #B9CDDC;\n  line-height: 1.5;\n  margin-bottom: 15px;\n}\n\n\/* Listas con vi\u00f1etas personalizadas *\/\n.kpi-list {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 7px;\n}\n.kpi-list li {\n  font-family: 'Inter', Arial, sans-serif;\n  font-size: 12px;\n  color: #9FB8CA;\n  display: flex;\n  align-items: center;\n  gap: 9px;\n  line-height: 1.3;\n}\n.kpi-list li::before {\n  content: \"\";\n  width: 5px;\n  height: 5px;\n  border-radius: 50%;\n  background: #4497CB;\n  flex-shrink: 0;\n}\n\n\/* Responsivo para celulares *\/\n@media (max-width: 768px) {\n  .kpi-grid {\n    grid-template-columns: 1fr;\n  }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u2022 Framework Lean Agile NAVI 3.0 El camino para adoptar NAVI 3.0 en tuorganizaci\u00f3n i Cada escenario es independiente. Los 15 escenarios de NAVI 3.0 pueden adoptarse por separado o en paralelo: tu organizaci\u00f3n puede iniciar por cualquiera seg\u00fan su necesidad. El camino que ves abajo es una ruta de madurez sugerida. Ruta de madurez [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"zakra_page_container_layout":"stretched","zakra_page_sidebar_layout":"customizer","zakra_remove_content_margin":false,"zakra_sidebar":"customizer","zakra_transparent_header":"customizer","zakra_logo":0,"zakra_main_header_style":"default","zakra_menu_item_color":"","zakra_menu_item_hover_color":"","zakra_menu_item_active_color":"","zakra_menu_active_style":"","zakra_page_header":true,"footnotes":""},"class_list":["post-313","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Framework Navi - Dimajeff Technologies<\/title>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"es_MX\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Framework Navi - Dimajeff Technologies\" \/>\n<meta property=\"og:description\" content=\"\u2022 Framework Lean Agile NAVI 3.0 El camino para adoptar NAVI 3.0 en tuorganizaci\u00f3n i Cada escenario es independiente. Los 15 escenarios de NAVI 3.0 pueden adoptarse por separado o en paralelo: tu organizaci\u00f3n puede iniciar por cualquiera seg\u00fan su necesidad. El camino que ves abajo es una ruta de madurez sugerida. Ruta de madurez [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/pruebas2.dimajeff.com.mx\/?page_id=313\" \/>\n<meta property=\"og:site_name\" content=\"Dimajeff Technologies\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Dimajefftechnologies\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-24T02:43:42+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@dimajeff\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/pruebas2.dimajeff.com.mx\\\/?page_id=313\",\"url\":\"https:\\\/\\\/pruebas2.dimajeff.com.mx\\\/?page_id=313\",\"name\":\"Framework Navi - Dimajeff Technologies\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/pruebas2.dimajeff.com.mx\\\/#website\"},\"datePublished\":\"2026-07-23T03:39:58+00:00\",\"dateModified\":\"2026-07-24T02:43:42+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/pruebas2.dimajeff.com.mx\\\/?page_id=313#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/pruebas2.dimajeff.com.mx\\\/?page_id=313\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/pruebas2.dimajeff.com.mx\\\/?page_id=313#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Inicio\",\"item\":\"https:\\\/\\\/pruebas2.dimajeff.com.mx\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Framework Navi\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/pruebas2.dimajeff.com.mx\\\/#website\",\"url\":\"https:\\\/\\\/pruebas2.dimajeff.com.mx\\\/\",\"name\":\"Dimajeff Technologies\",\"description\":\"Expertos y Especialistas en Agilidad\",\"alternateName\":\"Dimajeff\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/pruebas2.dimajeff.com.mx\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Framework Navi - Dimajeff Technologies","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"es_MX","og_type":"article","og_title":"Framework Navi - Dimajeff Technologies","og_description":"\u2022 Framework Lean Agile NAVI 3.0 El camino para adoptar NAVI 3.0 en tuorganizaci\u00f3n i Cada escenario es independiente. Los 15 escenarios de NAVI 3.0 pueden adoptarse por separado o en paralelo: tu organizaci\u00f3n puede iniciar por cualquiera seg\u00fan su necesidad. El camino que ves abajo es una ruta de madurez sugerida. Ruta de madurez [&hellip;]","og_url":"https:\/\/pruebas2.dimajeff.com.mx\/?page_id=313","og_site_name":"Dimajeff Technologies","article_publisher":"https:\/\/www.facebook.com\/Dimajefftechnologies","article_modified_time":"2026-07-24T02:43:42+00:00","twitter_card":"summary_large_image","twitter_site":"@dimajeff","twitter_misc":{"Tiempo de lectura":"2 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/pruebas2.dimajeff.com.mx\/?page_id=313","url":"https:\/\/pruebas2.dimajeff.com.mx\/?page_id=313","name":"Framework Navi - Dimajeff Technologies","isPartOf":{"@id":"https:\/\/pruebas2.dimajeff.com.mx\/#website"},"datePublished":"2026-07-23T03:39:58+00:00","dateModified":"2026-07-24T02:43:42+00:00","breadcrumb":{"@id":"https:\/\/pruebas2.dimajeff.com.mx\/?page_id=313#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/pruebas2.dimajeff.com.mx\/?page_id=313"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/pruebas2.dimajeff.com.mx\/?page_id=313#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Inicio","item":"https:\/\/pruebas2.dimajeff.com.mx\/"},{"@type":"ListItem","position":2,"name":"Framework Navi"}]},{"@type":"WebSite","@id":"https:\/\/pruebas2.dimajeff.com.mx\/#website","url":"https:\/\/pruebas2.dimajeff.com.mx\/","name":"Dimajeff Technologies","description":"Expertos y Especialistas en Agilidad","alternateName":"Dimajeff","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/pruebas2.dimajeff.com.mx\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"}]}},"_links":{"self":[{"href":"https:\/\/pruebas2.dimajeff.com.mx\/index.php?rest_route=\/wp\/v2\/pages\/313","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pruebas2.dimajeff.com.mx\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pruebas2.dimajeff.com.mx\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pruebas2.dimajeff.com.mx\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/pruebas2.dimajeff.com.mx\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=313"}],"version-history":[{"count":65,"href":"https:\/\/pruebas2.dimajeff.com.mx\/index.php?rest_route=\/wp\/v2\/pages\/313\/revisions"}],"predecessor-version":[{"id":753,"href":"https:\/\/pruebas2.dimajeff.com.mx\/index.php?rest_route=\/wp\/v2\/pages\/313\/revisions\/753"}],"wp:attachment":[{"href":"https:\/\/pruebas2.dimajeff.com.mx\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=313"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}