diff --git a/assets/img/carlos_garcia.png b/assets/img/carlos_garcia.png new file mode 100644 index 0000000..a2106ae Binary files /dev/null and b/assets/img/carlos_garcia.png differ diff --git a/assets/img/equipo.png b/assets/img/equipo.png new file mode 100644 index 0000000..5053261 Binary files /dev/null and b/assets/img/equipo.png differ diff --git a/assets/img/juan_perez.png b/assets/img/juan_perez.png new file mode 100644 index 0000000..edc4c1d Binary files /dev/null and b/assets/img/juan_perez.png differ diff --git a/assets/img/maria_martinez.png b/assets/img/maria_martinez.png new file mode 100644 index 0000000..7c02920 Binary files /dev/null and b/assets/img/maria_martinez.png differ diff --git a/css/styles.css b/css/styles.css index 2a36548..6280922 100644 --- a/css/styles.css +++ b/css/styles.css @@ -751,6 +751,104 @@ p, li, .lead-text, .text-body, .text-muted { transform: translateY(-2px); box-shadow: var(--shadow-md); } +/* tarjeta nosotros*/ +.card-somos { + background-image: url('../assets/img/equipo.png'); + background-size: cover; + background-position: center; + background-repeat: no-repeat; + background-color: var(--bg-surface); + border: 1px solid var(--border-color); + border-radius: var(--radius-md); + transition: all var(--transition-normal); + position: relative; + aspect-ratio: 21/9; /* ← ajustá según tu imagen (16/9, 3/2, 21/9...) */ + width: 100%; +} + +.card-somos:hover { + border-color: var(--ide-accent); + box-shadow: var(--shadow-md); + transform: translateY(-2px); +} + +.card-feature { + overflow: hidden; + isolation: isolate; +} + +.card-feature .card-icon { + position: absolute; + top: 50%; + right: -60px; + width: 120px; + height: 120px; + transform: translateY(-50%); + pointer-events: none; + z-index: 0; + + /* Máscara común (forma) */ + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-position: center; + -webkit-mask-size: contain; + mask-size: contain; + + /* Color de fondo = color del SVG (lo cambiamos por card abajo) */ + background-color: currentColor; + + /* Opacidad controlada por vos */ + opacity: 0.1; + + transition: transform 0.5s ease, opacity 0.5s ease, right 0.5s ease; +} + +.card-feature:hover .card-icon { + right: 50%; + transform: translate(50%, -50%) scale(1.05); + opacity: 0.1; +} + +.card-feature h4, +.card-feature p { + position: relative; + z-index: 1; +} +/* Card 1: Normas ISO */ +.card-feature:has([data-icon="iso"]) .card-icon, +[data-icon="iso"] { + -webkit-mask-image: url('../assets/vectores/iso.svg'); + mask-image: url('../assets/vectores/iso.svg'); + background-color: var(--ide-excellence); +} + +/* Card 2: PMI & Agile */ +.card-feature:has([data-icon="pmi"]) .card-icon, +[data-icon="pmi"] { + -webkit-mask-image: url('../assets/vectores/trofeo.svg'); + mask-image: url('../assets/vectores/trofeo.svg'); + background-color: var(--ide-projects); +} + +/* Card 3: Adult Learning */ +.card-feature:has([data-icon="academy"]) .card-icon, +[data-icon="academy"] { + -webkit-mask-image: url('../assets/vectores/capacitacion.svg'); + mask-image: url('../assets/vectores/capacitacion.svg'); + background-color: var(--ide-academy); + opacity: 0.3; +} + +/* Card 4: IA & Automatización */ +.card-feature:has([data-icon="ia"]) .card-icon, +[data-icon="ia"] { + -webkit-mask-image: url('../assets/vectores/ia.svg'); + mask-image: url('../assets/vectores/ia.svg'); + background-color: var(--ide-digital); + opacity: 0.3; +} +/*--------------------------------------------------------------*/ .grid-2 { display: grid; @@ -1557,6 +1655,24 @@ canvas { color: #cfd4dc; line-height: 1.35; } +/* somos ide */ +.card-portrait { + width: 140px; + height: 140px; + border-radius: 50%; + overflow: hidden; /* recorta la imagen al círculo */ + margin: 0 auto 1.25rem auto; + border: 2px solid var(--border-color); /* opcional: anillo sutil */ + background-color: var(--bg-muted); /* color de respaldo mientras carga */ +} + +.card-portrait img { + width: 100%; + height: 100%; + object-fit: cover; /* evita deformación, recorta si es necesario */ + object-position: center; /* podés ajustar a "top" si la cara queda baja */ + display: block; +} /* --- 17. Footer --- */ #site-footer { position: relative; diff --git a/ecosistema.html b/ecosistema.html index 5001f30..2225bd3 100644 --- a/ecosistema.html +++ b/ecosistema.html @@ -89,8 +89,8 @@
- MÓDULOS -

Conocé el detalle de Nuestro Ecosistema

+ CAPACIDADES +

Conocé Nuestro Ecosistema en detalle

diff --git a/somos-ide.html b/somos-ide.html index 315b267..e341616 100644 --- a/somos-ide.html +++ b/somos-ide.html @@ -25,9 +25,7 @@

IDE nace de una convicción fundamental: la verdadera transformación organizacional no ocurre acumulando iniciativas aisladas, sino comprendiendo cómo interactúan las personas, los procesos, los proyectos y la tecnología.

-
- -
Fotografía Institucional de IDE Consultores
+
@@ -40,10 +38,11 @@ FILOSOFÍA DE TRABAJO

No intervenimos en todo. Comprendemos el todo para saber dónde intervenir.

- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. + Creemos que el verdadero valor de la consultoría no reside en generar cambios masivos e invasivos, sino en identificar los puntos neurálgicos de cada organización. Analizamos a fondo la dinámica de su negocio, sus procesos y su cultura operativa para obtener una visión sistémica; solo así es posible distinguir entre los síntomas visibles y los desafíos de fondo. +
A partir de ese diagnóstico integral, diseñamos intervenciones precisas y sostenibles. Trabajamos junto a sus equipos para implementar soluciones prácticas que generan impacto directo en la rentabilidad y la eficiencia, cuidando la continuidad operativa y potenciando la capacidad propia de la empresa.

- Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. +

@@ -88,8 +87,8 @@
-
- +
+ Retrato de Carlos Garcia

Juan Perez

Director General & Líder de IDE Excellence
@@ -101,11 +100,11 @@
-
- +
+ Retrato de Carlos Garcia

Maria Martinez

-
Líder de IDE Project & PMO
+
Líder de IDE Project & PMO

Certificada PMP® y Scrum Master. Ha liderado la implementación de Oficinas de Gestión de Proyectos en empresas del sector energético y tecnológico.

@@ -114,11 +113,11 @@
-
- +
+ Retrato de Carlos Garcia

Carlos Garcia

-
Líder de IDE Digital & Academy
+
Líder de IDE Digital & Academy

Magíster en Transformación Digital e Innovación. Especialista en automatización inteligente de flujos y diseño de programas de formación ejecutiva.

@@ -138,20 +137,27 @@
-
-

Normas ISO

+
+ +

Normas ISO

ISO 9001, 14001, 45001, 21001, 27001 con enfoque de valor y gobernanza.

-
-

PMI & Agile

+ +
+ +

PMI & Agile

PMBOK®, Scrum, Kanban y marcos híbridos adaptados a proyectos complejos.

-
-

Adult Learning

+ +
+ +

Adult Learning

Diseño instruccional para adultos, casos prácticos y aprendizaje experiencial.

-
-

IA & Automatización

+ +
+ +

IA & Automatización

Integración ética de IA, análisis de datos y reingeniería de flujos de trabajo.

@@ -159,13 +165,13 @@ -
-
-

Construyamos una solución a la medida de tu organización

-

+

+
+

Construyamos una solución a la medida de tu organización

+

Contactanos para evaluar cómo nuestro equipo multidisciplinario puede aportar valor en tu próximo desafío.

- HABLEMOS + Hablemos