avances en mejoras
This commit is contained in:
Binary file not shown.
|
After Width: | Height: | Size: 2.4 MiB |
Binary file not shown.
+271
-5
@@ -232,7 +232,7 @@ p, li, .lead-text, .text-body, .text-muted {
|
||||
.lead-text {
|
||||
font-size: 1.15rem;
|
||||
color: var(--text-muted);
|
||||
max-width: 72ch;
|
||||
max-width: 92ch;
|
||||
line-height: 1.7;
|
||||
}
|
||||
|
||||
@@ -992,10 +992,16 @@ p, li, .lead-text, .text-body, .text-muted {
|
||||
gap: 1.5rem;
|
||||
}
|
||||
|
||||
.grid-5 {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(5, 1fr);
|
||||
gap: 1.25rem;
|
||||
}
|
||||
|
||||
/* --- 8. Hero: La Doble Entrada (Home) --- */
|
||||
.section-padding {
|
||||
background: radial-gradient(circle at 80% 20%, var(--ide-accent-soft) 0%, transparent 50%), var(--bg-body);
|
||||
border-bottom: 1px solid var(--border-color);
|
||||
/*border-bottom: 1px solid var(--border-color);*/
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
@@ -1777,7 +1783,7 @@ p, li, .lead-text, .text-body, .text-muted {
|
||||
box-shadow: 0 0 30px rgba(79,179,137, 0.5);
|
||||
transform: translateY(-2px);
|
||||
}
|
||||
.card-projects:hover {
|
||||
.card-project:hover {
|
||||
border-color: var(--ide-projects);
|
||||
box-shadow: 0 0 30px rgba(237,141,1, 0.5);
|
||||
transform: translateY(-2px);
|
||||
@@ -1916,6 +1922,48 @@ canvas {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.somos h3{
|
||||
font-size: 1.2rem;
|
||||
margin-bottom: 0.25rem;
|
||||
text-align: center;
|
||||
}
|
||||
.somos p{
|
||||
font-size: 0.88rem;
|
||||
color: var(--text-muted);
|
||||
line-height: 1.5;
|
||||
margin-bottom: 1rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.somos-title{
|
||||
font-size: 0.85rem;
|
||||
font-weight: 700;
|
||||
margin-bottom: 0.75rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.somos .btn{
|
||||
display: flex;
|
||||
width: fit-content;
|
||||
margin-inline: auto;
|
||||
}
|
||||
.somos a{
|
||||
font-family: 'Barlow Semi Condensed', sans-serif;
|
||||
}
|
||||
|
||||
.m1 .somos-title{
|
||||
color: var(--ide-projects);
|
||||
}
|
||||
.m2 .somos-title{
|
||||
color: var(--ide-digital);
|
||||
}
|
||||
.m3 .somos-title{
|
||||
color: var(--ide-excellence);
|
||||
}
|
||||
.m4 .somos-title{
|
||||
color: var(--ide-excellence);
|
||||
}
|
||||
|
||||
.card-incompany {
|
||||
background-image: linear-gradient(var(--card-overlay), var(--card-overlay)), url('../assets/img/incompany.png');
|
||||
background-size: cover;
|
||||
@@ -1975,7 +2023,7 @@ canvas {
|
||||
}
|
||||
|
||||
.card-academia {
|
||||
background-image: url('../assets/img/academia.png');
|
||||
background-image: url('../assets/img/academia-incompany.jpg');
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
@@ -1984,7 +2032,7 @@ canvas {
|
||||
border-radius: var(--radius-md);
|
||||
transition: all var(--transition-normal);
|
||||
position: relative;
|
||||
aspect-ratio: 3/2; /* ← ajustá según tu imagen (16/9, 3/2, 21/9...) */
|
||||
aspect-ratio: 7/5; /* ← ajustá según tu imagen (16/9, 3/2, 21/9...) */
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
@@ -2012,6 +2060,224 @@ canvas {
|
||||
padding: 0.28rem 0.75rem;
|
||||
border-radius: 999px;
|
||||
}
|
||||
/* Tarjetas de Academy*/
|
||||
/* Layout general de las tarjetas en la sección */
|
||||
.cc01 {
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
/* Facilitadores - IDE Academy */
|
||||
.facilitadores-grid {
|
||||
gap: 2.5rem;
|
||||
align-items: start;
|
||||
}
|
||||
|
||||
.facilitador-item {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.facilitador-avatar {
|
||||
width: 140px;
|
||||
height: 140px;
|
||||
border-radius: 50%;
|
||||
overflow: hidden;
|
||||
background-color: var(--bg-surface);
|
||||
border: 1px solid var(--border-color);
|
||||
margin-bottom: 1.25rem;
|
||||
transition: transform 0.3s ease, box-shadow 0.3s ease;
|
||||
}
|
||||
|
||||
.facilitador-item:hover .facilitador-avatar {
|
||||
transform: translateY(-4px);
|
||||
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
|
||||
}
|
||||
|
||||
.facilitador-avatar img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.facilitador-nombre {
|
||||
font-size: 1rem;
|
||||
margin-bottom: 0.25rem;
|
||||
color: var(--ide-primary);
|
||||
}
|
||||
|
||||
.facilitador-rol {
|
||||
font-size: 0.85rem;
|
||||
color: var(--text-muted);
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* Sub-grid de la sección In-Company a medida */
|
||||
.incompany-subgrid {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr auto;
|
||||
gap: 1.5rem;
|
||||
align-items: end;
|
||||
margin-top: 0.75rem;
|
||||
}
|
||||
|
||||
.incompany-tags {
|
||||
list-style: none;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 0.35rem;
|
||||
font-size: 0.9rem;
|
||||
color: var(--text-muted);
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.incompany-tags li {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5rem;
|
||||
}
|
||||
|
||||
.incompany-tags i {
|
||||
color: var(--ide-primary);
|
||||
font-size: 0.8rem;
|
||||
}
|
||||
|
||||
.incompany-cta {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
/* Responsive: en mobile se apila */
|
||||
@media (max-width: 640px) {
|
||||
.incompany-subgrid {
|
||||
grid-template-columns: 1fr;
|
||||
align-items: start;
|
||||
}
|
||||
|
||||
.incompany-cta {
|
||||
justify-content: flex-start;
|
||||
}
|
||||
}
|
||||
|
||||
/* La tarjeta como columna Flex para centrado y alturas parejas */
|
||||
.academy-card {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center; /* Centra horizontalmente todos los hijos */
|
||||
text-align: center; /* Centra textos h4 y p */
|
||||
height: 100%; /* Si están en un grid, todas tendrán la misma altura */
|
||||
padding: 2rem 1.5rem;
|
||||
background: linear-gradient(180deg, var(--ide-accent-soft) 0%, var(--bg-surface) 100%);
|
||||
border: 1px solid var(--border-color);
|
||||
border-radius: var(--radius-md);
|
||||
transition: transform var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);
|
||||
}
|
||||
|
||||
.academy-card:hover {
|
||||
transform: translateY(-4px);
|
||||
border-color: var(--ide-accent, #007bff);
|
||||
box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.08);
|
||||
}
|
||||
|
||||
/* Header y agrupación del ícono */
|
||||
.curso-header {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
gap: 0.85rem;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.curso-header h4 {
|
||||
font-size: 1.15rem;
|
||||
font-weight: 700;
|
||||
letter-spacing: 0.05em;
|
||||
margin: 0;
|
||||
color: var(--text-main);
|
||||
}
|
||||
|
||||
/* Máscara del SVG */
|
||||
.icono-academy-contexto {
|
||||
display: block;
|
||||
width: 1.6rem;
|
||||
height: 1.6rem;
|
||||
background-color: var(--ide-accent-dark);
|
||||
-webkit-mask-image: url('../assets/iconos/lupa_color.svg');
|
||||
mask-image: url('../assets/iconos/lupa_color.svg');
|
||||
-webkit-mask-repeat: no-repeat;
|
||||
mask-repeat: no-repeat;
|
||||
-webkit-mask-position: center;
|
||||
mask-position: center;
|
||||
-webkit-mask-size: contain;
|
||||
mask-size: contain;
|
||||
}
|
||||
.icono-academy-aprende {
|
||||
display: block;
|
||||
width: 1.6rem;
|
||||
height: 1.6rem;
|
||||
background-color: var(--ide-accent-dark);
|
||||
-webkit-mask-image: url('../assets/iconos/escuela_color.svg');
|
||||
mask-image: url('../assets/iconos/escuela_color.svg');
|
||||
-webkit-mask-repeat: no-repeat;
|
||||
mask-repeat: no-repeat;
|
||||
-webkit-mask-position: center;
|
||||
mask-position: center;
|
||||
-webkit-mask-size: contain;
|
||||
mask-size: contain;
|
||||
}
|
||||
.icono-academy-integral {
|
||||
display: block;
|
||||
width: 1.6rem;
|
||||
height: 1.6rem;
|
||||
background-color: var(--ide-accent-dark);
|
||||
-webkit-mask-image: url('../assets/iconos/proceso_color.svg');
|
||||
mask-image: url('../assets/iconos/proceso_color.svg');
|
||||
-webkit-mask-repeat: no-repeat;
|
||||
mask-repeat: no-repeat;
|
||||
-webkit-mask-position: center;
|
||||
mask-position: center;
|
||||
-webkit-mask-size: contain;
|
||||
mask-size: contain;
|
||||
}
|
||||
.icono-academy-enriquece {
|
||||
display: block;
|
||||
width: 1.6rem;
|
||||
height: 1.6rem;
|
||||
background-color: var(--ide-accent-dark);
|
||||
-webkit-mask-image: url('../assets/iconos/team_color.svg');
|
||||
mask-image: url('../assets/iconos/team_color.svg');
|
||||
-webkit-mask-repeat: no-repeat;
|
||||
mask-repeat: no-repeat;
|
||||
-webkit-mask-position: center;
|
||||
mask-position: center;
|
||||
-webkit-mask-size: contain;
|
||||
mask-size: contain;
|
||||
}
|
||||
.icono-academy-aplicacion {
|
||||
display: block;
|
||||
width: 1.6rem;
|
||||
height: 1.6rem;
|
||||
background-color: var(--ide-accent-dark);
|
||||
-webkit-mask-image: url('../assets/iconos/cohete_color.svg');
|
||||
mask-image: url('../assets/iconos/cohete_color.svg');
|
||||
-webkit-mask-repeat: no-repeat;
|
||||
mask-repeat: no-repeat;
|
||||
-webkit-mask-position: center;
|
||||
mask-position: center;
|
||||
-webkit-mask-size: contain;
|
||||
mask-size: contain;
|
||||
}
|
||||
|
||||
/* Cuerpo de texto */
|
||||
.curso-body p {
|
||||
font-size: 0.92rem;
|
||||
line-height: 1.55;
|
||||
color: var(--text-muted, var(--text-body));
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
|
||||
/* Panel contenedor tipo Grid */
|
||||
.course-specs-panel {
|
||||
|
||||
+1
-4
@@ -42,9 +42,6 @@
|
||||
<div id="tooltip-title" class="tooltip-title"></div>
|
||||
<div id="tooltip-desc" class="tooltip-desc"></div>
|
||||
</div>
|
||||
<div style="display: flex; justify-content: center; gap: 1rem; flex-wrap: wrap;margin-bottom: 2rem;">
|
||||
<a href="desafios.html" class="btn btn-outline btn-sm">Explorar nuestra Red</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@@ -264,7 +261,7 @@
|
||||
</p>
|
||||
<div style="display: flex; justify-content: center; gap: 1rem; flex-wrap: wrap;">
|
||||
<a href="contacto.html" class="btn btn-primary-cta btn-sm">HABLEMOS</a>
|
||||
<a href="desafios.html" class="btn btn-outline-cta btn-sm">Explorar por Desafíos</a>
|
||||
<a href="desafios.html" class="btn btn-outline-cta btn-sm">Explorar Punto de Partida</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
+182
-25
@@ -31,7 +31,7 @@
|
||||
z-index: 0;
|
||||
pointer-events: none;
|
||||
">
|
||||
<source src="/assets/video/linea_reparto.mp4" type="video/mp4">
|
||||
<source src="/assets/video/capacitacion.mp4" type="video/mp4">
|
||||
Tu navegador no soporta videos.
|
||||
</video>
|
||||
|
||||
@@ -58,8 +58,8 @@
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Catálogo de Cursos Destacados (Cargados dinámicamente desde cursos.json) -->
|
||||
<section class="section-padding" id="cursos-destacados">
|
||||
<!-- Aprender con IDE -->
|
||||
<section class="section-padding">
|
||||
<div class="container">
|
||||
<div style="display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 2.5rem; flex-wrap: wrap; gap: 1rem;">
|
||||
<div>
|
||||
@@ -71,6 +71,82 @@
|
||||
Por eso, en IDE Academy diseñamos experiencias de aprendizaje que parten de situaciones reales, integran herramientas aplicables y promueven el intercambio entre profesionales.
|
||||
</div>
|
||||
</div>
|
||||
<!--Tarjetas descriptivas-->
|
||||
<div class="grid-5 cc01">
|
||||
<div class="card academy-card">
|
||||
<div class="curso-header">
|
||||
<span class="icono-academy-contexto"></span>
|
||||
<h4>CONTEXTO REAL</h4>
|
||||
</div>
|
||||
<div class="curso-body">
|
||||
<p>Trabajamos sobre situaciones, desafíos y decisiones que forman parte de la realidad profesional y organizacional.</p>
|
||||
</div>
|
||||
<div class="curso-footer">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card academy-card">
|
||||
<div class="curso-header">
|
||||
<span class="icono-academy-aprende"></span>
|
||||
<h4>APRENDER HACIENDO</h4>
|
||||
</div>
|
||||
<div class="curso-body">
|
||||
<p>Casos, herramientas y experiencias permiten llevar los conceptos a la práctica durante el proceso de aprendizaje.</p>
|
||||
</div>
|
||||
<div class="curso-footer">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card academy-card">
|
||||
<div class="curso-header">
|
||||
<span class="icono-academy-integral"></span>
|
||||
<h4>MIRADA INTEGRAL</h4>
|
||||
</div>
|
||||
<div class="curso-body">
|
||||
<p>Conectamos gestión, proyectos, personas, procesos y tecnología para comprender cada tema más allá de una única disciplina.</p>
|
||||
</div>
|
||||
<div class="curso-footer">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card academy-card">
|
||||
<div class="curso-header">
|
||||
<span class="icono-academy-enriquece"></span>
|
||||
<h4>INTERCAMBIO QUE ENRIQUECE</h4>
|
||||
</div>
|
||||
<div class="curso-body">
|
||||
<p>La experiencia y las perspectivas de quienes participan también forman parte del aprendizaje.</p>
|
||||
</div>
|
||||
<div class="curso-footer">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card academy-card">
|
||||
<div class="curso-header">
|
||||
<span class="icono-academy-aplicacion"></span>
|
||||
<h4>APLICACIÓN QUE CONTINÚA</h4>
|
||||
</div>
|
||||
<div class="curso-body">
|
||||
<p>Buscamos que cada experiencia deje herramientas, criterios y capacidades que puedan seguir utilizándose después del curso.</p>
|
||||
</div>
|
||||
<div class="curso-footer">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!--Cursos-->
|
||||
<section class="section-padding-sm" id="cursos-destacados">
|
||||
<div class="container">
|
||||
<div style="display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 2.5rem; flex-wrap: wrap; gap: 1rem;">
|
||||
<div>
|
||||
<span class="eyebrow">PRÓXIMAS EXPERIENCIAS</span>
|
||||
<h2>Elegí qué capacidad querés desarrollar.</h2>
|
||||
<p class="lead-text">
|
||||
Cursos y programas diseñados para conectar conocimiento, práctica y contexto, con herramientas que podés llevar a tu realidad profesional desde el primer día.
|
||||
</div>
|
||||
|
||||
<!-- Contenedor inyectado por JS desde /data/cursos.json -->
|
||||
<div class="grid-3" id="academy-courses-container">
|
||||
@@ -88,17 +164,16 @@
|
||||
<div class="container">
|
||||
<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>
|
||||
<p class="eyebrow">DOS FORMAS DE APRENDER CON IDE</p>
|
||||
<h2 style="padding-bottom: 15px;">Elegí la experiencia que mejor se adapte a tu contexto.</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>
|
||||
<p>Podés participar de nuestras experiencias abiertas junto a profesionales de distintas organizaciones o desarrollar una propuesta In-Company diseñada a partir de las necesidades de tu equipo.</p>
|
||||
<p>En ambos casos, compartimos una misma forma de aprender: conocimiento conectado con la práctica, intercambio y aplicación en contextos reales.</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>
|
||||
<span class="icono-fabrica"></span>
|
||||
</div>
|
||||
<div class="card-cursos-content">
|
||||
<h2 style="font-size: 1.05rem; margin-bottom: 0.25rem;">In Company</h2>
|
||||
@@ -121,50 +196,132 @@
|
||||
</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> -->
|
||||
<div class="card academy-card">
|
||||
<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> -->
|
||||
<div class="card academy-card">
|
||||
<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> -->
|
||||
<div class="card academy-card">
|
||||
<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);">
|
||||
<section class="section-padding bg-subtle-section">
|
||||
<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>
|
||||
<h2>Formación In-Company y Capacitación a Equipos</h2>
|
||||
<p style="font-size: 1rem; color: var(--text-body); line-height: 1.65; margin: 1rem 0 1.5rem 0;">
|
||||
Adaptamos la duración, modalidad (presencial, híbrida u online) y los contenidos de nuestros programas para alinearlos con los objetivos estratégicos y la cultura de tu organización.
|
||||
<h2>Formación In-Company</h2>
|
||||
<p style="font-size: 1rem; color: var(--text-body); line-height: 1.65; margin: 1rem 0 0 0;">
|
||||
Diseñamos experiencias de aprendizaje para una organización y su equipo, adaptando objetivos, contenidos, casos y actividades a su contexto. Ideal para Organizaciones que necesitan desarrollar capacidades compartidas, acompañar iniciativas o fortalecer la forma en que sus equipos gestionan y trabajan.
|
||||
</p>
|
||||
<ul style="list-style: none; display: flex; flex-direction: column; gap: 0.5rem; font-size: 0.9rem; color: var(--text-muted); margin-bottom: 2rem;">
|
||||
<li>✓ Diagnóstico previo de necesidades formativas.</li>
|
||||
<li>✓ Materiales personalizados con la identidad y procesos de su empresa.</li>
|
||||
<li>✓ Evaluación de impacto y seguimiento post-capacitación.</li>
|
||||
<p style="margin-top: 0.5rem;">Podemos diseñar:</p>
|
||||
|
||||
<!-- Sub-grid: lista a la izquierda, botón a la derecha abajo -->
|
||||
<div class="incompany-subgrid">
|
||||
<ul class="incompany-tags">
|
||||
<li><i class="fa-solid fa-tag"></i> Cursos.</li>
|
||||
<li><i class="fa-solid fa-tag"></i> Workshops</li>
|
||||
<li><i class="fa-solid fa-tag"></i> Programas</li>
|
||||
<li><i class="fa-solid fa-tag"></i> Rutas de Aprendizaje</li>
|
||||
</ul>
|
||||
|
||||
<div class="incompany-cta">
|
||||
<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 →
|
||||
HABLEMOS
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card-academia"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Facilitadores / Quiénes facilitan el aprendizaje -->
|
||||
<section class="section-padding">
|
||||
<div class="container">
|
||||
<div class="text-center" style="max-width: 720px; margin: 0 auto 2.5rem auto;">
|
||||
<span class="eyebrow">QUIÉNES FACILITAN EL APRENDIZAJE</span>
|
||||
<h2 style="margin-bottom: 1rem;">Experiencias que se comparten</h2>
|
||||
<p class="lead-text" style="margin: 0 auto;">
|
||||
En IDE Academy, la formación está a cargo de profesionales que combinan experiencia en consultoría, gestión, proyectos, docencia y práctica organizacional.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="grid-3 facilitadores-grid">
|
||||
<!-- Facilitador 1 -->
|
||||
<div class="facilitador-item">
|
||||
<div class="facilitador-avatar">
|
||||
<img src="assets/img/facilitador-1.jpg" alt="Nombre del facilitador 1">
|
||||
</div>
|
||||
<h4 class="facilitador-nombre">Nombre Apellido</h4>
|
||||
<p class="facilitador-rol">Consultoría & Gestión</p>
|
||||
</div>
|
||||
|
||||
<!-- Facilitador 2 -->
|
||||
<div class="facilitador-item">
|
||||
<div class="facilitador-avatar">
|
||||
<img src="assets/img/facilitador-2.jpg" alt="Nombre del facilitador 2">
|
||||
</div>
|
||||
<h4 class="facilitador-nombre">Nombre Apellido</h4>
|
||||
<p class="facilitador-rol">Proyectos & Agile</p>
|
||||
</div>
|
||||
|
||||
<!-- Facilitador 3 -->
|
||||
<div class="facilitador-item">
|
||||
<div class="facilitador-avatar">
|
||||
<img src="assets/img/facilitador-3.jpg" alt="Nombre del facilitador 3">
|
||||
</div>
|
||||
<h4 class="facilitador-nombre">Nombre Apellido</h4>
|
||||
<p class="facilitador-rol">Calidad & Mejora Continua</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="display: flex; justify-content: center; margin-top: 2.5rem;">
|
||||
<a href="somos-ide.html" class="btn btn-primary btn-sm">
|
||||
CONOCER A NUESTROS FACILITADORES →
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Sección IDE Academy Virtual / Campus -->
|
||||
<section class="section-padding">
|
||||
<div class="container">
|
||||
<div class="card" style="background: linear-gradient(135deg, var(--ide-primary) 0%, #0f7a63 100%); border: none;">
|
||||
<div class="grid-2" style="gap: 2.5rem; align-items: center;">
|
||||
<div>
|
||||
<span class="eyebrow" style="color: rgba(255,255,255,0.75);">CAMPUS VIRTUAL</span>
|
||||
<h2 style="color: #ffffff; margin-bottom: 0.75rem;">¿Ya sos parte de IDE Academy?</h2>
|
||||
<p style="color: rgba(255,255,255,0.9); font-size: 1rem; line-height: 1.65; margin: 0; max-width: 520px;">
|
||||
Accedé a tus cursos, materiales y actividades desde nuestro entorno de aprendizaje.
|
||||
</p>
|
||||
</div>
|
||||
<div style="display: flex; justify-content: flex-end; align-items: center;">
|
||||
<a href="https://campus.ideconsultores.com" target="_blank" rel="noopener" class="btn btn-sm" style="
|
||||
background-color: #ffffff;
|
||||
color: var(--ide-primary);
|
||||
font-weight: 600;
|
||||
white-space: nowrap;
|
||||
">
|
||||
INGRESAR AL CAMPUS IDE ↗
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- MODAL DE DETALLE DE FICHA TÉCNICA DE CURSO -->
|
||||
<div id="modal-course-view" class="modal-backdrop" role="dialog" aria-modal="true">
|
||||
<div class="modal-window">
|
||||
|
||||
+11
-10
@@ -47,13 +47,13 @@
|
||||
</div>
|
||||
<div class="container container-narrow text-center" style="position: relative; z-index: 2;">
|
||||
<span class="eyebrow" style="color: var(--text-main);">CONOCIMIENTO & PERSPECTIVAS</span>
|
||||
<h1 style="margin-bottom: 1.25rem;">IDE Insights: Reflexiones y Metodología</h1>
|
||||
<p class="lead-text" style="margin: 0 auto 1.75rem auto;color: var(--text-main);">
|
||||
Compartimos artículos técnicos, análisis de tendencias y casos de estudio sobre cómo abordar la complejidad organizacional sin perder el sentido de conjunto.
|
||||
<h1 style="margin-bottom: 1.25rem;">Ideas para comprender, conectar <br>y transformar</h1>
|
||||
<p class="lead-text" style="color: var(--text-main); margin-bottom: 1.5rem;">
|
||||
Explorar nuevas perspectivas también es una forma de transformar. <br>En IDE Insights compartimos tendencias, conexiones, herramientas y opiniones para ampliar la mirada sobre la gestión, generar nuevos criterios y tomar decisiones con mayor fundamento.
|
||||
</p>
|
||||
<div style="display: flex; justify-content: center; gap: 1rem; flex-wrap: wrap;">
|
||||
<a href="https://blog.ideconsultores.com.ar" target="_blank" rel="noopener noreferrer" class="btn btn-outline-cta btn-sm">
|
||||
Visitar Blog Completo <!--en WordPress--> ↗
|
||||
EXPLORAR IDE INSIGHTS <!--en WordPress--> ↗
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
@@ -67,10 +67,10 @@
|
||||
<div style="display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 2.5rem; flex-wrap: wrap; gap: 1rem;">
|
||||
<div>
|
||||
<span class="eyebrow">ÚLTIMAS PUBLICACIONES</span>
|
||||
<h2>Artículos Recientes</h2>
|
||||
<h2>Lo más reciente en IDE Insights</h2>
|
||||
</div>
|
||||
<div>
|
||||
<span style="font-size: 0.85rem; color: var(--text-muted);">Sincronizado con el Blog Oficial de IDE</span>
|
||||
<span style="font-size: 0.85rem; color: var(--text-muted);">Sincronizado con IDE insights</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -85,7 +85,7 @@
|
||||
<!-- CTA para ir al Blog en WordPress -->
|
||||
<div style="text-align: center; margin-top: 3.5rem;">
|
||||
<a href="https://blog.ideconsultores.com.ar" target="_blank" rel="noopener noreferrer" class="btn btn-primary btn-lg">
|
||||
Ver todos los artículos en nuestro Blog <!--de WordPress--> →
|
||||
VER TODOS LOS INSIGHTS <!--de WordPress--> →
|
||||
</a>
|
||||
</div>
|
||||
|
||||
@@ -95,10 +95,11 @@
|
||||
<!-- Suscripción / Boletín de Actualizaciones -->
|
||||
<section class="section-padding-sm bg-subtle-section">
|
||||
<div class="container container-narrow text-center">
|
||||
<span class="eyebrow">BOLETÍN MENSUAL</span>
|
||||
<h2 style="font-size: 1.75rem; margin-bottom: 0.75rem;">Recibí nuestras reflexiones sobre gestión y transformación</h2>
|
||||
<span class="eyebrow">IDE INSIGHTS | BOLETÍN MENSUAL</span>
|
||||
<h2 style="font-size: 1.75rem; margin-bottom: 0.75rem;">Una selección de ideas para seguir pensando</h2>
|
||||
<p style="font-size: 0.95rem; color: var(--text-muted); margin-bottom: 1.5rem;">
|
||||
Un resumen mensual con artículos, guías descargables y novedades del Ecosistema IDE. Sin spam.
|
||||
Una vez al mes, compartimos perspectivas, artículos, herramientas y novedades del Ecosistema IDE <br>para ampliar la mirada sobre la gestión y llevar nuevas ideas a la práctica.<br>
|
||||
<i>Un envío al mes. Podés cancelar tu suscripción cuando quieras.</i>
|
||||
</p>
|
||||
|
||||
<form style="display: flex; gap: 0.5rem; max-width: 500px; margin: 0 auto; flex-wrap: wrap;" onsubmit="event.preventDefault(); alert('¡Gracias por suscribirte al boletín de IDE Consultores!'); this.reset();">
|
||||
|
||||
+22
-24
@@ -84,58 +84,56 @@
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="grid-3">
|
||||
<div class="grid-4">
|
||||
|
||||
<!-- Miembro 1 -->
|
||||
<div class="card text-center">
|
||||
<div class="card somos m1">
|
||||
<div class="card-portrait">
|
||||
<img src="../assets/img/CRA.jpg" alt="Retrato de Carlos Garcia" loading="lazy">
|
||||
</div>
|
||||
<h3 style="font-size: 1.2rem; margin-bottom: 0.25rem;">Claudia Raquel ANDRÉS</h3>
|
||||
<div style="font-size: 0.85rem; font-weight: 700; color: var(--ide-projects); margin-bottom: 0.75rem;">Directora General | Líder de IDE Projects</div>
|
||||
<p style="font-size: 0.88rem; color: var(--text-muted); line-height: 1.5; margin-bottom: 1rem;">
|
||||
Especialista en proyectos, optimización de procesos e implementación de sistemas de gestión, con más de 15 años de experiencia en consultoría, auditoría y docencia. Impulsa la mirada sistémica que le da indentidad a IDE.
|
||||
</p>
|
||||
<div style="font-size: 0.8rem; color: var(--ide-accent); font-weight: 600;">Especialidad: PMO & Metodologías Ágiles</div>
|
||||
<h3>Claudia Raquel ANDRÉS</h3>
|
||||
<div class="somos-title">Directora General | Líder de IDE Projects</div>
|
||||
<p>Especialista en proyectos, optimización de procesos e implementación de sistemas de gestión, con más de 15 años de experiencia en consultoría, auditoría y docencia. Impulsa la mirada sistémica que le da indentidad a IDE.</p>
|
||||
<a href="#" class="btn btn-outline btn-sm"><i class="fa-brands fa-linkedin-in"></i>LinkedIn</a>
|
||||
</div>
|
||||
|
||||
<!-- Miembro 2 -->
|
||||
<div class="card text-center">
|
||||
<div class="card somos m2">
|
||||
<div class="card-portrait">
|
||||
<img src="../assets/img/JAP2.jpg" alt="Retrato de Carlos Garcia" loading="lazy">
|
||||
</div>
|
||||
<h3 style="font-size: 1.2rem; margin-bottom: 0.25rem;">José PUGLIESE</h3>
|
||||
<div style="font-size: 0.85rem; font-weight: 700; color: var(--ide-primary); margin-bottom: 0.75rem;">Líder de IDE Digital</div>
|
||||
<p style="font-size: 0.88rem; color: var(--text-muted); line-height: 1.5; margin-bottom: 1rem;">
|
||||
<h3>José PUGLIESE</h3>
|
||||
<div class="somos-title">Líder de IDE Digital</div>
|
||||
<p>
|
||||
Especialista en digitalización, Inteligencia Artificial y sistematización de procesos, con más de 10 años de experiencia en liderazgo de equipos e implementación de soluciones tecnológicas orientadas a optimizar la gestión.
|
||||
</p>
|
||||
<div style="font-size: 0.8rem; color: var(--ide-accent); font-weight: 600;">Especialidad: Gestión de Procesos & Calidad</div>
|
||||
<a href="#" class="btn btn-outline btn-sm"><i class="fa-brands fa-linkedin-in"></i>LinkedIn</a>
|
||||
</div>
|
||||
|
||||
<!-- Miembro 3 -->
|
||||
<div class="card text-center">
|
||||
<div class="card somos m3">
|
||||
<div class="card-portrait">
|
||||
<img src="../assets/img/MAR.jpg" alt="Retrato de Carlos Garcia" loading="lazy">
|
||||
</div>
|
||||
<h3 style="font-size: 1.2rem; margin-bottom: 0.25rem;">Miguel Ángel ROJAS</h3>
|
||||
<div style="font-size: 0.85rem; font-weight: 700; color: var(--ide-digital); margin-bottom: 0.75rem;">Líder de IDE Excellence</div>
|
||||
<p style="font-size: 0.88rem; color: var(--text-muted); line-height: 1.5; margin-bottom: 1rem;">
|
||||
<h3>Miguel Ángel ROJAS</h3>
|
||||
<div class="somos-title">Líder de IDE Excellence</div>
|
||||
<p>
|
||||
Especialista en gestión y optimización de procesos fisicoquímicos, mejora continua y sistemas de calidad, con más de 15 años de experiencia impulsando la eficiencia operativa y el desempeño sostenible.
|
||||
</p>
|
||||
<div style="font-size: 0.8rem; color: var(--ide-accent); font-weight: 600;">Especialidad: IA Aplicada & Aprendizaje Organizacional</div>
|
||||
<a href="#" class="btn btn-outline btn-sm"><i class="fa-brands fa-linkedin-in"></i>LinkedIn</a>
|
||||
</div>
|
||||
|
||||
<!-- Miembro 4 -->
|
||||
<div class="card text-center">
|
||||
<div class="card somos m4">
|
||||
<div class="card-portrait">
|
||||
<img src="../assets/img/VUB.jpg" alt="Retrato de Carlos Garcia" loading="lazy">
|
||||
</div>
|
||||
<h3 style="font-size: 1.2rem; margin-bottom: 0.25rem;">Víctor Ulises BARRIONUEVO</h3>
|
||||
<div style="font-size: 0.85rem; font-weight: 700; color: var(--ide-digital); margin-bottom: 0.75rem;">Projects & Digital</div>
|
||||
<p style="font-size: 0.88rem; color: var(--text-muted); line-height: 1.5; margin-bottom: 1rem;">
|
||||
<h3>Víctor Ulises BARRIONUEVO</h3>
|
||||
<div class="somos-title">Projects & Digital</div>
|
||||
<p>
|
||||
Especialista en gestión y ejecución de proyectos de infraestructura y telecomunicaciones, con amplia experiencia en planificación, operaciones y coordinación de equipos multidisciplinarios.
|
||||
</p>
|
||||
<div style="font-size: 0.8rem; color: var(--ide-accent); font-weight: 600;">Especialidad: IA Aplicada & Aprendizaje Organizacional</div>
|
||||
<a href="#" class="btn btn-outline btn-sm"><i class="fa-brands fa-linkedin-in"></i>LinkedIn</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@@ -181,7 +179,7 @@
|
||||
<!-- CTA Final -->
|
||||
<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;">Conversemos para comprender tu contexto, identificar dónde intervenir y conectar las capacidades que puedan aportar mayor valor</h2>
|
||||
<h2 style="color: var(--text-inverse); margin-bottom: 1rem;">Conversemos para comprender tu contexto,<br> identificar dónde intervenir y conectar las capacidades que puedan aportar mayor valor</h2>
|
||||
</p>
|
||||
<a href="contacto.html" class="btn btn-outline-cta btn-sm" ">Hablemos</a>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user