mejoras del index
This commit is contained in:
+172
-37
@@ -11,7 +11,7 @@
|
||||
<meta property="og:title" content="IDE Consultores | Todo está conectado">
|
||||
<meta property="og:description" content="En una organización, cada decisión genera efectos más allá del lugar donde interviene. Ecosistema de capacidades integradas.">
|
||||
<meta property="og:type" content="website">
|
||||
<svg style="display:none;"><use href="assets/iconos/iconos.svg"></use></svg>
|
||||
|
||||
|
||||
<!-- Estilos Centralizados -->
|
||||
<link rel="stylesheet" href="css/styles.css">
|
||||
@@ -149,12 +149,11 @@
|
||||
<div class="quiz-options-grid">
|
||||
<div class="quiz-option-card" data-step="1" data-val="desafio">
|
||||
<div>
|
||||
<strong class="opt-title" style="display: block; font-size: 0.95rem; margin-bottom: 0.2rem;">
|
||||
<!-- Icono CORREGIDO -->
|
||||
<svg class="icono" width="24" height="24">
|
||||
<use href="assets/iconos/iconos.svg#search-1"></use>
|
||||
<strong class="opt-title">
|
||||
<svg class="icono">
|
||||
<use href="./assets/iconos/lupa_color.svg" fill="currentColor"></use>
|
||||
</svg>
|
||||
Algo no está funcionando
|
||||
<span>Algo no está funcionando</span>
|
||||
</strong>
|
||||
<span style="font-size: 0.84rem; color: var(--text-muted);">
|
||||
Tengo un problema, pero no sé bien qué solución necesito.
|
||||
@@ -164,21 +163,36 @@
|
||||
|
||||
<div class="quiz-option-card" data-step="1" data-val="objetivo">
|
||||
<div>
|
||||
<strong class="opt-title" style="display: block; font-size: 0.95rem; margin-bottom: 0.2rem;">🎯 Sé qué quiero lograr</strong>
|
||||
<strong class="opt-title">
|
||||
<svg class="icono">
|
||||
<use href="./assets/iconos/binocular_color.svg" fill="currentColor"></use>
|
||||
</svg>
|
||||
<span>Sé qué quiero lograr</span>
|
||||
</strong>
|
||||
<span style="font-size: 0.84rem; color: var(--text-muted);">Tengo un objetivo claro, pero no sé cómo alcanzarlo.</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="quiz-option-card" data-step="1" data-val="solucion">
|
||||
<div>
|
||||
<strong class="opt-title" style="display: block; font-size: 0.95rem; margin-bottom: 0.2rem;">⚙️ Sé exactamente qué necesito</strong>
|
||||
<strong class="opt-title">
|
||||
<svg class="icono">
|
||||
<use href="./assets/iconos/engranage_color.svg" fill="currentColor"></use>
|
||||
</svg>
|
||||
<span>Sé exactamente qué necesito</span>
|
||||
</strong>
|
||||
<span style="font-size: 0.84rem; color: var(--text-muted);">Busco ISO, PMO, transformación digital u otra solución concreta.</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="quiz-option-card" data-step="1" data-val="conocimiento">
|
||||
<div>
|
||||
<strong class="opt-title" style="display: block; font-size: 0.95rem; margin-bottom: 0.2rem;">📚 Quiero aprender o formarme</strong>
|
||||
<strong class="opt-title">
|
||||
<svg class="icono">
|
||||
<use href="./assets/iconos/book_color.svg" fill="currentColor"></use>
|
||||
</svg>
|
||||
<span>Quiero aprender o formarme</span>
|
||||
</strong>
|
||||
<span style="font-size: 0.84rem; color: var(--text-muted);">Busco formación, capacitación o conocimiento especializado.</span>
|
||||
</div>
|
||||
</div>
|
||||
@@ -195,35 +209,60 @@
|
||||
<div class="quiz-options-grid">
|
||||
<div class="quiz-option-card" data-step="2a" data-val="gestion">
|
||||
<div>
|
||||
<strong class="opt-title" style="display: block; font-size: 0.95rem; margin-bottom: 0.2rem;">📊 Gestión y procesos</strong>
|
||||
<strong class="opt-title">
|
||||
<svg class="icono" >
|
||||
<use href="./assets/iconos/proceso_color.svg" fill="currentColor"></use>
|
||||
</svg>
|
||||
<span>Gestión y procesos</span>
|
||||
</strong>
|
||||
<span style="font-size: 0.84rem; color: var(--text-muted);">Los procesos no son eficientes o no están claros.</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="quiz-option-card" data-step="2a" data-val="proyectos">
|
||||
<div>
|
||||
<strong class="opt-title" style="display: block; font-size: 0.95rem; margin-bottom: 0.2rem;">📌 Proyectos y resultados</strong>
|
||||
<strong class="opt-title">
|
||||
<svg class="icono" >
|
||||
<use href="./assets/iconos/pin_color.svg" fill="currentColor"></use>
|
||||
</svg>
|
||||
<span>Proyectos y resultados</span>
|
||||
</strong>
|
||||
<span style="font-size: 0.84rem; color: var(--text-muted);">Los proyectos no llegan a destino o se desvían.</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="quiz-option-card" data-step="2a" data-val="personas">
|
||||
<div>
|
||||
<strong class="opt-title" style="display: block; font-size: 0.95rem; margin-bottom: 0.2rem;">👥 Personas y capacidades</strong>
|
||||
<strong class="opt-title">
|
||||
<svg class="icono" >
|
||||
<use href="./assets/iconos/team_color.svg" fill="currentColor"></use>
|
||||
</svg>
|
||||
<span>Personas y capacidades</span>
|
||||
</strong>
|
||||
<span style="font-size: 0.84rem; color: var(--text-muted);">El equipo necesita desarrollar nuevas habilidades.</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="quiz-option-card" data-step="2a" data-val="tecnologia">
|
||||
<div>
|
||||
<strong class="opt-title" style="display: block; font-size: 0.95rem; margin-bottom: 0.2rem;">🤖 Tecnología e innovación</strong>
|
||||
<strong class="opt-title">
|
||||
<svg class="icono" >
|
||||
<use href="./assets/iconos/bot_color.svg" fill="currentColor"></use>
|
||||
</svg>
|
||||
<span>Tecnología e innovación</span>
|
||||
</strong>
|
||||
<span style="font-size: 0.84rem; color: var(--text-muted);">La organización necesita digitalizarse o incorporar IA.</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="quiz-option-card" data-step="2a" data-val="nosabe">
|
||||
<div>
|
||||
<strong class="opt-title" style="display: block; font-size: 0.95rem; margin-bottom: 0.2rem;">🌐 No sé bien dónde está el problema</strong>
|
||||
<strong class="opt-title">
|
||||
<svg class="icono" >
|
||||
<use href="./assets/iconos/globo_color.svg" fill="currentColor"></use>
|
||||
</svg>
|
||||
<span>No sé bien dónde está el problema</span>
|
||||
</strong>
|
||||
<span style="font-size: 0.84rem; color: var(--text-muted);">Algo no funciona, pero es difícil de identificar.</span>
|
||||
</div>
|
||||
</div>
|
||||
@@ -244,28 +283,48 @@
|
||||
<div class="quiz-options-grid">
|
||||
<div class="quiz-option-card" data-step="2b" data-val="mejorar-gestion">
|
||||
<div>
|
||||
<strong class="opt-title" style="display: block; font-size: 0.95rem; margin-bottom: 0.2rem;">📈 Mejorar la gestión y los procesos</strong>
|
||||
<strong class="opt-title">
|
||||
<svg class="icono" >
|
||||
<use href="./assets/iconos/proceso_color.svg" fill="currentColor"></use>
|
||||
</svg>
|
||||
<span>Mejorar la gestión y los procesos</span>
|
||||
</strong>
|
||||
<span style="font-size: 0.84rem; color: var(--text-muted);">Ordenar, optimizar y hacer más eficiente la operación.</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="quiz-option-card" data-step="2b" data-val="profesionalizar-proyectos">
|
||||
<div>
|
||||
<strong class="opt-title" style="display: block; font-size: 0.95rem; margin-bottom: 0.2rem;">🏗️ Profesionalizar la gestión de proyectos</strong>
|
||||
<strong class="opt-title">
|
||||
<svg class="icono" >
|
||||
<use href="./assets/iconos/project_color.svg" fill="currentColor"></use>
|
||||
</svg>
|
||||
<span>Profesionalizar la gestión de proyectos</span>
|
||||
</strong>
|
||||
<span style="font-size: 0.84rem; color: var(--text-muted);">Que los proyectos se entreguen en tiempo y con los resultados esperados.</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="quiz-option-card" data-step="2b" data-val="desarrollar-equipo">
|
||||
<div>
|
||||
<strong class="opt-title" style="display: block; font-size: 0.95rem; margin-bottom: 0.2rem;">🌱 Desarrollar las capacidades del equipo</strong>
|
||||
<strong class="opt-title">
|
||||
<svg class="icono" >
|
||||
<use href="./assets/iconos/seed_color.svg" fill="currentColor"></use>
|
||||
</svg>
|
||||
<span>Desarrollar las capacidades del equipo</span>
|
||||
</strong>
|
||||
<span style="font-size: 0.84rem; color: var(--text-muted);">Que las personas estén preparadas para los desafíos que vienen.</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="quiz-option-card" data-step="2b" data-val="transformar-digital">
|
||||
<div>
|
||||
<strong class="opt-title" style="display: block; font-size: 0.95rem; margin-bottom: 0.2rem;">⚡ Transformar digitalmente la organización</strong>
|
||||
<strong class="opt-title">
|
||||
<svg class="icono" >
|
||||
<use href="./assets/iconos/transform_color.svg" fill="currentColor"></use>
|
||||
</svg>
|
||||
<span></span>Transformar digitalmente la organización</span>
|
||||
</strong>
|
||||
<span style="font-size: 0.84rem; color: var(--text-muted);">Integrar tecnología e IA de manera estratégica y sostenible.</span>
|
||||
</div>
|
||||
</div>
|
||||
@@ -286,28 +345,48 @@
|
||||
<div class="quiz-options-grid">
|
||||
<div class="quiz-option-card" data-step="2c" data-val="iso">
|
||||
<div>
|
||||
<strong class="opt-title" style="display: block; font-size: 0.95rem; margin-bottom: 0.2rem;">✅ ISO o sistema de gestión</strong>
|
||||
<strong class="opt-title">
|
||||
<svg class="icono" >
|
||||
<use href="./assets/iconos/list-ok_color.svg" fill="currentColor"></use>
|
||||
</svg>
|
||||
<span>Normas ISO y sistemas de gestión</span>
|
||||
</strong>
|
||||
<span style="font-size: 0.84rem; color: var(--text-muted);">ISO 9001, 14001, 45001 u otra norma de gestión.</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="quiz-option-card" data-step="2c" data-val="pmo">
|
||||
<div>
|
||||
<strong class="opt-title" style="display: block; font-size: 0.95rem; margin-bottom: 0.2rem;">📐 PMO o gestión de proyectos</strong>
|
||||
<strong class="opt-title">
|
||||
<svg class="icono" >
|
||||
<use href="./assets/iconos/plan_color.svg" fill="currentColor"></use>
|
||||
</svg>
|
||||
<span></span>PMO o gestión de proyectos</span>
|
||||
</strong>
|
||||
<span style="font-size: 0.84rem; color: var(--text-muted);">Implementar una oficina de proyectos o mejorar su gestión.</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="quiz-option-card" data-step="2c" data-val="formacion">
|
||||
<div>
|
||||
<strong class="opt-title" style="display: block; font-size: 0.95rem; margin-bottom: 0.2rem;">🎓 Formación para mi organización</strong>
|
||||
<strong class="opt-title">
|
||||
<svg class="icono" >
|
||||
<use href="./assets/iconos/gorro_color.svg" fill="currentColor"></use>
|
||||
</svg>
|
||||
<span>Formación para mi organización</span>
|
||||
</strong>
|
||||
<span style="font-size: 0.84rem; color: var(--text-muted);">Capacitación in company o programas de desarrollo.</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="quiz-option-card" data-step="2c" data-val="ia-digital">
|
||||
<div>
|
||||
<strong class="opt-title" style="display: block; font-size: 0.95rem; margin-bottom: 0.2rem;">🤖 Transformación digital e IA</strong>
|
||||
<strong class="opt-title">
|
||||
<svg class="icono" >
|
||||
<use href="./assets/iconos/bot-2_color.svg" fill="currentColor"></use>
|
||||
</svg>
|
||||
<span>Transformación digital e IA</span>
|
||||
</strong>
|
||||
<span style="font-size: 0.84rem; color: var(--text-muted);">Digitalización de procesos, automatización o IA aplicada.</span>
|
||||
</div>
|
||||
</div>
|
||||
@@ -328,28 +407,48 @@
|
||||
<div class="quiz-options-grid">
|
||||
<div class="quiz-option-card" data-step="2d" data-val="iso-form">
|
||||
<div>
|
||||
<strong class="opt-title" style="display: block; font-size: 0.95rem; margin-bottom: 0.2rem;">📋 Normas ISO y sistemas de gestión</strong>
|
||||
<strong class="opt-title">
|
||||
<svg class="icono" >
|
||||
<use href="./assets/iconos/list-ok_color.svg" fill="currentColor"></use>
|
||||
</svg>
|
||||
<span>Normas ISO y sistemas de gestión</span>
|
||||
</strong>
|
||||
<span style="font-size: 0.84rem; color: var(--text-muted);">Auditoría interna, implementación de normas, mejora continua.</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="quiz-option-card" data-step="2d" data-val="pm-form">
|
||||
<div>
|
||||
<strong class="opt-title" style="display: block; font-size: 0.95rem; margin-bottom: 0.2rem;">📌 Gestión de proyectos</strong>
|
||||
<strong class="opt-title">
|
||||
<svg class="icono" >
|
||||
<use href="./assets/iconos/pin_color.svg" fill="currentColor"></use>
|
||||
</svg>
|
||||
<span>Gestión de proyectos</span>
|
||||
</strong>
|
||||
<span style="font-size: 0.84rem; color: var(--text-muted);">Herramientas, metodologías, PMP, ágil, híbrido.</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="quiz-option-card" data-step="2d" data-val="liderazgo-form">
|
||||
<div>
|
||||
<strong class="opt-title" style="display: block; font-size: 0.95rem; margin-bottom: 0.2rem;">🧭 Liderazgo y cambio organizacional</strong>
|
||||
<strong class="opt-title">
|
||||
<svg class="icono" >
|
||||
<use href="./assets/iconos/brujula_color.svg" fill="currentColor"></use>
|
||||
</svg>
|
||||
<span>Liderazgo y cambio organizacional</span>
|
||||
</strong>
|
||||
<span style="font-size: 0.84rem; color: var(--text-muted);">Desarrollo de líderes y gestión del cambio.</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="quiz-option-card" data-step="2d" data-val="ia-form">
|
||||
<div>
|
||||
<strong class="opt-title" style="display: block; font-size: 0.95rem; margin-bottom: 0.2rem;">🤖 Inteligencia artificial y tecnología</strong>
|
||||
<strong class="opt-title">
|
||||
<svg class="icono" >
|
||||
<use href="./assets/iconos/bot_color.svg" fill="currentColor"></use>
|
||||
</svg>
|
||||
<span>Inteligencia artificial y tecnología</span>
|
||||
</strong>
|
||||
<span style="font-size: 0.84rem; color: var(--text-muted);">IA aplicada, transformación digital para equipos no técnicos.</span>
|
||||
</div>
|
||||
</div>
|
||||
@@ -370,28 +469,48 @@
|
||||
<div class="quiz-options-grid quiz-options-grid--2col">
|
||||
<div class="quiz-option-card" data-step="3" data-val="explorando">
|
||||
<div>
|
||||
<strong class="opt-title" style="display: block; font-size: 0.95rem; margin-bottom: 0.2rem;">🔭 Estoy explorando</strong>
|
||||
<strong class="opt-title">
|
||||
<svg class="icono" >
|
||||
<use href="./assets/iconos/telescopio_color.svg" fill="currentColor"></use>
|
||||
</svg>
|
||||
<span>Estoy explorando</span>
|
||||
</strong>
|
||||
<span style="font-size: 0.84rem; color: var(--text-muted);">Todavía en etapa de análisis, sin decisiones tomadas.</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="quiz-option-card" data-step="3" data-val="evaluando">
|
||||
<div>
|
||||
<strong class="opt-title" style="display: block; font-size: 0.95rem; margin-bottom: 0.2rem;">⚖️ Estamos evaluando opciones</strong>
|
||||
<strong class="opt-title">
|
||||
<svg class="icono" >
|
||||
<use href="./assets/iconos/balanza_color.svg" fill="currentColor"></use>
|
||||
</svg>
|
||||
<span>Estamos evaluando opciones</span>
|
||||
</strong>
|
||||
<span style="font-size: 0.84rem; color: var(--text-muted);">Comparando enfoques o proveedores antes de avanzar.</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="quiz-option-card" data-step="3" data-val="listo">
|
||||
<div>
|
||||
<strong class="opt-title" style="display: block; font-size: 0.95rem; margin-bottom: 0.2rem;">🚀 Queremos avanzar pronto</strong>
|
||||
<strong class="opt-title">
|
||||
<svg class="icono" >
|
||||
<use href="./assets/iconos/cohete_color.svg" fill="currentColor"></use>
|
||||
</svg>
|
||||
<span>Queremos avanzar pronto</span>
|
||||
</strong>
|
||||
<span style="font-size: 0.84rem; color: var(--text-muted);">La decisión está tomada, necesitamos un socio para ejecutar.</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="quiz-option-card" data-step="3" data-val="requisito">
|
||||
<div>
|
||||
<strong class="opt-title" style="display: block; font-size: 0.95rem; margin-bottom: 0.2rem;">📅 Tenemos un requisito o plazo</strong>
|
||||
<strong class="opt-title">
|
||||
<svg class="icono" >
|
||||
<use href="./assets/iconos/calendar_color.svg" fill="currentColor"></use>
|
||||
</svg>
|
||||
<span>Tenemos un requisito o plazo</span>
|
||||
</strong>
|
||||
<span style="font-size: 0.84rem; color: var(--text-muted);">Una certificación, licitación o cliente lo exige.</span>
|
||||
</div>
|
||||
</div>
|
||||
@@ -412,28 +531,44 @@
|
||||
<div class="quiz-options-grid quiz-options-grid--2col">
|
||||
<div class="quiz-option-card" data-step="4" data-val="direccion">
|
||||
<div>
|
||||
<strong class="opt-title" style="display: block; font-size: 0.95rem; margin-bottom: 0.2rem;">🏢 Dirección o Gerencia</strong>
|
||||
<strong class="opt-title">
|
||||
<svg class="icono" >
|
||||
<use href="./assets/iconos/edificio_color.svg" fill="currentColor"></use>
|
||||
<span>Dirección o Gerencia</span>
|
||||
</strong>
|
||||
<span style="font-size: 0.84rem; color: var(--text-muted);">CEO, director, gerente general.</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="quiz-option-card" data-step="4" data-val="responsable">
|
||||
<div>
|
||||
<strong class="opt-title" style="display: block; font-size: 0.95rem; margin-bottom: 0.2rem;">📂 Responsable de área</strong>
|
||||
<strong class="opt-title">
|
||||
<svg class="icono" >
|
||||
<use href="./assets/iconos/boss_color.svg" fill="currentColor"></use>
|
||||
<span>Responsable de área</span>
|
||||
</strong>
|
||||
<span style="font-size: 0.84rem; color: var(--text-muted);">Jefe, coordinador, líder de proceso o proyecto.</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="quiz-option-card" data-step="4" data-val="rrhh">
|
||||
<div>
|
||||
<strong class="opt-title" style="display: block; font-size: 0.95rem; margin-bottom: 0.2rem;">👥 Recursos Humanos</strong>
|
||||
<strong class="opt-title">
|
||||
<svg class="icono" >
|
||||
<use href="./assets/iconos/team_color.svg" fill="currentColor"></use>
|
||||
<span>Recursos Humanos</span>
|
||||
</strong>
|
||||
<span style="font-size: 0.84rem; color: var(--text-muted);">Gestión de personas, formación y desarrollo.</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="quiz-option-card" data-step="4" data-val="otro">
|
||||
<div>
|
||||
<strong class="opt-title" style="display: block; font-size: 0.95rem; margin-bottom: 0.2rem;">💼 Otro rol</strong>
|
||||
<strong class="opt-title">
|
||||
<svg class="icono" >
|
||||
<use href="./assets/iconos/portafolio_color.svg" fill="currentColor"></use>
|
||||
<span>Otro rol</span>
|
||||
</strong>
|
||||
<span style="font-size: 0.84rem; color: var(--text-muted);">Consultor, proveedor, investigador, estudiante.</span>
|
||||
</div>
|
||||
</div>
|
||||
@@ -449,9 +584,7 @@
|
||||
========================================================== -->
|
||||
<div class="quiz-step" id="step-result">
|
||||
<div class="quiz-result-box">
|
||||
<div style="display: flex; align-items: center; gap: 0.75rem; margin-bottom: 0.75rem;">
|
||||
<span class="ecosystem-badge badge-project" style="font-size: 0.85rem;" id="resultBadge">Perfil Recomendado</span>
|
||||
</div>
|
||||
|
||||
<div style="display: flex; align-items: center; gap: 0.5rem; margin-bottom: 0.5rem;">
|
||||
<span id="resultIcon" style="font-size: 2rem;">🔍</span>
|
||||
<span id="resultProfile" style="font-size: 0.9rem; color: var(--text-muted);">Perfil · Diagnóstico</span>
|
||||
@@ -617,5 +750,7 @@
|
||||
|
||||
<!-- Scripts Centralizados -->
|
||||
<script src="js/main.js"></script>
|
||||
<!-- Carga el SVG con JavaScript -->
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user