fanfuso/IDE-Demo-B
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

academy finish

Browse Source
This commit is contained in:
fanfuso
2026-09-10 22:46:24 -03:00
parent 5b93a0905f
commit fdb02b11a5
7 changed files with 345 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files
ide-academy.html
+91 -38
View File
@@ -18,39 +18,42 @@
<main>
<!-- Header Academy -->
<section class="section-padding" style="background-color: var(--bg-surface); border-bottom: 1px solid var(--border-color);">
<div class="container container-narrow text-center">
<span class="eyebrow">CAPACIDADES & APRENDIZAJE</span>
<section class="section-padding hero-video-section" style="background-color: var(--bg-surface); border-bottom: 1px solid var(--border-color); position: relative; overflow: hidden; min-height: 400px;">
<!-- Video de fondo -->
<video autoplay muted loop playsinline style="
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
opacity: 0.2;
z-index: 0;
pointer-events: none;
">
<source src="/assets/video/linea_reparto.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>
<div class="container container-narrow text-center" style="position: relative; z-index: 2;">
<span class="eyebrow" style="color: var(--text-main);">CAPACIDADES & APRENDIZAJE</span>
<h1 style="margin-bottom: 1.25rem;">Desarrollamos las capacidades que hacen posible la transformación</h1>
<p class="lead-text" style="margin: 0 auto 1.75rem auto;">
<p class="lead-text" style="margin: 0 auto 1.75rem auto;color: var(--text-main);">
Los procesos y la tecnología son indispensables, pero son las personas quienes los ejecutan y mejoran día a día. Diseñamos programas prácticos orientados a resultados organizacionales tangibles.
</p>
<div style="display: flex; justify-content: center; gap: 1rem; flex-wrap: wrap;">
<a href="#cursos-destacados" class="btn btn-primary btn-sm">Ver Cursos Destacados ↓</a>
<a href="contacto.html?busqueda=Formación%20para%20mi%20organización&origen=Academy_InCompany" class="btn btn-outline btn-sm">Solicitar Formación In-Company</a>
</div>
</div>
</section>
<!-- Propuesta de Valor de la Formación IDE -->
<section class="section-padding-sm bg-subtle-section">
<div class="container">
<div class="grid-3 text-center">
<div class="card">
<!-- <div style="font-size: 2rem; color: #D97706; margin-bottom: 0.5rem;">🎯</div> -->
<h4 style="font-size: 1.1rem; margin-bottom: 0.35rem;">Casos Reales y Aplicados</h4>
<p style="font-size: 0.85rem; color: var(--text-muted);">Los participantes trabajan sobre los procesos y desafíos cotidianos de sus propias empresas.</p>
</div>
<div class="card">
<!-- <div style="font-size: 2rem; color: var(--ide-primary); margin-bottom: 0.5rem;">👨‍🏫</div> -->
<h4 style="font-size: 1.1rem; margin-bottom: 0.35rem;">Docentes Consultores Senior</h4>
<p style="font-size: 0.85rem; color: var(--text-muted);">Instructores con amplia trayectoria liderando auditorías y proyectos en organizaciones reales.</p>
</div>
<div class="card">
<!-- <div style="font-size: 2rem; color: var(--ide-accent); margin-bottom: 0.5rem;">🔄</div> -->
<h4 style="font-size: 1.1rem; margin-bottom: 0.35rem;">Transferencia de Autonomía</h4>
<p style="font-size: 0.85rem; color: var(--text-muted);">Herramientas y plantillas listas para aplicar inmediatamente en el puesto de trabajo.</p>
</div>
<a href="contacto.html?busqueda=Formación%20para%20mi%20organización&origen=Academy_InCompany" class="btn btn-outline btn-sm" style="color: var(--text-inverse);">Solicitar Formación In-Company</a>
</div>
</div>
</section>
@@ -79,10 +82,66 @@
</div>
</section>
<!-- Sección Formación In-Company a Medida -->
<!-- Propuesta de Valor de la Formación IDE -->
<section class="section-padding bg-subtle-section">
<div class="container">
<div class="card" style="padding: clamp(2rem, 5vw, 3.5rem);">
<div style="display:grid; grid-template-columns:1fr 1fr; gap:3rem; align-items:center;">
<div class="fade-in visible">
<p class="eyebrow">¿Por qué Academy?</p>
<h2 style="padding-bottom: 15px;">La formación como parte del sistema, no como un apéndice.</h2>
<div class="divider"></div>
<p>Cada programa de Academy se diseña considerando el contexto de la organización, sus desafíos actuales y las capacidades que necesita desarrollar. No dictamos cursos estándar a audiencias genéricas.<br>Academy es la capacidad del Ecosistema IDE que acompaña y sostiene cualquier proceso de transformación.</p>
</div>
<div style="display: flex; flex-direction: column; gap: 1rem;">
<div class="card-incompany">
<div class="card-cursos-icon">
<svg viewBox="0 0 32 32" fill="currentColor">
<use href="./assets/iconos/fabrica_color.svg"></use>
</svg>
</div>
<div class="card-cursos-content">
<h2 style="font-size: 1.05rem; margin-bottom: 0.25rem;">In Company</h2>
<p style="font-size: 0.82rem;">Programa diseñado exclusivamente para tu organización. Contenido adaptado, casos reales, dinámica acorde al equipo.</p>
</div>
</div>
<div class="card-cursos">
<div class="card-cursos-icon">
<svg viewBox="0 0 32 32" fill="currentColor">
<use href="./assets/iconos/calendar_color.svg"></use>
</svg>
</div>
<div class="card-cursos-content">
<h2 style="font-size: 1.05rem; margin-bottom: 0.25rem;">Cursos Abiertos</h2>
<p style="font-size: 0.82rem;">Formación en grupos reducidos, con profesionales de distintas organizaciones. Networking y perspectivas diversas.</p>
</div>
</div>
</div>
</div>
</div>
<div class="container" style="margin-top: clamp(2.5rem, 4vw, 3.5rem);">
<div class="grid-3 text-center">
<div class="card">
<!-- <div style="font-size: 2rem; color: #D97706; margin-bottom: 0.5rem;">🎯</div> -->
<h4 style="font-size: 1.1rem; margin-bottom: 0.35rem;">Casos Reales y Aplicados</h4>
<p style="font-size: 0.85rem; color: var(--text-muted);">Los participantes trabajan sobre los procesos y desafíos cotidianos de sus propias empresas.</p>
</div>
<div class="card">
<!-- <div style="font-size: 2rem; color: var(--ide-primary); margin-bottom: 0.5rem;">👨‍🏫</div> -->
<h4 style="font-size: 1.1rem; margin-bottom: 0.35rem;">Docentes Consultores Senior</h4>
<p style="font-size: 0.85rem; color: var(--text-muted);">Instructores con amplia trayectoria liderando auditorías y proyectos en organizaciones reales.</p>
</div>
<div class="card">
<!-- <div style="font-size: 2rem; color: var(--ide-accent); margin-bottom: 0.5rem;">🔄</div> -->
<h4 style="font-size: 1.1rem; margin-bottom: 0.35rem;">Transferencia de Autonomía</h4>
<p style="font-size: 0.85rem; color: var(--text-muted);">Herramientas y plantillas listas para aplicar inmediatamente en el puesto de trabajo.</p>
</div>
</div>
</div>
</section>
<!-- Sección Formación In-Company a Medida -->
<section class="bg-subtle-section" style="padding-bottom: clamp(3.5rem, 7vw, 6.5rem);">
<div class="container">
<div class="card">
<div class="grid-2" style="gap: 3rem; align-items: center;">
<div>
<span class="eyebrow">A MEDIDA DE TU EMPRESA</span>
@@ -95,17 +154,11 @@
<li>✓ Materiales personalizados con la identidad y procesos de su empresa.</li>
<li>✓ Evaluación de impacto y seguimiento post-capacitación.</li>
</ul>
<a href="contacto.html?busqueda=Formación%20para%20mi%20organización&origen=Academy_InCompany_Custom" class="btn btn-primary">
<a href="contacto.html?busqueda=Formación%20para%20mi%20organización&origen=Academy_InCompany_Custom" class="btn btn-primary-cta btn-sm">
Solicitar Cotización In-Company →
</a>
</div>
<div>
<div class="img-placeholder" style="aspect-ratio: 4/3;">
<!-- <div class="img-placeholder-icon">👥</div> -->
<div class="img-placeholder-label">Espacio Fotográfico Taller In-Company</div>
</div>
</div>
<div class="card-academia"></div>
</div>
</div>
</div>