283 lines
17 KiB
HTML
283 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>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">
|
|
</head>
|
|
<body>
|
|
|
|
<header id="site-header"></header>
|
|
|
|
<main>
|
|
|
|
<!-- Header Soluciones -->
|
|
<section class="section-padding hero-video-section" style="background-color: var(--bg-surface); border-bottom: 1px solid var(--border-color); position: relative; overflow: hidden; min-height: 400px;">
|
|
|
|
<!-- Video de fondo -->
|
|
<video autoplay muted loop playsinline style="
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
object-fit: cover;
|
|
opacity: 0.15;
|
|
z-index: 0;
|
|
pointer-events: none;
|
|
">
|
|
<source src="/assets/video/header_ide_loop2.mp4" type="video/mp4">
|
|
Tu navegador no soporta videos.
|
|
</video>
|
|
|
|
<!-- Overlay oscuro opcional para mejor contraste -->
|
|
<div style="
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
background: rgba(19, 167, 138, 0.5);
|
|
z-index: 1;
|
|
"></div>
|
|
|
|
<!-- Contenido -->
|
|
<div class="container container-narrow text-center" style="position: relative; z-index: 2;">
|
|
<span class="eyebrow" style="color: var(--text-main)">IDENTIFIQUEMOS SOLUCIONES</span>
|
|
<h1 style="margin-bottom: 1.25rem; color:var(--text-main);">Soluciones Concretas: Respuestas Específicas</h1>
|
|
<p class="lead-text" style="color:var(--text-main)">
|
|
Si ya identificaste qué necesitás, explorá nuestras soluciones, su alcance y el valor que pueden aportar a tu organización. </p>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Barra de Filtros y Catálogo de Soluciones -->
|
|
<section class="section-padding">
|
|
<div class="container">
|
|
|
|
<!-- Filtros Rápidos -->
|
|
<div class="filters-bar" style="justify-content: center; margin-bottom: 3rem;">
|
|
<button class="filter-btn soluciones-filter-btn active" data-filter="all">Todas las Soluciones</button>
|
|
<button class="filter-btn soluciones-filter-btn" data-filter="iso">Sistemas de Gestión & ISO</button>
|
|
<button class="filter-btn soluciones-filter-btn" data-filter="pmo">PMO & Gestión de Proyectos</button>
|
|
<button class="filter-btn soluciones-filter-btn" data-filter="formacion">Formación & Desarrollo</button>
|
|
<button class="filter-btn soluciones-filter-btn" data-filter="digital">Transformación Digital & IA</button>
|
|
</div>
|
|
|
|
<!-- Grilla de Soluciones -->
|
|
<div class="grid-2" id="soluciones-grid">
|
|
|
|
<!-- Solución 1 -->
|
|
<div class="card solution-card" data-category="iso">
|
|
<div>
|
|
<div style="display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 1rem;">
|
|
<span class="ecosystem-badge badge-excellence">IDE Excellence</span>
|
|
<span style="font-size: 0.8rem; font-weight: 700; color: var(--text-muted);">NORMA INTERNACIONAL</span>
|
|
</div>
|
|
<h3 style="font-size: 1.3rem; margin-bottom: 0.75rem;">SISTEMAS DE GESTIÓN Y CERTIFICACIONES</h3>
|
|
<p style="font-size: 0.92rem; color: var(--text-body); line-height: 1.6; margin-bottom: 1rem;">
|
|
<strong>Para convertir requisitos en herramientas de gestión.</strong>
|
|
</p>
|
|
<div style="background-color: var(--bg-subtle); padding: 1rem; border-radius: var(--radius-sm); font-size: 0.85rem; margin-bottom: 1.25rem;">
|
|
<p style="margin-top: 0.4rem;">Diseñamos, implementamos e integramos sistemas de gestión que permiten ordenar procesos, gestionar riesgos, mejorar el desempeño y responder a requisitos normativos sin sumar burocracia innecesaria.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div>
|
|
<div style="font-size: 0.82rem; color: var(--text-muted); border-top: 1px solid var(--border-color); padding-top: 0.75rem; margin-bottom: 1rem;">
|
|
<i class="fa-regular fa-lightbulb"></i> <em>¿Sabías que un SGC requiere capacitar a los líderes? Conocé cómo <strong>IDE Academy</strong> complementa esta implementación.</em>
|
|
</div>
|
|
<a href="contacto.html?busqueda=Implementar%20o%20certificar%20una%20norma&origen=Solucion_ISO9001" class="btn btn-primary btn-sm" style="width: 100%;">
|
|
Explorar soluciones →
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Solución 2 -->
|
|
<div class="card solution-card" data-category="iso">
|
|
<div>
|
|
<div style="display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 1rem;">
|
|
<span class="ecosystem-badge badge-excellence">IDE Excellence</span>
|
|
<span style="font-size: 0.8rem; font-weight: 700; color: var(--text-muted);">SISTEMAS INTEGRADOS</span>
|
|
</div>
|
|
<h3 style="font-size: 1.3rem; margin-bottom: 0.75rem;">PROCESOS Y MEJORA ORGANIZACIONAL</h3>
|
|
<p style="font-size: 0.92rem; color: var(--text-body); line-height: 1.6; margin-bottom: 1rem;">
|
|
<strong>Para transformar la forma en que la organización funciona.</strong>
|
|
</p>
|
|
<div style="background-color: var(--bg-subtle); padding: 1rem; border-radius: var(--radius-sm); font-size: 0.85rem; margin-bottom: 1.25rem;">
|
|
<p>Analizamos procesos, información, roles e indicadores para identificar oportunidades de mejora, reducir ineficiencias y fortalecer la capacidad de gestión y toma de decisiones.</p>
|
|
<p style="margin-top: 0.4rem;">
|
|
</div>
|
|
</div>
|
|
|
|
<div>
|
|
<div style="font-size: 0.82rem; color: var(--text-muted); border-top: 1px solid var(--border-color); padding-top: 0.75rem; margin-bottom: 1rem;">
|
|
<i class="fa-regular fa-lightbulb"></i> <em>Integramos tableros de control digital de incidentes a través de <strong>IDE Digital</strong>.</em>
|
|
</div>
|
|
<a href="contacto.html?busqueda=Implementar%20o%20certificar%20una%20norma&origen=Solucion_ISO14001_45001" class="btn btn-primary btn-sm" style="width: 100%;">
|
|
Explorar soluciones →
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Solución 3 -->
|
|
<div class="card solution-card" data-category="iso">
|
|
<div>
|
|
<div style="display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 1rem;">
|
|
<span class="ecosystem-badge badge-excellence">IDE Excellence</span>
|
|
<span style="font-size: 0.8rem; font-weight: 700; color: var(--text-muted);">EDUCACIÓN</span>
|
|
</div>
|
|
<h3 style="font-size: 1.3rem; margin-bottom: 0.75rem;">PROYECTOS Y PMO</h3>
|
|
<p style="font-size: 0.92rem; color: var(--text-body); line-height: 1.6; margin-bottom: 1rem;">
|
|
<strong>Para convertir iniciativas en resultados.</strong>
|
|
</p>
|
|
<div style="background-color: var(--bg-subtle); padding: 1rem; border-radius: var(--radius-sm); font-size: 0.85rem; margin-bottom: 1.25rem;">
|
|
<p>Diseñamos y fortalecemos la gestión de proyectos, programas y portafolios para mejorar la priorización, coordinación, gobernanza y ejecución de iniciativas estratégicas.</p>
|
|
<p style="margin-top: 0.4rem;">
|
|
</div>
|
|
</div>
|
|
|
|
<div>
|
|
<div style="font-size: 0.82rem; color: var(--text-muted); border-top: 1px solid var(--border-color); padding-top: 0.75rem; margin-bottom: 1rem;">
|
|
<i class="fa-regular fa-lightbulb"></i> <em>Complementamos con diseño instruccional y campus virtual vía <strong>IDE Academy</strong>.</em>
|
|
</div>
|
|
<a href="contacto.html?busqueda=Implementar%20o%20certificar%20una%20norma&origen=Solucion_ISO21001" class="btn btn-primary btn-sm" style="width: 100%;">
|
|
Explorar soluciones →
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Solución 4 -->
|
|
<div class="card solution-card" data-category="pmo">
|
|
<div>
|
|
<div style="display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 1rem;">
|
|
<span class="ecosystem-badge badge-project">IDE Project</span>
|
|
<span style="font-size: 0.8rem; font-weight: 700; color: var(--text-muted);">DIRECCIÓN ESTRATÉGICA</span>
|
|
</div>
|
|
<h3 style="font-size: 1.3rem; margin-bottom: 0.75rem;">DESARROLLO DE CAPACIDADES</h3>
|
|
<p style="font-size: 0.92rem; color: var(--text-body); line-height: 1.6; margin-bottom: 1rem;">
|
|
<strong>Para transformar conocimiento en capacidad de acción.</strong>
|
|
</p>
|
|
<div style="background-color: var(--bg-subtle); padding: 1rem; border-radius: var(--radius-sm); font-size: 0.85rem; margin-bottom: 1.25rem;">
|
|
<p>Diseñamos experiencias de aprendizaje que conectan conocimiento, práctica y contexto para desarrollar las capacidades que personas y equipos necesitan para gestionar, liderar y transformar.</p>
|
|
<p style="margin-top: 0.4rem;">
|
|
</div>
|
|
</div>
|
|
|
|
<div>
|
|
<div style="font-size: 0.82rem; color: var(--text-muted); border-top: 1px solid var(--border-color); padding-top: 0.75rem; margin-bottom: 1rem;">
|
|
<i class="fa-regular fa-lightbulb"></i> <em>Formamos a tus Project Managers internos mediante los programas de <strong>IDE Academy</strong>.</em>
|
|
</div>
|
|
<a href="contacto.html?busqueda=Gestionar%20o%20impulsar%20un%20proyecto&origen=Solucion_PMO" class="btn btn-primary btn-sm" style="width: 100%;">
|
|
Explorar soluciones →
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Solución 5 -->
|
|
<div class="card solution-card" data-category="formacion">
|
|
<div>
|
|
<div style="display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 1rem;">
|
|
<span class="ecosystem-badge badge-academy">IDE Academy</span>
|
|
<span style="font-size: 0.8rem; font-weight: 700; color: var(--text-muted);">DESARROLLO DE TALENTO</span>
|
|
</div>
|
|
<h3 style="font-size: 1.3rem; margin-bottom: 0.75rem;">TRANSFORMACIÓN DIGITAL E INTELIGENCIA ARTIFICIAL</h3>
|
|
<p style="font-size: 0.92rem; color: var(--text-body); line-height: 1.6; margin-bottom: 1rem;">
|
|
<strong>Para poner la tecnología al servicio de la gestión.</strong>
|
|
<div style="background-color: var(--bg-subtle); padding: 1rem; border-radius: var(--radius-sm); font-size: 0.85rem; margin-bottom: 1.25rem;">
|
|
</p> Identificamos dónde la digitalización, la automatización y la inteligencia artificial pueden simplificar procesos, mejorar decisiones y generar valor real para la organización.</p>
|
|
<p style="margin-top: 0.4rem;">
|
|
</div>
|
|
</div>
|
|
|
|
<div>
|
|
<div style="font-size: 0.82rem; color: var(--text-muted); border-top: 1px solid var(--border-color); padding-top: 0.75rem; margin-bottom: 1rem;">
|
|
<i class="fa-regular fa-lightbulb"></i> <em>Conocé los programas abiertos y temarios en nuestra página de <strong>IDE Academy</strong>.</em>
|
|
</div>
|
|
<a href="contacto.html?busqueda=Formación%20para%20mi%20organización&origen=Solucion_Capacitacion" class="btn btn-primary btn-sm" style="width: 100%;">
|
|
Explorar soluciones →
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Solución 6 -->
|
|
<div class="card solution-card" data-category="digital">
|
|
<div>
|
|
<div style="display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 1rem;">
|
|
<span class="ecosystem-badge badge-digital">IDE Digital</span>
|
|
<span style="font-size: 0.8rem; font-weight: 700; color: var(--text-muted);">AUTOMATIZACIÓN</span>
|
|
</div>
|
|
<h3 style="font-size: 1.3rem; margin-bottom: 0.75rem;">EDUCACIÓN & GOBIERNO</h3>
|
|
<p style="font-size: 0.92rem; color: var(--text-body); line-height: 1.6; margin-bottom: 1rem;">
|
|
<strong>Para transformar conocimiento, procesos y capacidades en mejores servicios y resultados.</strong>
|
|
</p>
|
|
<div style="background-color: var(--bg-subtle); padding: 1rem; border-radius: var(--radius-sm); font-size: 0.85rem; margin-bottom: 1.25rem;">
|
|
<p>Integramos sistemas de gestión, procesos, proyectos, gestión del conocimiento, indicadores, desarrollo de capacidades y tecnología para fortalecer organizaciones educativas, organismos públicos e instituciones que brindan servicios de formación.</p>
|
|
<p style="margin-top: 0.4rem;">
|
|
</div>
|
|
</div>
|
|
|
|
<div>
|
|
<div style="font-size: 0.82rem; color: var(--text-muted); border-top: 1px solid var(--border-color); padding-top: 0.75rem; margin-bottom: 1rem;">
|
|
<i class="fa-regular fa-lightbulb"></i> <em>Alineamos la tecnología con la estructura de procesos definida por <strong>IDE Excellence</strong>.</em>
|
|
</div>
|
|
<a href="contacto.html?busqueda=Transformación%20digital%20/%20IA&origen=Solucion_IA" class="btn btn-primary btn-sm" style="width: 100%;">
|
|
Explorar soluciones →
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Solución 7 -->
|
|
<div class="card solution-card" data-category="digital">
|
|
<div>
|
|
<div style="display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 1rem;">
|
|
<span class="ecosystem-badge badge-digital">IDE Digital</span>
|
|
<span style="font-size: 0.8rem; font-weight: 700; color: var(--text-muted);">AUTOMATIZACIÓN</span>
|
|
</div>
|
|
<h3 style="font-size: 1.3rem; margin-bottom: 0.75rem;">SOLUCIONES SECTORIALES</h3>
|
|
<p style="font-size: 0.92rem; color: var(--text-body); line-height: 1.6; margin-bottom: 1rem;">
|
|
<strong>Para responder a desafíos que requieren conocimiento del contexto.</strong>
|
|
</p>
|
|
<div style="background-color: var(--bg-subtle); padding: 1rem; border-radius: var(--radius-sm); font-size: 0.85rem; margin-bottom: 1.25rem;">
|
|
<p>Integramos gestión, procesos, proyectos, sistemas, capacidades y tecnología para abordar requisitos y desafíos específicos de cada actividad.</p>
|
|
<p style="margin-top: 0.4rem;">
|
|
</div>
|
|
|
|
<div>
|
|
<div style="font-size: 0.82rem; color: var(--text-muted); border-top: 1px solid var(--border-color); padding-top: 0.75rem; margin-bottom: 1rem;">
|
|
<i class="fa-regular fa-lightbulb"></i> <em>Alineamos la tecnología con la estructura de procesos definida por <strong>IDE Excellence</strong>.</em>
|
|
</div>
|
|
<a href="contacto.html?busqueda=Transformación%20digital%20/%20IA&origen=Solucion_IA" class="btn btn-primary btn-sm" style="width: 100%;">
|
|
Explorar soluciones →
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Banner de Cierre -->
|
|
<section class="section-padding" style="background-color: var(--teal-dark); border-top: 1px solid var(--border-color);">
|
|
<div class="container container-narrow text-center">
|
|
<h2 style="color: var(--text-inverse); margin-bottom: 1rem;">No todos los desafíos encajan en una única solución.</h2>
|
|
<p class="lead-text-cta" style="margin-bottom: 1.5rem;">
|
|
Integramos las capacidades necesarias para diseñar una respuesta que tenga sentido para tu organización y su contexto.
|
|
</p>
|
|
<a href="contacto.html" class="btn btn-outline-cta btn-sm" ">HABLEMOS →</a>
|
|
</div>
|
|
</section>
|
|
|
|
</main>
|
|
|
|
<footer id="site-footer"></footer>
|
|
<script src="js/main.js"></script>
|
|
</body>
|
|
</html>
|