From 6acfe209fecfeaf8707e300c1ee250d41a72ab48 Mon Sep 17 00:00:00 2001 From: Francisco Anfuso Date: Fri, 28 Aug 2026 15:31:15 -0300 Subject: [PATCH] estructura inicial --- academy.html | 231 +++++++++++++++++ contacto.html | 168 ++++++++++++ desafios.html | 202 +++++++++++++++ ecosistema.html | 199 +++++++++++++++ index.html | 170 ++++++++++++ insights.html | 99 +++++++ layout.js | 88 +++++++ scripts.js | 178 +++++++++++++ soluciones.html | 220 ++++++++++++++++ somos-ide.html | 183 +++++++++++++ styles.css | 666 ++++++++++++++++++++++++++++++++++++++++++++++++ trabaja.html | 120 +++++++++ 12 files changed, 2524 insertions(+) create mode 100644 academy.html create mode 100644 contacto.html create mode 100644 desafios.html create mode 100644 ecosistema.html create mode 100644 index.html create mode 100644 insights.html create mode 100644 layout.js create mode 100644 scripts.js create mode 100644 soluciones.html create mode 100644 somos-ide.html create mode 100644 styles.css create mode 100644 trabaja.html diff --git a/academy.html b/academy.html new file mode 100644 index 0000000..c3513ba --- /dev/null +++ b/academy.html @@ -0,0 +1,231 @@ + + + + + + IDE Academy – IDE Consultores + + + + + + + +
+ +
+
+

IDE Academy

+

Desarrollamos las capacidades que hacen posible la transformación.

+

Formación In Company y cursos abiertos diseñados para que las personas de tu organización lideren los cambios, no que los soporten.

+
+
+ + +
+
+
+
+

¿Por qué Academy?

+

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

+
+

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.

+
+
+
+
🏢
+

In Company

+

Programa diseñado exclusivamente para tu organización. Contenido adaptado, casos reales, dinámica acorde al equipo.

+
+
+
📅
+

Cursos Abiertos

+

Formación en grupos reducidos, con profesionales de distintas organizaciones. Networking y perspectivas diversas.

+
+
+
+
+
+ + +
+
+
+

Próximos cursos

+

Cursos destacados

+
+
+ +
+
📋
+
+
+ ISO 9001 + Online + 16hs +
+
Auditor Interno ISO 9001:2015
+

Formación completa para planificar y ejecutar auditorías internas efectivas. Con ejercicios prácticos basados en casos reales.

+
+
+ +
+
📌
+
+
+ Proyectos + Presencial + 24hs +
+
Gestión de Proyectos para No PMPs
+

Herramientas prácticas de gestión para líderes y coordinadores que gestionan proyectos sin formación formal en la disciplina.

+
+
+ +
+
🤖
+
+
+ IA Aplicada + Online + 8hs +
+
IA para equipos: del miedo al uso estratégico
+

Introducción práctica a la inteligencia artificial para equipos no técnicos. Casos de uso reales y primeros pasos de implementación.

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

Formación In Company

+

¿Necesitás formación a medida para tu organización?

+

Diseñamos programas específicos: desde talleres de medio día hasta programas de varios meses. El punto de partida siempre es entender qué capacidades necesita desarrollar tu equipo.

+
+ Consultar por In Company +
+
+
+
+ ✓ + Contenido adaptado al contexto de la organización +
+
+ ✓ + Dictado en las instalaciones del cliente o virtual +
+
+ ✓ + Integrado con otros procesos de transformación IDE +
+
+ ✓ + Seguimiento post-formación disponible +
+
+
+
+
+ +
+ + + + + + + + + + + + + diff --git a/contacto.html b/contacto.html new file mode 100644 index 0000000..dc2352c --- /dev/null +++ b/contacto.html @@ -0,0 +1,168 @@ + + + + + + Contacto – IDE Consultores + + + + + + + +
+ +
+
+

Contacto

+

¿Qué desafío querés transformar?

+

Empecemos por entenderlo.

+
+
+ +
+
+ + +
+

Hablemos

+

Formas de comunicarnos

+ +
+
✉️
+ +
+ +
+
💬
+
+

WhatsApp

+ Escribirnos directamente +
+
+ +
+
📍
+
+

Ubicación

+

Argentina · Atención nacional e internacional.

+
+
+ +
+

¿Preferís escribirnos directamente sin llenar el formulario?

+ + + Escribir por WhatsApp + +
+
+ + +
+

Formulario de contacto

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

El formulario envía a info@ideconsultores.com.ar. Respondemos en menos de 24hs hábiles.

+
+
+ +
+
+ +
+ + + + + + diff --git a/desafios.html b/desafios.html new file mode 100644 index 0000000..57332f1 --- /dev/null +++ b/desafios.html @@ -0,0 +1,202 @@ + + + + + + Desafíos – IDE Consultores + + + + + + + +
+ +
+
+

Por desafío

+

¿Qué está pasando en tu organización?

+

No siempre se sabe exactamente qué se necesita. Elegí el desafío que más resuena con tu situación y encontremos juntos el camino.

+
+
+ +
+
+ +
+ +
+

La organización crece, cambia de contexto o necesita reinventarse, pero los cambios no terminan de consolidarse.

+
+
    +
  • ¿Los procesos actuales frenan en lugar de habilitar?
    • +
  • ¿El liderazgo y la cultura van en direcciones distintas?
    • +
  • ¿Los cambios se inician pero no se sostienen en el tiempo?
    • +
+
+
+ Excellence + Academy + Digital +
+
+ Hablemos de este desafío +
+
+
+ +
+ +
+

Las operaciones funcionan, pero sin la eficiencia ni la visibilidad necesarias para tomar buenas decisiones.

