diff --git a/contacto.html b/contacto.html index 2ff31e2..babb0af 100644 --- a/contacto.html +++ b/contacto.html @@ -17,140 +17,141 @@
- -
-
- CONVERSACIÓN INICIAL -

Hablemos de lo que necesitás

-

- Cada organización, proyecto o iniciativa parte de un contexto diferente.
Contanos qué te trae a IDE y empecemos por entender cómo podemos aportar valor. -

+ +
+ + + -
-
- - -
-

Contanos en qué podemos ayudarte

-

- Completá tus datos y contanos brevemente el motivo de tu consulta. Empecemos por conversar y entender cómo podemos aportar valor. -

- -
- - - -
- - -
- -
-
- - -
-
- - -
-
- -
-
- - -
-
- - -
-
- -
- - -
- -
- - -

- * campos requeridos.
La información que compartas será utilizada únicamente para gestionar tu consulta y contactarte en relación con ella. -

-
- - - -
-
-
- - -
- - -
-

¿Preferís contactarnos directamente?

-

- WhatsApp: Para consultas breves o coordinar una conversación. -

- - ESCRIBINOS POR WHATSAPP → - -
- - -
-

Canales Institucionales

- -
    -
  • - • -
    - Email:
    - info@ideconsultores.com.ar -

    Para consultas, propuestas o documentación.

    -
    -
    • - -
  • - • -
    - Teléfono Directo:
    - +54 11 4800-0000 (Lunes a Viernes 9 a 18 hs) -
    -
    • - - - -
-
- -
+ +
+
+ CONVERSACIÓN INICIAL +

Hablemos de lo que necesitás

+

+ Cada organización, proyecto o iniciativa parte de un contexto diferente.
Contanos qué te trae a IDE y empecemos por entender cómo podemos aportar valor. +

+
+
+ + +
+

Contanos en qué podemos ayudarte

+

+ Completá tus datos y contanos brevemente el motivo de tu consulta. Empecemos por conversar y entender cómo podemos aportar valor. +

+ +
+ + + +
+ + +
+ +
+
+ + +
+
+ + +
+
+ +
+
+ + +
+
+ + +
+
+ +
+ + +
+ +
+ + +

+ * campos requeridos.
La información que compartas será utilizada únicamente para gestionar tu consulta y contactarte en relación con ella. +

+
+ + + +
+
+
+ + +
+ +
+

¿Preferís contactarnos directamente?

+

+ WhatsApp: Para consultas breves o coordinar una conversación. +

+ + ESCRIBINOS POR WHATSAPP → + +
+ + +
+

Canales Institucionales

+ +
    +
  • + • +
    + Email:
    + info@ideconsultores.com.ar +

    Para consultas, propuestas o documentación.

    +
    +
    • + +
  • + • +
    + Teléfono Directo:
    + +54 11 4800-0000 (Lunes a Viernes 9 a 18 hs) +
    +
    • +
