Add Privacy Policy and Terms and Conditions pages for IDE Consultores

contacto.html

@@ -50,36 +50,36 @@
                 <input type="hidden" name="form_type" value="contacto">
                 <input type="hidden" name="origen" id="contact-origen" value="Formulario General">
 
+                <div class="form-grid">
                   <div class="form-group">
                     <label for="contact-nombre" class="form-label">Nombre y Apellido *</label>
                     <input type="text" id="contact-nombre" name="nombre" class="form-control" placeholder="Ej: Lic. Martín Rossi" required>
                   </div>
 
-                <div class="grid-2" style="gap: 1rem;">
-                  <div class="form-group">
-                    <label for="contact-organizacion" class="form-label">Organización / Empresa *</label>
-                    <input type="text" id="contact-organizacion" name="organizacion" class="form-control" placeholder="Ej: Industria S.A." required>
-                  </div>
-                  <div class="form-group">
-                    <label for="contact-rol" class="form-label">Rol o Cargo en la empresa</label>
-                    <input type="text" id="contact-rol" name="rol" class="form-control" placeholder="Ej: Gerente de Operaciones">
-                  </div>
-                </div>
-
-                <div class="grid-2" style="gap: 1rem;">
                   <div class="form-group">
                     <label for="contact-email" class="form-label">Correo Electrónico *</label>
                     <input type="email" id="contact-email" name="email" class="form-control" placeholder="nombre@empresa.com" required>
                   </div>
+
+                  <div class="form-group">
+                    <label for="contact-organizacion" class="form-label">Organización / Empresa *</label>
+                    <input type="text" id="contact-organizacion" name="organizacion" class="form-control" placeholder="Ej: Industria S.A." required>
+                  </div>
+
+                  <div class="form-group">
+                    <label for="contact-rol" class="form-label">Rol o Cargo en la empresa</label>
+                    <input type="text" id="contact-rol" name="rol" class="form-control" placeholder="Ej: Gerente de Operaciones">
+                  </div>
+
                   <div class="form-group">
                     <label for="contact-telefono" class="form-label">Teléfono / WhatsApp</label>
                     <input type="tel" id="contact-telefono" name="telefono" class="form-control" placeholder="Ej: +54 9 11 5555-1234">
                   </div>
-                </div>
 
                   <div class="form-group">
                     <label for="contact-busqueda" class="form-label">¿Qué te trae a IDE? *</label>
-                  <select id="contact-busqueda" name="busqueda" class="form-control">
+                    <select id="contact-busqueda" name="busqueda" class="form-control" required>
+                      <option value="" disabled selected>Seleccioná una opción...</option>
                       <option value="Necesito orientación para abordar un desafío">Necesito orientación para abordar un desafío</option>
                       <option value="Estoy buscando una solución específica">Estoy buscando una solución específica</option>
                       <option value="Quiero implementar o certificar una norma / sistema de gestión">Quiero implementar o certificar una norma / sistema de gestión</option>
@@ -88,19 +88,20 @@
                       <option value="Quiero incorporar tecnología, automatización o IA">Quiero incorporar tecnología, automatización o IA</option>
                       <option value="Quiero hacer una consulta sobre IDE Academy">Quiero hacer una consulta sobre IDE Academy</option>
                       <option value="Quiero proponer una alianza o colaboración">Quiero proponer una alianza o colaboración</option>
-                    <option value="Otro motivo de consulta">Otro motivo de consulta.</option>
+                      <option value="Otro motivo de consulta">Otro motivo de consulta</option>
                     </select>
                   </div>
 
-                <div class="form-group">
+                  <div class="form-group span-2">
                     <label for="contact-mensaje" class="form-label">Contanos brevemente en qué podemos ayudarte *</label>
                     <textarea id="contact-mensaje" name="mensaje" class="form-control" rows="4" placeholder="Describí los objetivos o problemáticas que quisieras abordar..." required></textarea>
-                  <p style="font-size: 0.82rem; color: var(--text-muted); margin-top: 0.5rem; margin-bottom: 1.25rem;">
+                    <p style="font-size: 0.82rem; color: var(--text-muted); margin-top: 0.5rem; margin-bottom: 0;">
                       * campos requeridos. <br><i>La información que compartas será utilizada únicamente para gestionar tu consulta y contactarte en relación con ella.</i>
                     </p>
                   </div>
+                </div>
 
-                <button type="submit" class="btn btn-primary btn-lg" style="width: 100%;">
+                <button type="submit" class="btn btn-primary btn-lg" style="width: 100%; margin-top: 1.25rem;">
                   ENVIAR CONSULTA →
                 </button>
 
@@ -116,7 +117,7 @@
                 <p style="font-size: 0.9rem; color: var(--text-body); line-height: 1.5; margin-bottom: 1.25rem;">
                   <strong>WhatsApp: </strong>Para consultas breves o coordinar una conversación.
                 </p>
-                <a href="https://wa.me/5491123456789?text=Hola%20IDE%20Consultores,%20quisiera%20recibir%20m%C3%A1s%20informaci%C3%B3n." target="_blank" rel="noopener noreferrer" class="btn btn-accent btn-sm" style="width: 100%;">
+                <a href="https://wa.me/5493876140144?text=Hola%20IDE%20Consultores,%20quisiera%20recibir%20m%C3%A1s%20informaci%C3%B3n." target="_blank" rel="noopener noreferrer" class="btn btn-accent btn-sm" style="width: 100%;">
                   ESCRIBINOS POR WHATSAPP →
                 </a>
               </div>

css/ecosistema.css

@@ -4,14 +4,21 @@
    ========================================================================== */
 
 .animacion-infinito {
-  width: 80%;
+  width: 100%;
-  min-width: 600px;
   max-width: 1000px;
   aspect-ratio: 2 / 1;
   position: relative;
   background-color: transparent;
 }
 
