fanfuso/IDE-Demo-B
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
1e2595275fb769a5ffa89802e5f6b223c4fda842
IDE-Demo-B/soluciones.html
T
fanfuso 1e2595275f cambios de textos
2026-09-26 10:56:43 -03:00

283 lines
17 KiB
HTML
Raw Blame History

<!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(227, 235, 233, 0.25);
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>
Reference in New Issue View Git Blame Copy Permalink