diff --git a/assets/img/academia-incompany.jpg b/assets/img/academia-incompany.jpg new file mode 100644 index 0000000..ac0cde3 Binary files /dev/null and b/assets/img/academia-incompany.jpg differ diff --git a/assets/video/capacitacion.mp4 b/assets/video/capacitacion.mp4 new file mode 100644 index 0000000..e7cf126 Binary files /dev/null and b/assets/video/capacitacion.mp4 differ diff --git a/css/styles.css b/css/styles.css index b137518..3c2b12e 100644 --- a/css/styles.css +++ b/css/styles.css @@ -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 { diff --git a/ecosistema.html b/ecosistema.html index c54a577..6b0621b 100644 --- a/ecosistema.html +++ b/ecosistema.html @@ -42,9 +42,6 @@
-
- Explorar nuestra Red -
@@ -264,7 +261,7 @@

HABLEMOS - Explorar por Desafíos + Explorar Punto de Partida
diff --git a/ide-academy.html b/ide-academy.html index ef874d6..3d76108 100644 --- a/ide-academy.html +++ b/ide-academy.html @@ -31,7 +31,7 @@ z-index: 0; pointer-events: none; "> - + Tu navegador no soporta videos. @@ -58,8 +58,8 @@ - -
+ +
@@ -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.
+ +
+
+
+ +

CONTEXTO REAL

+
+
+

Trabajamos sobre situaciones, desafíos y decisiones que forman parte de la realidad profesional y organizacional.

+
+
+
+
+ +
+
+ +

APRENDER HACIENDO

+
+
+

Casos, herramientas y experiencias permiten llevar los conceptos a la práctica durante el proceso de aprendizaje.

+
+
+
+
+ +
+
+ +

MIRADA INTEGRAL

+
+
+

Conectamos gestión, proyectos, personas, procesos y tecnología para comprender cada tema más allá de una única disciplina.

+
+
+
+
+ +
+
+ +

INTERCAMBIO QUE ENRIQUECE

+
+
+

La experiencia y las perspectivas de quienes participan también forman parte del aprendizaje.

+
+
+
+
+ +
+
+ +

APLICACIÓN QUE CONTINÚA

+
+
+

Buscamos que cada experiencia deje herramientas, criterios y capacidades que puedan seguir utilizándose después del curso.

+
+
+
+
+ +
+
+
+ + +
+
+
+
+ PRÓXIMAS EXPERIENCIAS +

Elegí qué capacidad querés desarrollar.

+

+ 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. +

@@ -88,17 +164,16 @@
-

¿Por qué Academy?

-

La formación como parte del sistema, no como un apéndice.

+

DOS FORMAS DE APRENDER CON IDE

+

Elegí la experiencia que mejor se adapte a tu contexto.

-

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.
Academy es la capacidad del Ecosistema IDE que acompaña y sostiene cualquier proceso de transformación.

+

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.

+

En ambos casos, compartimos una misma forma de aprender: conocimiento conectado con la práctica, intercambio y aplicación en contextos reales.

- - - +

In Company

@@ -121,45 +196,127 @@
-
- +

Casos Reales y Aplicados

Los participantes trabajan sobre los procesos y desafíos cotidianos de sus propias empresas.

-
- +

Docentes Consultores Senior

Instructores con amplia trayectoria liderando auditorías y proyectos en organizaciones reales.

-
- +

Transferencia de Autonomía

Herramientas y plantillas listas para aplicar inmediatamente en el puesto de trabajo.

+ -
-
-
-
-
- A MEDIDA DE TU EMPRESA -

Formación In-Company y Capacitación a Equipos

-

- 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. -

-
    -
  • ✓ Diagnóstico previo de necesidades formativas.
    • -
  • ✓ Materiales personalizados con la identidad y procesos de su empresa.
    • -
  • ✓ Evaluación de impacto y seguimiento post-capacitación.
    • +
    +
    +
    +
    +
    +

    Formación In-Company

    +

    + 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. +

    +

    Podemos diseñar:

    + + +
    +
      +
    • Cursos.
      • +
    • Workshops
      • +
    • Programas
      • +
    • Rutas de Aprendizaje
    - - Solicitar Cotización In-Company → + +
    + + HABLEMOS + +
    +
    +
    + +
    +
    +
    +
    +
    + + +
    +
    +
    + QUIÉNES FACILITAN EL APRENDIZAJE +

    Experiencias que se comparten

    +

    + 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. +

    +
    + +
    + +
    +
    + Nombre del facilitador 1 +
    +

    Nombre Apellido

    +

    Consultoría & Gestión

    +
    + + +
    +
    + Nombre del facilitador 2 +
    +

    Nombre Apellido

    +

    Proyectos & Agile

    +
    + + +
    +
    + Nombre del facilitador 3 +
    +

    Nombre Apellido

    +

    Calidad & Mejora Continua

    +
    +
    + + +
    +
    + + +
    +
    +
    +
    +
    + CAMPUS VIRTUAL +

    ¿Ya sos parte de IDE Academy?

    +

    + Accedé a tus cursos, materiales y actividades desde nuestro entorno de aprendizaje. +

    +
    + -
    diff --git a/insights.html b/insights.html index f1a37c4..840bafb 100644 --- a/insights.html +++ b/insights.html @@ -47,13 +47,13 @@
CONOCIMIENTO & PERSPECTIVAS -

IDE Insights: Reflexiones y Metodología

-

- 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. +

Ideas para comprender, conectar
y transformar

+

+ Explorar nuevas perspectivas también es una forma de transformar.
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.

@@ -67,10 +67,10 @@
ÚLTIMAS PUBLICACIONES -

Artículos Recientes

+

Lo más reciente en IDE Insights

- Sincronizado con el Blog Oficial de IDE + Sincronizado con IDE insights
@@ -85,7 +85,7 @@ @@ -95,10 +95,11 @@
- BOLETÍN MENSUAL -

Recibí nuestras reflexiones sobre gestión y transformación

+ IDE INSIGHTS | BOLETÍN MENSUAL +

Una selección de ideas para seguir pensando

- 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
para ampliar la mirada sobre la gestión y llevar nuevas ideas a la práctica.
+ Un envío al mes. Podés cancelar tu suscripción cuando quieras.

diff --git a/somos-ide.html b/somos-ide.html index fb58151..55d0dc5 100644 --- a/somos-ide.html +++ b/somos-ide.html @@ -84,58 +84,56 @@

-
+
-
+
Retrato de Carlos Garcia
-

Claudia Raquel ANDRÉS

-
Directora General | Líder de IDE Projects
-

- 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. -

-
Especialidad: PMO & Metodologías Ágiles
+

Claudia Raquel ANDRÉS

+
Directora General | Líder de IDE Projects
+

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.

+ LinkedIn
-
+
Retrato de Carlos Garcia
-

José PUGLIESE

-
Líder de IDE Digital
-

+

José PUGLIESE

+
Líder de IDE Digital
+

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.

-
Especialidad: Gestión de Procesos & Calidad
+ LinkedIn
-
+
Retrato de Carlos Garcia
-

Miguel Ángel ROJAS

-
Líder de IDE Excellence
-

+

Miguel Ángel ROJAS

+
Líder de IDE Excellence
+

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.

-
Especialidad: IA Aplicada & Aprendizaje Organizacional
+ LinkedIn
-
+
Retrato de Carlos Garcia
-

Víctor Ulises BARRIONUEVO

-
Projects & Digital
-

+

Víctor Ulises BARRIONUEVO

+
Projects & Digital
+

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.

-
Especialidad: IA Aplicada & Aprendizaje Organizacional
+ LinkedIn
@@ -181,7 +179,7 @@
-

Conversemos para comprender tu contexto, identificar dónde intervenir y conectar las capacidades que puedan aportar mayor valor

+

Conversemos para comprender tu contexto,
identificar dónde intervenir y conectar las capacidades que puedan aportar mayor valor

Hablemos