Files
IDE-Demo-B/soluciones.html

967 lines
49 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>Soluciones Concretas | IDE Consultores</title>
<meta name="description" content="Servicios específicos de consultoría: Certificación ISO 9001/14001/45001/21001, PMO, Capacitación In-Company e Inteligencia Artificial en Procesos.">
<meta property="og:title" content="Soluciones Concretas | IDE Consultores">
<meta property="og:description" content="Encontrá respuestas concretas a requerimientos específicos: ISO, gestión de proyectos, formación y tecnología.">
<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/soluciones.css">
</head>
<body>
<header id="site-header"></header>
<main>
<!-- Header Soluciones -->
<section class="section-padding herobg-4">
<div class="container">
<div style="display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: center;">
<div>
<span class="eyebrow" style="text-transform: uppercase;">SOLUCIONES</span>
<h1 style="margin-bottom: 1.25rem; color:white">
De la necesidad a los resultados concretos.
</h1>
<p class="lead-text" style="color:white">
Soluciones integradas de gestión, proyectos, tecnología y desarrollo de capacidades para que tu organización avance.
</p>
<a href="contacto.html" class="btn btn-cta-unificado"
style="border-radius: 50px; align-items: center; gap: 0.5rem; margin-top: 1.5rem; display: inline-flex;">
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>
</section>
<!-- Seccion 2: Soluciones -->
<section class="section-padding contact-parallax-section">
<div class="parallax-wrapper" aria-hidden="true">
<div id="contact-parallax-bg" class="parallax-bg-layer2"></div>
<div class="parallax-overlay"></div>
</div>
<div class="container">
<div class="grid-4">
<!-- Solución 1: Sistemas de Gestión -->
<div class="solucion-card solucion-card--gestion"
data-open-modal="modal-sistemas-gestion"
tabindex="0"
role="button"
aria-label="Ver más sobre Sistemas de Gestión y Certificaciones">
<div class="solucion-card__header">
<div class="solucion-card__wave"></div>
<i class="fa-solid fa-award solucion-card__icon"></i>
</div>
<div class="solucion-card__body">
<h3 class="solucion-card__title">Sistema de gestión y certificaciones</h3>
<p class="solucion-card__subtitle">Para convertir requisitos en herramientas de gestión.</p>
<a href="contacto.html" class="btn btn-cta-outline" style="max-width: 100px;" aria-label="Contactar sobre Sistemas de Gestión">
<i class="fa-solid fa-arrow-right"></i>
</a>
</div>
</div>
<!-- Solución 2: Procesos y Mejora Organizacional -->
<div class="solucion-card solucion-card--capacidades"
data-open-modal="modal-procesos-mejora"
tabindex="0"
role="button"
aria-label="Ver más sobre Procesos y Mejora Organizacional">
<div class="solucion-card__header">
<div class="solucion-card__wave"></div>
<i class="fa-solid fa-diagram-predecessor solucion-card__icon"></i>
</div>
<div class="solucion-card__body">
<h3 class="solucion-card__title">Procesos y mejora organizacional</h3>
<p class="solucion-card__subtitle">Para transformar la forma en que la organización funciona.</p>
<a href="contacto.html" class="btn btn-cta-outline" style="max-width: 100px;" aria-label="Contactar sobre Procesos y Mejora">
<i class="fa-solid fa-arrow-right"></i>
</a>
</div>
</div>
<!-- Solución 3: Proyectos y PMO -->
<div class="solucion-card solucion-card--procesos"
data-open-modal="modal-proyectos-pmo"
tabindex="0"
role="button"
aria-label="Ver más sobre Proyectos y PMO">
<div class="solucion-card__header">
<div class="solucion-card__wave"></div>
<i class="fa-solid fa-diagram-project solucion-card__icon"></i>
</div>
<div class="solucion-card__body">
<h3 class="solucion-card__title">Proyectos y PMO</h3>
<p class="solucion-card__subtitle">Para convertir iniciativas estratégicas en resultados.</p>
<a href="contacto.html" class="btn btn-cta-outline" style="max-width: 100px;" aria-label="Contactar sobre Proyectos y PMO">
<i class="fa-solid fa-arrow-right"></i>
</a>
</div>
</div>
<!-- Solución 4: Desarrollo de Capacidades -->
<div class="solucion-card solucion-card--proyectos"
data-open-modal="modal-desarrollo-capacidades"
tabindex="0"
role="button"
aria-label="Ver más sobre Desarrollo de Capacidades">
<div class="solucion-card__header">
<div class="solucion-card__wave"></div>
<i class="fa-solid fa-book-bookmark solucion-card__icon"></i>
</div>
<div class="solucion-card__body">
<h3 class="solucion-card__title">Desarrollo de Capacidades</h3>
<p class="solucion-card__subtitle">Para transformar conocimiento en capacidad de acción.</p>
<a href="contacto.html" class="btn btn-cta-outline" style="max-width: 100px;" aria-label="Contactar sobre Desarrollo de Capacidades">
<i class="fa-solid fa-arrow-right"></i>
</a>
</div>
</div>
<!-- Solución 5: Transformación Digital e IA -->
<div class="solucion-card solucion-card--digital"
data-open-modal="modal-transformacion-digital"
tabindex="0"
role="button"
aria-label="Ver más sobre Transformación Digital e IA">
<div class="solucion-card__header">
<div class="solucion-card__wave"></div>
<i class="fa-solid fa-robot solucion-card__icon"></i>
</div>
<div class="solucion-card__body">
<h3 class="solucion-card__title">Transformación digital e IA</h3>
<p class="solucion-card__subtitle">Para poner la tecnología al servicio de la gestión.</p>
<a href="contacto.html" class="btn btn-cta-outline" style="max-width: 100px;" aria-label="Contactar sobre Transformación Digital">
<i class="fa-solid fa-arrow-right"></i>
</a>
</div>
</div>
<!-- Solución 6: Educación y Gobierno -->
<div class="solucion-card solucion-card--estrategia"
data-open-modal="modal-educacion-gobierno"
tabindex="0"
role="button"
aria-label="Ver más sobre Educación y Gobierno">
<div class="solucion-card__header">
<div class="solucion-card__wave"></div>
<i class="fa-solid fa-chalkboard-user solucion-card__icon"></i>
</div>
<div class="solucion-card__body">
<h3 class="solucion-card__title">Educación y gobierno</h3>
<p class="solucion-card__subtitle">Para transformar conocimiento, procesos y capacidades en mejoras.</p>
<a href="contacto.html" class="btn btn-cta-outline" style="max-width: 100px;" aria-label="Contactar sobre Educación y Gobierno">
<i class="fa-solid fa-arrow-right"></i>
</a>
</div>
</div>
<!-- Solución 7: Soluciones Sectoriales -->
<div class="solucion-card solucion-card--sectorial"
data-open-modal="modal-soluciones-sectoriales"
tabindex="0"
role="button"
aria-label="Ver más sobre Soluciones Sectoriales">
<div class="solucion-card__header">
<div class="solucion-card__wave"></div>
<i class="fa-solid fa-clipboard-question solucion-card__icon"></i>
</div>
<div class="solucion-card__body">
<h3 class="solucion-card__title">Soluciones sectoriales</h3>
<p class="solucion-card__subtitle">Para responder a desafíos que requieren conocimiento del contexto.</p>
<a href="contacto.html" class="btn btn-cta-outline" style="max-width: 100px;" aria-label="Contactar sobre Soluciones Sectoriales">
<i class="fa-solid fa-arrow-right"></i>
</a>
</div>
</div>
<!-- Solución 8: A medida (DIRIGE A CONTACTO) -->
<div class="solucion-card solucion-card--medida">
<div class="solucion-card__header">
<div class="solucion-card__wave"></div>
<i class="fa-solid fa-puzzle-piece solucion-card__icon"></i>
</div>
<div class="solucion-card__body">
<h3 class="solucion-card__title">A medida</h3>
<p class="solucion-card__subtitle">Contactanos si necesitas soluciones específicas.</p>
<a href="contacto.html" class="btn btn-cta-outline" style="max-width: 100px;" aria-label="Contactar sobre Soluciones a Medida">
<i class="fa-solid fa-arrow-right"></i>
</a>
</div>
</div>
</div>
</div>
</section>
<!-- Sección 3: Soluciones Relacionadas -->
<section class="section-padding bg2">
<div class="container">
<!-- Header -->
<div class="soluciones-relacionadas__header">
<span class="eyebrow">SOLUCIONES RELACIONADAS</span>
<h2>
Potenciamos el impacto integrando capacidades.
</h2>
</div>
<!-- Grid: 4 tarjetas + texto lateral -->
<div class="soluciones-relacionadas__grid">
<!-- Tarjeta 1: IDE Excellence (Verde Menta) -->
<article class="relacionada-card relacionada-card--excellence">
<div class="relacionada-card__brand">
<img src="assets/logos/excellence.png" alt="Logo de IDE Excellence" style="width: 100px; height: auto;">
</div>
<p class="relacionada-card__text">
Sistemas de gestión y mejora continua
</p>
<a href="ecosistema.html#eco-excellence" class="relacionada-card__btn" aria-label="Ver más sobre IDE Excellence">
<i class="fa-solid fa-arrow-right"></i>
</a>
</article>
<!-- Tarjeta 2: IDE Projects (Melocotón) -->
<article class="relacionada-card relacionada-card--projects">
<div class="relacionada-card__brand">
<img src="assets/logos/projects.png" alt="Logo de IDE Projects" style="width: 100px; height: auto;">
</div>
<p class="relacionada-card__text">
Implementación de proyectos de mejora
</p>
<a href="ecosistema.html#eco-projects" class="relacionada-card__btn" aria-label="Ver más sobre IDE Projects">
<i class="fa-solid fa-arrow-right"></i>
</a>
</article>
<!-- Tarjeta 3: IDE Digital (Lavanda) -->
<article class="relacionada-card relacionada-card--digital">
<div class="relacionada-card__brand">
<img src="assets/logos/digital.png" alt="Logo de IDE Digital" style="width: 100px; height: auto;">
</div>
<p class="relacionada-card__text">
Automatización y soluciones digitales
</p>
<a href="ecosistema.html#eco-digital" class="relacionada-card__btn" aria-label="Ver más sobre IDE Digital">
<i class="fa-solid fa-arrow-right"></i>
</a>
</article>
<!-- Tarjeta 4: IDE Academy (Rosa) -->
<article class="relacionada-card relacionada-card--academy">
<div class="relacionada-card__brand">
<img src="assets/logos/academy.png" alt="Logo de IDE Academy" style="width: 100px; height: auto;">
</div>
<p class="relacionada-card__text">
Formación en gestión por procesos
</p>
<a href="ide-academy.html" class="relacionada-card__btn" aria-label="Ver más sobre IDE Academy">
<i class="fa-solid fa-arrow-right"></i>
</a>
</article>
<!-- Texto lateral -->
<div class="soluciones-relacionadas__aside">
<p class="body-text">
Cuando suma valor, integramos capacidades del Ecosistema IDE para una solución más completa y sostenible.
</p>
</div>
</div>
</div>
</section>
<!-- Sección 4: CTA -->
<section class="section-padding-sm herobg-2c">
<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>
<div class="hero-actions" style="display: flex; gap: 1rem; flex-wrap: wrap; align-items: center;">
<a href="contacto.html" class="btn 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: 400px; position: relative; display: flex; justify-content: center; align-items: center;">
</div>
</div>
</div>
</section>
<!-- ========================================================= -->
<!-- MODAL: Sistemas de Gestión y Certificaciones (Solución 1) -->
<!-- ========================================================= -->
<div id="modal-sistemas-gestion" class="modal-backdrop" role="dialog" aria-modal="true" aria-labelledby="modal-sg-title">
<div class="modal-infografia modal-infografia--gestion">
<button class="modal-close-btn" aria-label="Cerrar modal">✕</button>
<div class="modal-infografia__header">
<div class="modal-infografia__wave"></div>
<i class="fa-solid fa-award modal-infografia__header-icon"></i>
<h2 id="modal-sg-title" class="modal-infografia__header-title">
Sistemas de Gestión y Certificaciones
</h2>
<p class="modal-infografia__header-subtitle">
Convertimos requisitos en herramientas de gestión
</p>
</div>
<div class="modal-infografia__body">
<div class="normas-grid">
<div class="norma-card">
<div class="norma-card__icon"><i class="fa-solid fa-award"></i></div>
<div class="norma-card__content">
<h4 class="norma-card__title">ISO 9001</h4>
<p class="norma-card__subtitle">Gestión de la Calidad</p>
<p class="norma-card__text">Sistemas de gestión orientados a fortalecer procesos, satisfacción del cliente, desempeño y mejora continua.</p>
</div>
</div>
<div class="norma-card">
<div class="norma-card__icon"><i class="fa-solid fa-leaf"></i></div>
<div class="norma-card__content">
<h4 class="norma-card__title">ISO 14001</h4>
<p class="norma-card__subtitle">Gestión Ambiental</p>
<p class="norma-card__text">Gestión de aspectos e impactos ambientales integrada a los procesos y decisiones de la organización.</p>
</div>
</div>
<div class="norma-card">
<div class="norma-card__icon"><i class="fa-solid fa-shield-heart"></i></div>
<div class="norma-card__content">
<h4 class="norma-card__title">ISO 45001</h4>
<p class="norma-card__subtitle">Seguridad y Salud en el Trabajo</p>
<p class="norma-card__text">Gestión sistemática de riesgos de SST, prevención y mejora del desempeño.</p>
</div>
</div>
<div class="norma-card">
<div class="norma-card__icon"><i class="fa-solid fa-graduation-cap"></i></div>
<div class="norma-card__content">
<h4 class="norma-card__title">ISO 21001</h4>
<p class="norma-card__subtitle">Organizaciones Educativas</p>
<p class="norma-card__text">Sistema de gestión para organizaciones educativas orientado a fortalecer sus procesos.</p>
</div>
</div>
<div class="norma-card">
<div class="norma-card__icon"><i class="fa-solid fa-book-open"></i></div>
<div class="norma-card__content">
<h4 class="norma-card__title">ISO 29993</h4>
<p class="norma-card__subtitle">Servicios de Aprendizaje</p>
<p class="norma-card__text">Requisitos para fortalecer la calidad, diseño, prestación y evaluación de servicios de aprendizaje fuera de la educación formal.</p>
</div>
</div>
</div>
<div class="destacados-grid">
<div class="destacado-card destacado-card--integrados">
<div class="destacado-card__icon"><i class="fa-solid fa-puzzle-piece"></i></div>
<div class="destacado-card__content">
<h4 class="destacado-card__title">Sistemas Integrados de Gestión</h4>
<p class="destacado-card__text">Integración de diferentes normas y referenciales bajo una arquitectura común para gestionar el conjunto.</p>
</div>
</div>
<div class="destacado-card destacado-card--auditorias">
<div class="destacado-card__icon"><i class="fa-solid fa-clipboard-check"></i></div>
<div class="destacado-card__content">
<h4 class="destacado-card__title">Auditorías y preparación para la certificación</h4>
<p class="destacado-card__text">Diagnóstico de brechas, auditorías internas, tratamiento de hallazgos y acompañamiento para implementar sistemas y certificaciones.</p>
</div>
</div>
</div>
</div>
<div class="modal-infografia__footer">
<a href="contacto.html" class="btn btn-primary btn-cta-unificado modal-infografia__cta">
HABLEMOS
<i class="fa-solid fa-arrow-right"></i>
</a>
</div>
</div>
</div>
<!-- ========================================================= -->
<!-- MODAL: Procesos y Mejora Organizacional (Solución 2) -->
<!-- ========================================================= -->
<div id="modal-procesos-mejora" class="modal-backdrop" role="dialog" aria-modal="true" aria-labelledby="modal-pm-title">
<div class="modal-infografia modal-infografia--capacidades">
<button class="modal-close-btn" aria-label="Cerrar modal">✕</button>
<div class="modal-infografia__header">
<div class="modal-infografia__wave"></div>
<i class="fa-solid fa-diagram-predecessor modal-infografia__header-icon"></i>
<h2 id="modal-pm-title" class="modal-infografia__header-title">
Procesos y Mejora Organizacional
</h2>
<p class="modal-infografia__header-subtitle">
Transformamos la forma en que la organización funciona
</p>
</div>
<div class="modal-infografia__body">
<p class="modal-infografia__intro">
Diseñamos e implementamos mejoras en los procesos y en la estructura organizacional para
que el trabajo fluya de manera más eficiente, con responsabilidades claras y decisiones
basadas en información confiable.
</p>
<div class="normas-grid">
<div class="norma-card">
<div class="norma-card__icon"><i class="fa-solid fa-diagram-project"></i></div>
<div class="norma-card__content">
<h4 class="norma-card__title">Gestión por procesos</h4>
<p class="norma-card__subtitle">Comprender el flujo de trabajo</p>
<p class="norma-card__text">Identificación, diseño y mejora de procesos para comprender cómo fluye el trabajo y cómo cada proceso contribuye a los resultados.</p>
</div>
</div>
<div class="norma-card">
<div class="norma-card__icon"><i class="fa-solid fa-arrows-spin"></i></div>
<div class="norma-card__content">
<h4 class="norma-card__title">Optimización y mejora continua</h4>
<p class="norma-card__subtitle">Lean y 5S</p>
<p class="norma-card__text">5S, Lean management, análisis de oportunidades, desperdicios, retrabajos y puntos críticos para diseñar mejoras sostenibles.</p>
</div>
</div>
<div class="norma-card">
<div class="norma-card__icon"><i class="fa-solid fa-chart-line"></i></div>
<div class="norma-card__content">
<h4 class="norma-card__title">Indicadores y tableros de gestión</h4>
<p class="norma-card__subtitle">Datos para decidir</p>
<p class="norma-card__text">Diseño de indicadores y sistemas de seguimiento que transforman datos en información útil para decidir.</p>
</div>
</div>
<div class="norma-card">
<div class="norma-card__icon"><i class="fa-solid fa-triangle-exclamation"></i></div>
<div class="norma-card__content">
<h4 class="norma-card__title">Gestión de riesgos y oportunidades</h4>
<p class="norma-card__subtitle">Anticipar y actuar</p>
<p class="norma-card__text">Identificación, evaluación y tratamiento de riesgos y oportunidades vinculados con objetivos, procesos y decisiones.</p>
</div>
</div>
<div class="norma-card">
<div class="norma-card__icon"><i class="fa-solid fa-sitemap"></i></div>
<div class="norma-card__content">
<h4 class="norma-card__title">Diseño organizacional y roles</h4>
<p class="norma-card__subtitle">Claridad para coordinar</p>
<p class="norma-card__text">Clarificación de responsabilidades, autoridades e interfaces para mejorar coordinación y funcionamiento.</p>
</div>
</div>
<div class="norma-card">
<div class="norma-card__icon"><i class="fa-solid fa-database"></i></div>
<div class="norma-card__content">
<h4 class="norma-card__title">Gestión de información y conocimiento</h4>
<p class="norma-card__subtitle">Continuidad y aprendizaje</p>
<p class="norma-card__text">Organización de información, documentación y conocimiento crítico para reducir dependencia de personas y facilitar continuidad y aprendizaje.</p>
</div>
</div>
</div>
</div>
<div class="modal-infografia__footer">
<a href="contacto.html" class="btn btn-primary btn-cta-unificado modal-infografia__cta">
HABLEMOS
<i class="fa-solid fa-arrow-right"></i>
</a>
</div>
</div>
</div>
<!-- ========================================================= -->
<!-- MODAL: Proyectos y PMO (Solución 3) -->
<!-- ========================================================= -->
<div id="modal-proyectos-pmo" class="modal-backdrop" role="dialog" aria-modal="true" aria-labelledby="modal-pp-title">
<div class="modal-infografia modal-infografia--procesos">
<button class="modal-close-btn" aria-label="Cerrar modal">✕</button>
<div class="modal-infografia__header">
<div class="modal-infografia__wave"></div>
<i class="fa-solid fa-diagram-project modal-infografia__header-icon"></i>
<h2 id="modal-pp-title" class="modal-infografia__header-title">
Proyectos y PMO
</h2>
<p class="modal-infografia__header-subtitle">
Convertimos iniciativas estratégicas en resultados
</p>
</div>
<div class="modal-infografia__body">
<p class="modal-infografia__intro">
Acompañamos a las organizaciones en el diseño, ejecución y recuperación de proyectos,
así como en la creación de oficinas de gestión de proyectos (PMO) adaptadas a su nivel
de madurez y necesidades.
</p>
<div class="normas-grid">
<div class="norma-card">
<div class="norma-card__icon"><i class="fa-solid fa-diagram-project"></i></div>
<div class="norma-card__content">
<h4 class="norma-card__title">Gestión de Proyectos</h4>
<p class="norma-card__subtitle">Del inicio al cierre</p>
<p class="norma-card__text">Diseño y acompañamiento de proyectos desde la definición de objetivos y alcance hasta su ejecución, seguimiento y cierre.</p>
</div>
</div>
<div class="norma-card">
<div class="norma-card__icon"><i class="fa-solid fa-building-columns"></i></div>
<div class="norma-card__content">
<h4 class="norma-card__title">Diseño e implementación de PMO</h4>
<p class="norma-card__subtitle">Oficinas de proyectos</p>
<p class="norma-card__text">Creación o fortalecimiento de oficinas en gestión de proyectos adaptadas al nivel de madurez y necesidades de cada organización.</p>
</div>
</div>
<div class="norma-card">
<div class="norma-card__icon"><i class="fa-solid fa-chart-simple"></i></div>
<div class="norma-card__content">
<h4 class="norma-card__title">Diagnóstico de madurez</h4>
<p class="norma-card__subtitle">Evaluar para mejorar</p>
<p class="norma-card__text">Evaluación de prácticas, capacidades y gobernanza para identificar brechas y definir una hoja de ruta de mejora.</p>
</div>
</div>
<div class="norma-card">
<div class="norma-card__icon"><i class="fa-solid fa-layer-group"></i></div>
<div class="norma-card__content">
<h4 class="norma-card__title">Gestión de portafolios y priorización</h4>
<p class="norma-card__subtitle">Invertir donde importa</p>
<p class="norma-card__text">Criterios y herramientas para seleccionar, priorizar y monitorear iniciativas según estrategia, recursos y valor esperado.</p>
</div>
</div>
<div class="norma-card">
<div class="norma-card__icon"><i class="fa-solid fa-life-ring"></i></div>
<div class="norma-card__content">
<h4 class="norma-card__title">Recuperación de proyectos</h4>
<p class="norma-card__subtitle">Reencauzar iniciativas</p>
<p class="norma-card__text">Análisis de proyectos con desvíos para redefinir prioridades, gobernanza, planificación y mecanismos de seguimiento.</p>
</div>
</div>
<div class="norma-card">
<div class="norma-card__icon"><i class="fa-solid fa-toolbox"></i></div>
<div class="norma-card__content">
<h4 class="norma-card__title">Metodologías y herramientas</h4>
<p class="norma-card__subtitle">Predictivo, ágil o híbrido</p>
<p class="norma-card__text">Diseño de marcos de trabajo predictivos, ágiles o híbridos adaptados al contexto de cada organización.</p>
</div>
</div>
</div>
</div>
<div class="modal-infografia__footer">
<a href="contacto.html" class="btn btn-primary btn-cta-unificado modal-infografia__cta">
HABLEMOS
<i class="fa-solid fa-arrow-right"></i>
</a>
</div>
</div>
</div>
<!-- ========================================================= -->
<!-- MODAL: Desarrollo de Capacidades (Solución 4) -->
<!-- ========================================================= -->
<div id="modal-desarrollo-capacidades" class="modal-backdrop" role="dialog" aria-modal="true" aria-labelledby="modal-dc-title">
<div class="modal-infografia modal-infografia--proyectos">
<button class="modal-close-btn" aria-label="Cerrar modal">✕</button>
<div class="modal-infografia__header">
<div class="modal-infografia__wave"></div>
<i class="fa-solid fa-book-bookmark modal-infografia__header-icon"></i>
<h2 id="modal-dc-title" class="modal-infografia__header-title">
Desarrollo de Capacidades
</h2>
<p class="modal-infografia__header-subtitle">
Transformamos conocimiento en capacidad de acción
</p>
</div>
<div class="modal-infografia__body">
<p class="modal-infografia__intro">
Diseñamos programas de formación y desarrollo de personas y equipos para fortalecer
capacidades de gestión, liderazgo, calidad, proyectos y transformación, adaptados a la
realidad de cada organización.
</p>
<div class="normas-grid">
<div class="norma-card">
<div class="norma-card__icon"><i class="fa-solid fa-chalkboard-user"></i></div>
<div class="norma-card__content">
<h4 class="norma-card__title">Formación In-Company</h4>
<p class="norma-card__subtitle">Programas a medida</p>
<p class="norma-card__text">Programas diseñados a partir de las necesidades, desafíos y realidad de cada organización. Formación Ejecutiva.</p>
</div>
</div>
<div class="norma-card">
<div class="norma-card__icon"><i class="fa-solid fa-user-tie"></i></div>
<div class="norma-card__content">
<h4 class="norma-card__title">Liderazgo y gestión</h4>
<p class="norma-card__subtitle">Habilidades directivas</p>
<p class="norma-card__text">Desarrollo de habilidades de liderazgo, comunicación, toma de decisiones y gestión de equipos para fortalecer la conducción organizacional.</p>
</div>
</div>
<div class="norma-card">
<div class="norma-card__icon"><i class="fa-solid fa-graduation-cap"></i></div>
<div class="norma-card__content">
<h4 class="norma-card__title">Formación Ejecutiva</h4>
<p class="norma-card__subtitle">Alto nivel</p>
<p class="norma-card__text">Programas de formación para niveles directivos y mandos medios orientados a fortalecer capacidades estratégicas y de gestión.</p>
</div>
</div>
<div class="norma-card">
<div class="norma-card__icon"><i class="fa-solid fa-people-group"></i></div>
<div class="norma-card__content">
<h4 class="norma-card__title">Powerful Skills</h4>
<p class="norma-card__subtitle">Habilidades clave</p>
<p class="norma-card__text">Desarrollo de habilidades personales y profesionales clave para el desempeño en entornos cambiantes y desafiantes.</p>
</div>
</div>
<div class="norma-card">
<div class="norma-card__icon"><i class="fa-solid fa-gears"></i></div>
<div class="norma-card__content">
<h4 class="norma-card__title">Capacidades técnicas</h4>
<p class="norma-card__subtitle">Calidad, proyectos y más</p>
<p class="norma-card__text">Formación en gestión de calidad, proyectos, procesos, riesgos y otras disciplinas técnicas vinculadas a la mejora organizacional.</p>
</div>
</div>
<div class="norma-card">
<div class="norma-card__icon"><i class="fa-solid fa-puzzle-piece"></i></div>
<div class="norma-card__content">
<h4 class="norma-card__title">Programas a medida</h4>
<p class="norma-card__subtitle">Diseño personalizado</p>
<p class="norma-card__text">Diseño de programas de formación específicos para responder a desafíos concretos de la organización.</p>
</div>
</div>
</div>
</div>
<div class="modal-infografia__footer">
<a href="contacto.html" class="btn btn-primary btn-cta-unificado modal-infografia__cta">
HABLEMOS
<i class="fa-solid fa-arrow-right"></i>
</a>
</div>
</div>
</div>
<!-- ========================================================= -->
<!-- MODAL: Transformación Digital e IA (Solución 5) -->
<!-- ========================================================= -->
<div id="modal-transformacion-digital" class="modal-backdrop" role="dialog" aria-modal="true" aria-labelledby="modal-td-title">
<div class="modal-infografia modal-infografia--digital">
<button class="modal-close-btn" aria-label="Cerrar modal">✕</button>
<div class="modal-infografia__header">
<div class="modal-infografia__wave"></div>
<i class="fa-solid fa-robot modal-infografia__header-icon"></i>
<h2 id="modal-td-title" class="modal-infografia__header-title">
Transformación Digital e IA
</h2>
<p class="modal-infografia__header-subtitle">
Ponemos la tecnología al servicio de la gestión
</p>
</div>
<div class="modal-infografia__body">
<p class="modal-infografia__intro">
Identificamos oportunidades de digitalización, automatización e inteligencia artificial
para simplificar procesos, mejorar el acceso a la información y fortalecer la gestión
organizacional.
</p>
<div class="normas-grid">
<div class="norma-card">
<div class="norma-card__icon"><i class="fa-solid fa-magnifying-glass-chart"></i></div>
<div class="norma-card__content">
<h4 class="norma-card__title">Diagnóstico de oportunidades digitales</h4>
<p class="norma-card__subtitle">Identificar dónde actuar</p>
<p class="norma-card__text">Identificación y priorización de procesos y necesidades donde la tecnología puede aportar mayor valor.</p>
</div>
</div>
<div class="norma-card">
<div class="norma-card__icon"><i class="fa-solid fa-laptop-code"></i></div>
<div class="norma-card__content">
<h4 class="norma-card__title">Digitalización y sistematización</h4>
<p class="norma-card__subtitle">Trazabilidad y eficiencia</p>
<p class="norma-card__text">Transformación de tareas y flujos de información para mejorar trazabilidad, disponibilidad y eficiencia.</p>
</div>
</div>
<div class="norma-card">
<div class="norma-card__icon"><i class="fa-solid fa-robot"></i></div>
<div class="norma-card__content">
<h4 class="norma-card__title">Automatización de procesos</h4>
<p class="norma-card__subtitle">Liberar capacidad</p>
<p class="norma-card__text">Identificación y automatización de tareas repetitivas o de bajo valor para liberar capacidad y reducir errores.</p>
</div>
</div>
<div class="norma-card">
<div class="norma-card__icon"><i class="fa-solid fa-brain"></i></div>
<div class="norma-card__content">
<h4 class="norma-card__title">Inteligencia Artificial aplicada</h4>
<p class="norma-card__subtitle">Casos de uso concretos</p>
<p class="norma-card__text">Identificación y desarrollo de casos de uso de IA vinculados con necesidades concretas de gestión y operación.</p>
</div>
</div>
<div class="norma-card">
<div class="norma-card__icon"><i class="fa-solid fa-chart-pie"></i></div>
<div class="norma-card__content">
<h4 class="norma-card__title">Datos e información para la gestión</h4>
<p class="norma-card__subtitle">Decisiones informadas</p>
<p class="norma-card__text">Estructuración, integración y visualización de información para fortalecer seguimiento y toma de decisiones.</p>
</div>
</div>
<div class="norma-card">
<div class="norma-card__icon"><i class="fa-solid fa-users-gear"></i></div>
<div class="norma-card__content">
<h4 class="norma-card__title">Adopción y capacidades digitales</h4>
<p class="norma-card__subtitle">Personas y equipos</p>
<p class="norma-card__text">Acompañamiento a personas y equipos para incorporar nuevas herramientas y formas de trabajo.</p>
</div>
</div>
</div>
</div>
<div class="modal-infografia__footer">
<a href="contacto.html" class="btn btn-primary btn-cta-unificado modal-infografia__cta">
HABLEMOS
<i class="fa-solid fa-arrow-right"></i>
</a>
</div>
</div>
</div>
<!-- ========================================================= -->
<!-- MODAL: Educación y Gobierno (Solución 6) -->
<!-- ========================================================= -->
<div id="modal-educacion-gobierno" class="modal-backdrop" role="dialog" aria-modal="true" aria-labelledby="modal-eg-title">
<div class="modal-infografia modal-infografia--estrategia">
<button class="modal-close-btn" aria-label="Cerrar modal">✕</button>
<div class="modal-infografia__header">
<div class="modal-infografia__wave"></div>
<i class="fa-solid fa-chalkboard-user modal-infografia__header-icon"></i>
<h2 id="modal-eg-title" class="modal-infografia__header-title">
Educación y Gobierno
</h2>
<p class="modal-infografia__header-subtitle">
Transformamos conocimiento, procesos y capacidades en mejoras
</p>
</div>
<div class="modal-infografia__body">
<p class="modal-infografia__intro">
Acompañamos a organizaciones educativas y del sector público en el fortalecimiento de
sus sistemas de gestión, procesos, proyectos, indicadores y desarrollo de capacidades,
adaptados a su contexto y desafíos específicos.
</p>
<div class="normas-grid">
<div class="norma-card">
<div class="norma-card__icon"><i class="fa-solid fa-award"></i></div>
<div class="norma-card__content">
<h4 class="norma-card__title">Sistemas de gestión y calidad</h4>
<p class="norma-card__subtitle">ISO 21001 · ISO 29993 · ISO 9001</p>
<p class="norma-card__text">Implementación, integración y mejora en sistemas de gestión orientados a fortalecer procesos, resultados y servicios.</p>
</div>
</div>
<div class="norma-card">
<div class="norma-card__icon"><i class="fa-solid fa-brain"></i></div>
<div class="norma-card__content">
<h4 class="norma-card__title">Gestión del conocimiento</h4>
<p class="norma-card__subtitle">ISO 30401</p>
<p class="norma-card__text">Identificación, sistematización, transferencia y preservación del conocimiento crítico para reducir dependencias y fortalecer la continuidad.</p>
</div>
</div>
<div class="norma-card">
<div class="norma-card__icon"><i class="fa-solid fa-chart-line"></i></div>
<div class="norma-card__content">
<h4 class="norma-card__title">Procesos e indicadores</h4>
<p class="norma-card__subtitle">Gestión por procesos</p>
<p class="norma-card__text">Diseño y mejora de procesos académicos, administrativos y de servicios, con indicadores que transformen información en decisiones.</p>
</div>
</div>
<div class="norma-card">
<div class="norma-card__icon"><i class="fa-solid fa-diagram-project"></i></div>
<div class="norma-card__content">
<h4 class="norma-card__title">Proyectos y transformación</h4>
<p class="norma-card__subtitle">Gestión de proyectos</p>
<p class="norma-card__text">Diseño, planificación y gestión de iniciativas de mejora y transformación para convertir objetivos institucionales en resultados.</p>
</div>
</div>
<div class="norma-card">
<div class="norma-card__icon"><i class="fa-solid fa-book-bookmark"></i></div>
<div class="norma-card__content">
<h4 class="norma-card__title">Desarrollo de capacidades</h4>
<p class="norma-card__subtitle">Formación y liderazgo</p>
<p class="norma-card__text">Formación y desarrollo de personas y equipos para fortalecer capacidades de gestión, liderazgo, calidad, proyectos y transformación.</p>
</div>
</div>
<div class="norma-card">
<div class="norma-card__icon"><i class="fa-solid fa-robot"></i></div>
<div class="norma-card__content">
<h4 class="norma-card__title">Transformación digital e IA</h4>
<p class="norma-card__subtitle">Digitalización y automatización</p>
<p class="norma-card__text">Digitalización, automatización y aplicación de IA para simplificar procesos, mejorar el acceso a la información y fortalecer la gestión.</p>
</div>
</div>
</div>
</div>
<div class="modal-infografia__footer">
<a href="contacto.html" class="btn btn-primary btn-cta-unificado modal-infografia__cta">
HABLEMOS
<i class="fa-solid fa-arrow-right"></i>
</a>
</div>
</div>
</div>
<!-- ========================================================= -->
<!-- MODAL: Soluciones Sectoriales (Solución 7) -->
<!-- ========================================================= -->
<div id="modal-soluciones-sectoriales" class="modal-backdrop" role="dialog" aria-modal="true" aria-labelledby="modal-ss-title">
<div class="modal-infografia modal-infografia--sectorial">
<button class="modal-close-btn" aria-label="Cerrar modal">✕</button>
<div class="modal-infografia__header">
<div class="modal-infografia__wave"></div>
<i class="fa-solid fa-clipboard-question modal-infografia__header-icon"></i>
<h2 id="modal-ss-title" class="modal-infografia__header-title">
Soluciones Sectoriales
</h2>
<p class="modal-infografia__header-subtitle">
Respondemos a desafíos que requieren conocimiento del contexto
</p>
</div>
<div class="modal-infografia__body">
<p class="modal-infografia__intro">
Contamos con experiencia y conocimiento específico en distintos sectores para diseñar
soluciones adaptadas a los desafíos, normativas y particularidades de cada industria.
</p>
<div class="normas-grid">
<div class="norma-card">
<div class="norma-card__icon"><i class="fa-solid fa-wheat-awn"></i></div>
<div class="norma-card__content">
<h4 class="norma-card__title">Agro & Alimentos</h4>
<p class="norma-card__subtitle">Trazabilidad e inocuidad</p>
<p class="norma-card__text">Trazabilidad, inocuidad, buenas prácticas, sistemas de gestión, procesos y sostenibilidad para fortalecer organizaciones de la cadena agroalimentaria.</p>
</div>
</div>
<div class="norma-card">
<div class="norma-card__icon"><i class="fa-solid fa-mountain"></i></div>
<div class="norma-card__content">
<h4 class="norma-card__title">Minería & Cadena de Valor</h4>
<p class="norma-card__subtitle">Gestión y proveedores</p>
<p class="norma-card__text">Gestión, procesos, calidad, seguridad, proyectos y desarrollo de proveedores para organizaciones que operan o prestan servicios dentro del ecosistema minero.</p>
</div>
</div>
<div class="norma-card">
<div class="norma-card__icon"><i class="fa-solid fa-truck"></i></div>
<div class="norma-card__content">
<h4 class="norma-card__title">Movilidad, Transporte & Logística</h4>
<p class="norma-card__subtitle">Seguridad vial y flotas</p>
<p class="norma-card__text">Gestión de procesos, seguridad vial, buenas prácticas, flotas e integración de requisitos para organizaciones vinculadas con movilidad, transporte y logística.</p>
</div>
</div>
<div class="norma-card">
<div class="norma-card__icon"><i class="fa-solid fa-industry"></i></div>
<div class="norma-card__content">
<h4 class="norma-card__title">Metalmecánica & Industria</h4>
<p class="norma-card__subtitle">Productividad y confiabilidad</p>
<p class="norma-card__text">Procesos, calidad, seguridad, proyectos y mejora continua para fortalecer productividad, confiabilidad y capacidad de respuesta.</p>
</div>
</div>
<div class="norma-card">
<div class="norma-card__icon"><i class="fa-solid fa-heart-pulse"></i></div>
<div class="norma-card__content">
<h4 class="norma-card__title">Salud</h4>
<p class="norma-card__subtitle">Calidad y seguridad del paciente</p>
<p class="norma-card__text">Gestión por procesos críticos, experiencia del paciente, calidad, seguridad y cumplimiento para fortalecer organizaciones de salud.</p>
</div>
</div>
<div class="norma-card">
<div class="norma-card__icon"><i class="fa-solid fa-building-columns"></i></div>
<div class="norma-card__content">
<h4 class="norma-card__title">Educación & Gobierno</h4>
<p class="norma-card__subtitle">Sistemas y capacidades</p>
<p class="norma-card__text">Sistemas de gestión, procesos, proyectos, indicadores y desarrollo de capacidades adaptados para organizaciones públicas.</p>
</div>
</div>
</div>
</div>
<div class="modal-infografia__footer">
<a href="contacto.html" class="btn btn-primary btn-cta-unificado modal-infografia__cta">
HABLEMOS
<i class="fa-solid fa-arrow-right"></i>
</a>
</div>
</div>
</div>
</main>
<footer id="site-footer"></footer>
<script src="js/main.js"></script>
</body>
</html>