560 lines
26 KiB
HTML
560 lines
26 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">
|
|
<link rel="stylesheet" href="css/desafio.css">
|
|
</head>
|
|
<body>
|
|
|
|
<header id="site-header"></header>
|
|
|
|
<main>
|
|
|
|
<!-- Header Desafíos -->
|
|
<section class="section-padding herobg-3">
|
|
<div class="container">
|
|
<div style="display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: center;">
|
|
<div>
|
|
<h1 style="margin-bottom: 1.25rem; color:white">
|
|
¿Qué está pasando<br>en tu organización?
|
|
</h1>
|
|
<p class="lead-text" style="color:white">
|
|
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>
|
|
<a href="contacto.html" class="btn btn-cta-unificado"
|
|
style="border-radius: 50px; align-items: center; gap: 0.5rem; margin-top: 1.5rem; display: inline-flex;">
|
|
HABLEMOS
|
|
<svg width="18" height="18" 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>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Grilla de Desafíos con Modales -->
|
|
<section class="section-padding bg7">
|
|
|
|
<div class="container">
|
|
|
|
<div class="grid-3 desafios-grid" style="gap: 1.5rem;">
|
|
|
|
<!-- Desafío 1 -->
|
|
<div class="desafio-card" data-open-modal="modal-desafio-1" tabindex="0" role="button" aria-label="Ver más sobre ordenar la gestión">
|
|
<div class="desafio-card__image">
|
|
<img src="assets/img/desafios/d1.jpg" alt="Gestión organizacional" loading="lazy">
|
|
<div class="desafio-card__overlay"></div>
|
|
</div>
|
|
<div class="desafio-card__content">
|
|
<div class="desafio-card__icon">
|
|
<i class="fa-solid fa-sitemap"></i>
|
|
</div>
|
|
<h3 class="desafio-card__title">Crecimos y necesitamos ordenar la gestión.</h3>
|
|
<button class="btn btn-cta-unificado" style="border-radius: 50px; display: flex; align-items: center; gap: 0.5rem; padding: 0.5rem 1.1rem;" aria-label="Abrir detalle"><i class="fa-solid fa-arrow-right"></i></i></button>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Desafío 2 -->
|
|
<div class="desafio-card" data-open-modal="modal-desafio-2" tabindex="0" role="button" aria-label="Ver más sobre convertir iniciativas en resultados">
|
|
<div class="desafio-card__image">
|
|
<img src="assets/img/desafios/desafio2.jpg" alt="Gestión de proyectos" loading="lazy">
|
|
<div class="desafio-card__overlay"></div>
|
|
</div>
|
|
<div class="desafio-card__content">
|
|
<div class="desafio-card__icon">
|
|
<i class="fa-solid fa-bullseye"></i>
|
|
</div>
|
|
<h3 class="desafio-card__title">Tenemos muchas iniciativas, pero cuesta convertirlas en resultados.</h3>
|
|
<button class="btn btn-cta-unificado" style="border-radius: 50px; display: flex; align-items: center; gap: 0.5rem; padding: 0.5rem 1.1rem;" aria-label="Abrir detalle"><i class="fa-solid fa-arrow-right"></i></i></button>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Desafío 3 -->
|
|
<div class="desafio-card" data-open-modal="modal-desafio-3" tabindex="0" role="button" aria-label="Ver más sobre implementar cambios">
|
|
<div class="desafio-card__image">
|
|
<img src="assets/img/desafios/d3.jpg" alt="Gestión del cambio" loading="lazy">
|
|
<div class="desafio-card__overlay"></div>
|
|
</div>
|
|
<div class="desafio-card__content">
|
|
<div class="desafio-card__icon">
|
|
<i class="fa-solid fa-people-arrows"></i>
|
|
</div>
|
|
<h3 class="desafio-card__title">Estamos impulsando cambios, pero cuesta llevarlos a la práctica.</h3>
|
|
<button class="btn btn-cta-unificado" style="border-radius: 50px; display: flex; align-items: center; gap: 0.5rem; padding: 0.5rem 1.1rem;" aria-label="Abrir detalle"><i class="fa-solid fa-arrow-right"></i></i></button>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Desafío 4 -->
|
|
<div class="desafio-card" data-open-modal="modal-desafio-4" tabindex="0" role="button" aria-label="Ver más sobre tecnología e IA">
|
|
<div class="desafio-card__image">
|
|
<img src="assets/img/desafios/digital.jpg" alt="Tecnología e inteligencia artificial" loading="lazy">
|
|
<div class="desafio-card__overlay"></div>
|
|
</div>
|
|
<div class="desafio-card__content">
|
|
<div class="desafio-card__icon">
|
|
<i class="fa-solid fa-robot"></i>
|
|
</div>
|
|
<h3 class="desafio-card__title">Queremos aprovechar la tecnología y la IA con sentido.</h3>
|
|
<button class="btn btn-cta-unificado" style="border-radius: 50px; display: flex; align-items: center; gap: 0.5rem; padding: 0.5rem 1.1rem;" aria-label="Abrir detalle"><i class="fa-solid fa-arrow-right"></i></i></button>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Desafío 5 -->
|
|
<div class="desafio-card" data-open-modal="modal-desafio-5" tabindex="0" role="button" aria-label="Ver más sobre cumplimiento normativo">
|
|
<div class="desafio-card__image">
|
|
<img src="assets/img/desafios/d5.jpg" alt="Cumplimiento normativo" loading="lazy">
|
|
<div class="desafio-card__overlay"></div>
|
|
</div>
|
|
<div class="desafio-card__content">
|
|
<div class="desafio-card__icon">
|
|
<i class="fa-solid fa-certificate"></i>
|
|
</div>
|
|
<h3 class="desafio-card__title">Necesitamos cumplir nuevos requisitos sin sumar burocracia.</h3>
|
|
<button class="btn btn-cta-unificado" style="border-radius: 50px; display: flex; align-items: center; gap: 0.5rem; padding: 0.5rem 1.1rem;" aria-label="Abrir detalle"><i class="fa-solid fa-arrow-right"></i></i></button>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Desafío 6: Brújula IDE -->
|
|
<div class="desafio-card" data-open-modal="modal-desafio-6" tabindex="0" role="button" aria-label="Ver más sobre brújula IDE">
|
|
<div class="desafio-card__image">
|
|
<img src="assets/img/desafios/brujula.jpg" alt="Brújula IDE" loading="lazy">
|
|
<div class="desafio-card__overlay"></div>
|
|
</div>
|
|
<div class="desafio-card__content">
|
|
<div class="desafio-card__icon">
|
|
<i class="fa-solid fa-compass"></i>
|
|
</div>
|
|
<h3 class="desafio-card__title">Sabemos que algo debería cambiar, pero no tenemos claro por dónde empezar.</h3>
|
|
<button class="btn btn-cta-unificado" style="border-radius: 50px; display: flex; align-items: center; gap: 0.5rem; padding: 0.5rem 1.1rem;" aria-label="Abrir detalle"><i class="fa-solid fa-arrow-right"></i></i></button>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</section>
|
|
|
|
<!--Seccion 3-->
|
|
<section class="section-padding bg6">
|
|
<div class="container">
|
|
<div style="display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: center;">
|
|
<div>
|
|
<span class="eyebrow" style="text-transform: uppercase;">UNA MIRADA AMPLIA</span>
|
|
<h1 style="margin-bottom: 0.8rem; line-height: 1.1; color: var(--ide-primary);">
|
|
Distintas señales pueden tener un mismo origen.
|
|
</h1>
|
|
<p class="lead-text" style="margin-bottom: 2.5rem;">
|
|
Comprender las conexiones nos permite identificar dónde intervenir y generar un mayor impacto.
|
|
</p>
|
|
</div>
|
|
<div class="hero-visual">
|
|
<img src="assets/img/hero/infinito sin fondo.png" alt="Ilustración de desafíos organizacionales" style="width: 100%; max-width: 500px; margin-left: 5rem;">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Sección 4 -->
|
|
<section class="section-padding-xs herobg-2a">
|
|
<div class="container container-wide">
|
|
<div class="hero-grid">
|
|
<div>
|
|
|
|
<h1 style="margin-bottom: 0.8rem; line-height: 1.1; color: white;">
|
|
¿Tu situación es diferente?
|
|
</h1>
|
|
<p class="lead-text" style="margin-bottom: 2.5rem; color: white;">
|
|
No necesitás saber qué servicio buscar; partimos del desafío real para diseñar la intervención adecuada.
|
|
</p>
|
|
|
|
<!-- Hero Actions -->
|
|
<div class="hero-actions" style="display: flex; gap: 1rem; flex-wrap: wrap; align-items: center;">
|
|
<a href="contacto.html" class="btn btn-cta-unificado"
|
|
style="border-radius: 50px; display: flex; align-items: center; gap: 0.5rem; padding: 0.75rem 1.5rem;">
|
|
HABLEMOS
|
|
<svg width="18" height="18" 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>
|
|
|
|
<div class="hero-visual"
|
|
style="width: 100%; height: 400px; position: relative; display: flex; justify-content: center; align-items: center;">
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
|
|
<!-- Modal Desafío 1 -->
|
|
<div id="modal-desafio-1" class="modal-backdrop" role="dialog" aria-modal="true" aria-labelledby="modal-1-title">
|
|
<div class="modal-compact">
|
|
<button class="modal-close-btn" aria-label="Cerrar modal">✕</button>
|
|
|
|
<div class="modal-compact__body">
|
|
<!-- COLUMNA 1: Textos y preguntas -->
|
|
<div class="modal-compact__col-text">
|
|
<h2 id="modal-1-title" class="modal-compact__title">
|
|
<i class="fa-solid fa-sitemap"></i>
|
|
Ordenar la gestión después del crecimiento
|
|
</h2>
|
|
<p class="modal-compact__intro">
|
|
Lo que antes funcionaba de manera informal empieza a generar descoordinación, retrabajos, falta de claridad o dependencia de personas clave.
|
|
</p>
|
|
|
|
<div class="modal-compact__section">
|
|
<h3 class="modal-compact__section-title">Preguntas disparadoras:</h3>
|
|
<ul class="modal-compact__list">
|
|
<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 class="modal-compact__section">
|
|
<h3 class="modal-compact__section-title">Capacidades que intervienen:</h3>
|
|
<div class="modal-compact__badges">
|
|
<span class="ecosystem-badge badge-excellence">IDE Excellence</span>
|
|
<span class="ecosystem-badge badge-academy">IDE Academy</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- COLUMNA 2: Imagen, iconos y CTA -->
|
|
<div class="modal-compact__col-visual">
|
|
<div class="modal-compact__image">
|
|
<img src="assets/img/desafios/t1.png" alt="Gestión organizacional estructurada">
|
|
</div>
|
|
|
|
<div class="modal-compact__icons">
|
|
<div class="modal-compact__icon-item">
|
|
<i class="fa-solid fa-diagram-project"></i>
|
|
<span>Procesos definidos</span>
|
|
</div>
|
|
<div class="modal-compact__icon-item">
|
|
<i class="fa-solid fa-users-gear"></i>
|
|
<span>Roles claros</span>
|
|
</div>
|
|
<div class="modal-compact__icon-item">
|
|
<i class="fa-solid fa-chart-line"></i>
|
|
<span>Indicadores en tiempo real</span>
|
|
</div>
|
|
</div>
|
|
|
|
<a href="contacto.html" class="btn btn-cta-unificado modal-compact__cta">HABLEMOS</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Modal Desafío 2 -->
|
|
<div id="modal-desafio-2" class="modal-backdrop" role="dialog" aria-modal="true" aria-labelledby="modal-2-title">
|
|
<div class="modal-compact">
|
|
<button class="modal-close-btn" aria-label="Cerrar modal">✕</button>
|
|
|
|
<div class="modal-compact__body">
|
|
<div class="modal-compact__col-text">
|
|
<h2 id="modal-2-title" class="modal-compact__title">
|
|
<i class="fa-solid fa-bullseye"></i>
|
|
Convertir iniciativas en resultados concretos
|
|
</h2>
|
|
<p class="modal-compact__intro">
|
|
Los proyectos avanzan con dificultades, compiten por recursos o pierden foco, y necesitamos mejorar la forma de priorizar, coordinar y ejecutar.
|
|
</p>
|
|
|
|
<div class="modal-compact__section">
|
|
<h3 class="modal-compact__section-title">Preguntas disparadoras:</h3>
|
|
<ul class="modal-compact__list">
|
|
<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 class="modal-compact__section">
|
|
<h3 class="modal-compact__section-title">Capacidades que intervienen:</h3>
|
|
<div class="modal-compact__badges">
|
|
<span class="ecosystem-badge badge-project">IDE Projects</span>
|
|
<span class="ecosystem-badge badge-excellence">IDE Excellence</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="modal-compact__col-visual">
|
|
<div class="modal-compact__image">
|
|
<img src="assets/img/desafios/t2.png" alt="Gestión de proyectos efectiva">
|
|
</div>
|
|
|
|
<div class="modal-compact__icons">
|
|
<div class="modal-compact__icon-item">
|
|
<i class="fa-solid fa-list-check"></i>
|
|
<span>Alcance definido</span>
|
|
</div>
|
|
<div class="modal-compact__icon-item">
|
|
<i class="fa-solid fa-user-tie"></i>
|
|
<span>Responsable con autoridad</span>
|
|
</div>
|
|
<div class="modal-compact__icon-item">
|
|
<i class="fa-solid fa-layer-group"></i>
|
|
<span>Metodologías ágiles/híbridas</span>
|
|
</div>
|
|
</div>
|
|
|
|
<a href="contacto.html" class="btn btn-cta-unificado modal-compact__cta">HABLEMOS</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Modal Desafío 3 -->
|
|
<div id="modal-desafio-3" class="modal-backdrop" role="dialog" aria-modal="true" aria-labelledby="modal-3-title">
|
|
<div class="modal-compact">
|
|
<button class="modal-close-btn" aria-label="Cerrar modal">✕</button>
|
|
|
|
<div class="modal-compact__body">
|
|
<div class="modal-compact__col-text">
|
|
<h2 id="modal-3-title" class="modal-compact__title">
|
|
<i class="fa-solid fa-people-arrows"></i>
|
|
Llevar los cambios a la práctica
|
|
</h2>
|
|
<p class="modal-compact__intro">
|
|
Nuevos procesos, herramientas o formas de trabajar no siempre logran integrarse a la dinámica cotidiana de la organización.
|
|
</p>
|
|
|
|
<div class="modal-compact__section">
|
|
<h3 class="modal-compact__section-title">Preguntas disparadoras:</h3>
|
|
<ul class="modal-compact__list">
|
|
<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 class="modal-compact__section">
|
|
<h3 class="modal-compact__section-title">Capacidades que intervienen:</h3>
|
|
<div class="modal-compact__badges">
|
|
<span class="ecosystem-badge badge-academy">IDE Academy</span>
|
|
<span class="ecosystem-badge badge-excellence">IDE Excellence</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="modal-compact__col-visual">
|
|
<div class="modal-compact__image">
|
|
<img src="assets/img/desafios/t3.png" alt="Gestión del cambio organizacional">
|
|
</div>
|
|
|
|
<div class="modal-compact__icons">
|
|
<div class="modal-compact__icon-item">
|
|
<i class="fa-solid fa-hand-holding-heart"></i>
|
|
<span>Adopción real</span>
|
|
</div>
|
|
<div class="modal-compact__icon-item">
|
|
<i class="fa-solid fa-lightbulb"></i>
|
|
<span>Comprensión del cambio</span>
|
|
</div>
|
|
<div class="modal-compact__icon-item">
|
|
<i class="fa-solid fa-graduation-cap"></i>
|
|
<span>Formación adecuada</span>
|
|
</div>
|
|
</div>
|
|
|
|
<a href="contacto.html" class="btn btn-cta-unificado modal-compact__cta">HABLEMOS</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Modal Desafío 4 -->
|
|
<div id="modal-desafio-4" class="modal-backdrop" role="dialog" aria-modal="true" aria-labelledby="modal-4-title">
|
|
<div class="modal-compact">
|
|
<button class="modal-close-btn" aria-label="Cerrar modal">✕</button>
|
|
|
|
<div class="modal-compact__body">
|
|
<div class="modal-compact__col-text">
|
|
<h2 id="modal-4-title" class="modal-compact__title">
|
|
<i class="fa-solid fa-robot"></i>
|
|
Aprovechar la tecnología y la IA con sentido
|
|
</h2>
|
|
<p class="modal-compact__intro">
|
|
Vemos oportunidades para automatizar, sistematizar o mejorar decisiones, pero necesitamos identificar dónde la tecnología puede generar valor real.
|
|
</p>
|
|
|
|
<div class="modal-compact__section">
|
|
<h3 class="modal-compact__section-title">Preguntas disparadoras:</h3>
|
|
<ul class="modal-compact__list">
|
|
<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 class="modal-compact__section">
|
|
<h3 class="modal-compact__section-title">Capacidades que intervienen:</h3>
|
|
<div class="modal-compact__badges">
|
|
<span class="ecosystem-badge badge-digital">IDE Digital</span>
|
|
<span class="ecosystem-badge badge-excellence">IDE Excellence</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="modal-compact__col-visual">
|
|
<div class="modal-compact__image">
|
|
<img src="assets/img/desafios/t4.png" alt="Transformación digital estratégica">
|
|
</div>
|
|
|
|
<div class="modal-compact__icons">
|
|
<div class="modal-compact__icon-item">
|
|
<i class="fa-solid fa-gears"></i>
|
|
<span>Proceso base optimizado</span>
|
|
</div>
|
|
<div class="modal-compact__icon-item">
|
|
<i class="fa-solid fa-users-viewfinder"></i>
|
|
<span>Equipo preparado</span>
|
|
</div>
|
|
<div class="modal-compact__icon-item">
|
|
<i class="fa-solid fa-wand-magic-sparkles"></i>
|
|
<span>IA aplicada con propósito</span>
|
|
</div>
|
|
</div>
|
|
|
|
<a href="contacto.html" class="btn btn-cta-unificado modal-compact__cta">HABLEMOS</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Modal Desafío 5 -->
|
|
<div id="modal-desafio-5" class="modal-backdrop" role="dialog" aria-modal="true" aria-labelledby="modal-5-title">
|
|
<div class="modal-compact">
|
|
<button class="modal-close-btn" aria-label="Cerrar modal">✕</button>
|
|
|
|
<div class="modal-compact__body">
|
|
<div class="modal-compact__col-text">
|
|
<h2 id="modal-5-title" class="modal-compact__title">
|
|
<i class="fa-solid fa-certificate"></i>
|
|
Cumplir requisitos sin burocracia
|
|
</h2>
|
|
<p class="modal-compact__intro">
|
|
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="modal-compact__section">
|
|
<h3 class="modal-compact__section-title">Preguntas disparadoras:</h3>
|
|
<ul class="modal-compact__list">
|
|
<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 class="modal-compact__section">
|
|
<h3 class="modal-compact__section-title">Capacidades que intervienen:</h3>
|
|
<div class="modal-compact__badges">
|
|
<span class="ecosystem-badge badge-excellence">IDE Excellence</span>
|
|
<span class="ecosystem-badge badge-academy">IDE Academy</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="modal-compact__col-visual">
|
|
<div class="modal-compact__image">
|
|
<img src="assets/img/desafios/t5.png" alt="Cumplimiento normativo integrado">
|
|
</div>
|
|
|
|
<div class="modal-compact__icons">
|
|
<div class="modal-compact__icon-item">
|
|
<i class="fa-solid fa-scale-balanced"></i>
|
|
<span>Cumplimiento con valor</span>
|
|
</div>
|
|
<div class="modal-compact__icon-item">
|
|
<i class="fa-solid fa-rotate"></i>
|
|
<span>Mejora continua</span>
|
|
</div>
|
|
<div class="modal-compact__icon-item">
|
|
<i class="fa-solid fa-briefcase"></i>
|
|
<span>Integrado al negocio</span>
|
|
</div>
|
|
</div>
|
|
|
|
<a href="contacto.html" class="btn btn-cta-unificado modal-compact__cta">HABLEMOS</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Modal Desafío 6 -->
|
|
<div id="modal-desafio-6" class="modal-backdrop" role="dialog" aria-modal="true" aria-labelledby="modal-6-title">
|
|
<div class="modal-compact">
|
|
<button class="modal-close-btn" aria-label="Cerrar modal">✕</button>
|
|
|
|
<div class="modal-compact__body">
|
|
<div class="modal-compact__col-text">
|
|
<h2 id="modal-6-title" class="modal-compact__title">
|
|
<i class="fa-solid fa-compass"></i>
|
|
No tenemos claro por dónde empezar
|
|
</h2>
|
|
<p class="modal-compact__intro">
|
|
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 class="modal-compact__section">
|
|
<h3 class="modal-compact__section-title">Capacidades que intervienen:</h3>
|
|
<div class="modal-compact__badges">
|
|
<span class="ecosystem-badge badge-excellence">IDE Excellence</span>
|
|
<span class="ecosystem-badge badge-academy">IDE Academy</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="modal-compact__col-visual">
|
|
<div class="modal-compact__image">
|
|
<img src="assets/img/desafios/t6.png" alt="Brújula IDE - Orientación estratégica">
|
|
</div>
|
|
|
|
<div class="modal-compact__icons">
|
|
<div class="modal-compact__icon-item">
|
|
<i class="fa-solid fa-magnifying-glass-chart"></i>
|
|
<span>Diagnóstico claro</span>
|
|
</div>
|
|
<div class="modal-compact__icon-item">
|
|
<i class="fa-solid fa-route"></i>
|
|
<span>Ruta definida</span>
|
|
</div>
|
|
<div class="modal-compact__icon-item">
|
|
<i class="fa-solid fa-handshake"></i>
|
|
<span>Acompañamiento experto</span>
|
|
</div>
|
|
</div>
|
|
|
|
<a href="index.html#brujula" class="btn btn-cta-unificado modal-compact__cta">Orientarme con la Brújula IDE</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</main>
|
|
|
|
<footer id="site-footer"></footer>
|
|
<script src="js/main.js"></script>
|
|
</body>
|
|
</html>
|