refactorizacion v4.8 index
This commit is contained in:
+60
-404
@@ -10,7 +10,6 @@
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
|
||||
<link rel="icon" type="image/x-icon" href="assets/img/favicon.png">
|
||||
<link rel="stylesheet" href="css/styles.css">
|
||||
<link rel="stylesheet" href="css/modal.css">
|
||||
<link rel="stylesheet" href="css/faq.css">
|
||||
</head>
|
||||
<body>
|
||||
@@ -33,17 +32,7 @@
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- SECCIÓN WEB DEDICADA PARA EL ESQUEMA -->
|
||||
<section class="netschema-section">
|
||||
<div class="netschema-wrapper">
|
||||
<canvas id="networkCanvas" width="1200" height="520"></canvas>
|
||||
|
||||
<div id="tooltip" class="network-tooltip hidden">
|
||||
<div id="tooltip-title" class="tooltip-title"></div>
|
||||
<div id="tooltip-desc" class="tooltip-desc"></div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<!-- Profundización de las 4 Capacidades -->
|
||||
<section class="section-padding-sm">
|
||||
@@ -53,104 +42,101 @@
|
||||
<h2>Conocé Nuestro Ecosistema en detalle</h2>
|
||||
</div>
|
||||
<!-- 1. IDE Excellence -->
|
||||
<div id="excellence" class="card card-excellence card-ecosistema">
|
||||
<div class="grid-2 eco">
|
||||
<div id="excellence" style="margin-bottom: 4rem; padding: 2rem; background: var(--bg-surface); border-radius: var(--radius-md); border: 1px solid var(--border-color);">
|
||||
<div class="grid-2" style="align-items: center; gap: 3rem;">
|
||||
<div>
|
||||
<span class="ecosystem-badge badge-excellence">Operational Excellence & Sustainability</span>
|
||||
<p>
|
||||
<strong>Para fortalecer la gestión y mejorar el desempeño:</strong> Integramos procesos, sistemas de gestión, mejora continua y sostenibilidad para ayudar a las organizaciones a gestionar mejor, optimizar su desempeño y generar valor sostenible.
|
||||
<h3 style="font-size: 2rem; color: var(--ide-excellence); margin-bottom: 0.5rem; text-transform: uppercase;">IDE Excellence</h3>
|
||||
<p style="font-size: 1.1rem; font-weight: 600; margin-bottom: 1rem; color: var(--ide-primary);">Para fortalecer la gestión y mejorar el desempeño</p>
|
||||
<p style="color: var(--text-body); margin-bottom: 1.5rem;">
|
||||
Integramos procesos, sistemas de gestión, mejora continua y sostenibilidad para ayudar a las organizaciones a gestionar mejor, optimizar su desempeño y generar valor sostenible.
|
||||
</p>
|
||||
|
||||
<!-- Lista en formato píldoras -->
|
||||
<div class="pills-list">
|
||||
<span class="pill-item">Procesos</span>
|
||||
<span class="pill-item">Sistemas de gestión</span>
|
||||
<span class="pill-item">Mejora continua</span>
|
||||
<span class="pill-item">Desempeño</span>
|
||||
<span class="pill-item">Riesgos</span>
|
||||
<span class="pill-item">Sostenibilidad</span>
|
||||
<div class="pills-list" style="margin-bottom: 2rem; display: flex; flex-wrap: wrap; gap: 0.5rem;">
|
||||
<span class="pill-item" style="background: var(--bg-subtle); padding: 0.3rem 0.8rem; border-radius: 50px; font-size: 0.85rem;">Procesos</span>
|
||||
<span class="pill-item" style="background: var(--bg-subtle); padding: 0.3rem 0.8rem; border-radius: 50px; font-size: 0.85rem;">Sistemas de gestión</span>
|
||||
<span class="pill-item" style="background: var(--bg-subtle); padding: 0.3rem 0.8rem; border-radius: 50px; font-size: 0.85rem;">Mejora continua</span>
|
||||
<span class="pill-item" style="background: var(--bg-subtle); padding: 0.3rem 0.8rem; border-radius: 50px; font-size: 0.85rem;">Desempeño</span>
|
||||
<span class="pill-item" style="background: var(--bg-subtle); padding: 0.3rem 0.8rem; border-radius: 50px; font-size: 0.85rem;">Riesgos</span>
|
||||
<span class="pill-item" style="background: var(--bg-subtle); padding: 0.3rem 0.8rem; border-radius: 50px; font-size: 0.85rem;">Sostenibilidad</span>
|
||||
</div>
|
||||
|
||||
<a class="btn btn-outline btn-sm" data-modal-target="modal-ide-excellence">CONOCER MÁS →</a>
|
||||
<a href="contacto.html" class="btn btn-primary btn-cta-unificado" style="background-color: var(--ide-excellence); border-color: var(--ide-excellence);">HABLEMOS →</a>
|
||||
</div>
|
||||
<div>
|
||||
<img src="assets/img/excellence.png" alt="IDE Excellence">
|
||||
<img src="assets/img/excellence.png" alt="IDE Excellence" style="width: 100%; border-radius: var(--radius-md);">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 2. IDE Project -->
|
||||
<div id="project" class="card card-project card-ecosistema">
|
||||
<div class="grid-2 eco">
|
||||
<div id="project" style="margin-bottom: 4rem; padding: 2rem; background: var(--bg-surface); border-radius: var(--radius-md); border: 1px solid var(--border-color);">
|
||||
<div class="grid-2" style="align-items: center; gap: 3rem;">
|
||||
<div>
|
||||
<img src="assets/img/projects.png" alt="IDE Project">
|
||||
<img src="assets/img/projects.png" alt="IDE Project" style="width: 100%; border-radius: var(--radius-md);">
|
||||
</div>
|
||||
<div>
|
||||
<span class="ecosystem-badge badge-project">PMO & Project Services</span>
|
||||
<p>
|
||||
<strong>Para convertir iniciativas en resultados:</strong> Fortalecemos la capacidad de las organizaciones para seleccionar, priorizar y gestionar proyectos, conectando estrategia, recursos y ejecución para transformar iniciativas en resultados.
|
||||
<h3 style="font-size: 2rem; color: var(--ide-projects); margin-bottom: 0.5rem; text-transform: uppercase;">IDE Project</h3>
|
||||
<p style="font-size: 1.1rem; font-weight: 600; margin-bottom: 1rem; color: var(--ide-primary);">Para convertir iniciativas en resultados</p>
|
||||
<p style="color: var(--text-body); margin-bottom: 1.5rem;">
|
||||
Fortalecemos la capacidad de las organizaciones para seleccionar, priorizar y gestionar proyectos, conectando estrategia, recursos y ejecución para transformar iniciativas en resultados.
|
||||
</p>
|
||||
<!-- Lista en formato píldoras -->
|
||||
<div class="pills-list">
|
||||
<span class="pill-item">Proyectos</span>
|
||||
<span class="pill-item">PMO</span>
|
||||
<span class="pill-item">Portafolios</span>
|
||||
<span class="pill-item">Gobernanza</span>
|
||||
<span class="pill-item">Metodologías</span>
|
||||
<span class="pill-item">Resultados</span>
|
||||
<div class="pills-list" style="margin-bottom: 2rem; display: flex; flex-wrap: wrap; gap: 0.5rem;">
|
||||
<span class="pill-item" style="background: var(--bg-subtle); padding: 0.3rem 0.8rem; border-radius: 50px; font-size: 0.85rem;">Proyectos</span>
|
||||
<span class="pill-item" style="background: var(--bg-subtle); padding: 0.3rem 0.8rem; border-radius: 50px; font-size: 0.85rem;">PMO</span>
|
||||
<span class="pill-item" style="background: var(--bg-subtle); padding: 0.3rem 0.8rem; border-radius: 50px; font-size: 0.85rem;">Portafolios</span>
|
||||
<span class="pill-item" style="background: var(--bg-subtle); padding: 0.3rem 0.8rem; border-radius: 50px; font-size: 0.85rem;">Gobernanza</span>
|
||||
<span class="pill-item" style="background: var(--bg-subtle); padding: 0.3rem 0.8rem; border-radius: 50px; font-size: 0.85rem;">Metodologías</span>
|
||||
<span class="pill-item" style="background: var(--bg-subtle); padding: 0.3rem 0.8rem; border-radius: 50px; font-size: 0.85rem;">Resultados</span>
|
||||
</div>
|
||||
<a class="btn btn-outline btn-sm" data-modal-target="modal-ide-project">CONOCER MÁS →</a>
|
||||
<a href="contacto.html" class="btn btn-primary btn-cta-unificado" style="background-color: var(--ide-projects); border-color: var(--ide-projects);">HABLEMOS →</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 3. IDE Digital -->
|
||||
<div id="digital" class="card card-digital card-ecosistema">
|
||||
<div class="grid-2 eco">
|
||||
<div id="digital" style="margin-bottom: 4rem; padding: 2rem; background: var(--bg-surface); border-radius: var(--radius-md); border: 1px solid var(--border-color);">
|
||||
<div class="grid-2" style="align-items: center; gap: 3rem;">
|
||||
<div>
|
||||
<span class="ecosystem-badge badge-digital">Business Digital Solutions</span>
|
||||
<p>
|
||||
<strong>Tecnología con sentido: </strong> Conectamos gestión, procesos, datos e inteligencia artificial para identificar dónde la tecnología puede simplificar, automatizar y potenciar la forma en que las organizaciones trabajan y toman decisiones.
|
||||
<h3 style="font-size: 2rem; color: var(--ide-digital); margin-bottom: 0.5rem; text-transform: uppercase;">IDE Digital</h3>
|
||||
<p style="font-size: 1.1rem; font-weight: 600; margin-bottom: 1rem; color: var(--ide-primary);">Tecnología con sentido</p>
|
||||
<p style="color: var(--text-body); margin-bottom: 1.5rem;">
|
||||
Conectamos gestión, procesos, datos e inteligencia artificial para identificar dónde la tecnología puede simplificar, automatizar y potenciar la forma en que las organizaciones trabajan y toman decisiones.
|
||||
</p>
|
||||
<!-- Lista en formato píldoras -->
|
||||
<div class="pills-list">
|
||||
<span class="pill-item">Digitalización</span>
|
||||
<span class="pill-item">Automatización</span>
|
||||
<span class="pill-item">Datos</span>
|
||||
<span class="pill-item">Inteligencia Artificial</span>
|
||||
<span class="pill-item">Integración</span>
|
||||
<span class="pill-item">Decisiones</span>
|
||||
<div class="pills-list" style="margin-bottom: 2rem; display: flex; flex-wrap: wrap; gap: 0.5rem;">
|
||||
<span class="pill-item" style="background: var(--bg-subtle); padding: 0.3rem 0.8rem; border-radius: 50px; font-size: 0.85rem;">Digitalización</span>
|
||||
<span class="pill-item" style="background: var(--bg-subtle); padding: 0.3rem 0.8rem; border-radius: 50px; font-size: 0.85rem;">Automatización</span>
|
||||
<span class="pill-item" style="background: var(--bg-subtle); padding: 0.3rem 0.8rem; border-radius: 50px; font-size: 0.85rem;">Datos</span>
|
||||
<span class="pill-item" style="background: var(--bg-subtle); padding: 0.3rem 0.8rem; border-radius: 50px; font-size: 0.85rem;">Inteligencia Artificial</span>
|
||||
<span class="pill-item" style="background: var(--bg-subtle); padding: 0.3rem 0.8rem; border-radius: 50px; font-size: 0.85rem;">Integración</span>
|
||||
<span class="pill-item" style="background: var(--bg-subtle); padding: 0.3rem 0.8rem; border-radius: 50px; font-size: 0.85rem;">Decisiones</span>
|
||||
</div>
|
||||
<a class="btn btn-outline btn-sm" data-modal-target="modal-ide-digital">CONOCER MÁS →</a>
|
||||
<a href="contacto.html" class="btn btn-primary btn-cta-unificado" style="background-color: var(--ide-digital); border-color: var(--ide-digital);">HABLEMOS →</a>
|
||||
</div>
|
||||
<div>
|
||||
<img src="assets/img/digital.png" alt="IDE Digital">
|
||||
<img src="assets/img/digital.png" alt="IDE Digital" style="width: 100%; border-radius: var(--radius-md);">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 4. IDE Academy -->
|
||||
<div id="academy" class="card card-academy card-ecosistema">
|
||||
<div class="grid-2 eco">
|
||||
<div id="academy" style="margin-bottom: 4rem; padding: 2rem; background: var(--bg-surface); border-radius: var(--radius-md); border: 1px solid var(--border-color);">
|
||||
<div class="grid-2" style="align-items: center; gap: 3rem;">
|
||||
<div>
|
||||
<img src="assets/img/academy.png" alt="IDE Academy">
|
||||
<img src="assets/img/academy.png" alt="IDE Academy" style="width: 100%; border-radius: var(--radius-md);">
|
||||
</div>
|
||||
<div>
|
||||
<span class="ecosystem-badge badge-academy">Executive Learning & Capability Development</span>
|
||||
<p>
|
||||
<strong>Para desarrollar capacidades: </strong>Diseñamos experiencias de aprendizaje que conectan conocimiento, práctica y contexto para fortalecer las capacidades que profesionales, equipos y organizaciones necesitan para gestionar, liderar y transformar.
|
||||
<h3 style="font-size: 2rem; color: var(--ide-academy); margin-bottom: 0.5rem; text-transform: uppercase;">IDE Academy</h3>
|
||||
<p style="font-size: 1.1rem; font-weight: 600; margin-bottom: 1rem; color: var(--ide-primary);">Para desarrollar capacidades</p>
|
||||
<p style="color: var(--text-body); margin-bottom: 1.5rem;">
|
||||
Diseñamos experiencias de aprendizaje que conectan conocimiento, práctica y contexto para fortalecer las capacidades que profesionales, equipos y organizaciones necesitan para gestionar, liderar y transformar.
|
||||
</p>
|
||||
<!-- Lista en formato píldoras -->
|
||||
<div class="pills-list">
|
||||
<span class="pill-item">Formación Ejecutiva</span>
|
||||
<span class="pill-item">In-Company</span>
|
||||
<span class="pill-item">Programas</span>
|
||||
<span class="pill-item">Talleres</span>
|
||||
<span class="pill-item">Rutas de aprendizaje</span>
|
||||
<div class="pills-list" style="margin-bottom: 2rem; display: flex; flex-wrap: wrap; gap: 0.5rem;">
|
||||
<span class="pill-item" style="background: var(--bg-subtle); padding: 0.3rem 0.8rem; border-radius: 50px; font-size: 0.85rem;">Formación Ejecutiva</span>
|
||||
<span class="pill-item" style="background: var(--bg-subtle); padding: 0.3rem 0.8rem; border-radius: 50px; font-size: 0.85rem;">In-Company</span>
|
||||
<span class="pill-item" style="background: var(--bg-subtle); padding: 0.3rem 0.8rem; border-radius: 50px; font-size: 0.85rem;">Programas</span>
|
||||
<span class="pill-item" style="background: var(--bg-subtle); padding: 0.3rem 0.8rem; border-radius: 50px; font-size: 0.85rem;">Talleres</span>
|
||||
<span class="pill-item" style="background: var(--bg-subtle); padding: 0.3rem 0.8rem; border-radius: 50px; font-size: 0.85rem;">Rutas de aprendizaje</span>
|
||||
</div>
|
||||
<a href="ide-academy.html" class="btn btn-outline btn-sm">EXPLORAR IDE ACADEMY →</a>
|
||||
<a href="ide-academy.html" class="btn btn-primary btn-cta-unificado" style="background-color: var(--ide-academy); border-color: var(--ide-academy);">EXPLORAR ACADEMY →</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -271,339 +257,9 @@
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- MODAL: IDE EXCELLENCE -->
|
||||
<div id="modal-ide-excellence" class="ide-modal-backdrop" role="dialog" aria-modal="true" aria-labelledby="modal-projects-title">
|
||||
<div class="ide-modal-container excellence">
|
||||
|
||||
<!-- Botón Cerrar (X) -->
|
||||
<button type="button" class="ide-modal-close" id="btnCloseModal" aria-label="Cerrar modal">
|
||||
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
||||
<line x1="18" y1="6" x2="6" y2="18"></line>
|
||||
<line x1="6" y1="6" x2="18" y2="18"></line>
|
||||
</svg>
|
||||
</button>
|
||||
|
||||
<!-- Envoltorio del contenido con scroll interno -->
|
||||
<div class="ide-modal-body-wrapper">
|
||||
<div class="ide-modal-scroll" id="modalScrollArea">
|
||||
|
||||
<!-- Encabezado -->
|
||||
<header class="ide-modal-header">
|
||||
<div class="ide-modal-pill">IDE EXCELLENCE</div>
|
||||
<h2 id="modal-projects-title" class="ide-modal-title">Operational Excellence & Management Systems</h2>
|
||||
<p class="ide-modal-tagline">Fortalecer la gestión para mejorar el desempeño.</p>
|
||||
</header>
|
||||
|
||||
<!-- Introducción -->
|
||||
<div class="ide-modal-lead">
|
||||
<p>Ayudamos a las organizaciones a comprender cómo funcionan sus procesos, ordenar su gestión y desarrollar sistemas capaces de sostener la mejora en el tiempo.</p>
|
||||
<p>Combinamos excelencia operacional, gestión por procesos, sistemas de gestión, análisis de riesgos e información para transformar requisitos y oportunidades de mejora en mejores formas de gestionar.</p>
|
||||
</div>
|
||||
|
||||
<!-- Capacidades -->
|
||||
<section class="ide-modal-section">
|
||||
<h3 class="ide-section-title">Nuestras capacidades</h3>
|
||||
<div class="ide-grid-cards">
|
||||
<div class="ide-feature-card">
|
||||
<h4>Excelencia operacional</h4>
|
||||
<p>Procesos · cadenas de valor · eficiencia · desempeño · mejora continua · indicadores.</p>
|
||||
</div>
|
||||
|
||||
<div class="ide-feature-card">
|
||||
<h4>Sistemas de gestión</h4>
|
||||
<p>ISO 9001 · ISO 14001 · ISO 45001 · ISO 29001 · ISO 39001 · ISO 22000 · ISO 21001 · ISO 29993 · ISO 30401 · sistemas integrados · referenciales sectoriales.</p>
|
||||
</div>
|
||||
|
||||
<div class="ide-feature-card">
|
||||
<h4>Sostenibilidad</h4>
|
||||
<p>Integración de criterios ambientales, sociales y de gobernanza en la gestión · ODS · identificación de impactos · objetivos e indicadores de sostenibilidad · buenas prácticas.</p>
|
||||
</div>
|
||||
|
||||
<div class="ide-feature-card">
|
||||
<h4>Riesgos, desempeño y mejora</h4>
|
||||
<p>Riesgos y oportunidades · KPIs · tableros · auditorías · evaluación de madurez · mejora continua.</p>
|
||||
</div>
|
||||
|
||||
<div class="ide-feature-card ide-card-full">
|
||||
<h4>Gestión del conocimiento</h4>
|
||||
<p>Conocimiento crítico · transferencia · lecciones aprendidas · continuidad · aprendizaje organizacional.</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Propuesta de Valor -->
|
||||
<section class="ide-modal-callout">
|
||||
<blockquote class="ide-quote-highlight">
|
||||
“Mejorar el desempeño sin perder de vista el impacto.”
|
||||
</blockquote>
|
||||
<p>Sistemas y procesos que no existan solamente para cumplir un requisito, sino que ayuden a ordenar, decidir, mejorar y sostener resultados.</p>
|
||||
</section>
|
||||
|
||||
<!-- Sinergia del Ecosistema -->
|
||||
<section class="ide-modal-synergy">
|
||||
<h4>Cuando el desafío requiere más</h4>
|
||||
<p>
|
||||
IDE Excellence puede integrarse con <strong>IDE Project</strong> , <strong>IDE Academy</strong> e <strong>IDE Digital</strong> para abordar proyectos de transformación, desarrollar capacidades o incorporar tecnología y automatización.
|
||||
</p>
|
||||
</section>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Barra Inferior Fija (Footer) -->
|
||||
<footer class="ide-modal-footer-fixed">
|
||||
<span class="ide-scroll-hint" id="scrollHint">
|
||||
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5">
|
||||
<path d="M7 13l5 5 5-5M7 6l5 5 5-5"/>
|
||||
</svg>
|
||||
Desliza para leer más
|
||||
</span>
|
||||
<a href="contacto.html" class="ide-btn-cta">
|
||||
<span>HABLEMOS</span>
|
||||
<span class="ide-btn-arrow">→</span>
|
||||
</a>
|
||||
</footer>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- MODAL: IDE PROJECTS -->
|
||||
<div id="modal-ide-project" class="ide-modal-backdrop" role="dialog" aria-modal="true" aria-labelledby="modal-projects-title">
|
||||
<div class="ide-modal-container projects">
|
||||
|
||||
<!-- Botón Cerrar (X) -->
|
||||
<button type="button" class="ide-modal-close" id="btnCloseModal" aria-label="Cerrar modal">
|
||||
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
||||
<line x1="18" y1="6" x2="6" y2="18"></line>
|
||||
<line x1="6" y1="6" x2="18" y2="18"></line>
|
||||
</svg>
|
||||
</button>
|
||||
|
||||
<!-- Envoltorio del contenido con scroll interno -->
|
||||
<div class="ide-modal-body-wrapper">
|
||||
<div class="ide-modal-scroll project" id="modalScrollArea">
|
||||
|
||||
<!-- Encabezado -->
|
||||
<header class="ide-modal-header">
|
||||
<div class="ide-modal-pill">IDE PROJECTS</div>
|
||||
<h2 id="modal-projects-title" class="ide-modal-title">PMO & Project Services</h2>
|
||||
<p class="ide-modal-tagline">Convertir iniciativas en resultados.</p>
|
||||
</header>
|
||||
|
||||
<!-- Introducción -->
|
||||
<div class="ide-modal-lead">
|
||||
<p>Ayudamos a las organizaciones a fortalecer su capacidad para seleccionar, priorizar, planificar y ejecutar proyectos, programas y portafolios, conectando las iniciativas con los objetivos estratégicos y los recursos disponibles.</p>
|
||||
<p>Integramos metodologías, gobernanza, información y capacidades de gestión para acompañar todo el ciclo de vida de los proyectos y mejorar su contribución a los resultados de la organización.</p>
|
||||
</div>
|
||||
|
||||
<!-- Capacidades -->
|
||||
<section class="ide-modal-section">
|
||||
<h3 class="ide-section-title">Nuestras capacidades</h3>
|
||||
<div class="ide-grid-cards">
|
||||
<div class="ide-feature-card">
|
||||
<h4>Gestión de proyectos</h4>
|
||||
<p>Planificación, organización, seguimiento y acompañamiento de proyectos para gestionar alcance, plazos, costos, recursos, riesgos, stakeholders y resultados.</p>
|
||||
</div>
|
||||
|
||||
<div class="ide-feature-card">
|
||||
<h4>PMO — Oficinas de Gestión de Proyectos</h4>
|
||||
<p>Diseño, implementación y fortalecimiento de PMO adaptadas al nivel de madurez, estrategia y necesidades de cada organización.</p>
|
||||
</div>
|
||||
|
||||
<div class="ide-feature-card">
|
||||
<h4>Programas y portafolios</h4>
|
||||
<p>Priorización y coordinación de iniciativas para mejorar la asignación de recursos, gestionar interdependencias y mantener alineadas las inversiones con los objetivos organizacionales.</p>
|
||||
</div>
|
||||
|
||||
<div class="ide-feature-card">
|
||||
<h4>Gobernanza y metodologías</h4>
|
||||
<p>Diseño de modelos de gobernanza, procesos, roles, indicadores y metodologías predictivas, ágiles o híbridas adaptadas al contexto de cada organización.</p>
|
||||
</div>
|
||||
|
||||
<div class="ide-feature-card ide-card-full">
|
||||
<h4>Diagnóstico y recuperación de proyectos</h4>
|
||||
<p>Evaluación de proyectos con dificultades o desvíos para identificar causas, redefinir prioridades y establecer planes de recuperación y seguimiento.</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Metodologías -->
|
||||
<section class="ide-modal-section">
|
||||
<h3 class="ide-section-title">Cómo trabajamos</h3>
|
||||
<div class="ide-tags-wrapper">
|
||||
<span class="ide-method-tag">Predictivo</span>
|
||||
<span class="ide-dot">·</span>
|
||||
<span class="ide-method-tag">Ágil</span>
|
||||
<span class="ide-dot">·</span>
|
||||
<span class="ide-method-tag">Híbrido</span>
|
||||
</div>
|
||||
<p class="ide-text-block">No partimos de una metodología predeterminada. Seleccionamos y combinamos prácticas de gestión según el tipo de proyecto, su complejidad, el contexto y las capacidades de la organización.</p>
|
||||
</section>
|
||||
|
||||
<!-- Propuesta de Valor -->
|
||||
<section class="ide-modal-callout">
|
||||
<blockquote class="ide-quote-highlight">
|
||||
“No se trata de gestionar más proyectos. Se trata de gestionar mejor las iniciativas que importan.”
|
||||
</blockquote>
|
||||
<p>Fortalecemos la capacidad de transformar prioridades estratégicas en iniciativas ejecutables, generar información para decidir y mantener el foco en los resultados.</p>
|
||||
</section>
|
||||
|
||||
<!-- Sinergia del Ecosistema -->
|
||||
<section class="ide-modal-synergy">
|
||||
<h4>Cuando el desafío requiere más</h4>
|
||||
<p>
|
||||
IDE Projects puede integrarse con <strong>IDE Excellence</strong>, <strong>IDE Academy</strong> e <strong>IDE Digital</strong> para rediseñar procesos, desarrollar capacidades, implementar sistemas o incorporar tecnología que fortalezca la gestión y ejecución de proyectos.
|
||||
</p>
|
||||
</section>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Barra Inferior Fija (Footer) -->
|
||||
<footer class="ide-modal-footer-fixed">
|
||||
<span class="ide-scroll-hint" id="scrollHint">
|
||||
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5">
|
||||
<path d="M7 13l5 5 5-5M7 6l5 5 5-5"/>
|
||||
</svg>
|
||||
Desliza para leer más
|
||||
</span>
|
||||
<a href="contacto.html" class="ide-btn-cta">
|
||||
<span>HABLEMOS</span>
|
||||
<span class="ide-btn-arrow">→</span>
|
||||
</a>
|
||||
</footer>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- MODAL: IDE DIGITAL -->
|
||||
<div id="modal-ide-digital" class="ide-modal-backdrop" role="dialog" aria-modal="true" aria-labelledby="modal-projects-title">
|
||||
<div class="ide-modal-container digital">
|
||||
|
||||
<!-- Botón Cerrar (X) -->
|
||||
<button type="button" class="ide-modal-close" id="btnCloseModal" aria-label="Cerrar modal">
|
||||
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
||||
<line x1="18" y1="6" x2="6" y2="18"></line>
|
||||
<line x1="6" y1="6" x2="18" y2="18"></line>
|
||||
</svg>
|
||||
</button>
|
||||
|
||||
<!-- Envoltorio del contenido con scroll interno -->
|
||||
<div class="ide-modal-body-wrapper">
|
||||
<div class="ide-modal-scroll" id="modalScrollArea">
|
||||
|
||||
<!-- Encabezado -->
|
||||
<header class="ide-modal-header">
|
||||
<div class="ide-modal-pill">IDE DIGITAL</div>
|
||||
<h2 id="modal-projects-title" class="ide-modal-title">Business Digital Solutions</h2>
|
||||
<p class="ide-modal-tagline">Tecnología con sentido.</p>
|
||||
</header>
|
||||
|
||||
<!-- Introducción -->
|
||||
<div class="ide-modal-lead">
|
||||
<p>Ayudamos a las organizaciones a identificar dónde la tecnología puede generar valor y a transformar esas oportunidades en soluciones digitales aplicables a su realidad.</p>
|
||||
<p>Integramos procesos, datos, automatización e inteligencia artificial para simplificar la gestión, mejorar el acceso a la información y fortalecer la toma de decisiones, priorizando soluciones útiles, escalables y sostenibles.</p>
|
||||
</div>
|
||||
|
||||
<!-- Capacidades -->
|
||||
<section class="ide-modal-section">
|
||||
<h3 class="ide-section-title">Nuestras capacidades</h3>
|
||||
<div class="ide-grid-cards">
|
||||
<div class="ide-feature-card">
|
||||
<h4>Digitalización y sistematización de procesos</h4>
|
||||
<p>Analizamos procesos y flujos de información para identificar oportunidades de digitalización, reducir tareas manuales y mejorar la trazabilidad y disponibilidad de la información.</p>
|
||||
</div>
|
||||
|
||||
<div class="ide-feature-card">
|
||||
<h4>Automatización e integración</h4>
|
||||
<p>Diseñamos automatizaciones e integraciones entre procesos, datos y herramientas para reducir tareas repetitivas, errores y puntos de fricción.</p>
|
||||
</div>
|
||||
|
||||
<div class="ide-feature-card">
|
||||
<h4>Inteligencia Artificial aplicada</h4>
|
||||
<p>Identificamos y desarrollamos casos de uso de IA vinculados con necesidades concretas de gestión, operación, análisis y conocimiento organizacional.</p>
|
||||
</div>
|
||||
|
||||
<div class="ide-feature-card">
|
||||
<h4>Datos e inteligencia de negocio</h4>
|
||||
<p>Diseñamos indicadores, tableros y soluciones de Business Intelligence para transformar datos dispersos en información accesible y útil para la toma de decisiones.</p>
|
||||
</div>
|
||||
|
||||
<div class="ide-feature-card">
|
||||
<h4>Diagnóstico y hoja de ruta digital</h4>
|
||||
<p>Evaluamos procesos, herramientas, información y capacidades para identificar oportunidades, establecer prioridades y construir una hoja de ruta de transformación digital.</p>
|
||||
</div>
|
||||
|
||||
<div class="ide-feature-card">
|
||||
<h4>Adopción y capacidades digitales</h4>
|
||||
<p>Acompañamos la incorporación de nuevas soluciones trabajando sobre procesos, prácticas y capacidades para integrarlas efectivamente a la dinámica de la organización.</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Metodologías -->
|
||||
<section class="ide-modal-section">
|
||||
<h3 class="ide-section-title">Cómo trabajamos</h3>
|
||||
<div class="ide-tags-wrapper">
|
||||
<span class="ide-method-tag">Necesidad</span>
|
||||
<span class="ide-dot">⇒</span>
|
||||
<span class="ide-method-tag">Proceso</span>
|
||||
<span class="ide-dot">⇒</span>
|
||||
<span class="ide-method-tag">Solución</span>
|
||||
<span class="ide-dot">⇒</span>
|
||||
<span class="ide-method-tag">Integración</span>
|
||||
</div>
|
||||
<p class="ide-text-block">No partimos de una tecnología predeterminada. Primero comprendemos la necesidad y el proceso; luego identificamos qué solución digital puede generar valor y cómo integrarla al funcionamiento de la organización.</p>
|
||||
</section>
|
||||
|
||||
<!-- Propuesta de Valor -->
|
||||
<section class="ide-modal-callout">
|
||||
<blockquote class="ide-quote-highlight">
|
||||
“No digitalizar por digitalizar. Transformar donde tenga sentido.”
|
||||
</blockquote>
|
||||
<p>La tecnología genera valor cuando simplifica la gestión, mejora las decisiones o habilita nuevas capacidades sin agregar complejidad innecesaria.</p>
|
||||
</section>
|
||||
|
||||
<!-- Sinergia del Ecosistema -->
|
||||
<section class="ide-modal-synergy">
|
||||
<h4>Cuando el desafío requiere más</h4>
|
||||
<p>
|
||||
<strong>IDE Digital</strong> puede integrarse con <strong>IDE Excellence</strong>, <strong>IDE Projects</strong> e <strong>IDE Academy</strong> para rediseñar procesos, gestionar proyectos de transformación y desarrollar las capacidades necesarias para incorporar nuevas formas de trabajar.
|
||||
</p>
|
||||
</section>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Barra Inferior Fija (Footer) -->
|
||||
<footer class="ide-modal-footer-fixed">
|
||||
<span class="ide-scroll-hint" id="scrollHint">
|
||||
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5">
|
||||
<path d="M7 13l5 5 5-5M7 6l5 5 5-5"/>
|
||||
</svg>
|
||||
Desliza para leer más
|
||||
</span>
|
||||
<a href="contacto.html" class="ide-btn-cta">
|
||||
<span>HABLEMOS</span>
|
||||
<span class="ide-btn-arrow">→</span>
|
||||
</a>
|
||||
</footer>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</main>
|
||||
|
||||
<footer id="site-footer"></footer>
|
||||
<script src="js/main.js"></script>
|
||||
<script src="js/netschema.js"></script>
|
||||
<script src="js/modal.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user