253 lines
16 KiB
HTML
253 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>Desafíos Organizacionales | IDE Consultores</title>
|
|
<meta name="description" content="¿Qué está pasando en tu organización? No necesitás saber qué servicio buscar; partimos del desafío real para diseñar la intervención adecuada.">
|
|
<meta property="og:title" content="Desafíos Organizacionales | IDE Consultores">
|
|
<meta property="og:description" content="Explorá los desafíos más habituales: procesos, proyectos, adopción cultural, tecnología y cumplimiento normativo.">
|
|
<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 Desafíos -->
|
|
<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>
|
|
|
|
<!-- Grilla de Desafíos con Modales -->
|
|
<section class="section-padding bg3">
|
|
<div class="container">
|
|
|
|
<div class="grid-3" style="gap: 2rem;">
|
|
|
|
<!-- Desafío 1 -->
|
|
<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>
|
|
</div>
|
|
|
|
<!-- Desafío 2 -->
|
|
<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>
|
|
</div>
|
|
|
|
<!-- Desafío 3 -->
|
|
<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>
|
|
</div>
|
|
|
|
<!-- Desafío 4 -->
|
|
<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>
|
|
</div>
|
|
|
|
<!-- Desafío 5 -->
|
|
<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>
|
|
</div>
|
|
|
|
<!-- Desafío 6 -->
|
|
<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>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</section>
|
|
|
|
<!--CTA-->
|
|
<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" style="padding: 3rem;">
|
|
<button class="modal-close-btn" aria-label="Cerrar modal">✕</button>
|
|
<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: 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: 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</span>
|
|
<span class="ecosystem-badge badge-academy">IDE Academy</span>
|
|
</div>
|
|
</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" style="padding: 3rem;">
|
|
<button class="modal-close-btn" aria-label="Cerrar modal">✕</button>
|
|
<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: 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 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: 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 Projects</span>
|
|
<span class="ecosystem-badge badge-excellence">IDE Excellence</span>
|
|
</div>
|
|
</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" style="padding: 3rem;">
|
|
<button class="modal-close-btn" aria-label="Cerrar modal">✕</button>
|
|
<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: 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: 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</span>
|
|
<span class="ecosystem-badge badge-excellence">IDE Excellence</span>
|
|
</div>
|
|
</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" style="padding: 3rem;">
|
|
<button class="modal-close-btn" aria-label="Cerrar modal">✕</button>
|
|
<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: 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: 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</span>
|
|
<span class="ecosystem-badge badge-excellence">IDE Excellence</span>
|
|
</div>
|
|
</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" style="padding: 3rem;">
|
|
<button class="modal-close-btn" aria-label="Cerrar modal">✕</button>
|
|
<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: 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: 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</span>
|
|
<span class="ecosystem-badge badge-academy">IDE Academy</span>
|
|
</div>
|
|
</div>
|
|
|
|
<a href="contacto.html" class="btn btn-primary btn-cta-unificado" style="width: 100%; justify-content: center; padding: 1rem;">HABLEMOS</a>
|
|
</div>
|
|
</div>
|
|
|
|
</main>
|
|
|
|
<footer id="site-footer"></footer>
|
|
<script src="js/main.js"></script>
|
|
</body>
|
|
</html>
|