+
+
    +
  • ¿Los proyectos se desvían de plazos y presupuestos frecuentemente?
    • +
  • ¿Hay duplicación de esfuerzos o tareas que no agregan valor?
    • +
  • ¿La información para decidir llega tarde o incompleta?
    • +
+
+
+ Project + Excellence +
+
+ Hablemos de este desafío +
+
+
+ +
+ +
+

La organización quiere aprovechar la tecnología y la inteligencia artificial, pero sin claridad sobre por dónde empezar.

+
+
    +
  • ¿Se adoptan herramientas digitales sin estrategia clara?
    • +
  • ¿Los equipos no saben cómo integrar IA en sus flujos reales?
    • +
  • ¿La tecnología suma complejidad en lugar de simplificar?
    • +
+
+
+ Digital + Academy +
+
+ Hablemos de este desafío +
+
+
+ +
+ +
+

La organización necesita que sus personas crezcan para poder acompañar los cambios estratégicos.

+
+
    +
  • ¿Hay brechas de habilidades que frenan la ejecución?
    • +
  • ¿Los líderes intermedios no tienen las herramientas para gestionar el cambio?
    • +
  • ¿La formación actual no está alineada con los desafíos reales?
    • +
+
+
+ Academy + Excellence +
+
+ Hablemos de este desafío +
+
+
+ +
+ +
+

La organización necesita implementar o certificar una norma ISO pero quiere que sea un proceso que agregue valor real y no solo burocracia.

+
+
    +
  • ¿La norma es un requisito de cliente o mercado?
    • +
  • ¿Hubo intentos previos que no prosperaron?
    • +
  • ¿El equipo no sabe por dónde empezar?
    • +
+
+
+ Excellence + Academy +
+
+ Hablemos de este desafío +
+
+
+ +
+
+ +
+
+

¿Tu desafío no está en la lista?

+

Contanos en tus propias palabras y lo exploramos juntos.

+ Hablemos +
+
+ +
+ + + + + + diff --git a/ecosistema.html b/ecosistema.html new file mode 100644 index 0000000..9a11c06 --- /dev/null +++ b/ecosistema.html @@ -0,0 +1,199 @@ + + + + + + Ecosistema – IDE Consultores + + + + + + + +
+ +
+
+

El cómo

+

El Ecosistema IDE

+

Cuatro capacidades complementarias que se articulan según lo que cada organización necesita. No todos los desafíos requieren todo el ecosistema, pero todos se benefician de una mirada que comprende el conjunto.

+
+
+ + +
+
+

Visión sistémica

+

Capacidades que se conectan, no que se suman.

+
+ + + + + + + + + + + + + + + Excellence + Gestión · Calidad + Project + PMO · Dirección + Digital + Tech · IA + Academy + Formación + +
+
+
+ + +
+
+ +
+
+
Excellence
+
Gestión & Calidad
+
+
+

Sistemas de gestión que realmente funcionan

+

Diseñamos e implementamos sistemas de gestión basados en normas internacionales (ISO 9001, 14001, 45001 y más) con foco en el valor que generan, no solo en el cumplimiento formal.

+
    +
  • Implementación y certificación ISO
    • +
  • Mejora continua de procesos
    • +
  • Auditorías internas y diagnósticos
    • +
  • Gestión de riesgos organizacionales
    • +
+
+ Ver soluciones Excellence +
+
+
+ +
+
+
Project
+
Dirección & PMO
+
+
+

Proyectos que llegan a destino

+

Diseñamos estructuras de gestión de proyectos (PMOs) y acompañamos la dirección de proyectos estratégicos para que se entreguen en tiempo, costo y con los resultados esperados.

+
    +
  • Diseño e implementación de PMO
    • +
  • Dirección de proyectos estratégicos
    • +
  • Metodologías ágiles, predictivas e híbridas
    • +
  • Capacitación en gestión de proyectos
    • +
+
+ Ver soluciones Project +
+
+
+ +
+
+
Academy
+
Formación & Desarrollo
+
+
+

Capacidades que hacen posible la transformación

+

La transformación sostenible requiere que las personas de la organización desarrollen nuevas habilidades. IDE Academy diseña programas de formación alineados con los desafíos reales.

+
    +
  • Formación In Company a medida
    • +
  • Cursos abiertos en gestión e ISO
    • +
  • Talleres de liderazgo y cambio organizacional
    • +
  • Programas de IA para equipos no técnicos
    • +
+
+ Conocer IDE Academy +
+
+
+ +
+
+
Digital
+
Tecnología & IA
+
+
+

Tecnología aplicada con propósito

+

Ayudamos a las organizaciones a identificar dónde la tecnología y la inteligencia artificial realmente generan valor, y acompañamos su implementación desde la estrategia hasta la operación.

+
    +
  • Diagnóstico de madurez digital
    • +
  • Casos de uso de IA en operaciones
    • +
  • Automatización de procesos
    • +
  • Hoja de ruta de transformación digital
    • +
+
+ Ver soluciones Digital +
+
+
+ +
+
+ +
+
+

¿Cuántas capacidades necesita tu organización?

+

Empecemos con un diagnóstico y lo definimos juntos.

+ Hablemos +
+
+ +
+ + + + + + diff --git a/index.html b/index.html new file mode 100644 index 0000000..6e00b9d --- /dev/null +++ b/index.html @@ -0,0 +1,170 @@ + + + + + + IDE Consultores – Inicio + + + + + + +
+ + +
+
+

Todo está conectado

+

Mejorar una parte no siempre mejora el todo.

+
+

En una organización, cada decisión genera efectos más allá del lugar donde interviene. Antes de buscar una solución, hay que comprender el sistema.

+ +
+ +
Tengo un desafío
+

