266 lines
17 KiB
HTML
266 lines
17 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="es" data-theme="light">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>El Ecosistema IDE | Cuatro Capacidades Conectadas - IDE Consultores</title>
|
|
<meta name="description" content="Conocé cómo se articulan IDE Excellence, IDE Project, IDE Academy e IDE Digital para generar valor integral y sostenible en las organizaciones.">
|
|
<meta property="og:title" content="El Ecosistema IDE | Cuatro Capacidades Conectadas">
|
|
<meta property="og:description" content="No se trata de sumar soluciones. Se trata de conectar las capacidades necesarias para una transformación real.">
|
|
<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/faq.css">
|
|
</head>
|
|
<body>
|
|
|
|
<header id="site-header"></header>
|
|
|
|
<main>
|
|
|
|
<!-- Header Ecosistema -->
|
|
<section class="section-padding-npb hero-solucion">
|
|
<!-- Contenido -->
|
|
<div class="container container-narrow">
|
|
<div class="container container-narrow">
|
|
<span class="eyebrow">PROPUESTA DE VALOR</span>
|
|
<h1>Diferentes capacidades.<br> Una visión compartida del conjunto.</h1>
|
|
<p class="lead-text" style="margin-top: 1rem;">
|
|
Cada desafío activa la parte del Ecosistema que necesita. <br>La clave está en comprender el conjunto para saber dónde intervenir.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
|
|
<!-- Profundización de las 4 Capacidades -->
|
|
<section class="section-padding-sm">
|
|
<div class="container">
|
|
<div class="seccion-servicios-tarjetas">
|
|
<span class="eyebrow">CAPACIDADES</span>
|
|
<h2>Conocé Nuestro Ecosistema en detalle</h2>
|
|
</div>
|
|
<!-- 1. IDE Excellence -->
|
|
<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>
|
|
<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>
|
|
<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 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" style="width: 100%; border-radius: var(--radius-md);">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 2. IDE Project -->
|
|
<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" style="width: 100%; border-radius: var(--radius-md);">
|
|
</div>
|
|
<div>
|
|
<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>
|
|
<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 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" 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>
|
|
<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>
|
|
<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 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" style="width: 100%; border-radius: var(--radius-md);">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 4. IDE Academy -->
|
|
<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" style="width: 100%; border-radius: var(--radius-md);">
|
|
</div>
|
|
<div>
|
|
<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>
|
|
<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-primary btn-cta-unificado" style="background-color: var(--ide-academy); border-color: var(--ide-academy);">EXPLORAR ACADEMY →</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- PREGUNTAS FRECUENTES-->
|
|
<section class="section-padding bg-subtle-section">
|
|
<div class="container">
|
|
|
|
<div style="text-align: center; margin-bottom: 3rem;">
|
|
<span class="eyebrow">PREGUNTAS FRECUENTES</span>
|
|
<h2>¿Cómo funciona el Ecosistema IDE en la práctica?</h2>
|
|
</div>
|
|
|
|
<!-- Contenedor centrado del acordeón -->
|
|
<div class="faq-accordion-container">
|
|
|
|
<!-- FAQ 1 -->
|
|
<details class="faq-item" name="faq-group">
|
|
<summary class="faq-header">
|
|
<span class="faq-question">¿Necesito contratar las cuatro capacidades del Ecosistema?</span>
|
|
<span class="faq-icon" aria-hidden="true">
|
|
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
|
|
<polyline points="6 9 12 15 18 9"></polyline>
|
|
</svg>
|
|
</span>
|
|
</summary>
|
|
<div class="faq-content">
|
|
<p>
|
|
<strong>No.</strong> Cada intervención se diseña a partir del desafío y del contexto de la organización. Podemos trabajar desde una única capacidad o integrar varias cuando su combinación permite generar mayor valor.
|
|
</p>
|
|
</div>
|
|
</details>
|
|
|
|
<!-- FAQ 2 -->
|
|
<details class="faq-item" name="faq-group">
|
|
<summary class="faq-header">
|
|
<span class="faq-question">¿IDE trabaja con soluciones prediseñadas o desarrolla propuestas a medida?</span>
|
|
<span class="faq-icon" aria-hidden="true">
|
|
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
|
|
<polyline points="6 9 12 15 18 9"></polyline>
|
|
</svg>
|
|
</span>
|
|
</summary>
|
|
<div class="faq-content">
|
|
<p>
|
|
<strong>Ambas posibilidades pueden convivir.</strong> Contamos con soluciones y metodologías que sirven como punto de partida, pero definimos el alcance de cada intervención según los objetivos, necesidades y contexto de la organización.
|
|
</p>
|
|
</div>
|
|
</details>
|
|
|
|
<!-- FAQ 3 -->
|
|
<details class="faq-item" name="faq-group">
|
|
<summary class="faq-header">
|
|
<span class="faq-question">¿Qué pasa si no sé qué capacidad necesito?</span>
|
|
<span class="faq-icon" aria-hidden="true">
|
|
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
|
|
<polyline points="6 9 12 15 18 9"></polyline>
|
|
</svg>
|
|
</span>
|
|
</summary>
|
|
<div class="faq-content">
|
|
<p>
|
|
<strong>No hace falta definirlo de antemano.</strong> Empezamos por comprender qué está pasando, identificar dónde puede estar el punto de intervención y, a partir de allí, determinar qué capacidades pueden aportar valor.
|
|
</p>
|
|
</div>
|
|
</details>
|
|
|
|
<!-- FAQ 4 -->
|
|
<details class="faq-item" name="faq-group">
|
|
<summary class="faq-header">
|
|
<span class="faq-question">¿Puedo trabajar con IDE para una necesidad puntual?</span>
|
|
<span class="faq-icon" aria-hidden="true">
|
|
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
|
|
<polyline points="6 9 12 15 18 9"></polyline>
|
|
</svg>
|
|
</span>
|
|
</summary>
|
|
<div class="faq-content">
|
|
<p>
|
|
<strong>Sí.</strong> La mirada sistémica no implica intervenir en toda la organización. Podemos abordar una necesidad específica manteniendo en perspectiva sus relaciones e impactos sobre el conjunto.
|
|
</p>
|
|
</div>
|
|
</details>
|
|
|
|
<!-- FAQ 5 -->
|
|
<details class="faq-item" name="faq-group">
|
|
<summary class="faq-header">
|
|
<span class="faq-question">¿Cómo sé por dónde empezar?</span>
|
|
<span class="faq-icon" aria-hidden="true">
|
|
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
|
|
<polyline points="6 9 12 15 18 9"></polyline>
|
|
</svg>
|
|
</span>
|
|
</summary>
|
|
<div class="faq-content">
|
|
<p>
|
|
<strong>Si ya identificaste qué necesitás, podés explorar nuestras soluciones.</strong> Si todavía estás tratando de comprender el desafío, la Brújula IDE puede ayudarte a encontrar un primer punto de orientación.
|
|
</p>
|
|
</div>
|
|
</details>
|
|
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- CTA Final -->
|
|
<section class="section-padding" style="background-color: var(--teal-dark); border-top: 1px solid var(--border-color);">
|
|
<div class="container container-narrow">
|
|
<h2 style="color: var(--text-inverse); margin-bottom: 1rem;">¿Dónde podemos generar mayor impacto en tu organización?</h2>
|
|
<p class="lead-text-cta" style="margin-bottom: 1.5rem;">
|
|
Conversemos para comprender tu desafío e identificar qué capacidades pueden aportar mayor valor.
|
|
</p>
|
|
<div style="display: flex; justify-content: left; gap: 1rem; flex-wrap: wrap;">
|
|
<a href="contacto.html" class="btn btn-primary-cta btn-sm">HABLEMOS</a>
|
|
<a href="desafios.html" class="btn btn-outline-cta btn-sm">Explorar Punto de Partida</a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
</main>
|
|
|
|
<footer id="site-footer"></footer>
|
|
<script src="js/main.js"></script>
|
|
</body>
|
|
</html>
|