refactorizacion v4.8 index
This commit is contained in:
+112
-200
@@ -18,43 +18,21 @@
|
||||
<main>
|
||||
|
||||
<!-- Header Desafíos -->
|
||||
<section class="section-padding hero-video-desafio">
|
||||
|
||||
<!-- 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_loop.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)">COMENCEMOS POR entender</span>
|
||||
<h1 style="margin-bottom: 1.25rem; color:var(--text-main);">¿Qué está pasando en tu organización?</h1>
|
||||
<p class="lead-text" style="color:var(--text-main)">
|
||||
A veces el problema es evidente. Otras, aparece como una señal, una necesidad de cambio o una oportunidad que todavía no sabemos cómo abordar. Empecemos por comprender qué está pasando e identificar dónde puede estar el verdadero punto de intervención. <br><br> ¿Qué pasaría si transformamos el "problema" en un desafío?
|
||||
|
||||
</p>
|
||||
<section class="section-padding" style="background: var(--bg-surface); border-bottom: 1px solid var(--border-color);">
|
||||
<div class="container">
|
||||
<div style="display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: center;">
|
||||
<div>
|
||||
<h1 style="margin-bottom: 1.25rem; font-size: 3rem; line-height: 1.1;">
|
||||
¿Qué está pasando<br>en tu organización?
|
||||
</h1>
|
||||
<p class="lead-text" style="color:var(--text-body)">
|
||||
A veces el desafío es evidente. Otras, aparece como una señal, una necesidad de cambio o una oportunidad. Empecemos por comprenderlo para identificar dónde intervenir.
|
||||
</p>
|
||||
</div>
|
||||
<div style="display: flex; justify-content: center;">
|
||||
<img src="assets/img/placeholder-infinito.png" alt="Estrategia, Procesos, Tecnología, Personas y Resultados" style="max-width: 100%; height: auto;">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@@ -62,83 +40,53 @@
|
||||
<section class="section-padding bg3">
|
||||
<div class="container">
|
||||
|
||||
<div class="grid-3">
|
||||
<div class="grid-3" style="gap: 2rem;">
|
||||
|
||||
<!-- Desafío 1 -->
|
||||
<div class="card dfcard1">
|
||||
<div>
|
||||
<h3>Crecimos y necesitamos ordenar la gestión</h3>
|
||||
<p>
|
||||
Lo que antes funcionaba de manera informal empieza a generar descoordinación, retrabajos, falta de claridad o dependencia de personas clave.
|
||||
</p>
|
||||
<div class="card dfcard1" style="display: flex; flex-direction: column; justify-content: space-between; padding: 2rem; cursor: pointer; transition: all 0.3s ease;" data-open-modal="modal-desafio-1">
|
||||
<h3 style="font-size: 1.3rem; margin-bottom: 2rem;">La organización creció y necesitamos ordenar los procesos.</h3>
|
||||
<div style="align-self: flex-end; width: 40px; height: 40px; border-radius: 50%; background: var(--bg-subtle); display: flex; align-items: center; justify-content: center; color: var(--ide-primary);">
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg>
|
||||
</div>
|
||||
<button class="btn btn-outline btn-sm" style="width: 100%;" data-open-modal="modal-desafio-1">
|
||||
Ver cómo abordamos este desafío →
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<!-- Desafío 2 -->
|
||||
<div class="card dfcard1" style="display: flex; flex-direction: column; justify-content: space-between;">
|
||||
<div>
|
||||
<h3 style="font-size: 1.25rem; margin-bottom: 0.75rem;">Tenemos muchas iniciativas, pero cuesta convertirlas en resultados</h3>
|
||||
<p style="font-size: 0.9rem; color: var(--text-muted); line-height: 1.55; margin-bottom: 1.5rem;">
|
||||
Los proyectos avanzan con dificultades, compiten por recursos o pierden foco, y necesitamos mejorar la forma de priorizar, coordinar y ejecutar.
|
||||
</p>
|
||||
<div class="card dfcard1" style="display: flex; flex-direction: column; justify-content: space-between; padding: 2rem; cursor: pointer; transition: all 0.3s ease;" data-open-modal="modal-desafio-2">
|
||||
<h3 style="font-size: 1.3rem; margin-bottom: 2rem;">Necesitamos mejorar la eficiencia y los resultados.</h3>
|
||||
<div style="align-self: flex-end; width: 40px; height: 40px; border-radius: 50%; background: var(--bg-subtle); display: flex; align-items: center; justify-content: center; color: var(--ide-primary);">
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg>
|
||||
</div>
|
||||
<button class="btn btn-outline btn-sm" style="width: 100%;" data-open-modal="modal-desafio-2">
|
||||
Ver cómo abordamos este desafío →
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<!-- Desafío 3 -->
|
||||
<div class="card dfcard1" style="display: flex; flex-direction: column; justify-content: space-between;">
|
||||
<div>
|
||||
<h3 style="font-size: 1.25rem; margin-bottom: 0.75rem;">Estamos impulsando cambios, pero cuesta llevarlos a la práctica</h3>
|
||||
<p style="font-size: 0.9rem; color: var(--text-muted); line-height: 1.55; margin-bottom: 1.5rem;">
|
||||
Nuevos procesos, herramientas o formas de trabajar no siempre logran integrarse a la dinámica cotidiana de la organización.
|
||||
</p>
|
||||
<div class="card dfcard1" style="display: flex; flex-direction: column; justify-content: space-between; padding: 2rem; cursor: pointer; transition: all 0.3s ease;" data-open-modal="modal-desafio-3">
|
||||
<h3 style="font-size: 1.3rem; margin-bottom: 2rem;">Queremos desarrollar a nuestras personas y fortalecer equipos.</h3>
|
||||
<div style="align-self: flex-end; width: 40px; height: 40px; border-radius: 50%; background: var(--bg-subtle); display: flex; align-items: center; justify-content: center; color: var(--ide-primary);">
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg>
|
||||
</div>
|
||||
<button class="btn btn-outline btn-sm" style="width: 100%;" data-open-modal="modal-desafio-3">
|
||||
Ver cómo abordamos este desafío →
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<!-- Desafío 4 -->
|
||||
<div class="card dfcard1" style="display: flex; flex-direction: column; justify-content: space-between;">
|
||||
<div>
|
||||
<h3 style="font-size: 1.25rem; margin-bottom: 0.75rem;">Queremos aprovechar la tecnología y la IA con sentido</h3>
|
||||
<p style="font-size: 0.9rem; color: var(--text-muted); line-height: 1.55; margin-bottom: 1.5rem;">
|
||||
Vemos oportunidades para automatizar, sistematizar o mejorar decisiones, pero necesitamos identificar dónde la tecnología puede generar valor real.
|
||||
</p>
|
||||
<div class="card dfcard1" style="display: flex; flex-direction: column; justify-content: space-between; padding: 2rem; cursor: pointer; transition: all 0.3s ease;" data-open-modal="modal-desafio-4">
|
||||
<h3 style="font-size: 1.3rem; margin-bottom: 2rem;">Buscamos incorporar tecnología o avanzar en la transformación digital.</h3>
|
||||
<div style="align-self: flex-end; width: 40px; height: 40px; border-radius: 50%; background: var(--bg-subtle); display: flex; align-items: center; justify-content: center; color: var(--ide-primary);">
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg>
|
||||
</div>
|
||||
<button class="btn btn-outline btn-sm" style="width: 100%;" data-open-modal="modal-desafio-4">
|
||||
Ver cómo abordamos este desafío →
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<!-- Desafío 5 -->
|
||||
<div class="card dfcard1" style="display: flex; flex-direction: column; justify-content: space-between;">
|
||||
<div>
|
||||
<h3 style="font-size: 1.25rem; margin-bottom: 0.75rem;">Necesitamos cumplir nuevos requisitos sin sumar burocracia</h3>
|
||||
<p style="font-size: 0.9rem; color: var(--text-muted); line-height: 1.55; margin-bottom: 1.5rem;">
|
||||
Una norma, certificación, cliente o regulación exige cambios. Buscamos integrarlos a la gestión para que, además de cumplir, ayuden a mejorar.
|
||||
</p>
|
||||
<div class="card dfcard1" style="display: flex; flex-direction: column; justify-content: space-between; padding: 2rem; cursor: pointer; transition: all 0.3s ease;" data-open-modal="modal-desafio-5">
|
||||
<h3 style="font-size: 1.3rem; margin-bottom: 2rem;">Necesitamos fortalecer la calidad, el cumplimiento o la gestión de riesgos.</h3>
|
||||
<div style="align-self: flex-end; width: 40px; height: 40px; border-radius: 50%; background: var(--bg-subtle); display: flex; align-items: center; justify-content: center; color: var(--ide-primary);">
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg>
|
||||
</div>
|
||||
<button class="btn btn-outline btn-sm" style="width: 100%;" data-open-modal="modal-desafio-5">
|
||||
Ver cómo abordamos este desafío →
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<!-- Desafío 6 -->
|
||||
<div class="card dfcard2">
|
||||
<div>
|
||||
<h3>Sabemos que algo debería cambiar, pero no tenemos claro por dónde empezar</h3>
|
||||
<p>
|
||||
Los resultados, los procesos o la dinámica de la organización muestran señales que necesitamos comprender antes de decidir dónde intervenir.
|
||||
</p>
|
||||
</div>
|
||||
<a href="index.html#brujula" class="btn btn-primary btn-sm" style="width: 100%;">
|
||||
Orientarme con la Brújula IDE →
|
||||
<div class="card dfcard2" style="display: flex; flex-direction: column; justify-content: space-between; padding: 2rem; background: var(--bg-subtle); border: 1px dashed var(--ide-accent);">
|
||||
<h3 style="font-size: 1.3rem; margin-bottom: 2rem; color: var(--text-muted);">No sé exactamente qué necesito.</h3>
|
||||
<a href="index.html#brujula" class="btn btn-primary btn-sm" style="align-self: flex-start; text-transform: uppercase;">
|
||||
INICIAR BRÚJULA IDE →
|
||||
</a>
|
||||
</div>
|
||||
|
||||
@@ -148,187 +96,151 @@
|
||||
</section>
|
||||
|
||||
<!--CTA-->
|
||||
<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;">Cada organización tiene su propio punto de partida</h2>
|
||||
<p class="lead-text-cta" style="margin-bottom: 1.5rem;">
|
||||
Si no encontraste tu situación entre estos ejemplos, empecemos por comprenderla juntos.
|
||||
</p>
|
||||
<a href="contacto.html" class="btn btn-outline-cta btn-sm" ">HABLEMOS →</a>
|
||||
<section class="section-padding" style="background-color: var(--bg-surface); border-top: 1px solid var(--border-color);">
|
||||
<div class="container text-center">
|
||||
<div class="cta-module" style="background: var(--bg-primary); border-radius: var(--radius-md); padding: 4rem; text-align: center; box-shadow: var(--shadow-sm);">
|
||||
<h2 style="font-size: 2.2rem; color: #fff; margin-bottom: 2rem;">¿Tu situación es diferente? Conversemos...</h2>
|
||||
<a href="contacto.html" class="btn btn-primary-cta btn-cta-unificado" style="border-radius: 50px; display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.75rem 2rem; font-size: 1.1rem; border: 1px solid rgba(255,255,255,0.2);">
|
||||
HABLEMOS
|
||||
<svg width="20" height="20" 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>
|
||||
</section>
|
||||
<!-- MODALES DE DETALLE DE CADA DESAFÍO -->
|
||||
|
||||
<!-- Modal Desafío 1 -->
|
||||
<div id="modal-desafio-1" class="modal-backdrop" role="dialog" aria-modal="true">
|
||||
<div class="modal-window">
|
||||
<div class="modal-window" style="padding: 3rem;">
|
||||
<button class="modal-close-btn" aria-label="Cerrar modal">✕</button>
|
||||
<span class="eyebrow">DESAFÍO: CRECIMIENTO Y PROCESOS</span>
|
||||
<h3 style="margin-bottom: 1rem; color: var(--ide-primary);">La organización creció y necesitamos ordenar los procesos</h3>
|
||||
<h3 style="font-size: 1.6rem; margin-bottom: 1.5rem; color: var(--text-main);">La organización creció y necesitamos ordenar los procesos</h3>
|
||||
|
||||
<div style="margin-bottom: 1.25rem;">
|
||||
<h4 style="font-size: 0.95rem; color: var(--text-main); margin-bottom: 0.3rem;">Contexto y Diagnóstico</h4>
|
||||
<p style="font-size: 0.9rem; color: var(--text-body);">
|
||||
Cuando una empresa escala rápidamente, las estructuras que antes funcionaban comienzan a crujir. Aparece la duplicación de tareas, falta de indicadores de gestión y una sobrecarga en los líderes.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div style="margin-bottom: 1.25rem;">
|
||||
<h4 style="font-size: 0.95rem; color: var(--text-main); margin-bottom: 0.3rem;">Preguntas Clave</h4>
|
||||
<ul style="padding-left: 1.2rem; font-size: 0.88rem; color: var(--text-body); line-height: 1.5;">
|
||||
<div style="margin-bottom: 2rem;">
|
||||
<p style="font-size: 1.05rem; color: var(--text-body); margin-bottom: 1rem;"><strong>Preguntas disparadoras:</strong></p>
|
||||
<ul style="padding-left: 1.2rem; font-size: 1rem; color: var(--text-body); line-height: 1.6;">
|
||||
<li>¿Los procesos están formalizados o dependen de la memoria individual?</li>
|
||||
<li>¿Existen cuellos de botella claros entre departamentos?</li>
|
||||
<li>¿Contamos con indicadores que midan el desempeño en tiempo real?</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div style="margin-bottom: 1.5rem;">
|
||||
<h4 style="font-size: 0.95rem; color: var(--text-main); margin-bottom: 0.3rem;">Capacidades IDE que intervienen</h4>
|
||||
<div style="margin-bottom: 2.5rem;">
|
||||
<p style="font-size: 1.05rem; color: var(--text-body); margin-bottom: 1rem;"><strong>Capacidades que intervienen:</strong></p>
|
||||
<div style="display: flex; gap: 0.5rem; flex-wrap: wrap;">
|
||||
<span class="ecosystem-badge badge-excellence">IDE Excellence (Mapeo & SGC)</span>
|
||||
<span class="ecosystem-badge badge-academy">IDE Academy (Cultura de Procesos)</span>
|
||||
<span class="ecosystem-badge badge-excellence">IDE Excellence</span>
|
||||
<span class="ecosystem-badge badge-academy">IDE Academy</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="display: flex; justify-content: flex-end; gap: 0.75rem;">
|
||||
<button class="btn btn-ghost btn-sm" data-close-modal>Cerrar</button>
|
||||
<a href="contacto.html?busqueda=Orientación%20para%20abordar%20un%20desafío&origen=Desafio_Procesos" class="btn btn-primary btn-sm">
|
||||
Hablemos de este desafío
|
||||
</a>
|
||||
</div>
|
||||
<a href="contacto.html" class="btn btn-primary btn-cta-unificado" style="width: 100%; justify-content: center; padding: 1rem;">HABLEMOS</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Modal Desafío 2 -->
|
||||
<div id="modal-desafio-2" class="modal-backdrop" role="dialog" aria-modal="true">
|
||||
<div class="modal-window">
|
||||
<div class="modal-window" style="padding: 3rem;">
|
||||
<button class="modal-close-btn" aria-label="Cerrar modal">✕</button>
|
||||
<span class="eyebrow">DESAFÍO: GESTIÓN DE PROYECTOS</span>
|
||||
<h3 style="margin-bottom: 1rem; color: var(--ide-primary);">Los proyectos estratégicos se retrasan o no logran el resultado</h3>
|
||||
<h3 style="font-size: 1.6rem; margin-bottom: 1.5rem; color: var(--text-main);">Necesitamos mejorar la eficiencia y los resultados</h3>
|
||||
|
||||
<div style="margin-bottom: 1.25rem;">
|
||||
<h4 style="font-size: 0.95rem; color: var(--text-main); margin-bottom: 0.3rem;">Contexto y Diagnóstico</h4>
|
||||
<p style="font-size: 0.9rem; color: var(--text-body);">
|
||||
Muchas iniciativas bien intencionadas fracasan por falta de una metodología estructurada de seguimiento, asignación difusa de roles o gestión deficiente de riesgos e interesados.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div style="margin-bottom: 1.25rem;">
|
||||
<h4 style="font-size: 0.95rem; color: var(--text-main); margin-bottom: 0.3rem;">Preguntas Clave</h4>
|
||||
<ul style="padding-left: 1.2rem; font-size: 0.88rem; color: var(--text-body); line-height: 1.5;">
|
||||
<div style="margin-bottom: 2rem;">
|
||||
<p style="font-size: 1.05rem; color: var(--text-body); margin-bottom: 1rem;"><strong>Preguntas disparadoras:</strong></p>
|
||||
<ul style="padding-left: 1.2rem; font-size: 1rem; color: var(--text-body); line-height: 1.6;">
|
||||
<li>¿Se define con claridad el alcance antes de iniciar la ejecución?</li>
|
||||
<li>¿Hay un responsable visible (Project Manager) con autoridad de gestión?</li>
|
||||
<li>¿Hay un responsable visible con autoridad de gestión?</li>
|
||||
<li>¿Se aplican marcos ágiles o híbridos adecuados a la complejidad del proyecto?</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div style="margin-bottom: 1.5rem;">
|
||||
<h4 style="font-size: 0.95rem; color: var(--text-main); margin-bottom: 0.3rem;">Capacidades IDE que intervienen</h4>
|
||||
<div style="margin-bottom: 2.5rem;">
|
||||
<p style="font-size: 1.05rem; color: var(--text-body); margin-bottom: 1rem;"><strong>Capacidades que intervienen:</strong></p>
|
||||
<div style="display: flex; gap: 0.5rem; flex-wrap: wrap;">
|
||||
<span class="ecosystem-badge badge-project">IDE Project (PMO & Dirección)</span>
|
||||
<span class="ecosystem-badge badge-academy">IDE Academy (Formación en Proyectos)</span>
|
||||
<span class="ecosystem-badge badge-project">IDE Projects</span>
|
||||
<span class="ecosystem-badge badge-excellence">IDE Excellence</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="display: flex; justify-content: flex-end; gap: 0.75rem;">
|
||||
<button class="btn btn-ghost btn-sm" data-close-modal>Cerrar</button>
|
||||
<a href="contacto.html?busqueda=Gestionar%20o%20impulsar%20un%20proyecto&origen=Desafio_PMO" class="btn btn-primary btn-sm">
|
||||
Hablemos de este desafío
|
||||
</a>
|
||||
</div>
|
||||
<a href="contacto.html" class="btn btn-primary btn-cta-unificado" style="width: 100%; justify-content: center; padding: 1rem;">HABLEMOS</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Modal Desafío 3 -->
|
||||
<div id="modal-desafio-3" class="modal-backdrop" role="dialog" aria-modal="true">
|
||||
<div class="modal-window">
|
||||
<div class="modal-window" style="padding: 3rem;">
|
||||
<button class="modal-close-btn" aria-label="Cerrar modal">✕</button>
|
||||
<span class="eyebrow">DESAFÍO: PERSONAS Y CAMBIO</span>
|
||||
<h3 style="margin-bottom: 1rem; color: var(--ide-primary);">El equipo no adopta los cambios y persiste la resistencia</h3>
|
||||
<h3 style="font-size: 1.6rem; margin-bottom: 1.5rem; color: var(--text-main);">Queremos desarrollar a nuestras personas y fortalecer equipos</h3>
|
||||
|
||||
<div style="margin-bottom: 1.25rem;">
|
||||
<h4 style="font-size: 0.95rem; color: var(--text-main); margin-bottom: 0.3rem;">Contexto y Diagnóstico</h4>
|
||||
<p style="font-size: 0.9rem; color: var(--text-body);">
|
||||
La resistencia no es un problema de mala voluntad, sino una consecuencia natural cuando las personas no comprenden el sentido del cambio ni reciben las herramientas formativas para desempeñarse con seguridad.
|
||||
</p>
|
||||
<div style="margin-bottom: 2rem;">
|
||||
<p style="font-size: 1.05rem; color: var(--text-body); margin-bottom: 1rem;"><strong>Preguntas disparadoras:</strong></p>
|
||||
<ul style="padding-left: 1.2rem; font-size: 1rem; color: var(--text-body); line-height: 1.6;">
|
||||
<li>¿El equipo adopta los cambios o persiste la resistencia?</li>
|
||||
<li>¿Comprenden el sentido del cambio que se quiere implementar?</li>
|
||||
<li>¿Cuentan con las herramientas formativas para desempeñarse con seguridad?</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div style="margin-bottom: 1.5rem;">
|
||||
<h4 style="font-size: 0.95rem; color: var(--text-main); margin-bottom: 0.3rem;">Capacidades IDE que intervienen</h4>
|
||||
<div style="margin-bottom: 2.5rem;">
|
||||
<p style="font-size: 1.05rem; color: var(--text-body); margin-bottom: 1rem;"><strong>Capacidades que intervienen:</strong></p>
|
||||
<div style="display: flex; gap: 0.5rem; flex-wrap: wrap;">
|
||||
<span class="ecosystem-badge badge-academy">IDE Academy (Capacitación In-Company)</span>
|
||||
<span class="ecosystem-badge badge-excellence">IDE Excellence (Alineación Organizacional)</span>
|
||||
<span class="ecosystem-badge badge-academy">IDE Academy</span>
|
||||
<span class="ecosystem-badge badge-excellence">IDE Excellence</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="display: flex; justify-content: flex-end; gap: 0.75rem;">
|
||||
<button class="btn btn-ghost btn-sm" data-close-modal>Cerrar</button>
|
||||
<a href="contacto.html?busqueda=Formación%20para%20mi%20organización&origen=Desafio_Equipo" class="btn btn-primary btn-sm">
|
||||
Hablemos de este desafío
|
||||
</a>
|
||||
</div>
|
||||
<a href="contacto.html" class="btn btn-primary btn-cta-unificado" style="width: 100%; justify-content: center; padding: 1rem;">HABLEMOS</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Modal Desafío 4 -->
|
||||
<div id="modal-desafio-4" class="modal-backdrop" role="dialog" aria-modal="true">
|
||||
<div class="modal-window">
|
||||
<div class="modal-window" style="padding: 3rem;">
|
||||
<button class="modal-close-btn" aria-label="Cerrar modal">✕</button>
|
||||
<span class="eyebrow">DESAFÍO: TECNOLOGÍA & IA</span>
|
||||
<h3 style="margin-bottom: 1rem; color: var(--ide-primary);">Queremos incorporar Inteligencia Artificial con sentido</h3>
|
||||
<h3 style="font-size: 1.6rem; margin-bottom: 1.5rem; color: var(--text-main);">Buscamos incorporar tecnología o avanzar en la transformación digital</h3>
|
||||
|
||||
<div style="margin-bottom: 1.25rem;">
|
||||
<h4 style="font-size: 0.95rem; color: var(--text-main); margin-bottom: 0.3rem;">Contexto y Diagnóstico</h4>
|
||||
<p style="font-size: 0.9rem; color: var(--text-body);">
|
||||
Incorporar IA sin comprender los procesos sólo automatiza el desorden. Diagnosticamos qué tareas repetitivas y análisis de datos pueden optimizarse para que el equipo gane tiempo de alto valor.
|
||||
</p>
|
||||
<div style="margin-bottom: 2rem;">
|
||||
<p style="font-size: 1.05rem; color: var(--text-body); margin-bottom: 1rem;"><strong>Preguntas disparadoras:</strong></p>
|
||||
<ul style="padding-left: 1.2rem; font-size: 1rem; color: var(--text-body); line-height: 1.6;">
|
||||
<li>¿Tenemos claro dónde la tecnología puede generar valor real?</li>
|
||||
<li>¿Estamos automatizando el desorden o mejorando el proceso base?</li>
|
||||
<li>¿El equipo está preparado para esta adopción tecnológica?</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div style="margin-bottom: 1.5rem;">
|
||||
<h4 style="font-size: 0.95rem; color: var(--text-main); margin-bottom: 0.3rem;">Capacidades IDE que intervienen</h4>
|
||||
<div style="margin-bottom: 2.5rem;">
|
||||
<p style="font-size: 1.05rem; color: var(--text-body); margin-bottom: 1rem;"><strong>Capacidades que intervienen:</strong></p>
|
||||
<div style="display: flex; gap: 0.5rem; flex-wrap: wrap;">
|
||||
<span class="ecosystem-badge badge-digital">IDE Digital (IA & Automatización)</span>
|
||||
<span class="ecosystem-badge badge-excellence">IDE Excellence (Rediseño de Procesos)</span>
|
||||
<span class="ecosystem-badge badge-digital">IDE Digital</span>
|
||||
<span class="ecosystem-badge badge-excellence">IDE Excellence</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="display: flex; justify-content: flex-end; gap: 0.75rem;">
|
||||
<button class="btn btn-ghost btn-sm" data-close-modal>Cerrar</button>
|
||||
<a href="contacto.html?busqueda=Transformación%20digital%20/%20IA&origen=Desafio_IA" class="btn btn-primary btn-sm">
|
||||
Hablemos de este desafío
|
||||
</a>
|
||||
</div>
|
||||
<a href="contacto.html" class="btn btn-primary btn-cta-unificado" style="width: 100%; justify-content: center; padding: 1rem;">HABLEMOS</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Modal Desafío 5 -->
|
||||
<div id="modal-desafio-5" class="modal-backdrop" role="dialog" aria-modal="true">
|
||||
<div class="modal-window">
|
||||
<div class="modal-window" style="padding: 3rem;">
|
||||
<button class="modal-close-btn" aria-label="Cerrar modal">✕</button>
|
||||
<span class="eyebrow">DESAFÍO: NORMAS Y CERTIFICACIONES</span>
|
||||
<h3 style="margin-bottom: 1rem; color: var(--ide-primary);">Certificar una norma (ISO) y que genere valor real</h3>
|
||||
<h3 style="font-size: 1.6rem; margin-bottom: 1.5rem; color: var(--text-main);">Necesitamos fortalecer la calidad, el cumplimiento o la gestión de riesgos</h3>
|
||||
|
||||
<div style="margin-bottom: 1.25rem;">
|
||||
<h4 style="font-size: 0.95rem; color: var(--text-main); margin-bottom: 0.3rem;">Contexto y Diagnóstico</h4>
|
||||
<p style="font-size: 0.9rem; color: var(--text-body);">
|
||||
Transformamos el requisito normativo en una oportunidad de mejora. No preparamos la empresa para una auditoría de un día: diseñamos un sistema que ayuda a la dirección a gestionar mejor los 365 días del año.
|
||||
</p>
|
||||
<div style="margin-bottom: 2rem;">
|
||||
<p style="font-size: 1.05rem; color: var(--text-body); margin-bottom: 1rem;"><strong>Preguntas disparadoras:</strong></p>
|
||||
<ul style="padding-left: 1.2rem; font-size: 1rem; color: var(--text-body); line-height: 1.6;">
|
||||
<li>¿El cumplimiento normativo está sumando burocracia sin aportar valor?</li>
|
||||
<li>¿Se gestiona solo para aprobar auditorías o se mejora continuamente?</li>
|
||||
<li>¿Está integrado el sistema de gestión a las decisiones del negocio?</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div style="margin-bottom: 1.5rem;">
|
||||
<h4 style="font-size: 0.95rem; color: var(--text-main); margin-bottom: 0.3rem;">Capacidades IDE que intervienen</h4>
|
||||
<div style="margin-bottom: 2.5rem;">
|
||||
<p style="font-size: 1.05rem; color: var(--text-body); margin-bottom: 1rem;"><strong>Capacidades que intervienen:</strong></p>
|
||||
<div style="display: flex; gap: 0.5rem; flex-wrap: wrap;">
|
||||
<span class="ecosystem-badge badge-excellence">IDE Excellence (ISO 9001/14001/45001)</span>
|
||||
<span class="ecosystem-badge badge-academy">IDE Academy (Auditores Internos)</span>
|
||||
<span class="ecosystem-badge badge-excellence">IDE Excellence</span>
|
||||
<span class="ecosystem-badge badge-academy">IDE Academy</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="display: flex; justify-content: flex-end; gap: 0.75rem;">
|
||||
<button class="btn btn-ghost btn-sm" data-close-modal>Cerrar</button>
|
||||
<a href="contacto.html?busqueda=Implementar%20o%20certificar%20una%20norma&origen=Desafio_ISO" class="btn btn-primary btn-sm">
|
||||
Hablemos de este desafío
|
||||
</a>
|
||||
</div>
|
||||
<a href="contacto.html" class="btn btn-primary btn-cta-unificado" style="width: 100%; justify-content: center; padding: 1rem;">HABLEMOS</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user