+/* Escalar la animación +15% en desktop (en móvil ocupa todo el ancho y se desbordaría) */
+@media (min-width: 1024px) {
+  .animacion-infinito {
+    transform: scale(1.15);
+    transform-origin: center;
+  }
+}
+
 .capa-svg-lineas {
   position: absolute;
   top: 0;
@@ -74,7 +81,7 @@
 
 .linea-pulso {
   fill: none;
-  stroke: #ffffff;
+  stroke: var(--text-main);
   stroke-width: 6;
   stroke-linecap: round;
   stroke-dasharray: 0 2000;
@@ -565,17 +572,13 @@
 .eco-panel__strip {
   position: relative;
   z-index: 3;
-  /*background: var(--bg-surface);*/
+  padding: 0 clamp(2rem, 3.5vw, 3rem) clamp(1rem, 1vw, 1rem);
-  bottom: 0;
-
-  padding: 0rem clamp(2rem, 3.5vw, 3rem) clamp(1rem, 1vw, 1rem);
-  /*border-top: 1px solid color-mix(in srgb, var(--unit) 22%, var(--border-color));*/
 }
 
 .eco-panel__strip-title {
   font-family: 'Barlow Semi Condensed', sans-serif;
   font-size: 1.1rem;
-  color: var(--text-inverse);
+  color: var(--text-main);
   margin-bottom: 1rem;
 }
 
@@ -676,6 +679,36 @@
   background: color-mix(in srgb, var(--unit) 10%, var(--bg-surface));
 }
 
+/* Nodos interactivos: foco visible por teclado */
+.nodo-circulo:focus-visible {
+  outline: 3px solid var(--ide-primary);
+  outline-offset: 3px;
+}
+
+/* Nodo central: sin interacción, sin efecto hover */
+.nodo-circulo--static {
+  cursor: default;
+}
+
+.nodo-circulo--static:hover {
+  transform: translate(-50%, -50%);
+  box-shadow: 0 12px 25px rgba(0, 0, 0, 0.15), inset 0 -4px 10px rgba(0, 0, 0, 0.1);
+}
+
+/* Hero del Ecosistema en móvil: reforzar el velo para que el texto (full width)
+   que cae sobre blur.webp conserve contraste */
+@media (max-width: 900px) {
+  .herobg-9 {
+    background-image:
+      linear-gradient(
+        180deg,
+        color-mix(in srgb, var(--bg-body) 96%, transparent) 0%,
+        color-mix(in srgb, var(--bg-body) 84%, transparent) 100%
+      ),
+      url('../assets/img/blur.webp');
+  }
+}
+
 /* Accesibilidad: reduce motion */
 @media (prefers-reduced-motion: reduce) {
   .eco-card,

css/faq.css

@@ -13,8 +13,8 @@
 
 /* Tarjeta de cada pregunta */
 .faq-item {
-  background: rgba(255, 255, 255, 0.025);
+  background: var(--bg-surface);
-  border: 1px solid var(--ide-primary-line);
+  border: 1px solid var(--border-color);
   border-radius: 12px;
   overflow: hidden;
   transition: border-color 0.25s ease, background-color 0.25s ease;
@@ -22,11 +22,11 @@
 
 .faq-item:hover {
   background: var(--ide-accent-bg);
-  border-color: rgba(255, 255, 255, 0.16);
+  border-color: var(--border-hover);
 }
 
 .faq-item[open] {
-  background: rgba(255, 255, 255, 0.04);
+  background: var(--bg-surface-elevated);
   border-color: var(--ide-primary-light);
 }
 
@@ -69,14 +69,14 @@
   width: 32px;
   height: 32px;
   border-radius: 50%;
-  background: rgba(255, 255, 255, 0.05);
+  background: color-mix(in srgb, var(--ide-primary) 12%, transparent);
   color: var(--text-main);
   transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.2s ease, color 0.2s ease;
 }
 
 .faq-item:hover .faq-icon {
-  background: rgba(255, 255, 255, 0.1);
+  background: color-mix(in srgb, var(--ide-primary) 22%, transparent);
-  color: var(--text-inverse);
+  color: var(--ide-primary);
 }
 
 /* Rotación de la flecha al abrir */

css/index.css

@@ -29,6 +29,28 @@
   font-size: clamp(2.5rem, 8vw, 6.5rem);
 }
 
+/* Sugerencias rápidas bajo el buscador del hero (fondo oscuro) */
+.hero-search-chips {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.5rem;
+  margin-top: 1.25rem;
+}
+
+.hero-search-chips .chip {
+  padding: 0.35rem 0.9rem;
+  font-size: 0.8rem;
+  color: #ffffff;
+  background-color: rgba(255, 255, 255, 0.12);
+  border: 1px solid rgba(255, 255, 255, 0.4);
+}
+
+.hero-search-chips .chip:hover {
+  color: #ffffff;
+  background-color: rgba(255, 255, 255, 0.22);
+  border-color: #ffffff;
+}
+
 
 
 

css/styles.css

@@ -2455,6 +2455,11 @@ canvas {
   color: var(--ide-primary);
 }
 
+/* El logo del 5º miembro debe llenar todo el círculo (la imagen trae margen propio) */
+.m5 .card-portrait img {
+  transform: scale(1.53);
+}
+
 .card-incompany {
   background-image: linear-gradient(var(--card-overlay), var(--card-overlay)), url('../assets/img/incompany.webp');
   background-size: cover;
@@ -2706,6 +2711,19 @@ canvas {
   margin: 0;
 }
 
+/* Dark mode: mejorar contraste del título e íconos de las tarjetas Academy */
+[data-theme="dark"] .curso-header h4 {
+  color: var(--ide-academy-ligth);
+}
+
+[data-theme="dark"] .icono-academy-contexto,
+[data-theme="dark"] .icono-academy-aprende,
+[data-theme="dark"] .icono-academy-integral,
+[data-theme="dark"] .icono-academy-enriquece,
+[data-theme="dark"] .icono-academy-aplicacion {
+  background-color: var(--ide-academy-ligth);
+}
+
 
 /* Panel contenedor tipo Grid */
 .course-specs-panel {
@@ -2785,7 +2803,7 @@ canvas {
 }
 /* --- Trabaja con Nosotros --- */
 .card-trabajo {
-  background-image: url('../assets/img/culture.png');
+  background-image: url('../assets/img/culture.webp');
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
@@ -2925,6 +2943,20 @@ canvas {
   box-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.06);
 }
 
+/* Contacto: apilar formulario y canales en pantallas medianas */
+@media (max-width: 992px) {
+  .contact-parallax-section .grid-2 {
+    grid-template-columns: 1fr;
+  }
+}
+
+/* Cuadrícula de formulario a 1 columna en móvil */
+@media (max-width: 640px) {
+  .form-grid {
+    grid-template-columns: 1fr;
+  }
+}
+
 /* =========================================================
    FOOTER MODULAR - ESTILOS
    ========================================================= */
@@ -3925,6 +3957,44 @@ canvas {
   margin: 0;
 }
 
+/* Tablet: apilar en 1 columna; divisor pasa a horizontal */
+@media (max-width: 992px) {
+  .forma-trabajar {
+    grid-template-columns: 1fr;
+    gap: 1.75rem;
+  }
+
+  .forma-trabajar__divider {
+    width: 100%;
+    height: 3px;
+    min-height: 0;
+    background: linear-gradient(
+      90deg,
+      transparent 0%,
+      var(--ide-accent) 30%,
+      var(--ide-primary) 70%,
+      transparent 100%
+    );
+  }
+}
+
+/* Mobile: ocultar divisor y ajustar comilla decorativa */
+@media (max-width: 640px) {
+  .forma-trabajar {
+    gap: 1.25rem;
+  }
+
+  .forma-trabajar__divider {
+    display: none;
+  }
+
+  .forma-trabajar__quote-mark {
+    top: -2.5rem;
+    left: -0.5rem;
+    font-size: 6rem;
+  }
+}
+
 /* ==========================================================================
    SECCIÓN 4 — Formulario + imagen fundida a la derecha
    ========================================================================== */
@@ -3940,8 +4010,8 @@ canvas {
   top: 0;
   right: 0;
   bottom: 0;
-  width: 55%;
+  width: 48%;
-  background-image: url('../assets/img/culture.png');
+  background-image: url('../assets/img/culture.webp');
   background-size: cover;
   background-position: center right;
   background-repeat: no-repeat;
@@ -3977,8 +4047,8 @@ canvas {
 .careers-form-wrap {
   position: relative;
   z-index: 1;
-  max-width: 620px;   /* deja la mitad derecha libre para la imagen */
+  max-width: 820px;   /* tarjeta ancha: deja libre la franja derecha con la imagen */
-  margin-left: 10%;
+  margin-left: 6%;
 }
 
 .careers-form-card {
@@ -4006,10 +4076,44 @@ canvas {
 .careers-form-card__lead {
   font-size: 0.88rem;
   color: var(--text-muted);
-  margin-bottom: 1.75rem;
+  margin-bottom: 1.25rem;
   line-height: 1.6;
 }
 
+/* Cuadrícula de campos: 3 columnas para un formulario más horizontal */
+.careers-form-grid {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 1rem 1.25rem;
+}
+
+.careers-form-grid .form-group {
+  margin-bottom: 0;
+}
+
+.careers-form-grid .span-2 {
+  grid-column: span 2;
+}
+
+.careers-form-grid .span-3 {
+  grid-column: 1 / -1;
+}
+
+/* Cuadrícula genérica de formulario (2 columnas) */
+.form-grid {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 1rem 1.25rem;
+}
+
+.form-grid .form-group {
+  margin-bottom: 0;
+}
+
+.form-grid .span-2 {
+  grid-column: 1 / -1;
+}
+
 .careers-form-card__note {
   font-size: 0.82rem;
   color: var(--text-muted);
@@ -4045,6 +4149,12 @@ canvas {
 }
 
 /* Mobile */
+@media (max-width: 992px) {
+  .careers-form-grid {
+    grid-template-columns: repeat(2, 1fr);
+  }
+}
+
 @media (max-width: 768px) {
   .sumarte-grid {
     grid-template-columns: 1fr;
@@ -4070,6 +4180,10 @@ canvas {
   .careers-form-card {
     background-color: var(--bg-surface);
   }
+
+  .careers-form-grid {
+    grid-template-columns: 1fr;
+  }
 }
 
 /* ==========================================================================
@@ -4423,6 +4537,322 @@ canvas {
   }
 }
 
+/* ==========================================================================
+   PÁGINA DE BÚSQUEDA (buscar.html)
+   ========================================================================== */
+
+/* Utilidad de alineación (usada en varias páginas) */
+.text-center {
+  text-align: center;
+}
+
+/* --- Hero del buscador --- */
+.search-hero {
+  padding-top: clamp(2.5rem, 5vw, 4.5rem);
+  padding-bottom: clamp(2rem, 4vw, 3.5rem);
+  background: radial-gradient(circle at 50% 0%, var(--ide-accent-soft) 0%, transparent 60%), var(--bg-body);
+}
+
+.search-hero .eyebrow {
+  margin-bottom: 0.5rem;
+}
+
+.search-hero h1 {
+  margin-bottom: 0.75rem;
+}
+
+.search-hero .lead-text {
+  max-width: 60ch;
+  margin: 0 auto 2rem auto;
+  color: var(--text-body);
+}
+
+/* --- Formulario de búsqueda --- */
+.search-page-form {
+  display: flex;
+  gap: 0.75rem;
+  max-width: 640px;
+  margin: 0 auto;
+}
+
+.search-input-wrap {
+  position: relative;
+  flex: 1;
+}
+
+.search-input-wrap svg {
+  position: absolute;
+  left: 1rem;
+  top: 50%;
+  transform: translateY(-50%);
+  color: var(--text-muted);
+  pointer-events: none;
+}
+
+.search-input-wrap input {
+  width: 100%;
+  padding: 0.85rem 1rem 0.85rem 2.75rem;
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  font-size: 1rem;
+  background-color: var(--bg-surface);
+  border: 1px solid var(--border-color);
+  border-radius: 50px;
+  color: var(--text-main);
+  transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
+}
+
+.search-input-wrap input:focus {
+  outline: none;
+  border-color: var(--ide-accent);
+  box-shadow: 0 0 0 3px var(--ide-accent-soft);
+}
+
+.search-page-form button {
+  flex-shrink: 0;
+  padding: 0.85rem 1.75rem;
+  font-family: 'Barlow Semi Condensed', sans-serif;
+  font-weight: 700;
+  font-size: 0.9rem;
+  letter-spacing: 0.05em;
+  text-transform: uppercase;
+  color: #FFFFFF;
+  background-color: var(--ide-accent);
+  border: none;
+  border-radius: 50px;
+  cursor: pointer;
+  transition: background-color var(--transition-fast);
+}
+
+.search-page-form button:hover {
+  background-color: var(--ide-accent-hover);
+}
+
+/* --- Hint / status --- */
+.search-hint {
+  margin-top: 1rem;
+  font-size: 0.9rem;
+  color: var(--text-muted);
+  min-height: 1.2em;
+}
+
+/* --- Sugerencias (chips) --- */
+.search-suggestions {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: center;
+  gap: 0.6rem;
+  margin-bottom: 2.5rem;
+}
+
+/* Evita que display:flex anule el [hidden] del atributo */
+.search-suggestions[hidden] {
+  display: none;
+}
+
+.search-suggestions strong {
+  width: 100%;
+  margin-bottom: 0.25rem;
+  text-align: center;
+  font-family: 'Barlow Semi Condensed', sans-serif;
+  font-size: 0.85rem;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+  color: var(--text-muted);
+}
+
+.chip {
+  display: inline-block;
+  padding: 0.45rem 1rem;
+  font-family: 'Plus Jakarta Sans', sans-serif;
+  font-size: 0.85rem;
+  color: var(--text-body);
+  background-color: var(--bg-surface);
+  border: 1px solid var(--border-color);
+  border-radius: 50px;
+  text-decoration: none;
+  transition: border-color var(--transition-fast), background-color var(--transition-fast), color var(--transition-fast);
+}
+
+.chip:hover {
+  border-color: var(--ide-accent);
+  background-color: var(--ide-accent-soft);
+  color: var(--ide-accent);
+}
+
+/* --- Resultados --- */
+.search-results-section {
+  padding-bottom: clamp(3rem, 6vw, 5rem);
+}
+
+.search-results-list {
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+  max-width: 820px;
+  margin: 0 auto;
+}
+
+.search-result-item {
+  padding: 1.5rem 1.75rem;
+  background-color: var(--bg-surface);
+  border: 1px solid var(--border-color);
+  border-radius: var(--radius-md);
+  transition: border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);
+}
+
+.search-result-item:hover {
+  border-color: var(--ide-accent);
+  box-shadow: var(--shadow-sm);
+  transform: translateY(-2px);
+}
+
+.result-category {
+  display: inline-block;
+  margin-bottom: 0.4rem;
+  font-family: 'Barlow Semi Condensed', sans-serif;
+  font-size: 0.7rem;
+  font-weight: 600;
+  letter-spacing: 0.1em;
+  text-transform: uppercase;
+  color: var(--ide-accent);
+}
+
+.search-result-item h3 {
+  font-size: 1.25rem;
+  margin: 0 0 0.5rem 0;
+}
+
+.search-result-item h3 a {
+  color: var(--text-main);
+  text-decoration: none;
+  transition: color var(--transition-fast);
+}
+
+.search-result-item h3 a:hover {
+  color: var(--ide-accent);
+}
+
+.search-result-item p {
+  margin: 0;
+  font-size: 0.95rem;
+  line-height: 1.65;
+  color: var(--text-body);
+}
+
+.search-result-item mark {
+  padding: 0 0.15em;
+  background-color: var(--ide-accent-soft);
+  color: inherit;
+  border-radius: 3px;
+}
+
+/* --- Estado vacío --- */
+.search-empty {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 0.75rem;
+  padding: 3rem 1.5rem;
+  text-align: center;
+  color: var(--text-muted);
+}
+
+.search-empty svg {
+  color: var(--text-muted);
+  opacity: 0.6;
+}
+
+.search-empty .search-hint {
+  margin-top: 0;
+}
+
+/* --- Responsive --- */
+@media (max-width: 640px) {
+  .search-page-form {
+    flex-direction: column;
+  }
+
+  .search-page-form button {
+    width: 100%;
+  }
+
+  .search-result-item {
+    padding: 1.25rem;
+  }
+}
+
+/* ==========================================================================
+   PÁGINAS DE CONTENIDO LEGAL (privacidad / términos)
+   ========================================================================== */
+
+.legal-page-title {
+  font-size: clamp(1.9rem, 4vw, 2.8rem);
+  margin-bottom: 1rem;
+}
+
+.legal-updated {
+  margin-top: 1rem;
+  font-size: 0.85rem;
+  color: var(--text-muted);
+}
+
+.legal-content {
+  max-width: 78ch;
+  margin: 0 auto;
+  color: var(--text-body);
+}
+
+.legal-content h2 {
+  font-size: clamp(1.35rem, 2.3vw, 1.7rem);
+  color: var(--text-main);
+  margin: 2.5rem 0 0.85rem 0;
+}
+
+.legal-content h2:first-child {
+  margin-top: 0;
+}
+
+.legal-content h3 {
+  font-size: 1.12rem;
+  color: var(--text-main);
+  margin: 1.75rem 0 0.6rem 0;
+}
+
+.legal-content p {
+  margin: 0 0 1rem 0;
+  line-height: 1.75;
+}
+
+.legal-content ul,
+.legal-content ol {
+  margin: 0 0 1.25rem 0;
+  padding-left: 1.4rem;
+}
+
+.legal-content li {
+  margin-bottom: 0.4rem;
+  line-height: 1.65;
+}
+
+.legal-content li::marker {
+  color: var(--ide-accent);
+}
+
+.legal-content a {
+  color: var(--ide-accent);
+  text-decoration: underline;
+}
+
+.legal-content a:hover {
+  color: var(--ide-accent-hover);
+}
+
+.legal-content strong {
+  color: var(--text-main);
+}
+
+
 
 
 

ecosistema.html

@@ -48,7 +48,7 @@
           </div>
 
           <div class="hero-visual"
-            style="width: 100%; height: 400px; position: relative; display: flex; justify-content: center; align-items: center;">
+            style="width: 100%; position: relative; display: flex; justify-content: center; align-items: center;">
             <div class="animacion-infinito">
                 <svg class="capa-svg-lineas" viewBox="0 0 1000 500" preserveAspectRatio="xMidYMid meet">
                     <defs id="svg-defs"></defs>
@@ -63,7 +63,7 @@
     </section>
 
     <!-- Seccion 2: Ecosistema IDE -->
-    <section id="ecosistema-ide" class="section-padding contact-parallax-section ecosistema-section" aria-labelledby="ecosistema-title">
+    <section id="ecosistema-ide" class="section-padding contact-parallax-section ecosistema-section" aria-label="Ecosistema IDE">
       <div class="parallax-wrapper" aria-hidden="true">
         <div id="contact-parallax-bg" class="parallax-bg-layer3"></div>
         <div class="parallax-overlay"></div>
@@ -131,7 +131,7 @@
               </button>
             </article>
 
-            <!-- Tarjeta 4: IDE Academy (navega a academy.html) -->
+            <!-- Tarjeta 4: IDE Academy (navega a ide-academy.html) -->
             <article class="eco-card eco-card--academy" role="listitem">
               <a class="eco-card__btn" href="ide-academy.html" aria-label="Ir a IDE Academy">
                 <span class="eco-card__icon-wrap" aria-hidden="true">
@@ -160,9 +160,9 @@
             </button>
 
             <nav class="eco-unit__nav" aria-label="Cambiar de unidad">
-              <button type="button" class="eco-pill eco-pill--excellence" data-eco-open="excellence">Excellence</button>
+              <button type="button" class="eco-pill eco-pill--excellence" data-eco-open="excellence" aria-pressed="false">Excellence</button>
-              <button type="button" class="eco-pill eco-pill--projects"   data-eco-open="projects">Projects</button>
+              <button type="button" class="eco-pill eco-pill--projects"   data-eco-open="projects" aria-pressed="false">Projects</button>
-              <button type="button" class="eco-pill eco-pill--digital"    data-eco-open="digital">Digital</button>
+              <button type="button" class="eco-pill eco-pill--digital"    data-eco-open="digital" aria-pressed="false">Digital</button>
               <a class="eco-pill eco-pill--academy" href="ide-academy.html">Academy <i class="fa-solid fa-arrow-up-right-from-square" aria-hidden="true"></i></a>
             </nav>
           </div>
@@ -513,10 +513,6 @@
             </div>
             </div>
 
-          <div class="hero-visual"
-            style="width: 100%; height: 400px; position: relative; display: flex; justify-content: center; align-items: center;">
-          </div>
-
         </div>
       </div>
     </section>

ide-academy.html

@@ -70,10 +70,6 @@
             </div>
           </div>
 
-          <div class="hero-visual"
-            style="width: 100%; height: 500px; position: relative; display: flex; justify-content: center; align-items: center;">
-          </div>
-
         </div>
       </div>
     </section>
@@ -205,7 +201,7 @@
               <li><i class="fa-solid fa-tag"></i> Programas</li>
               <li><i class="fa-solid fa-tag"></i> Rutas de Aprendizaje</li>
             </ul>
-            <a href="ecosistema.html#eco-excellence" class="btn btn-academy"
+            <a href="contacto.html" class="btn btn-academy"
                 style="border-radius: 50px; display: flex; align-items: center; gap: 0.5rem; padding: 0.5rem 1rem; max-width: 200px;">
                 HABLEMOS
                 <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
@@ -281,7 +277,7 @@
     </section>
 
     <!-- MODAL DE DETALLE DE FICHA TÉCNICA DE CURSO -->
-    <div id="modal-course-view" class="modal-backdrop" role="dialog" aria-modal="true">
+    <div id="modal-course-view" class="modal-backdrop" role="dialog" aria-modal="true" aria-labelledby="modal-course-title">
       <div class="modal-window">
         <button class="modal-close-btn" aria-label="Cerrar modal">✕</button>
         <div id="modal-course-category" class="eyebrow">PROGRAMA EJECUTIVO</div>

includes/footer.html

@@ -57,7 +57,7 @@
       <!-- 2. Redes Sociales (Agregados Mail y WhatsApp) -->
       <!-- NOTA: Reemplaza el href de mailto: y wa.me con tus datos reales -->
       <div class="footer-socials">
-        <a href="mailto:info@ideconsultores.com" aria-label="Correo electrónico" class="footer-social-link">
+        <a href="mailto:info@ideconsultores.com.ar" aria-label="Correo electrónico" class="footer-social-link">
           <i class="fas fa-envelope"></i>
         </a>
         <a href="https://wa.me/5493876140144" target="_blank" rel="noopener noreferrer" aria-label="WhatsApp" class="footer-social-link">

index.html

@@ -72,6 +72,14 @@
                 </svg>
               </a>
             </div>
+
+            <!-- Sugerencias rápidas de búsqueda -->
+            <div class="hero-search-chips">
+              <a href="buscar.html?q=ISO%209001" class="chip">ISO 9001</a>
+              <a href="buscar.html?q=PMO" class="chip">PMO</a>
+              <a href="buscar.html?q=Academy" class="chip">IDE Academy</a>
+              <a href="buscar.html?q=transformaci%C3%B3n%20digital" class="chip">Transformación digital</a>
+            </div>
           </div>
 
           <div class="hero-visual"

js/ecosistema.js

@@ -1,6 +1,6 @@
 /* ==========================================================================
    ECOSISTEMA IDE — Cambio in-place + deep link por hash
-   URLs válidas: #eco-excellence | #eco-projects | #eco-digital | #ecosistema
+   URLs válidas: #eco-excellence | #eco-projects | #eco-digital | #ecosistema-ide
    ========================================================================== */
 (function () {
   'use strict';
@@ -17,7 +17,7 @@
 
   const VALID_UNITS    = ['excellence', 'projects', 'digital'];
   const HASH_PREFIX    = '#eco-';
-  const HASH_ECOSYSTEM = '#ecosistema';
+  const HASH_ECOSYSTEM = '#ecosistema-ide';
 
   let lastFocusedTrigger = null;
   let currentUnit = null; // null = ecosistema
@@ -63,13 +63,15 @@
     });
 
     pills.forEach(pill => {
-      pill.classList.toggle('is-active', pill.dataset.ecoOpen === id);
+      const active = pill.dataset.ecoOpen === id;
+      pill.classList.toggle('is-active', active);
+      if (pill.tagName === 'BUTTON') pill.setAttribute('aria-pressed', active ? 'true' : 'false');
     });
 
     const title = panel.querySelector('.eco-panel__title');
     if (title) {
       title.setAttribute('tabindex', '-1');
-      requestAnimationFrame(() => title.focus({ preventScroll: false }));
+      requestAnimationFrame(() => title.focus({ preventScroll: true }));
     }
 
     currentUnit = id;
@@ -80,7 +82,10 @@
     stateEcosystem.hidden = false;
 
     triggers.forEach(t => t.setAttribute('aria-expanded', 'false'));
-    pills.forEach(p => p.classList.remove('is-active'));
+    pills.forEach(pill => {
+      pill.classList.remove('is-active');
+      if (pill.tagName === 'BUTTON') pill.setAttribute('aria-pressed', 'false');
+    });
 
     if (restoreFocus) {
       if (lastFocusedTrigger && typeof lastFocusedTrigger.focus === 'function') {
@@ -93,6 +98,14 @@
     currentUnit = null;
   }
 
+  /* ---------- Scroll a la sección ---------- */
+  function scrollToSection(behavior = 'smooth') {
+    const rect = section.getBoundingClientRect();
+    if (rect.top < -80 || rect.top > 200) {
+      section.scrollIntoView({ behavior, block: 'start' });
+    }
+  }
+
   /* ---------- API con URL ---------- */
   function openUnit(id, { push = true, scroll = true } = {}) {
     if (!VALID_UNITS.includes(id)) return;
@@ -103,12 +116,7 @@
       history.pushState({ eco: id }, '', url);
     }
 
-    if (scroll) {
+    if (scroll) scrollToSection('smooth');
-      const rect = section.getBoundingClientRect();
-      if (rect.top < -80 || rect.top > 200) {
-        section.scrollIntoView({ behavior: 'smooth', block: 'start' });
-      }
-    }
   }
 
   function closeUnit({ push = true, scroll = false } = {}) {
@@ -127,7 +135,7 @@
     trigger.addEventListener('click', (e) => {
       const id = trigger.dataset.ecoOpen;
       if (!id) return;
-      // Academy es <a href="academy.html">: dejamos navegar
+      // Academy es <a href="ide-academy.html">: dejamos navegar
       if (trigger.tagName === 'A' && trigger.getAttribute('href')) return;
       e.preventDefault();
       openUnit(id);
@@ -154,6 +162,7 @@
     const id = unitFromHash();
     if (id && id !== currentUnit) {
       renderUnit(id);
+      scrollToSection('smooth');
     } else if (!id && currentUnit !== null) {
       renderEcosystem({ restoreFocus: false });
     }

js/main.js

@@ -309,7 +309,7 @@ function closeModal(modalId) {
         body: 'IDE Academy diseña programas de formación alineados con los desafíos reales de las organizaciones. No dictamos cursos estándar: trabajamos desde el contexto de cada equipo.',
         chips: [...m.chips, m.extra],
         cta: 'Conocer IDE Academy',
-        url: 'academy.html'
+        url: 'ide-academy.html'
       };
     }
 
@@ -334,7 +334,7 @@ function closeModal(modalId) {
           title: 'Formación desde el contexto real.',
           chips: ['In Company', 'Capacitación', 'IDE Academy'],
           cta: 'Ver IDE Academy',
-          url: 'academy.html',
+          url: 'ide-academy.html',
           body: 'Programas de formación diseñados para tu organización, sus desafíos y las capacidades que necesita desarrollar.'
         },
         'ia-digital': {
@@ -1121,15 +1121,14 @@ function initContactForm() {
       form.reset();
     } catch (error) {
       if (alertBox) {
-        alertBox.className = 'form-alert alert-success';
+        alertBox.className = 'form-alert alert-error';
-        alertBox.innerText = '¡Muchas gracias por comunicarte! Tu mensaje ha sido registrado con éxito. Te responderemos pronto a tu casilla de correo.';
+        alertBox.innerText = 'No pudimos enviar tu mensaje. Por favor, reintentá en unos minutos o escribinos a info@ideconsultores.com.ar.';
         alertBox.style.display = 'block';
       }
-      form.reset();
     } finally {
       if (submitBtn) {
         submitBtn.removeAttribute('disabled');
-        submitBtn.innerText = 'HABLEMOS';
+        submitBtn.innerText = 'ENVIAR CONSULTA →';
       }
     }
   });
@@ -1171,15 +1170,14 @@ function initCareersForm() {
       form.reset();
     } catch (error) {
       if (alertBox) {
-        alertBox.className = 'form-alert alert-success';
+        alertBox.className = 'form-alert alert-error';
-        alertBox.innerText = '¡Postulación recibida con éxito! Revisaremos tu perfil en nuestro equipo.';
+        alertBox.innerText = 'No pudimos enviar tu postulación. Por favor, reintentá en unos minutos o escribinos a info@ideconsultores.com.ar.';
         alertBox.style.display = 'block';
       }
-      form.reset();
     } finally {
       if (submitBtn) {
         submitBtn.removeAttribute('disabled');
-        submitBtn.innerText = 'Enviar Postulación';
+        submitBtn.innerText = 'SUMARME A LA RED IDE';
       }
     }
   });

js/netschema.js

@@ -1,12 +1,24 @@
 const nodosData = [
             // Reemplaza el src con la ruta real de tus logos
-            { id: 'tl', x0: 220, y0: 140, r: 70, color: '#16a085', html: '<img src="assets/logos/excellence_b.png" alt="EXCELLENCE">' }, 
+            { id: 'tl', x0: 220, y0: 140, r: 70, color: '#009e8f', unit: 'excellence', label: 'IDE Excellence', html: '<img src="assets/logos/excellence_b.png" alt="EXCELLENCE">' },
-            { id: 'bl', x0: 200, y0: 420, r: 70, color: '#f39200', html: '<img src="assets/logos/projects_b.png" alt="PROJECTS">' }, 
+            { id: 'bl', x0: 200, y0: 420, r: 70, color: '#f28c2b', unit: 'projects',   label: 'IDE Projects',   html: '<img src="assets/logos/projects_b.png" alt="PROJECTS">' },
-            { id: 'tr', x0: 780, y0: 110, r: 70, color: '#c41230', html: '<img src="assets/logos/academy_b.png" alt="ACADEMY">' }, 
+            { id: 'tr', x0: 780, y0: 110, r: 70, color: '#c8102e', unit: 'academy',    label: 'IDE Academy',    html: '<img src="assets/logos/academy_b.png" alt="ACADEMY">' },
-            { id: 'br', x0: 750, y0: 400, r: 70, color: '#0061a0', html: '<img src="assets/logos/digital_b.png" alt="DIGITAL">' }, 
+            { id: 'br', x0: 750, y0: 400, r: 70, color: '#1d71b8', unit: 'digital',    label: 'IDE Digital',    html: '<img src="assets/logos/digital_b.png" alt="DIGITAL">' },
-            { id: 'c',  x0: 500, y0: 280, r: 85, color: '#ffffff', html: '<img src="assets/logos/ide.png" alt="EL TODO">' } 
+            { id: 'c',  x0: 500, y0: 280, r: 85, color: '#ffffff', unit: null,         label: null,             html: '<img src="assets/logos/ide.png" alt="EL TODO">' }
         ];
 
+        const reduceMotion = window.matchMedia &&
+            window.matchMedia('(prefers-reduced-motion: reduce)').matches;
+
+        // Abrir la unidad correspondiente desde un nodo del ecosistema
+        function abrirNodo(nodo) {
+            if (!nodo || !nodo.unit) return;
+            if (nodo.unit === 'academy') { window.location.href = 'ide-academy.html'; return; }
+            if (window.EcoIDE && typeof window.EcoIDE.open === 'function') {
+                window.EcoIDE.open(nodo.unit);
+            }
+        }
+
         const conexiones = [
             { id: 'arcL', from: 'tl', to: 'bl', type: 'vertical', curveOut: -180 },
             { id: 'c1',   from: 'tl', to: 'c',  type: 'horizontal', curveOut: 0 },
@@ -44,6 +56,24 @@ const nodosData = [
             content.innerHTML = nodo.html;
             
             el.appendChild(content);
+
+            if (nodo.unit) {
+                el.setAttribute('role', 'button');
+                el.setAttribute('tabindex', '0');
+                el.setAttribute('aria-label', `Ver ${nodo.label}`);
+                el.style.cursor = 'pointer';
+                el.addEventListener('click', () => abrirNodo(nodo));
+                el.addEventListener('keydown', (e) => {
+                    if (e.key === 'Enter' || e.key === ' ') {
+                        e.preventDefault();
+                        abrirNodo(nodo);
+                    }
+                });
+            } else {
+                el.classList.add('nodo-circulo--static');
+                el.style.cursor = 'default';
+            }
+
             contenedorNodos.appendChild(el);
             nodo.el = el;
         });
@@ -138,6 +168,7 @@ const nodosData = [
         });
 
         // 3. Lógica de salto entre carriles
+        if (!reduceMotion) {
             setInterval(() => {
                 conexiones.forEach(conn => {
                     conn.pulsos.forEach(p => {
@@ -148,6 +179,7 @@ const nodosData = [
                     });
                 });
             }, 1200);
+        }
 
 // 4. Motor de Animación Ultraligero
 let animando = false;
@@ -169,7 +201,7 @@ function animarFrame() {
 }
 
 function iniciarAnimacion() {
-  if (animando) return;
+  if (reduceMotion || animando) return;
   animando = true;
   rafId = requestAnimationFrame(animarFrame);
 }

politicas-de-privacidad.html

@@ -0,0 +1,120 @@
+<!DOCTYPE html>
+<html lang="es" data-theme="light">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Política de Privacidad | IDE Consultores</title>
+  <meta name="description" content="Conocé cómo IDE Consultores recopila, usa y protege los datos personales que nos compartís a través del sitio.">
+  <meta property="og:title" content="Política de Privacidad | IDE Consultores">
+  <meta property="og:description" content="Información sobre el tratamiento de datos personales en IDE Consultores.">
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
+  <link rel="icon" type="image/x-icon" href="assets/img/favicon.webp">
+  <link rel="stylesheet" href="css/styles.css">
+</head>
+<body>
+
+  <header id="site-header"></header>
+
+  <main>
+
+    <!-- Intro -->
+    <section class="section-padding-sm bg1">
+      <div class="container container-narrow text-center">
+        <span class="eyebrow">LEGAL</span>
+        <h1 class="legal-page-title">Política de Privacidad</h1>
+        <p class="lead-text" style="margin: 0 auto; max-width: 60ch;">
+          Cuidamos la información que nos compartís. Esta política explica qué datos recopilamos, con qué finalidad y cómo los protegemos.
+        </p>
+        <p class="legal-updated">Última actualización: <time datetime="2026-10-18">18 de octubre de 2026</time></p>
+      </div>
+    </section>
+
+    <!-- Contenido -->
+    <section class="section-padding">
+      <div class="container container-narrow">
+        <div class="legal-content">
+
+          <h2>1. Responsable del tratamiento</h2>
+          <p>
+            IDE Consultores (en adelante, “IDE”) es responsable del tratamiento de los datos personales que se recopilan a través de este sitio web. Para cualquier consulta vinculada a la presente política podés escribirnos a
+            <a href="mailto:info@ideconsultores.com.ar">info@ideconsultores.com.ar</a>.
+          </p>
+
+          <h2>2. Datos que recopilamos</h2>
+          <p>Recopilamos los datos que nos brindás de forma voluntaria y cierta información técnica generada por el uso del sitio:</p>
+          <ul>
+            <li><strong>Formularios de contacto y postulaciones:</strong> nombre y apellido, correo electrónico, organización, rol, teléfono, área de interés, enlaces (por ejemplo, LinkedIn o CV) y el contenido de tu mensaje.</li>
+            <li><strong>Diagnóstico “Brújula IDE”:</strong> las respuestas que seleccionás y los datos de contacto que decidas enviarnos.</li>
+            <li><strong>Datos de uso:</strong> información técnica como dirección IP, tipo de navegador y dispositivo, páginas visitadas y cookies o tecnologías similares.</li>
+          </ul>
+
+          <h2>3. Finalidad del tratamiento</h2>
+          <p>Utilizamos tus datos para:</p>
+          <ul>
+            <li>Responder tus consultas y coordinar conversaciones o reuniones.</li>
+            <li>Evaluar postulaciones y posibles colaboraciones profesionales.</li>
+            <li>Enviarte información que hayas solicitado o que resulte relevante a tu consulta.</li>
+            <li>Mejorar el funcionamiento, la seguridad y la experiencia de uso del sitio.</li>
+            <li>Cumplir con obligaciones legales aplicables.</li>
+          </ul>
+
+          <h2>4. Base legal y consentimiento</h2>
+          <p>
+            El tratamiento se basa en tu consentimiento, que otorgás al enviar voluntariamente tus datos a través de nuestros formularios, y en el interés legítimo de IDE en gestionar su actividad profesional. Podés retirar tu consentimiento en cualquier momento escribiéndonos a la dirección indicada en el punto 1.
+          </p>
+
+          <h2>5. Conservación de los datos</h2>
+          <p>
+            Conservamos tus datos únicamente durante el tiempo necesario para cumplir con las finalidades descriptas o hasta que solicites su eliminación, salvo que exista una obligación legal que requiera conservarlos por más tiempo.
+          </p>
+
+          <h2>6. Comunicación a terceros</h2>
+          <p>
+            No vendemos ni cedemos tus datos personales a terceros con fines comerciales. Podemos compartirlos con proveedores que prestan servicios en nuestro nombre (por ejemplo, hosting, correo electrónico o analítica web), siempre bajo acuerdos de confidencialidad y con el único fin de operar el sitio y atender tu consulta. También podremos divulgarlos cuando sea requerido por autoridad competente.
+          </p>
+
+          <h2>7. Derechos del titular</h2>
+          <p>
+            De acuerdo con la Ley 25.326 de Protección de Datos Personales de la República Argentina, tenés derecho a acceder, rectificar, actualizar y suprimir tus datos personales, así como a oponerte a su tratamiento. Para ejercer estos derechos, escribinos a
+            <a href="mailto:info@ideconsultores.com.ar">info@ideconsultores.com.ar</a>.
+          </p>
+          <p>
+            La Agencia de Acceso a la Información Pública (AAIP) es el organismo de control en materia de protección de datos personales y tiene la atribución de atender denuncias y reclamos vinculados al incumplimiento de la normativa vigente.
+          </p>
+
+          <h2>8. Cookies y tecnologías similares</h2>
+          <p>
+            El sitio puede utilizar cookies y tecnologías similares para recordar tus preferencias (por ejemplo, el tema claro u oscuro) y para obtener estadísticas de uso de forma agregada. Podés configurar tu navegador para rechazar o eliminar cookies; tené en cuenta que algunas funciones podrían verse afectadas.
+          </p>
+
+          <h2>9. Seguridad de la información</h2>
+          <p>
+            Implementamos medidas técnicas y organizativas razonables para proteger tus datos frente a accesos no autorizados, pérdida o alteración. Ningún sistema es completamente infalible, por lo que te recomendamos compartir tu información de manera responsable.
+          </p>
+
+          <h2>10. Menores de edad</h2>
+          <p>
+            Nuestros servicios están dirigidos a organizaciones y personas adultas. No recopilamos deliberadamente datos de menores de edad sin el consentimiento de sus representantes legales.
+          </p>
+
+          <h2>11. Cambios en esta política</h2>
+          <p>
+            Podemos actualizar esta Política de Privacidad para reflejar cambios normativos o en nuestras prácticas. Publicaremos siempre la versión vigente en esta página, indicando la fecha de la última actualización.
+          </p>
+
+          <h2>12. Contacto</h2>
+          <p>
+            Si tenés preguntas sobre esta política o sobre el tratamiento de tus datos, escribinos a
+            <a href="mailto:info@ideconsultores.com.ar">info@ideconsultores.com.ar</a>.
+          </p>
+
+        </div>
+      </div>
+    </section>
+
+  </main>
+
+  <footer id="site-footer"></footer>
+  <script src="js/main.js"></script>
+</body>
+</html>

somos-ide.html

@@ -43,9 +43,6 @@
               </a>
             </div>
           </div>
-          <div class="hero-visual"
-            style="width: 100%; height: 500px; position: relative; display: flex; justify-content: center; align-items: center;">
-          </div>
         </div>
       </div>
     </section>
@@ -129,14 +126,14 @@
               Experiencia local con mirada global.
             </h2>
             <p class="triple-section__lead">
-              Nacimos en el NOA, con uns fuerte pertenencia regional, y trabajamos con organizaciones de diferentes sectores de todo el país, integrando buenas prácticas y una mirada global a tu realidad local.
+              Nacimos en el NOA, con una fuerte pertenencia regional, y trabajamos con organizaciones de diferentes sectores de todo el país, integrando buenas prácticas y una mirada global a tu realidad local.
             </p>
           </div>
 
           <!-- Col 2 (40%): Imagen PNG -->
           <div class="triple-section__visual">
               <img src="assets/img/somos/mapa2.webp"
-                alt="Descripción de la imagen"
+                alt="Mapa de presencia de IDE Consultores"
                 loading="lazy">
           </div>
 
@@ -205,7 +202,6 @@ Cada uno aporta una especialidad. El mayor valor aparece cuando esas capacidades
             </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="https://www.linkedin.com/in/claudia-raquel-andres/" target="_blank"
    rel="noopener noreferrer" class="btn btn-primary btn-cta-unificado" style="border-radius: 50px; display: flex; align-items: center; gap: 0.5rem; padding: 0.5rem 1.1rem;">
               <i class="fa-brands fa-linkedin-in"></i>
@@ -220,7 +216,6 @@ Cada uno aporta una especialidad. El mayor valor aparece cuando esas capacidades
             <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>-->
             <a href="https://www.linkedin.com/in/ing-jos%C3%A9-pugliese-706445413/" target="_blank"
    rel="noopener noreferrer" class="btn btn-primary btn-cta-unificado" style="border-radius: 50px; display: flex; align-items: center; gap: 0.5rem; padding: 0.5rem 1.1rem;">
@@ -236,7 +231,6 @@ Cada uno aporta una especialidad. El mayor valor aparece cuando esas capacidades
             <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>-->
             <a href="https://www.linkedin.com/in/ingenieromiguelrojas/" target="_blank"
    rel="noopener noreferrer" class="btn btn-primary btn-cta-unificado" style="border-radius: 50px; display: flex; align-items: center; gap: 0.5rem; padding: 0.5rem 1.1rem;">
@@ -252,7 +246,6 @@ Cada uno aporta una especialidad. El mayor valor aparece cuando esas capacidades
             <h3>Víctor 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>-->
             <a href="https://www.linkedin.com/in/victor-ulises-barrionuevo/" target="_blank"
    rel="noopener noreferrer" class="btn btn-primary btn-cta-unificado" style="border-radius: 50px; display: flex; align-items: center; gap: 0.5rem; padding: 0.5rem 1.1rem;">
@@ -281,7 +274,7 @@ Cada uno aporta una especialidad. El mayor valor aparece cuando esas capacidades
         <div class="hero-grid">
           <div>
 
-            <h2 style="margin-bottom: 0.8rem; line-height: 1.1; color: white; margin-bottom: 1.5rem;">
+            <h2 style="line-height: 1.1; color: white; margin-bottom: 1.5rem;">
               Conversemos para comprender tu contexto,<br> identificar dónde intervenir y conectar las capacidades que puedan aportar mayor valor
             </h2>
 
@@ -298,11 +291,6 @@ Cada uno aporta una especialidad. El mayor valor aparece cuando esas capacidades
               </a>
             </div>
           </div>
-
-          <div class="hero-visual"
-            style="width: 100%; height: 400px; position: relative; display: flex; justify-content: center; align-items: center;">
-          </div>
-
         </div>
       </div>
     </section>

terminos-y-condiciones.html

@@ -0,0 +1,114 @@
+<!DOCTYPE html>
+<html lang="es" data-theme="light">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Términos y Condiciones | IDE Consultores</title>
+  <meta name="description" content="Términos y condiciones de uso del sitio web de IDE Consultores: alcance, propiedad intelectual, responsabilidad y ley aplicable.">
+  <meta property="og:title" content="Términos y Condiciones | IDE Consultores">
+  <meta property="og:description" content="Condiciones de uso del sitio web de IDE Consultores.">
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
+  <link rel="icon" type="image/x-icon" href="assets/img/favicon.webp">
+  <link rel="stylesheet" href="css/styles.css">
+</head>
+<body>
+
+  <header id="site-header"></header>
+
+  <main>
+
+    <!-- Intro -->
+    <section class="section-padding-sm bg1">
+      <div class="container container-narrow text-center">
+        <span class="eyebrow">LEGAL</span>
+        <h1 class="legal-page-title">Términos y Condiciones</h1>
+        <p class="lead-text" style="margin: 0 auto; max-width: 60ch;">
+          Estas condiciones regulan el uso del sitio web de IDE Consultores y la relación entre vos y nosotros al navegarlo.
+        </p>
+        <p class="legal-updated">Última actualización: <time datetime="2026-10-18">18 de octubre de 2026</time></p>
+      </div>
+    </section>
+
+    <!-- Contenido -->
+    <section class="section-padding">
+      <div class="container container-narrow">
+        <div class="legal-content">
+
+          <h2>1. Objeto y aceptación</h2>
+          <p>
+            Los presentes Términos y Condiciones (en adelante, los “Términos”) regulan el acceso y uso del sitio web de IDE Consultores (en adelante, “IDE”). El acceso al sitio implica que leíste, entendés y aceptás estos Términos. Si no estás de acuerdo con ellos, te pedimos que no utilices el sitio.
+          </p>
+
+          <h2>2. Identificación del titular</h2>
+          <p>
+            Este sitio es operado por IDE Consultores. Para consultas vinculadas a estos Términos podés escribirnos a
+            <a href="mailto:info@ideconsultores.com.ar">info@ideconsultores.com.ar</a>.
+          </p>
+
+          <h2>3. Uso del sitio</h2>
+          <p>Te comprometés a utilizar el sitio de forma lícita y conforme a estos Términos. En particular, no podés:</p>
+          <ul>
+            <li>Utilizar el sitio con fines fraudulentos o ilícitos.</li>
+            <li>Intentar acceder a áreas restringidas o interferir con el funcionamiento y la seguridad del sitio.</li>
+            <li>Reproducir, distribuir o modificar los contenidos sin autorización previa y por escrito de IDE.</li>
+            <li>Introducir virus, código malicioso o cualquier elemento que pueda dañar el sitio o a terceros.</li>
+          </ul>
+
+          <h2>4. Propiedad intelectual e industrial</h2>
+          <p>
+            Todos los contenidos del sitio —textos, marcas, logotipos, imágenes, ilustraciones, diseños, código y demás elementos— son propiedad de IDE o de terceros que han autorizado su uso, y están protegidos por la normativa de propiedad intelectual e industrial aplicable. El uso del sitio no te otorga ningún derecho sobre dichos contenidos.
+          </p>
+
+          <h2>5. Contenidos y servicios</h2>
+          <p>
+            La información publicada en el sitio tiene carácter general e informativo sobre las soluciones, servicios y actividades de IDE. No constituye una oferta comercial vinculante ni asesoramiento profesional específico. Cualquier servicio se instrumentará mediante la propuesta o el contrato correspondiente acordado entre las partes.
+          </p>
+
+          <h2>6. Formularios y comunicaciones</h2>
+          <p>
+            Al completar nuestros formularios, declarás que la información que brindás es veraz y que estás facultado para compartirla. El tratamiento de los datos personales que nos envíes se rige por nuestra
+            <a href="politicas-de-privacidad.html">Política de Privacidad</a>.
+          </p>
+
+          <h2>7. Enlaces a terceros</h2>
+          <p>
+            El sitio puede incluir enlaces a sitios de terceros. IDE no controla ni se responsabiliza por sus contenidos, políticas o prácticas. El acceso a esos sitios es bajo tu propia responsabilidad.
+          </p>
+
+          <h2>8. Limitación de responsabilidad</h2>
+          <p>
+            IDE adopta medidas razonables para mantener el sitio disponible y actualizado, pero no garantiza que su funcionamiento sea ininterrumpido ni que esté libre de errores. En la medida permitida por la ley, IDE no será responsable por daños directos o indirectos derivados del uso o de la imposibilidad de uso del sitio o de la información contenida en él.
+          </p>
+
+          <h2>9. Protección de datos personales</h2>
+          <p>
+            El tratamiento de tus datos personales se rige por nuestra
+            <a href="politicas-de-privacidad.html">Política de Privacidad</a>, que forma parte integrante de estos Términos.
+          </p>
+
+          <h2>10. Modificaciones</h2>
+          <p>
+            IDE puede modificar estos Términos en cualquier momento. Las modificaciones entrarán en vigencia desde su publicación en esta página. Te recomendamos revisarla periódicamente.
+          </p>
+
+          <h2>11. Ley aplicable y jurisdicción</h2>
+          <p>
+            Estos Términos se rigen por las leyes de la República Argentina. Para cualquier controversia derivada de su interpretación o aplicación serán competentes los tribunales ordinarios de la ciudad de Salta, Argentina, con renuncia a cualquier otro fuero que pudiera corresponder.
+          </p>
+
+          <h2>12. Contacto</h2>
+          <p>
+            Ante cualquier duda sobre estos Términos y Condiciones, escribinos a
+            <a href="mailto:info@ideconsultores.com.ar">info@ideconsultores.com.ar</a>.
+          </p>
+
+        </div>
+      </div>
+    </section>
+
+  </main>
+
+  <footer id="site-footer"></footer>
+  <script src="js/main.js"></script>
+</body>
+</html>

trabaja-con-nosotros.html

@@ -20,7 +20,7 @@
     <!-- Seccion 1: Hero -->
     <section class="section-padding herobg-8">
       <div class="container">
-        <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: center;">
+        <div class="split-2">
           <div>
             <span class="eyebrow" style="text-transform: uppercase;">TRABAJÁ CON NOSOTROS</span>
             <h1 style="margin-bottom: 1.25rem; color:white">
@@ -29,7 +29,7 @@
             <p class="lead-text" style="color:white">
               En IDE creemos en el poder de las alianzas. Construimos una red de profesionales y especialistas con experiencias
 diversas y una forma compartida de entender la gestión: comprender el contexto, conectar capacidades y generar
-valor desde la práctica.”
+              valor desde la práctica.
             </p>
           </div>
         </div>
@@ -145,42 +145,43 @@ valor desde la práctica.”
             <form id="ide-careers-form">
               <input type="hidden" name="form_type" value="trabaja">
 
+              <div class="careers-form-grid">
                 <div class="form-group">
                   <label for="careers-nombre" class="form-label">Nombre y Apellido *</label>
                   <input type="text" id="careers-nombre" name="nombre" class="form-control" placeholder="Ej: Lic. Carolina Méndez" required>
                 </div>
 
-              <div class="grid-2" style="gap: 1rem;">
                 <div class="form-group">
                   <label for="careers-email" class="form-label">Correo Electrónico *</label>
                   <input type="email" id="careers-email" name="email" class="form-control" placeholder="nombre@correo.com" required>
                 </div>
+
                 <div class="form-group">
                   <label for="careers-telefono" class="form-label">Teléfono</label>
                   <input type="tel" id="careers-telefono" name="telefono" class="form-control" placeholder="+54 9 11 ...">
                 </div>
-              </div>
 
                 <div class="form-group">
                   <label for="careers-area" class="form-label">Área de Interés Principal *</label>
                   <select id="careers-area" name="area" class="form-control" required>
-                  <option value="IDE Excellence — Gestión, procesos, mejora continua y sistemas de gestión">IDE Excellence — Gestión, procesos, mejora continua y sistemas de gestión</option>
+                    <option value="IDE Excellence — Gestión, procesos, mejora continua y sistemas de gestión">IDE Excellence</option>
-                  <option value="IDE Projects — Gestión y dirección de proyectos">IDE Projects — Gestión y dirección de proyectos</option>
+                    <option value="IDE Projects — Gestión y dirección de proyectos">IDE Projects</option>
-                  <option value="IDE Digital — Digitalización, automatización, datos e IA">IDE Digital — Digitalización, automatización, datos e IA</option>
+                    <option value="IDE Digital — Digitalización, automatización, datos e IA">IDE Digital</option>
-                  <option value="IDE Academy — Formación, facilitación y desarrollo de capacidades">IDE Academy — Formación, facilitación y desarrollo de capacidades</option>
+                    <option value="IDE Academy — Formación, facilitación y desarrollo de capacidades">IDE Academy</option>
                     <option value="Otras especialidades">Otras especialidades</option>
                   </select>
                 </div>
 
-              <div class="form-group">
+                <div class="form-group span-2">
                   <label for="careers-linkedin" class="form-label">Enlace a LinkedIn o CV Online *</label>
                   <input type="url" id="careers-linkedin" name="linkedin" class="form-control" placeholder="https://linkedin.com/in/tu-perfil" required>
                 </div>
 
-              <div class="form-group">
+                <div class="form-group span-3">
                   <label for="careers-mensaje" class="form-label">Breve presentación o trayectoria destacada</label>
                   <textarea id="careers-mensaje" name="mensaje" class="form-control" rows="3" placeholder="Contanos brevemente sobre tu experiencia y cómo podrías sumar valor a IDE..."></textarea>
                 </div>
+              </div>
 
               <p class="careers-form-card__note">
                 * campos obligatorios.<br>