Files
IDE-Demo-B/soluciones.html
T
2026-08-31 15:27:17 -03:00

231 lines
16 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="css/styles.css">
</head>
<body>
<header id="site-header"></header>
<main>
<!-- Header Soluciones -->
<section class="section-padding" style="background-color: var(--bg-surface); border-bottom: 1px solid var(--border-color);">
<div class="container container-narrow text-center">
<span class="eyebrow">RESPUESTAS ESPECÍFICAS</span>
<h1 style="margin-bottom: 1.25rem;">Soluciones concretas a necesidades definidas</h1>
<p class="lead-text" style="margin: 0 auto;">
Si ya sabés exactamente qué servicio estás buscando, aquí encontrarás el detalle técnico de nuestras intervenciones, alcances y valor esperado.
</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: ISO 9001 -->
<div class="card solution-card" data-category="iso" style="display: flex; flex-direction: column; justify-content: space-between;">
<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;">Implementación y Certificación ISO 9001:2015</h3>
<p style="font-size: 0.92rem; color: var(--text-body); line-height: 1.6; margin-bottom: 1rem;">
<strong>Qué es:</strong> Diseño e implantación de un Sistema de Gestión de Calidad orientado al cumplimiento, la satisfacción del cliente y la mejora continua de la operación.
</p>
<div style="background-color: var(--bg-subtle); padding: 1rem; border-radius: var(--radius-sm); font-size: 0.85rem; margin-bottom: 1.25rem;">
<p><strong>Para quién:</strong> Empresas industriales, de servicios y comerciales que buscan ordenar procesos o cumplir requisitos contractuales de clientes.</p>
<p style="margin-top: 0.4rem;"><strong>Valor esperado:</strong> Procesos estandarizados, reducción de errores y certificación exitosa sin burocracia innecesaria.</p>
</div>
</div>
<div>
<!-- Venta cruzada sutil
<div style="font-size: 0.82rem; color: var(--text-muted); border-top: 1px solid var(--border-color); padding-top: 0.75rem; margin-bottom: 1rem;">
💡 <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%;">
Consultar por Implementación ISO 9001 →
</a>
</div>
</div>
<!-- Solución 2: ISO 14001 / ISO 45001 -->
<div class="card solution-card" data-category="iso" style="display: flex; flex-direction: column; justify-content: space-between;">
<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;">Sistemas de Gestión Ambiental (14001) y Seguridad (45001)</h3>
<p style="font-size: 0.92rem; color: var(--text-body); line-height: 1.6; margin-bottom: 1rem;">
<strong>Qué es:</strong> Implementación de normas para la gestión responsable del medio ambiente, prevención de riesgos laborales y cumplimiento de la legislación aplicable.
</p>
<div style="background-color: var(--bg-subtle); padding: 1rem; border-radius: var(--radius-sm); font-size: 0.85rem; margin-bottom: 1.25rem;">
<p><strong>Para quién:</strong> Plantas productivas, agroindustria, construcción y logística con exigencias legales y de sostenibilidad.</p>
<p style="margin-top: 0.4rem;"><strong>Valor esperado:</strong> Mitigación de contingencias legales, ambientes de trabajo seguros y posicionamiento sustentable.</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;">
💡 <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%;">
Consultar por Sistemas Integrados →
</a>
</div>
</div>
<!-- Solución 3: ISO 21001 -->
<div class="card solution-card" data-category="iso" style="display: flex; flex-direction: column; justify-content: space-between;">
<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;">Gestión de Calidad para Instituciones Educativas (ISO 21001)</h3>
<p style="font-size: 0.92rem; color: var(--text-body); line-height: 1.6; margin-bottom: 1rem;">
<strong>Qué es:</strong> Estandarización de procesos pedagógicos, administrativos y de evaluación orientados a la experiencia del estudiante y la excelencia académica.
</p>
<div style="background-color: var(--bg-subtle); padding: 1rem; border-radius: var(--radius-sm); font-size: 0.85rem; margin-bottom: 1.25rem;">
<p><strong>Para quién:</strong> Universidades, institutos terciarios, colegios y centros de capacitación corporativa.</p>
<p style="margin-top: 0.4rem;"><strong>Valor esperado:</strong> Mayor retención, coherencia en planes de estudio y prestigio institucional.</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;">
💡 <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%;">
Consultar por ISO 21001 →
</a>
</div>
</div>
<!-- Solución 4: PMO -->
<div class="card solution-card" data-category="pmo" style="display: flex; flex-direction: column; justify-content: space-between;">
<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;">Diseño e Implementación de Oficina de Proyectos (PMO)</h3>
<p style="font-size: 0.92rem; color: var(--text-body); line-height: 1.6; margin-bottom: 1rem;">
<strong>Qué es:</strong> Estructuración de un marco de gobernanza, metodologías y tableros para priorizar, monitorear y ejecutar el portafolio de proyectos de la empresa.
</p>
<div style="background-color: var(--bg-subtle); padding: 1rem; border-radius: var(--radius-sm); font-size: 0.85rem; margin-bottom: 1.25rem;">
<p><strong>Para quién:</strong> Direcciones generales y gerencias que gestionan múltiples proyectos simultáneos sin visibilidad unificada.</p>
<p style="margin-top: 0.4rem;"><strong>Valor esperado:</strong> Cumplimiento de plazos, control de presupuestos y alineación estratégica de los recursos.</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;">
💡 <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%;">
Consultar por Implementación de PMO →
</a>
</div>
</div>
<!-- Solución 5: Capacitación In-Company -->
<div class="card solution-card" data-category="formacion" style="display: flex; flex-direction: column; justify-content: space-between;">
<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;">Programas de Formación y Desarrollo In-Company</h3>
<p style="font-size: 0.92rem; color: var(--text-body); line-height: 1.6; margin-bottom: 1rem;">
<strong>Qué es:</strong> Talleres y cursos a medida diseñados sobre los casos reales y procesos propios de tu organización (Gestión, Proyectos, Calidad, Liderazgo).
</p>
<div style="background-color: var(--bg-subtle); padding: 1rem; border-radius: var(--radius-sm); font-size: 0.85rem; margin-bottom: 1.25rem;">
<p><strong>Para quién:</strong> Equipos de mandos medios, líderes de procesos y colaboradores que necesitan actualizar competencias.</p>
<p style="margin-top: 0.4rem;"><strong>Valor esperado:</strong> Adopción inmediata en el puesto de trabajo y mayor autonomía operativa.</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;">
💡 <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%;">
Solicitar Propuesta In-Company →
</a>
</div>
</div>
<!-- Solución 6: IA & Digital -->
<div class="card solution-card" data-category="digital" style="display: flex; flex-direction: column; justify-content: space-between;">
<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;">Inteligencia Artificial y Automatización de Procesos</h3>
<p style="font-size: 0.92rem; color: var(--text-body); line-height: 1.6; margin-bottom: 1rem;">
<strong>Qué es:</strong> Diagnóstico de oportunidades de automatización e integración de asistentes inteligentes de IA para optimizar la gestión documental y operativa.
</p>
<div style="background-color: var(--bg-subtle); padding: 1rem; border-radius: var(--radius-sm); font-size: 0.85rem; margin-bottom: 1.25rem;">
<p><strong>Para quién:</strong> Organizaciones con alta carga de tareas repetitivas, reportes manuales o dispersión de datos.</p>
<p style="margin-top: 0.4rem;"><strong>Valor esperado:</strong> Ahorro de horas hombre semanales y toma de decisiones basada en información en tiempo real.</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;">
💡 <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%;">
Consultar por IA en Procesos →
</a>
</div>
</div>
</div>
</div>
</section>
<!-- Banner de Cierre -->
<section class="section-padding-sm bg-subtle-section">
<div class="container text-center">
<h2 style="font-size: 1.8rem; margin-bottom: 0.75rem;">¿Tenés un requerimiento que no figura en la lista?</h2>
<p class="lead-text" style="margin: 0 auto 1.5rem auto;">
Evaluamos alcances específicos para proyectos a medida de consultoría organizacional.
</p>
<a href="contacto.html" class="btn btn-primary">Coordinar una llamada técnica →</a>
</div>
</section>
</main>
<footer id="site-footer"></footer>
<script src="js/main.js"></script>
</body>
</html>