532 lines
27 KiB
HTML
532 lines
27 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/ecosistema.css">
|
|
<link rel="stylesheet" href="css/faq.css">
|
|
</head>
|
|
<body>
|
|
|
|
<header id="site-header"></header>
|
|
|
|
<main>
|
|
|
|
<!-- Seccion 1:Header Ecosistema -->
|
|
<section class="section-padding-md bg1">
|
|
<div class="container container-wide">
|
|
<div class="hero-grid">
|
|
<div>
|
|
<span class="eyebrow" style="text-transform: uppercase;">LA PROPUESTA DE VALOR</span>
|
|
<h1 style="margin-bottom: 1rem;">
|
|
Capacidades diferentes. Una visión compartida <br>del conjunto.
|
|
</h1>
|
|
<p class="lead-text" style="margin-bottom: 2.5rem;">
|
|
No todos los desafíos necesitan activar todo el Ecosistema. La clave está en comprender el conjunto para saber dónde intervenir.
|
|
</p>
|
|
|
|
<!-- Hero Actions -->
|
|
<div class="hero-actions" style="display: flex; gap: 1rem; flex-wrap: wrap; align-items: center;">
|
|
<a href="#ecosistema-ide" class="btn btn-primary btn-cta-unificado"
|
|
style="border-radius: 50px; display: flex; align-items: center; gap: 0.5rem; padding: 0.75rem 1.5rem;">
|
|
Conocé el Ecosistema
|
|
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
|
|
stroke-linecap="round" stroke-linejoin="round">
|
|
<circle cx="12" cy="12" r="10"></circle>
|
|
<polyline points="12 16 16 12 12 8"></polyline>
|
|
<line x1="8" y1="12" x2="16" y2="12"></line>
|
|
</svg>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="hero-visual"
|
|
style="width: 100%; height: 400px; position: relative; display: flex; justify-content: center; align-items: center;">
|
|
<div class="animacion-infinito">
|
|
<svg class="capa-svg-lineas" viewBox="0 0 1000 500" preserveAspectRatio="xMidYMid meet">
|
|
<defs id="svg-defs"></defs>
|
|
<g id="grupo-lineas"></g>
|
|
</svg>
|
|
<div class="capa-html-nodos" id="grupo-nodos"></div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Seccion 2: Ecosistema IDE -->
|
|
<section id="ecosistema-ide" class="section-padding contact-parallax-section ecosistema-section" aria-labelledby="ecosistema-title">
|
|
<div class="parallax-wrapper" aria-hidden="true">
|
|
<div id="contact-parallax-bg" class="parallax-bg-layer3"></div>
|
|
<div class="parallax-overlay"></div>
|
|
</div>
|
|
|
|
<div class="container">
|
|
|
|
<!-- ============ ESTADO 1: ECOSISTEMA (4 tarjetas) ============ -->
|
|
<div class="eco-state eco-state--ecosystem" data-eco-state="ecosystem">
|
|
<header class="eco-header">
|
|
<span class="eyebrow">ECOSISTEMA IDE</span>
|
|
<h2 id="ecosistema-title">Cuatro unidades, una misma forma de trabajar.</h2>
|
|
<p class="lead-text eco-header__lead">
|
|
Integramos capacidades de gestión, proyectos, tecnología y formación para acompañar a las organizaciones en cada etapa de su mejora.
|
|
</p>
|
|
</header>
|
|
|
|
<div class="eco-grid" role="list">
|
|
|
|
<!-- Tarjeta 1: IDE Excellence -->
|
|
<article class="eco-card eco-card--excellence" role="listitem">
|
|
<button type="button" class="eco-card__btn" data-eco-open="excellence"
|
|
aria-expanded="false" aria-controls="eco-panel-excellence">
|
|
<span class="eco-card__icon-wrap" aria-hidden="true">
|
|
<i class="fa-solid fa-award eco-card__icon"></i>
|
|
</span>
|
|
<span class="eco-card__badge">IDE EXCELLENCE</span>
|
|
<h3 class="eco-card__title">Excelencia operacional y <br>sistemas de gestión</h3>
|
|
<p class="eco-card__text">Procesos, ISO, riesgos y mejora continua para sostener el desempeño.</p>
|
|
<span class="eco-card__cta">
|
|
Explorar unidad <i class="fa-solid fa-arrow-right" aria-hidden="true"></i>
|
|
</span>
|
|
</button>
|
|
</article>
|
|
|
|
<!-- Tarjeta 2: IDE Projects -->
|
|
<article class="eco-card eco-card--projects" role="listitem">
|
|
<button type="button" class="eco-card__btn" data-eco-open="projects"
|
|
aria-expanded="false" aria-controls="eco-panel-projects">
|
|
<span class="eco-card__icon-wrap" aria-hidden="true">
|
|
<i class="fa-solid fa-diagram-project eco-card__icon"></i>
|
|
</span>
|
|
<span class="eco-card__badge">IDE PROJECTS</span>
|
|
<h3 class="eco-card__title">PMO y servicios de proyectos</h3>
|
|
<p class="eco-card__text">Convertimos iniciativas en resultados, con gobernanza y método.</p>
|
|
<span class="eco-card__cta">
|
|
Explorar unidad <i class="fa-solid fa-arrow-right" aria-hidden="true"></i>
|
|
</span>
|
|
</button>
|
|
</article>
|
|
|
|
<!-- Tarjeta 3: IDE Digital -->
|
|
<article class="eco-card eco-card--digital" role="listitem">
|
|
<button type="button" class="eco-card__btn" data-eco-open="digital"
|
|
aria-expanded="false" aria-controls="eco-panel-digital">
|
|
<span class="eco-card__icon-wrap" aria-hidden="true">
|
|
<i class="fa-solid fa-robot eco-card__icon"></i>
|
|
</span>
|
|
<span class="eco-card__badge">IDE DIGITAL</span>
|
|
<h3 class="eco-card__title">Soluciones digitales de negocio</h3>
|
|
<p class="eco-card__text">Tecnología con sentido: digitalización, automatización e IA aplicada.</p>
|
|
<span class="eco-card__cta">
|
|
Explorar unidad <i class="fa-solid fa-arrow-right" aria-hidden="true"></i>
|
|
</span>
|
|
</button>
|
|
</article>
|
|
|
|
<!-- Tarjeta 4: IDE Academy (navega a academy.html) -->
|
|
<article class="eco-card eco-card--academy" role="listitem">
|
|
<a class="eco-card__btn" href="ide-academy.html" aria-label="Ir a IDE Academy">
|
|
<span class="eco-card__icon-wrap" aria-hidden="true">
|
|
<i class="fa-solid fa-graduation-cap eco-card__icon"></i>
|
|
</span>
|
|
<span class="eco-card__badge">IDE ACADEMY</span>
|
|
<h3 class="eco-card__title">Formación y desarrollo de capacidades</h3>
|
|
<p class="eco-card__text">Programas in-company para transformar conocimiento en acción.</p>
|
|
<span class="eco-card__cta">
|
|
Ver página completa <i class="fa-solid fa-arrow-up-right-from-square" aria-hidden="true"></i>
|
|
</span>
|
|
</a>
|
|
</article>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<!-- ============ ESTADO 2: UNIDAD EXPANDIDA ============ -->
|
|
<div class="eco-state eco-state--unit" data-eco-state="unit" hidden>
|
|
|
|
<!-- Botón volver + pills -->
|
|
<div class="eco-unit__topbar">
|
|
<button type="button" class="eco-unit__back" data-eco-close>
|
|
<i class="fa-solid fa-arrow-left" aria-hidden="true"></i>
|
|
<span>Volver al ecosistema</span>
|
|
</button>
|
|
|
|
<nav class="eco-unit__nav" aria-label="Cambiar de unidad">
|
|
<button type="button" class="eco-pill eco-pill--excellence" data-eco-open="excellence">Excellence</button>
|
|
<button type="button" class="eco-pill eco-pill--projects" data-eco-open="projects">Projects</button>
|
|
<button type="button" class="eco-pill eco-pill--digital" data-eco-open="digital">Digital</button>
|
|
<a class="eco-pill eco-pill--academy" href="ide-academy.html">Academy <i class="fa-solid fa-arrow-up-right-from-square" aria-hidden="true"></i></a>
|
|
</nav>
|
|
</div>
|
|
|
|
<div class="eco-panels">
|
|
|
|
<!-- ============ PANEL: EXCELLENCE ============ -->
|
|
<article class="eco-panel eco-panel--excellence" id="eco-panel-excellence" data-eco-panel="excellence" hidden>
|
|
|
|
<!-- Imagen de fondo -->
|
|
<div class="eco-panel__media" aria-hidden="true">
|
|
<img src="assets/img/ecosistema/excellence.jpg" alt="" loading="lazy" decoding="async">
|
|
</div>
|
|
|
|
<!-- Overlay con gradiente del color de la unidad -->
|
|
<div class="eco-panel__overlay" aria-hidden="true"></div>
|
|
|
|
<div class="eco-panel__grid">
|
|
<div class="eco-panel__main">
|
|
<span class="eco-panel__brand">IDE EXCELLENCE</span>
|
|
<h2 class="eco-panel__title">Fortalecer la gestión para mejorar el desempeño.</h2>
|
|
<p class="eco-panel__lead">
|
|
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. 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>
|
|
|
|
<aside class="eco-panel__side" aria-label="Capacidades de IDE Excellence">
|
|
<h3 class="eco-panel__side-title">Nuestras capacidades</h3>
|
|
<ul class="eco-panel__list">
|
|
<li>
|
|
<span class="eco-panel__li-icon"><i class="fa-solid fa-gears"></i></span>
|
|
<div>
|
|
<strong>Excelencia operacional</strong>
|
|
<p>Procesos, cadenas de valor, eficiencia, desempeño e indicadores.</p>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<span class="eco-panel__li-icon"><i class="fa-solid fa-certificate"></i></span>
|
|
<div>
|
|
<strong>Sistemas de gestión</strong>
|
|
<p>ISO 9001, 14001, 45001, 29001, 39001, 22000, 21001, 29993, 30401 e integrados.</p>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<span class="eco-panel__li-icon"><i class="fa-solid fa-leaf"></i></span>
|
|
<div>
|
|
<strong>Sostenibilidad</strong>
|
|
<p>Criterios ASG, ODS, impactos, objetivos e indicadores.</p>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<span class="eco-panel__li-icon"><i class="fa-solid fa-shield-halved"></i></span>
|
|
<div>
|
|
<strong>Riesgos y mejora</strong>
|
|
<p>Identificación, evaluación, tratamiento y mejora del desempeño.</p>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</aside>
|
|
</div>
|
|
|
|
<div class="eco-panel__strip" aria-label="Cómo agregamos valor">
|
|
<h4 class="eco-panel__strip-title">Cómo agregamos valor</h4>
|
|
<div class="eco-panel__strip-grid">
|
|
<div class="eco-mini"><i class="fa-solid fa-diagram-project"></i><span>Procesos claros</span></div>
|
|
<div class="eco-mini"><i class="fa-solid fa-certificate"></i><span>ISO integradas</span></div>
|
|
<div class="eco-mini"><i class="fa-solid fa-shield-halved"></i><span>Riesgos gestionados</span></div>
|
|
<div class="eco-mini"><i class="fa-solid fa-chart-line"></i><span>Mejora sostenida</span></div>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
|
|
<!-- ============ PANEL: PROJECTS ============ -->
|
|
<article class="eco-panel eco-panel--projects" id="eco-panel-projects" data-eco-panel="projects" hidden>
|
|
|
|
<div class="eco-panel__media" aria-hidden="true">
|
|
<img src="assets/img/ecosistema/projects2.jpg" alt="" loading="lazy" decoding="async">
|
|
</div>
|
|
|
|
<div class="eco-panel__overlay" aria-hidden="true"></div>
|
|
|
|
<div class="eco-panel__bg" aria-hidden="true">
|
|
<svg viewBox="0 0 1200 600" preserveAspectRatio="none">
|
|
<path d="M-100,450 C200,250 400,600 700,350 C900,200 1100,400 1300,250" />
|
|
<path d="M-100,150 C150,0 400,250 650,100 C900,-50 1100,200 1300,50" />
|
|
</svg>
|
|
</div>
|
|
|
|
<div class="eco-panel__grid">
|
|
<div class="eco-panel__main">
|
|
<span class="eco-panel__brand">IDE PROJECTS</span>
|
|
<h2 class="eco-panel__title">Convertir iniciativas en resultados.</h2>
|
|
<p class="eco-panel__lead">
|
|
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. 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>
|
|
|
|
<aside class="eco-panel__side" aria-label="Capacidades de IDE Projects">
|
|
<h3 class="eco-panel__side-title">Nuestras capacidades</h3>
|
|
<ul class="eco-panel__list">
|
|
<li>
|
|
<span class="eco-panel__li-icon"><i class="fa-solid fa-diagram-project"></i></span>
|
|
<div>
|
|
<strong>Gestión de proyectos</strong>
|
|
<p>Alcance, plazos, costos, recursos, riesgos, stakeholders y resultados.</p>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<span class="eco-panel__li-icon"><i class="fa-solid fa-building-columns"></i></span>
|
|
<div>
|
|
<strong>PMO — Oficinas de proyectos</strong>
|
|
<p>Diseño, implementación y fortalecimiento según madurez y estrategia.</p>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<span class="eco-panel__li-icon"><i class="fa-solid fa-layer-group"></i></span>
|
|
<div>
|
|
<strong>Programas y portafolios</strong>
|
|
<p>Priorización, asignación de recursos e interdependencias alineadas a la estrategia.</p>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<span class="eco-panel__li-icon"><i class="fa-solid fa-toolbox"></i></span>
|
|
<div>
|
|
<strong>Metodologías y gobernanza</strong>
|
|
<p>Marcos predictivos, ágiles o híbridos adaptados a cada contexto.</p>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</aside>
|
|
</div>
|
|
|
|
<div class="eco-panel__strip" aria-label="Cómo agregamos valor">
|
|
<h4 class="eco-panel__strip-title">Cómo agregamos valor</h4>
|
|
<div class="eco-panel__strip-grid">
|
|
<div class="eco-mini"><i class="fa-solid fa-bullseye"></i><span>Planificación estratégica</span></div>
|
|
<div class="eco-mini"><i class="fa-solid fa-gears"></i><span>Ejecución eficiente</span></div>
|
|
<div class="eco-mini"><i class="fa-solid fa-chart-column"></i><span>Control de resultados</span></div>
|
|
<div class="eco-mini"><i class="fa-solid fa-users"></i><span>Equipos de alto desempeño</span></div>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
|
|
<!-- ============ PANEL: DIGITAL ============ -->
|
|
<article class="eco-panel eco-panel--digital" id="eco-panel-digital" data-eco-panel="digital" hidden>
|
|
|
|
<div class="eco-panel__media" aria-hidden="true">
|
|
<img src="assets/img/ecosistema/digital2.jpg" alt="" loading="lazy" decoding="async">
|
|
</div>
|
|
|
|
<div class="eco-panel__overlay" aria-hidden="true"></div>
|
|
|
|
<div class="eco-panel__bg" aria-hidden="true">
|
|
<svg viewBox="0 0 1200 600" preserveAspectRatio="none">
|
|
<path d="M-100,520 C200,320 400,670 700,420 C900,270 1100,470 1300,320" />
|
|
<path d="M-100,220 C150,70 400,320 650,170 C900,20 1100,270 1300,120" />
|
|
</svg>
|
|
</div>
|
|
|
|
<div class="eco-panel__grid">
|
|
<div class="eco-panel__main">
|
|
<span class="eco-panel__brand">IDE DIGITAL</span>
|
|
<h2 class="eco-panel__title">Tecnología con sentido.</h2>
|
|
<p class="eco-panel__lead">
|
|
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. 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>
|
|
|
|
<aside class="eco-panel__side" aria-label="Capacidades de IDE Digital">
|
|
<h3 class="eco-panel__side-title">Nuestras capacidades</h3>
|
|
<ul class="eco-panel__list">
|
|
<li>
|
|
<span class="eco-panel__li-icon"><i class="fa-solid fa-laptop-code"></i></span>
|
|
<div>
|
|
<strong>Digitalización de procesos</strong>
|
|
<p>Menos tareas manuales, mejor trazabilidad y disponibilidad de la información.</p>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<span class="eco-panel__li-icon"><i class="fa-solid fa-arrows-spin"></i></span>
|
|
<div>
|
|
<strong>Automatización e integración</strong>
|
|
<p>Reducimos tareas repetitivas, errores y puntos de fricción.</p>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<span class="eco-panel__li-icon"><i class="fa-solid fa-brain"></i></span>
|
|
<div>
|
|
<strong>IA aplicada</strong>
|
|
<p>Casos de uso vinculados a gestión, operación, análisis y conocimiento.</p>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<span class="eco-panel__li-icon"><i class="fa-solid fa-chart-pie"></i></span>
|
|
<div>
|
|
<strong>Datos para decidir</strong>
|
|
<p>Información integrada y visual para fortalecer la toma de decisiones.</p>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</aside>
|
|
</div>
|
|
|
|
<div class="eco-panel__strip" aria-label="Cómo agregamos valor">
|
|
<h4 class="eco-panel__strip-title">Cómo agregamos valor</h4>
|
|
<div class="eco-panel__strip-grid">
|
|
<div class="eco-mini"><i class="fa-solid fa-magnifying-glass-chart"></i><span>Oportunidades priorizadas</span></div>
|
|
<div class="eco-mini"><i class="fa-solid fa-laptop-code"></i><span>Procesos digitalizados</span></div>
|
|
<div class="eco-mini"><i class="fa-solid fa-robot"></i><span>Automatización útil</span></div>
|
|
<div class="eco-mini"><i class="fa-solid fa-brain"></i><span>IA con propósito</span></div>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
|
|
</div><!-- /.eco-panels -->
|
|
</div><!-- /.eco-state--unit -->
|
|
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Seccion 3: 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>
|
|
|
|
<!-- Sección 4: CTA -->
|
|
<section class="section-padding-xs herobg-5">
|
|
<div class="container container-wide">
|
|
<div class="hero-grid">
|
|
<div>
|
|
|
|
<h2 style="margin-bottom: 0.8rem; line-height: 1.1; color: white;">
|
|
Una única solución no siempre <br>encaja para todos los desafíos.
|
|
</h2>
|
|
<p class="lead-text" style="margin-bottom: 2.5rem; color: white;">
|
|
Integramos las capacidades necesarias para diseñar una respuesta que tenga sentido para tu organización y su contexto.
|
|
</p>
|
|
|
|
<!-- Hero Actions -->
|
|
<div class="hero-actions" style="display: flex; gap: 1rem; flex-wrap: wrap; align-items: center;">
|
|
<a href="contacto.html" class="btn btn-primary btn-cta-unificado"
|
|
style="border-radius: 50px; display: flex; align-items: center; gap: 0.5rem; padding: 0.75rem 1.5rem;">
|
|
HABLEMOS
|
|
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
|
|
stroke-linecap="round" stroke-linejoin="round">
|
|
<circle cx="12" cy="12" r="10"></circle>
|
|
<polyline points="12 16 16 12 12 8"></polyline>
|
|
<line x1="8" y1="12" x2="16" y2="12"></line>
|
|
</svg>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="hero-visual"
|
|
style="width: 100%; height: 300px; position: relative; display: flex; justify-content: center; align-items: center;">
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
</main>
|
|
|
|
<footer id="site-footer"></footer>
|
|
<script src="js/main.js"></script>
|
|
<script src="js/netschema.js"></script>
|
|
<script src="js/ecosistema.js"></script>
|
|
</body>
|
|
</html>
|