estructura inicial
This commit is contained in:
+202
@@ -0,0 +1,202 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="es">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>Desafíos – IDE Consultores</title>
|
||||
<link rel="stylesheet" href="styles.css" />
|
||||
<style>
|
||||
.accordion-item { border: 1px solid var(--border); border-radius: var(--radius-lg); overflow:hidden; margin-bottom:0.75rem; }
|
||||
|
||||
.accordion-trigger {
|
||||
width:100%; display:flex; align-items:center; justify-content:space-between;
|
||||
padding:1.25rem 1.5rem; background:var(--bg); border:none; cursor:pointer;
|
||||
font-family:var(--font-body); font-size:1rem; font-weight:600;
|
||||
color:var(--text); text-align:left; gap:1rem;
|
||||
transition: background var(--transition), color var(--transition);
|
||||
}
|
||||
.accordion-trigger:hover { background:var(--surface); }
|
||||
.accordion-trigger.open { background:var(--teal-dark); color:var(--white); }
|
||||
|
||||
.accordion-trigger .icon {
|
||||
flex-shrink:0; width:28px; height:28px; border-radius:50%;
|
||||
background:rgba(41,185,154,0.15); display:flex; align-items:center;
|
||||
justify-content:center; font-size:1.1rem; transition: transform var(--transition);
|
||||
}
|
||||
.accordion-trigger.open .icon { transform: rotate(45deg); background:rgba(255,255,255,0.15); }
|
||||
|
||||
.accordion-panel {
|
||||
max-height:0; overflow:hidden;
|
||||
transition: max-height 0.4s ease, padding var(--transition);
|
||||
padding: 0 1.5rem;
|
||||
background: var(--surface);
|
||||
}
|
||||
.accordion-panel.open { max-height:600px; padding: 1.5rem; }
|
||||
|
||||
.accordion-panel .questions { margin-top:1rem; }
|
||||
.accordion-panel .questions li { font-size:0.88rem; color:var(--text-sub); margin-bottom:0.4rem; padding-left:1rem; border-left:2px solid var(--green); }
|
||||
|
||||
.accordion-panel .paths { display:flex; gap:0.75rem; flex-wrap:wrap; margin-top:1rem; }
|
||||
.path-chip {
|
||||
padding:0.35rem 0.9rem; border-radius:99px;
|
||||
background:rgba(41,185,154,0.12); color:var(--green);
|
||||
font-size:0.78rem; font-weight:600; text-transform:uppercase; letter-spacing:0.07em;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="navbar-slot"></div>
|
||||
|
||||
<main>
|
||||
|
||||
<header class="page-header">
|
||||
<div class="container">
|
||||
<p class="eyebrow">Por desafío</p>
|
||||
<h1>¿Qué está pasando en tu organización?</h1>
|
||||
<p>No siempre se sabe exactamente qué se necesita. Elegí el desafío que más resuena con tu situación y encontremos juntos el camino.</p>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<section class="section">
|
||||
<div class="container" style="max-width:800px;">
|
||||
|
||||
<div class="accordion-item fade-in">
|
||||
<button class="accordion-trigger">
|
||||
<span>🔄 Transformar la organización</span>
|
||||
<span class="icon">+</span>
|
||||
</button>
|
||||
<div class="accordion-panel">
|
||||
<p>La organización crece, cambia de contexto o necesita reinventarse, pero los cambios no terminan de consolidarse.</p>
|
||||
<div class="questions">
|
||||
<ul>
|
||||
<li>¿Los procesos actuales frenan en lugar de habilitar?</li>
|
||||
<li>¿El liderazgo y la cultura van en direcciones distintas?</li>
|
||||
<li>¿Los cambios se inician pero no se sostienen en el tiempo?</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="paths">
|
||||
<span class="path-chip">Excellence</span>
|
||||
<span class="path-chip">Academy</span>
|
||||
<span class="path-chip">Digital</span>
|
||||
</div>
|
||||
<div class="mt-2">
|
||||
<a href="contacto.html" class="btn btn--primary">Hablemos de este desafío</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="accordion-item fade-in">
|
||||
<button class="accordion-trigger">
|
||||
<span>📊 Mejorar la gestión</span>
|
||||
<span class="icon">+</span>
|
||||
</button>
|
||||
<div class="accordion-panel">
|
||||
<p>Las operaciones funcionan, pero sin la eficiencia ni la visibilidad necesarias para tomar buenas decisiones.</p>
|
||||
<div class="questions">
|
||||
<ul>
|
||||
<li>¿Los proyectos se desvían de plazos y presupuestos frecuentemente?</li>
|
||||
<li>¿Hay duplicación de esfuerzos o tareas que no agregan valor?</li>
|
||||
<li>¿La información para decidir llega tarde o incompleta?</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="paths">
|
||||
<span class="path-chip">Project</span>
|
||||
<span class="path-chip">Excellence</span>
|
||||
</div>
|
||||
<div class="mt-2">
|
||||
<a href="contacto.html" class="btn btn--primary">Hablemos de este desafío</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="accordion-item fade-in">
|
||||
<button class="accordion-trigger">
|
||||
<span>🤖 Incorporar tecnología e IA</span>
|
||||
<span class="icon">+</span>
|
||||
</button>
|
||||
<div class="accordion-panel">
|
||||
<p>La organización quiere aprovechar la tecnología y la inteligencia artificial, pero sin claridad sobre por dónde empezar.</p>
|
||||
<div class="questions">
|
||||
<ul>
|
||||
<li>¿Se adoptan herramientas digitales sin estrategia clara?</li>
|
||||
<li>¿Los equipos no saben cómo integrar IA en sus flujos reales?</li>
|
||||
<li>¿La tecnología suma complejidad en lugar de simplificar?</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="paths">
|
||||
<span class="path-chip">Digital</span>
|
||||
<span class="path-chip">Academy</span>
|
||||
</div>
|
||||
<div class="mt-2">
|
||||
<a href="contacto.html" class="btn btn--primary">Hablemos de este desafío</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="accordion-item fade-in">
|
||||
<button class="accordion-trigger">
|
||||
<span>🎓 Desarrollar capacidades del equipo</span>
|
||||
<span class="icon">+</span>
|
||||
</button>
|
||||
<div class="accordion-panel">
|
||||
<p>La organización necesita que sus personas crezcan para poder acompañar los cambios estratégicos.</p>
|
||||
<div class="questions">
|
||||
<ul>
|
||||
<li>¿Hay brechas de habilidades que frenan la ejecución?</li>
|
||||
<li>¿Los líderes intermedios no tienen las herramientas para gestionar el cambio?</li>
|
||||
<li>¿La formación actual no está alineada con los desafíos reales?</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="paths">
|
||||
<span class="path-chip">Academy</span>
|
||||
<span class="path-chip">Excellence</span>
|
||||
</div>
|
||||
<div class="mt-2">
|
||||
<a href="contacto.html" class="btn btn--primary">Hablemos de este desafío</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="accordion-item fade-in">
|
||||
<button class="accordion-trigger">
|
||||
<span>✅ Implementar o certificar una norma</span>
|
||||
<span class="icon">+</span>
|
||||
</button>
|
||||
<div class="accordion-panel">
|
||||
<p>La organización necesita implementar o certificar una norma ISO pero quiere que sea un proceso que agregue valor real y no solo burocracia.</p>
|
||||
<div class="questions">
|
||||
<ul>
|
||||
<li>¿La norma es un requisito de cliente o mercado?</li>
|
||||
<li>¿Hubo intentos previos que no prosperaron?</li>
|
||||
<li>¿El equipo no sabe por dónde empezar?</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="paths">
|
||||
<span class="path-chip">Excellence</span>
|
||||
<span class="path-chip">Academy</span>
|
||||
</div>
|
||||
<div class="mt-2">
|
||||
<a href="contacto.html" class="btn btn--primary">Hablemos de este desafío</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section section--dark text-center">
|
||||
<div class="container fade-in">
|
||||
<h2>¿Tu desafío no está en la lista?</h2>
|
||||
<p style="margin:1rem auto 2rem;">Contanos en tus propias palabras y lo exploramos juntos.</p>
|
||||
<a href="contacto.html" class="btn btn--white">Hablemos</a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
</main>
|
||||
|
||||
<div id="footer-slot"></div>
|
||||
<script src="layout.js"></script>
|
||||
<script src="scripts.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user