Algo no funciona como debería, pero no sé exactamente qué necesito.

+ + +
Busco una solución
+

Necesito ISO, una PMO, formación o transformación digital.

+ +
+
+
+ + +
+
+
+
+

El problema real

+

Soluciones aisladas para problemas que nunca estuvieron realmente aislados.

+
+

Las organizaciones ya tienen procesos, herramientas y personas. Sin embargo, algunos desafíos persisten. La raíz rara vez está donde parece.

+
+ +
+ + + + + + + + + + + + + + Sistema conectado + Partes aisladas + +
+
+
+
+ + +
+
+
+

Principio IDE

+

Comprender el todo para saber dónde intervenir.

+
+
+
+
01
+
+

Comprender

+

Mapeo sistémico de la organización y su contexto.

+
+
+
+
02
+
+

Focalizar

+

Identificar dónde intervenir genera mayor impacto.

+
+
+
+
03
+
+

Integrar

+

Conectar capacidades del ecosistema IDE con precisión.

+
+
+
+
04
+
+

Transformar

+

Resultados sostenibles que fortalecen el sistema.

+
+
+
+
+
+ + +
+
+
+

Ecosistema IDE

+

No se trata de sumar soluciones. Se trata de conectar capacidades.

+
+
+ +
Excellence
+
Sistemas de gestión y mejora continua.
+ + +
Project
+
Gestión de proyectos y PMO.
+ + +
Academy
+
Desarrollo de capacidades organizacionales.
+ + +
Digital
+
Transformación digital e inteligencia artificial.
+ +
+
+
+ + +
+
+

Sectores

+

Acompañamos la transformación en contextos complejos.

+
+
🌾 Agro
+
🏥 Salud
+
🎓 Educación
+
🏭 Industria
+
🏗️ Infraestructura
+
⚡ Energía
+
+
+
+ + +
+
+

¿Empezamos?

+

¿Qué desafío querés transformar?

+

Empecemos por entenderlo.

+ Hablemos +
+
+ +
+ + + + + + + diff --git a/insights.html b/insights.html new file mode 100644 index 0000000..aa32768 --- /dev/null +++ b/insights.html @@ -0,0 +1,99 @@ + + + + + + Insights – IDE Consultores + + + + + + +
+ +
+
+

Insights

+

Conocimiento desde la práctica.

+

Artículos, reflexiones y recursos generados por el equipo IDE a partir del trabajo con organizaciones reales.

+
+
+ +
+
+ + +
+ ⚡ +

+ Integración WordPress activa en producción. + Esta sección cargará automáticamente las últimas 3 publicaciones del blog en blog.ideconsultores.com.ar vía API REST. +

+
+ + +
+ +
+
📊
+
+
12 Ago 2025 · Excellence
+
¿Por qué el 60% de las implementaciones ISO fallan antes de la primera auditoría?
+

La norma no es el problema. El problema es abordar la implementación como un proyecto de documentación en lugar de un proceso de transformación organizacional.

+
Leer artículo
+
+
+ +
+
🤖
+
+
28 Jul 2025 · Digital
+
IA en organizaciones medianas: dónde empezar sin perderse
+

La inteligencia artificial no es territorio exclusivo de las grandes empresas. Tres criterios para identificar el primer caso de uso que vale la pena implementar.

+
Leer artículo
+
+
+ +
+
📌
+
+
10 Jul 2025 · Project
+
PMO: el error más común al implementarla y cómo evitarlo
+

Crear una PMO sin diagnóstico previo de la madurez en gestión de proyectos es el camino más corto para generar resistencia interna y resultados mediocres.

+
Leer artículo
+
+
+ +
+ +
+

¿Querés leer más artículos sobre gestión, ISO, proyectos e IA?

+ Ver todos los artículos en el Blog → +
+ +
+
+ + +
+
+
+

Novedades

+

Recibí los próximos insights.

+

Artículos, recursos y reflexiones del equipo IDE, sin spam.