+
+ +
+ +
+
+
diff --git a/css/styles.css b/css/styles.css index 3c2b12e..997582c 100644 --- a/css/styles.css +++ b/css/styles.css @@ -263,6 +263,8 @@ p, li, .lead-text, .text-body, .text-muted { .section-padding { padding-top: clamp(3.5rem, 7vw, 6.5rem); padding-bottom: clamp(3.5rem, 7vw, 6.5rem); + position: relative; + overflow: hidden; } .section-padding-sm { @@ -273,6 +275,17 @@ p, li, .lead-text, .text-body, .text-muted { padding-top: clamp(1rem, 2vw, 3.5rem); } +.bg1{ + background: radial-gradient(circle at 20% 80%, var(--ide-accent-soft) 0%, transparent 50%), var(--bg-body); +} +.bg2{ + background: radial-gradient(circle at 80% 20%, var(--ide-accent-soft) 0%, transparent 50%), var(--bg-body); +} +.bg3{ + background: radial-gradient(circle at 50% 50%, var(--ide-accent-soft) 0%, transparent 100%), var(--bg-body); +} + + /* --- 5. Componentes: Header & Navbar --- */ #site-header { position: sticky; @@ -999,12 +1012,6 @@ p, li, .lead-text, .text-body, .text-muted { } /* --- 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);*/ - position: relative; - overflow: hidden; -} .hero-grid { display: grid; @@ -1489,7 +1496,54 @@ p, li, .lead-text, .text-body, .text-muted { color: white; } +.pills-list { + display: block; + line-height: 2.4; + margin-bottom: 1.5rem; +} +.pill-item { + display: inline-block !important; /* Se comporta exactamente como una palabra */ + width: auto !important; + white-space: nowrap; /* Evita que el texto de una píldora se corte en dos */ + vertical-align: middle; + + padding: 0.35rem 0.85rem; + margin-right: 0.45rem; + margin-bottom: 0.4rem; + + font-size: 0.82rem; + font-weight: 500; + color: var(--text-body); + background-color: var(--bg-subtle); + border: 1px solid var(--border-color); + border-radius: 9999px; + line-height: 1.2; + transition: all 0.2s ease; + user-select: none; +} + +.pill-item:hover { + border-color: var(--ide-primary); + color: var(--ide-primary); + background-color: var(--bg-surface); +} + +.card-project .pill-item:hover{ + border-color: var(--ide-projects); + color: var(--ide-projects); + background-color: var(--bg-surface); +} +.card-digital .pill-item:hover{ + border-color: var(--ide-digital); + color: var(--ide-digital); + background-color: var(--bg-surface); +} +.card-academy .pill-item:hover{ + border-color: var(--ide-academy); + color: var(--ide-academy); + background-color: var(--bg-surface); +} /* --- 13. Modales (Pop-ups de Desafíos y Cursos) --- */ .dfcard1{ background: linear-gradient(0deg, var(--bg-surface) 0%, var(--ide-accent-soft) 100%); @@ -2376,6 +2430,68 @@ canvas { transform: translateY(-2px); } +/* ========================================================================== + Fondo Fijo Tipo Ventana (Fixed Background Parallax) + ========================================================================== */ +.contact-parallax-section { + position: relative; + background-color: var(--bg-surface); +} + +.parallax-wrapper { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + pointer-events: none; + z-index: 0; + overflow: hidden; +} + +.parallax-bg-layer { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + + /* Imagen de fondo */ + background-image: url('../assets/img/academia-incompany.jpg'); + background-position: center center; + background-repeat: no-repeat; + background-size: cover; + + /* CLAVE: Deja la imagen fija en el viewport mientras el sitio scrollea */ + background-attachment: fixed; + + /* Estética sobria IDE */ + filter: grayscale(100%); + opacity: 0.1; +} + +/* Cortina suave en bordes superior e inferior para fundir con el header/footer */ +.parallax-overlay { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: linear-gradient( + to bottom, + var(--bg-surface) 0%, + transparent 12%, + transparent 88%, + var(--bg-surface) 100% + ); +} + +/* Las tarjetas mantienen fondo sólido para tapar la foto a su paso */ +.contact-parallax-section .card { + background-color: var(--bg-surface); + box-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.06); +} + /* --- 17. Footer --- */ #site-footer { position: relative; diff --git a/desafios.html b/desafios.html index 3f45bfa..a24adad 100644 --- a/desafios.html +++ b/desafios.html @@ -59,7 +59,7 @@ -
+
diff --git a/ecosistema.html b/ecosistema.html index 1549f7a..1c2099f 100644 --- a/ecosistema.html +++ b/ecosistema.html @@ -26,8 +26,8 @@
PROPUESTA DE VALOR

Diferentes capacidades.
Una visión compartida del conjunto.

-

- No todos los desafíos necesitan activar todo el Ecosistema.
La clave está en comprender el conjunto para saber dónde intervenir. +

+ Cada desafío activa la parte del Ecosistema que necesita.
La clave está en comprender el conjunto para saber dónde intervenir.

@@ -60,14 +60,17 @@

Para fortalecer la gestión y mejorar el desempeño: Integramos procesos, sistemas de gestión, mejora continua y sostenibilidad para ayudar a las organizaciones a gestionar mejor, optimizar su desempeño y generar valor sostenible.

-
    -
  • • Procesos
    • -
  • • Sistemas de gestión
    • -
  • • Mejora continua
    • -
  • • Desempeño
    • -
  • • Riesgos
    • -
  • • Sostenibilidad
    • -
+ + +
+ Procesos + Sistemas de gestión + Mejora continua + Desempeño + Riesgos + Sostenibilidad +
+ CONOCER MÁS →
@@ -77,7 +80,7 @@
-
+
IDE Project @@ -86,16 +89,16 @@ PMO & Project Services

Para convertir iniciativas en resultados: Fortalecemos la capacidad de las organizaciones para seleccionar, priorizar y gestionar proyectos, conectando estrategia, recursos y ejecución para transformar iniciativas en resultados. -

-
    -
  • • Proyectos
    • -
  • • PMO
    • -
  • • Portafolios
    • -
  • • Gobernanza
    • -
  • • Metodologías
    • -
  • • Resultados
    • -
+ +
+ Proyectos + PMO + Portafolios + Gobernanza + Metodologías + Resultados +
CONOCER MÁS →
@@ -109,14 +112,15 @@

Tecnología con sentido: Conectamos gestión, procesos, datos e inteligencia artificial para identificar dónde la tecnología puede simplificar, automatizar y potenciar la forma en que las organizaciones trabajan y toman decisiones.

-
    -
  • • Digitalización
    • -
  • • Automatización
    • -
  • • Datos.
    • -
  • • Inteligencia Artificial
    • -
  • • Integración
    • -
  • • Decisiones
    • -
+ +
+ Digitalización + Automatización + Datos + Inteligencia Artificial + Integración + Decisiones +
CONOCER MÁS →
@@ -136,13 +140,14 @@

Para desarrollar capacidades: Diseñamos experiencias de aprendizaje que conectan conocimiento, práctica y contexto para fortalecer las capacidades que profesionales, equipos y organizaciones necesitan para gestionar, liderar y transformar.

-
    -
  • • Formación Ejecutiva
    • -
  • • In-Company
    • -
  • • Programas
    • -
  • • Talleres
    • -
  • • Rutas de aprendizaje
    • -
+ +
+ Formación Ejecutiva + In-Company + Programas + Talleres + Rutas de aprendizaje +
EXPLORAR IDE ACADEMY →
diff --git a/index.html b/index.html index e8d0814..17bf32d 100644 --- a/index.html +++ b/index.html @@ -26,7 +26,7 @@
-
+
@@ -82,7 +82,7 @@ Brújula IDE

Encontrá dónde podemos generar impacto

- No todos los desafíos necesitan la misma estrategia. Respondé 4 preguntas breves y descubrí qué capacidades de IDE pueden aportar mayor valor a tu contexto. + Todos los desafíos no necesitan la misma estrategia. Respondé 4 preguntas breves y descubrí qué capacidades de IDE pueden aportar mayor valor a tu contexto.

@@ -565,14 +565,14 @@ -
+
ECOSISTEMA INTEGRADO

Cuatro capacidades.
Un mismo propósito: generar impacto.

-

- No todas las organizaciones necesitan lo mismo. Integramos las capacidades necesarias para responder a cada desafío sin perder de vista el conjunto. +

+ Las organizaciones no necesitan siempre lo mismo. Integramos las capacidades necesarias para responder a cada desafío sin perder de vista el conjunto.
En IDE entendemos cómo funciona el sistema para identificar dónde intervenir, integrar las capacidades necesarias y generar valor en el conjunto.

@@ -641,14 +641,15 @@ Explorar Digital →
+
-
-
+
+
ÁMBITOS DE EXPERIENCIA

El contexto también transforma la solución.

@@ -683,10 +684,7 @@
-
- - -
+
CONVERSACIÓN INICIAL @@ -706,6 +704,8 @@
+ + diff --git a/js/main.js b/js/main.js index f9a1df4..74e9070 100644 --- a/js/main.js +++ b/js/main.js @@ -1176,4 +1176,4 @@ function initHeroVideoSpeed() { video.addEventListener('play', () => { video.playbackRate = targetSpeed; }); -} \ No newline at end of file +} diff --git a/soluciones.html b/soluciones.html index 98bd33c..7216f78 100644 --- a/soluciones.html +++ b/soluciones.html @@ -215,7 +215,7 @@
-

No todos los desafíos encajan en una única solución.

+

Una única solución no siempre encaja para todos los desafíos.

Integramos las capacidades necesarias para diseñar una respuesta que tenga sentido para tu organización y su contexto.

diff --git a/somos-ide.html b/somos-ide.html index 55d0dc5..7b9a04d 100644 --- a/somos-ide.html +++ b/somos-ide.html @@ -79,7 +79,7 @@
QUIÉNES HACEMOS IDE

Experiencias que se complementan

-

+

IDE reúne profesionales con trayectorias en gestión, proyectos, mejora continua, sistemas de gestión, transformación digital, inteligencia artificial, docencia y desarrollo organizacional.
Cada uno aporta una especialidad. El mayor valor aparece cuando esas capacidades se conectan.