+
+ + +
+
+
+
+ +
+ + + + + + diff --git a/layout.js b/layout.js new file mode 100644 index 0000000..ee5196d --- /dev/null +++ b/layout.js @@ -0,0 +1,88 @@ +/* ── NAVBAR ─────────────────────────────────────────────────── */ +const NAVBAR_HTML = ` + + +
+ Home + Somos IDE + Desafíos + Soluciones + Ecosistema + Academy + Insights + Contacto +
+`; + +/* ── FOOTER ─────────────────────────────────────────────────── */ +const FOOTER_HTML = ` + +`; + +/* ── INJECT ──────────────────────────────────────────────────── */ +document.addEventListener('DOMContentLoaded', () => { + const navSlot = document.getElementById('navbar-slot'); + const footerSlot = document.getElementById('footer-slot'); + if (navSlot) navSlot.innerHTML = NAVBAR_HTML; + if (footerSlot) footerSlot.innerHTML = FOOTER_HTML; +}); diff --git a/scripts.js b/scripts.js new file mode 100644 index 0000000..3f058c6 --- /dev/null +++ b/scripts.js @@ -0,0 +1,178 @@ +/* ============================================================ + IDE CONSULTORES – SCRIPTS GLOBALES + ============================================================ */ + +/* ── THEME TOGGLE ──────────────────────────────────────────── */ +(function () { + const stored = localStorage.getItem('ide-theme') || 'light'; + document.documentElement.setAttribute('data-theme', stored); +})(); + +function initThemeToggle() { + const btn = document.querySelector('.theme-toggle'); + if (!btn) return; + + function updateBtn() { + const isDark = document.documentElement.getAttribute('data-theme') === 'dark'; + btn.textContent = isDark ? '☀ Claro' : '☾ Oscuro'; + } + + updateBtn(); + + btn.addEventListener('click', () => { + const current = document.documentElement.getAttribute('data-theme'); + const next = current === 'dark' ? 'light' : 'dark'; + document.documentElement.setAttribute('data-theme', next); + localStorage.setItem('ide-theme', next); + updateBtn(); + }); +} + +/* ── HAMBURGER MENU ─────────────────────────────────────────── */ +function initHamburger() { + const btn = document.querySelector('.hamburger'); + const menu = document.querySelector('.mobile-menu'); + if (!btn || !menu) return; + + btn.addEventListener('click', () => { + menu.classList.toggle('open'); + }); + + document.addEventListener('click', (e) => { + if (!btn.contains(e.target) && !menu.contains(e.target)) { + menu.classList.remove('open'); + } + }); +} + +/* ── ACTIVE NAV LINK ─────────────────────────────────────────── */ +function initActiveNav() { + const path = window.location.pathname.split('/').pop() || 'index.html'; + document.querySelectorAll('.navbar__links a, .mobile-menu a').forEach(a => { + const href = a.getAttribute('href'); + if (href === path) a.classList.add('active'); + }); +} + +/* ── SCROLL FADE-IN ─────────────────────────────────────────── */ +function initFadeIn() { + const els = document.querySelectorAll('.fade-in'); + if (!els.length) return; + + const obs = new IntersectionObserver((entries) => { + entries.forEach(e => { + if (e.isIntersecting) { e.target.classList.add('visible'); obs.unobserve(e.target); } + }); + }, { threshold: 0.12 }); + + els.forEach(el => obs.observe(el)); +} + +/* ── MODAL ────────────────────────────────────────────────────── */ +function openModal(id) { + const overlay = document.getElementById(id); + if (!overlay) return; + overlay.classList.add('open'); + document.body.style.overflow = 'hidden'; +} + +function closeModal(id) { + const overlay = document.getElementById(id); + if (!overlay) return; + overlay.classList.remove('open'); + document.body.style.overflow = ''; +} + +function initModals() { + // Close on overlay click + document.querySelectorAll('.modal-overlay').forEach(overlay => { + overlay.addEventListener('click', (e) => { + if (e.target === overlay) closeModal(overlay.id); + }); + }); + // Close buttons + document.querySelectorAll('.modal__close').forEach(btn => { + btn.addEventListener('click', () => { + const overlay = btn.closest('.modal-overlay'); + if (overlay) closeModal(overlay.id); + }); + }); + // Escape key + document.addEventListener('keydown', (e) => { + if (e.key === 'Escape') { + document.querySelectorAll('.modal-overlay.open').forEach(o => closeModal(o.id)); + } + }); +} + +/* ── CONTACT FORM ─────────────────────────────────────────────── */ +function initContactForm() { + const form = document.querySelector('.contact-form'); + if (!form) return; + + form.addEventListener('submit', (e) => { + e.preventDefault(); + const btn = form.querySelector('[type="submit"]'); + const original = btn.textContent; + btn.textContent = '✓ ¡Enviado!'; + btn.disabled = true; + btn.style.background = '#1E9A7F'; + setTimeout(() => { + btn.textContent = original; + btn.disabled = false; + btn.style.background = ''; + form.reset(); + }, 3000); + }); +} + +/* ── ACCORDION / DESAFÍOS ─────────────────────────────────────── */ +function initAccordion() { + document.querySelectorAll('.accordion-trigger').forEach(trigger => { + trigger.addEventListener('click', () => { + const panel = trigger.nextElementSibling; + const isOpen = panel.classList.contains('open'); + + // Close all + document.querySelectorAll('.accordion-panel').forEach(p => p.classList.remove('open')); + document.querySelectorAll('.accordion-trigger').forEach(t => t.classList.remove('open')); + + if (!isOpen) { + panel.classList.add('open'); + trigger.classList.add('open'); + } + }); + }); +} + +/* ── FILTER TABS ──────────────────────────────────────────────── */ +function initFilterTabs() { + document.querySelectorAll('.filter-tab').forEach(tab => { + tab.addEventListener('click', () => { + const group = tab.closest('.filter-tabs'); + group.querySelectorAll('.filter-tab').forEach(t => t.classList.remove('active')); + tab.classList.add('active'); + + const filter = tab.dataset.filter; + document.querySelectorAll('.filterable').forEach(item => { + if (filter === 'all' || item.dataset.cat === filter) { + item.style.display = ''; + } else { + item.style.display = 'none'; + } + }); + }); + }); +} + +/* ── INIT ─────────────────────────────────────────────────────── */ +document.addEventListener('DOMContentLoaded', () => { + initThemeToggle(); + initHamburger(); + initActiveNav(); + initFadeIn(); + initModals(); + initContactForm(); + initAccordion(); + initFilterTabs(); +}); diff --git a/soluciones.html b/soluciones.html new file mode 100644 index 0000000..5b4953d --- /dev/null +++ b/soluciones.html @@ -0,0 +1,220 @@ + + + + + + Soluciones – IDE Consultores + + + + + + + +
+ +
+
+

Por solución

+

Encontrá exactamente lo que buscás.

+

Si ya sabés qué necesita tu organización, aquí está la respuesta concreta.

+
+
+ +
+
+ +
+ + + + + +
+ +
+ +
+
Excellence
+

ISO 9001 – Calidad

+

Implementación y certificación del sistema de gestión de calidad. Diseñado para agregar valor, no solo cumplir requisitos.

+
Ver más
+
+ +
+
Excellence
+

ISO 14001 – Ambiente

+

Sistema de gestión ambiental. Cumplimiento normativo y estrategia de sustentabilidad integrada.

+
Ver más
+
+ +
+
Excellence
+

ISO 45001 – SST

+

Seguridad y salud en el trabajo. Reducción de riesgos y cultura preventiva.

+
Ver más
+
+ +
+
Project
+

Implementación de PMO

+

Diseño y puesta en marcha de oficinas de gestión de proyectos adaptadas al contexto de cada organización.

+
Ver más
+
+ +
+
Project
+

Gestión de Proyectos

+

Acompañamiento en la dirección y control de proyectos estratégicos o de transformación.

+
Ver más
+
+ +
+
Digital
+

Transformación Digital e IA

+

Diagnóstico, hoja de ruta e implementación de soluciones de inteligencia artificial aplicadas a procesos reales.

+
Ver más
+
+ +
+
Academy
+

Formación In Company

+

Programas de formación a medida para equipos. Desde metodologías de gestión hasta liderazgo e IA.

+
Ver más
+
+ +
+
Excellence
+

Mejora de Procesos

+

Mapeo, análisis y rediseño de procesos críticos para eliminar desperdicios y mejorar la eficiencia operativa.

+
Ver más
+
+ +
+
Digital
+

Automatización de Procesos

+

Identificación e implementación de automatizaciones que liberan tiempo y reducen errores operativos.

+
Ver más
+
+ +
+
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + diff --git a/somos-ide.html b/somos-ide.html new file mode 100644 index 0000000..3dfbab5 --- /dev/null +++ b/somos-ide.html @@ -0,0 +1,183 @@ + + + + + + Somos IDE – IDE Consultores + + + + + + + +
+ +
+
+

Identidad

+

Somos IDE Consultores

+

Una consultora sistémica que combina rigor metodológico con comprensión profunda de las organizaciones.

+
+
+ + +
+
+
+
+

Nuestro propósito

+

Transformar organizaciones comprendiendo su sistema.

+
+

Creemos que los desafíos organizacionales rara vez tienen una única causa. Por eso, antes de proponer una solución, nos tomamos el tiempo de comprender el todo.

+

IDE nació con la convicción de que el conocimiento metodológico y la mirada sistémica son inseparables.

+
+
+

Nuestros valores

+
+
+
+
+

Rigor sin rigidez

+

Metodología sólida aplicada con criterio y adaptabilidad.

+
+
+
+
+
+

Mirada sistémica

+

Ninguna parte se comprende fuera del todo en el que opera.

+
+
+
+
+
+

Compromiso real

+

Nos involucramos con los resultados, no solo con las entregas.

+
+
+
+
+
+

Transferencia de capacidades

+

El objetivo final es que la organización se fortalezca por sí misma.

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

Metodología

+

Cómo trabajamos

+
+
+
+
01
+
+

Comprender

+

Diagnóstico sistémico antes de proponer cualquier intervención.

+
+
+
+
02
+
+

Focalizar

+

Identificamos los puntos de mayor palanca para el cambio.

+
+
+
+
03
+
+

Integrar

+

Combinamos capacidades del ecosistema con precisión.

+
+
+
+
04
+
+

Transformar

+

Resultados sostenibles que fortalecen el sistema.

+
+
+
+
+
+ + +
+
+
+

Equipo

+

Las personas detrás de IDE

+
+
+
+
+
JM
+
+

Juan Martínez

+ Director General +
+
+

Especialista en sistemas de gestión y transformación organizacional. Más de 15 años acompañando organizaciones en procesos de cambio.

+
+
+
+
LP
+
+

Laura Peralta

+ Dirección de Proyectos +
+
+

PMP certificada. Diseña e implementa PMOs en organizaciones medianas y grandes. Experta en metodologías ágiles e híbridas.

+
+
+
+
CR
+
+

Carlos Ruiz

+ Digital & IA +
+
+

Lidera los procesos de transformación digital. Especialista en IA aplicada a operaciones y procesos de negocio.

+
+
+
+
+ + +
+
+

¿Querés conocer más sobre IDE?

+

Conversemos sobre tu organización y cómo podemos acompañarte.

+ Hablemos +
+
+ +
+ + + + + + diff --git a/styles.css b/styles.css new file mode 100644 index 0000000..5d91399 --- /dev/null +++ b/styles.css @@ -0,0 +1,666 @@ +/* ============================================================ + IDE CONSULTORES – ESTILOS GLOBALES + Paleta de marca: + --teal-dark: #1B5E6E (progreso, seriedad, verdad) + --green: #29B99A (estabilidad, equilibrio, esperanza) + --gray: #9E9E9E (tenacidad) + Fuente: Bebas Neue (display) + Inter (cuerpo) + ============================================================ */ + +@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@300;400;500;600&display=swap'); + +/* ── TOKENS ─────────────────────────────────────────────── */ +:root { + --teal-dark: #1B5E6E; + --teal-mid: #1E7088; + --green: #29B99A; + --green-dark: #1E9A7F; + --gray: #9E9E9E; + --gray-light: #E8E8E8; + --gray-off: #F5F5F5; + --white: #FFFFFF; + --text-main: #1A1A1A; + --text-muted: #555555; + + /* dark mode overrides */ + --bg: var(--white); + --surface: var(--gray-off); + --border: var(--gray-light); + --text: var(--text-main); + --text-sub: var(--text-muted); + + --font-display: 'Bebas Neue', sans-serif; + --font-body: 'Inter', sans-serif; + + --radius: 6px; + --radius-lg: 12px; + --shadow: 0 2px 12px rgba(0,0,0,0.07); + --shadow-md: 0 4px 24px rgba(0,0,0,0.11); + --transition: 0.3s ease; + + --nav-h: 68px; +} + +/* ── DARK MODE ───────────────────────────────────────────── */ +[data-theme="dark"] { + --bg: #1C2428; + --surface: #26333A; + --border: #334048; + --text: #E8ECEE; + --text-sub: #9AADB8; +} + +/* ── RESET & BASE ────────────────────────────────────────── */ +*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } + +html { scroll-behavior: smooth; } + +body { + font-family: var(--font-body); + font-size: 16px; + line-height: 1.6; + color: var(--text); + background: var(--bg); + transition: background var(--transition), color var(--transition); + min-height: 100vh; + display: flex; + flex-direction: column; +} + +main { flex: 1; padding-top: var(--nav-h); } + +img { max-width: 100%; display: block; } +a { color: inherit; text-decoration: none; } + +/* ── TYPOGRAPHY ──────────────────────────────────────────── */ +.display { font-family: var(--font-display); letter-spacing: 0.03em; line-height: 1; } + +h1 { font-size: clamp(2.2rem, 5vw, 3.8rem); font-family: var(--font-display); letter-spacing: 0.03em; line-height: 1.05; } +h2 { font-size: clamp(1.6rem, 3.5vw, 2.5rem); font-family: var(--font-display); letter-spacing: 0.03em; } +h3 { font-size: 1.15rem; font-weight: 600; } +p { color: var(--text-sub); max-width: 62ch; } + +.eyebrow { + font-size: 0.72rem; + font-weight: 600; + letter-spacing: 0.2em; + text-transform: uppercase; + color: var(--green); + margin-bottom: 0.75rem; +} + +/* ── LAYOUT ──────────────────────────────────────────────── */ +.container { + width: min(1140px, 92%); + margin-inline: auto; +} + +.section { + padding-block: 80px; +} + +.section--dark { + background: var(--teal-dark); + color: var(--white); +} +.section--dark p { color: rgba(255,255,255,0.75); } +.section--dark h2 { color: var(--white); } + +.section--surface { + background: var(--surface); +} + +/* ── NAVBAR ──────────────────────────────────────────────── */ +.navbar { + position: fixed; + top: 0; left: 0; right: 0; + height: var(--nav-h); + background: var(--bg); + border-bottom: 1px solid var(--border); + display: flex; + align-items: center; + z-index: 1000; + transition: background var(--transition), border-color var(--transition); +} + +.navbar__inner { + display: flex; + align-items: center; + justify-content: space-between; + width: 100%; +} + +.navbar__brand { + display: flex; + align-items: center; + gap: 4px; + font-family: var(--font-display); + font-size: 1.7rem; + color: var(--teal-dark); + letter-spacing: 0.05em; +} +[data-theme="dark"] .navbar__brand { color: var(--green); } + +.navbar__brand span.dot { color: var(--green); } + +.navbar__links { + display: flex; + align-items: center; + gap: 2rem; + list-style: none; +} + +.navbar__links a { + font-size: 0.85rem; + font-weight: 500; + color: var(--text-sub); + transition: color var(--transition); + letter-spacing: 0.04em; +} +.navbar__links a:hover, +.navbar__links a.active { color: var(--green); } + +.navbar__actions { + display: flex; + align-items: center; + gap: 1rem; +} + +/* Theme toggle */ +.theme-toggle { + background: none; + border: 1.5px solid var(--border); + border-radius: 20px; + padding: 4px 10px; + cursor: pointer; + font-size: 0.85rem; + color: var(--text-sub); + transition: all var(--transition); +} +.theme-toggle:hover { border-color: var(--green); color: var(--green); } + +/* Hamburger */ +.hamburger { + display: none; + flex-direction: column; + gap: 5px; + background: none; + border: none; + cursor: pointer; + padding: 4px; +} +.hamburger span { + display: block; + width: 22px; + height: 2px; + background: var(--text); + border-radius: 2px; + transition: all var(--transition); +} + +/* Mobile nav */ +.mobile-menu { + display: none; + position: fixed; + top: var(--nav-h); + left: 0; right: 0; + background: var(--bg); + border-bottom: 1px solid var(--border); + padding: 1.5rem; + z-index: 999; + flex-direction: column; + gap: 1rem; +} +.mobile-menu.open { display: flex; } +.mobile-menu a { + font-size: 1rem; + font-weight: 500; + color: var(--text); + padding-block: 0.4rem; + border-bottom: 1px solid var(--border); +} +.mobile-menu a:last-child { border-bottom: none; } + +/* ── BUTTONS ─────────────────────────────────────────────── */ +.btn { + display: inline-flex; + align-items: center; + gap: 0.5rem; + padding: 0.7rem 1.6rem; + border-radius: var(--radius); + font-size: 0.85rem; + font-weight: 600; + letter-spacing: 0.07em; + text-transform: uppercase; + cursor: pointer; + border: 2px solid transparent; + transition: all var(--transition); +} + +.btn--primary { + background: var(--green); + color: var(--white); + border-color: var(--green); +} +.btn--primary:hover { + background: var(--green-dark); + border-color: var(--green-dark); +} + +.btn--outline { + background: transparent; + color: var(--teal-dark); + border-color: var(--teal-dark); +} +[data-theme="dark"] .btn--outline { color: var(--green); border-color: var(--green); } +.btn--outline:hover { + background: var(--teal-dark); + color: var(--white); +} + +.btn--ghost { + background: transparent; + color: var(--green); + border-color: transparent; + padding-inline: 0; +} +.btn--ghost:hover { color: var(--green-dark); } +.btn--ghost::after { content: ' →'; } + +.btn--white { + background: var(--white); + color: var(--teal-dark); + border-color: var(--white); +} +.btn--white:hover { background: var(--gray-off); } + +/* ── CARDS ───────────────────────────────────────────────── */ +.card { + background: var(--bg); + border: 1px solid var(--border); + border-radius: var(--radius-lg); + padding: 1.75rem; + transition: box-shadow var(--transition), transform var(--transition), border-color var(--transition); +} +.card:hover { + box-shadow: var(--shadow-md); + transform: translateY(-2px); + border-color: var(--green); +} + +.card__icon { + width: 44px; + height: 44px; + border-radius: 10px; + background: rgba(41, 185, 154, 0.12); + display: flex; + align-items: center; + justify-content: center; + font-size: 1.3rem; + margin-bottom: 1rem; +} + +.card__tag { + display: inline-block; + font-size: 0.7rem; + font-weight: 600; + letter-spacing: 0.12em; + text-transform: uppercase; + color: var(--green); + background: rgba(41,185,154,0.1); + padding: 2px 8px; + border-radius: 4px; + margin-bottom: 0.75rem; +} + +/* ── GRID HELPERS ────────────────────────────────────────── */ +.grid-2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.5rem; } +.grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; } +.grid-4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.5rem; } + +@media (max-width: 900px) { + .grid-4 { grid-template-columns: repeat(2, 1fr); } + .grid-3 { grid-template-columns: repeat(2, 1fr); } +} +@media (max-width: 600px) { + .grid-4, .grid-3, .grid-2 { grid-template-columns: 1fr; } +} + +/* ── HERO VARIANTS ───────────────────────────────────────── */ +.hero { + padding-block: 96px 80px; +} + +.hero--centered { + text-align: center; + display: flex; + flex-direction: column; + align-items: center; +} + +.hero--centered p { margin-inline: auto; } + +.hero__entry-cards { + display: grid; + grid-template-columns: 1fr 1fr; + gap: 1rem; + max-width: 700px; + margin-top: 2.5rem; +} + +.entry-card { + border: 2px solid var(--border); + border-radius: var(--radius-lg); + padding: 1.5rem; + cursor: pointer; + transition: all var(--transition); + text-align: left; +} +.entry-card:hover { + border-color: var(--green); + box-shadow: var(--shadow-md); +} +.entry-card .label { + font-size: 0.7rem; + font-weight: 700; + letter-spacing: 0.15em; + text-transform: uppercase; + color: var(--green); + margin-bottom: 0.5rem; +} +.entry-card p { + font-size: 0.88rem; + color: var(--text-sub); + max-width: none; + margin: 0; +} + +@media (max-width: 600px) { + .hero__entry-cards { grid-template-columns: 1fr; } +} + +/* ── PAGE HEADER ─────────────────────────────────────────── */ +.page-header { + background: linear-gradient(135deg, var(--teal-dark) 0%, var(--teal-mid) 100%); + padding-block: 72px; + color: var(--white); +} +.page-header h1 { color: var(--white); } +.page-header p { color: rgba(255,255,255,0.75); max-width: 56ch; } +.page-header .eyebrow { margin-bottom: 1rem; } + +/* ── PROCESS STEPS ───────────────────────────────────────── */ +.process-steps { + display: flex; + gap: 1rem; + flex-wrap: wrap; +} + +.step { + flex: 1; + min-width: 150px; + display: flex; + align-items: flex-start; + gap: 1rem; +} + +.step__num { + font-family: var(--font-display); + font-size: 2.5rem; + color: var(--green); + line-height: 1; + flex-shrink: 0; +} + +.step__text h3 { font-size: 1rem; color: var(--text); margin-bottom: 0.25rem; } +.step__text p { font-size: 0.88rem; margin: 0; } + +/* ── MODAL ───────────────────────────────────────────────── */ +.modal-overlay { + display: none; + position: fixed; + inset: 0; + background: rgba(0,0,0,0.5); + z-index: 2000; + align-items: center; + justify-content: center; + padding: 1rem; +} +.modal-overlay.open { display: flex; } + +.modal { + background: var(--bg); + border-radius: var(--radius-lg); + padding: 2rem; + max-width: 560px; + width: 100%; + max-height: 80vh; + overflow-y: auto; + position: relative; + animation: slideUp 0.25s ease; +} + +@keyframes slideUp { + from { opacity: 0; transform: translateY(16px); } + to { opacity: 1; transform: translateY(0); } +} + +.modal__close { + position: absolute; + top: 1rem; right: 1rem; + background: none; + border: none; + font-size: 1.4rem; + cursor: pointer; + color: var(--text-sub); + line-height: 1; +} +.modal__close:hover { color: var(--text); } + +/* ── FORMS ───────────────────────────────────────────────── */ +.form-group { + display: flex; + flex-direction: column; + gap: 0.35rem; + margin-bottom: 1.1rem; +} + +.form-group label { + font-size: 0.82rem; + font-weight: 600; + color: var(--text); + letter-spacing: 0.03em; +} + +.form-group input, +.form-group select, +.form-group textarea { + width: 100%; + padding: 0.65rem 0.85rem; + border: 1.5px solid var(--border); + border-radius: var(--radius); + font-family: var(--font-body); + font-size: 0.9rem; + background: var(--bg); + color: var(--text); + transition: border-color var(--transition); +} +.form-group input:focus, +.form-group select:focus, +.form-group textarea:focus { + outline: none; + border-color: var(--green); +} +.form-group textarea { resize: vertical; min-height: 100px; } + +/* ── BLOG CARD ───────────────────────────────────────────── */ +.blog-card { + border-radius: var(--radius-lg); + overflow: hidden; + border: 1px solid var(--border); + background: var(--bg); + transition: box-shadow var(--transition), transform var(--transition); +} +.blog-card:hover { box-shadow: var(--shadow-md); transform: translateY(-2px); } + +.blog-card__img { + height: 180px; + background: linear-gradient(135deg, var(--teal-dark) 0%, var(--green) 100%); + display: flex; + align-items: center; + justify-content: center; + font-size: 2.5rem; +} + +.blog-card__body { padding: 1.25rem; } +.blog-card__meta { + font-size: 0.75rem; + color: var(--text-sub); + margin-bottom: 0.5rem; +} +.blog-card__title { + font-size: 1rem; + font-weight: 600; + color: var(--text); + margin-bottom: 0.5rem; + line-height: 1.4; +} +.blog-card__excerpt { + font-size: 0.85rem; + color: var(--text-sub); + max-width: none; + display: -webkit-box; + -webkit-line-clamp: 3; + -webkit-box-orient: vertical; + overflow: hidden; +} + +/* ── ECOSYSTEM PILLS ─────────────────────────────────────── */ +.eco-card { + border-radius: var(--radius-lg); + padding: 2rem; + cursor: pointer; + transition: all var(--transition); + border: 2px solid transparent; + background: var(--surface); +} +.eco-card:hover { border-color: var(--green); box-shadow: var(--shadow-md); } +.eco-card__name { + font-family: var(--font-display); + font-size: 1.6rem; + color: var(--teal-dark); + margin-bottom: 0.5rem; +} +[data-theme="dark"] .eco-card__name { color: var(--green); } +.eco-card__sub { font-size: 0.82rem; color: var(--text-sub); } + +/* ── SECTOR LOGOS ────────────────────────────────────────── */ +.sectors { + display: flex; + gap: 2rem; + flex-wrap: wrap; + align-items: center; +} +.sector-pill { + display: flex; + align-items: center; + gap: 0.5rem; + padding: 0.5rem 1rem; + border-radius: 99px; + border: 1px solid var(--border); + font-size: 0.82rem; + font-weight: 500; + color: var(--text-sub); +} + +/* ── FOOTER ──────────────────────────────────────────────── */ +.footer { + background: var(--teal-dark); + color: rgba(255,255,255,0.85); + padding-block: 56px 28px; +} + +.footer__grid { + display: grid; + grid-template-columns: 1.6fr 1fr 1fr 1fr; + gap: 2.5rem; + padding-bottom: 2.5rem; + border-bottom: 1px solid rgba(255,255,255,0.12); + margin-bottom: 1.5rem; +} + +.footer__brand { + font-family: var(--font-display); + font-size: 2rem; + color: var(--white); + letter-spacing: 0.05em; + margin-bottom: 0.75rem; +} +.footer__brand span { color: var(--green); } +.footer__tagline { font-size: 0.85rem; opacity: 0.7; max-width: 26ch; } + +.footer__col h4 { + font-size: 0.72rem; + font-weight: 700; + letter-spacing: 0.18em; + text-transform: uppercase; + color: var(--green); + margin-bottom: 1rem; +} +.footer__col ul { list-style: none; display: flex; flex-direction: column; gap: 0.5rem; } +.footer__col a { font-size: 0.87rem; color: rgba(255,255,255,0.7); transition: color var(--transition); } +.footer__col a:hover { color: var(--green); } + +.footer__bottom { + display: flex; + align-items: center; + justify-content: space-between; + font-size: 0.78rem; + color: rgba(255,255,255,0.45); + flex-wrap: wrap; + gap: 0.5rem; +} + +@media (max-width: 900px) { + .footer__grid { grid-template-columns: 1fr 1fr; } +} +@media (max-width: 600px) { + .footer__grid { grid-template-columns: 1fr; } + .navbar__links { display: none; } + .hamburger { display: flex; } +} + +/* ── ANIMATIONS ──────────────────────────────────────────── */ +@media (prefers-reduced-motion: no-preference) { + .fade-in { + opacity: 0; + transform: translateY(18px); + transition: opacity 0.55s ease, transform 0.55s ease; + } + .fade-in.visible { + opacity: 1; + transform: translateY(0); + } +} + +/* ── UTILITY ─────────────────────────────────────────────── */ +.text-center { text-align: center; } +.text-center p { margin-inline: auto; } +.mb-1 { margin-bottom: 1rem; } +.mb-2 { margin-bottom: 2rem; } +.mb-3 { margin-bottom: 3rem; } +.mt-1 { margin-top: 1rem; } +.mt-2 { margin-top: 2rem; } +.gap-1 { gap: 1rem; } + +.divider { + width: 48px; + height: 3px; + background: var(--green); + border-radius: 2px; + margin-block: 1.5rem; +} +.divider--center { margin-inline: auto; } + +.highlight { color: var(--green); } +.strong { color: var(--text); } diff --git a/trabaja.html b/trabaja.html new file mode 100644 index 0000000..f7d8994 --- /dev/null +++ b/trabaja.html @@ -0,0 +1,120 @@ + + + + + + Trabajá con nosotros – IDE Consultores + + + + + + + +
+ +
+
+

Equipo IDE

+

Trabajá con nosotros

+

Buscamos personas que disfruten comprender antes de proponer, y que encuentren valor en el trabajo que mejora organizaciones reales.

+
+
+ +
+
+
+ +
+

La cultura IDE

+

Un lugar para quienes piensan en sistemas.

+ +
+
+
🔍
+
+

Curiosidad metodológica

+

Nos importa entender cómo funcionan las cosas, no solo aplicar recetas.

+
+
+
+
🤝
+
+

Trabajo colaborativo

+

Los proyectos mejoran cuando se construyen en equipo, con diversidad de miradas.

+
+
+
+
📈
+
+

Compromiso con el resultado

+

Medimos nuestro trabajo por el impacto que genera en las organizaciones que acompañamos.

+
+
+
+
🌱
+
+

Aprendizaje continuo

+

La formación no es solo para nuestros clientes. Es parte de nuestra forma de trabajar.

+
+
+
+
+ +
+

Postulación

+

¿Querés sumarte?

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