cambios de textos

assets/iconos/agro_color.svg

@@ -1,13 +1,18 @@
-<?xml version='1.0' encoding='utf-8'?>
+<?xml version="1.0" encoding="UTF-8"?>
-<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="24px" height="24px" version="1.1" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 0.69 0.69">
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<!-- Creator: CorelDRAW -->
+<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="32px" height="32px" version="1.1" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd"
+viewBox="0 0 1.2 1.2"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ xmlns:xodm="http://www.corel.com/coreldraw/odm/2003">
  <g id="Capa_x0020_1">
   <metadata id="CorelCorpID_0Corel-Layer"/>
-  <g id="_2976816586480">
+  <g id="_3033983200656">
-   <path fill="currentColor" d="M0.33 0.35c0.01,-0.08 -0.02,-0.1 -0.08,-0.16 -0.02,-0.02 -0.04,0 -0.05,0.02 -0.03,0.03 -0.04,0.08 -0.02,0.12 0.02,0.04 0.06,0.07 0.08,0.09 0.03,0.02 0.06,0.07 0.09,0.08 0.05,0.03 0.1,0.02 0.14,-0.01 0.04,-0.03 0.02,-0.04 -0.03,-0.09 -0.06,-0.06 -0.07,-0.04 -0.13,-0.05z" />
+   <path fill="#275868" d="M0.58 0.62c0.02,-0.15 -0.05,-0.19 -0.15,-0.29 -0.04,-0.04 -0.06,0 -0.09,0.03 -0.04,0.06 -0.06,0.14 -0.02,0.22 0.03,0.06 0.1,0.12 0.14,0.16 0.04,0.03 0.1,0.11 0.15,0.14 0.08,0.04 0.17,0.02 0.23,-0.02 0.08,-0.07 0.04,-0.08 -0.04,-0.16 -0.1,-0.1 -0.13,-0.08 -0.22,-0.08z"/>
-   <path fill="currentColor" d="M0.46 0.22c0.01,-0.06 -0.01,-0.09 -0.04,-0.12 -0.01,-0.01 -0.03,-0.03 -0.04,-0.04 -0.03,-0.02 -0.04,0 -0.05,0.02 -0.03,0.03 -0.04,0.08 -0.02,0.12 0.02,0.03 0.06,0.07 0.08,0.09 0.02,0.02 0.07,0.07 0.09,0.08 0.08,0.04 0.19,-0.02 0.15,-0.06 -0.02,-0.02 -0.06,-0.06 -0.09,-0.08 -0.03,-0.01 -0.04,-0.01 -0.08,-0.01z" />
+   <path fill="#275868" d="M0.81 0.39c0.01,-0.11 -0.02,-0.16 -0.08,-0.21 -0.02,-0.02 -0.04,-0.05 -0.07,-0.07 -0.04,-0.04 -0.07,-0.01 -0.09,0.02 -0.05,0.06 -0.06,0.15 -0.02,0.22 0.02,0.06 0.1,0.12 0.14,0.16 0.03,0.04 0.1,0.12 0.15,0.14 0.13,0.07 0.32,-0.04 0.26,-0.11 -0.03,-0.03 -0.11,-0.11 -0.16,-0.13 -0.05,-0.03 -0.08,-0.02 -0.13,-0.02z"/>
-   <path fill="currentColor" d="M0.11 0.53c0.01,0.01 0.04,0.04 0.05,0.05 0.02,0.01 0.04,0.05 0.09,0.06 0.05,0.02 0.09,0 0.12,-0.03 0.02,-0.02 0.01,-0.03 -0.01,-0.05 -0.02,-0.02 -0.05,-0.06 -0.08,-0.07 -0.04,-0.01 -0.05,0 -0.08,-0.01 0.02,-0.08 -0.02,-0.1 -0.07,-0.15 -0.02,-0.02 -0.03,-0.03 -0.05,-0.01 -0.04,0.04 -0.05,0.12 -0.01,0.17 0.01,0.01 0.04,0.03 0.04,0.04z" />
+   <path fill="#275868" d="M0.19 0.92c0.02,0.01 0.08,0.07 0.09,0.09 0.03,0.01 0.06,0.09 0.15,0.11 0.09,0.02 0.17,-0.01 0.21,-0.06 0.04,-0.04 0.02,-0.05 -0.01,-0.08 -0.04,-0.04 -0.1,-0.11 -0.15,-0.13 -0.05,-0.02 -0.07,0 -0.12,-0.01 0.02,-0.14 -0.05,-0.18 -0.14,-0.27 -0.02,-0.02 -0.04,-0.05 -0.08,-0.01 -0.08,0.07 -0.09,0.21 -0.01,0.3 0.02,0.01 0.06,0.05 0.06,0.06z"/>
-   <path fill="currentColor" fill-opacity="0.501961" d="M0.61 0c-0.13,0.03 -0.1,0.17 -0.1,0.17 0.01,0.02 0.07,0.01 0.09,0.01 0.11,-0.02 0.1,-0.16 0.09,-0.17 -0.01,-0.01 -0.02,-0.01 -0.04,-0.01 -0.02,0 -0.03,0 -0.04,0z" />
+   <path fill="#275868" fill-opacity="0.501961" d="M1.06 0c-0.22,0.05 -0.17,0.29 -0.17,0.3 0.02,0.02 0.11,0.02 0.15,0.01 0.19,-0.04 0.17,-0.27 0.15,-0.29 -0.01,-0.02 -0.03,-0.02 -0.06,-0.02 -0.03,0 -0.05,0 -0.07,0z"/>
-   <path fill="currentColor" fill-opacity="0.501961" d="M0.16 0.58c-0.01,-0.01 -0.04,-0.04 -0.05,-0.05l-0.05 0.05c-0.03,0.04 -0.08,0.07 -0.05,0.1 0.03,0.03 0.05,-0.01 0.08,-0.04l0.05 -0.05c0.02,-0.01 0.01,-0.01 0.02,-0.01z" />
+   <path fill="#275868" fill-opacity="0.501961" d="M0.28 1.01c-0.01,-0.02 -0.07,-0.08 -0.09,-0.09l-0.08 0.09c-0.05,0.06 -0.15,0.12 -0.1,0.17 0.05,0.05 0.1,-0.02 0.14,-0.06l0.09 -0.09c0.03,-0.03 0.02,-0.03 0.04,-0.02z"/>
   </g>
  </g>
 </svg>

assets/iconos/escuela_color.svg

@@ -1,12 +1,17 @@
-<?xml version='1.0' encoding='utf-8'?>
+<?xml version="1.0" encoding="UTF-8"?>
-<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="24px" height="19px" version="1.1" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 0.59 0.46">
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<!-- Creator: CorelDRAW -->
+<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="61px" height="48px" version="1.1" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd"
+viewBox="0 0 3.25 2.57"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ xmlns:xodm="http://www.corel.com/coreldraw/odm/2003">
  <g id="Capa_x0020_1">
   <metadata id="CorelCorpID_0Corel-Layer"/>
-  <g id="_2976458877136">
+  <g id="_3033909382768">
-   <path fill="currentColor" fill-opacity="0.501961" d="M0.18 0.12c0.01,0 0.02,0 0.05,0.03 0.03,0.03 0.04,0.08 0.02,0.13 0,0.01 -0.01,0.02 -0.01,0.02 0.01,0.01 0.04,0.02 0.05,0.04 0.01,0 0.04,0 0.05,0 0,-0.02 0,-0.04 0.01,-0.06 0.02,0 0.05,0 0.07,0 0.02,0 0.05,0 0.06,0.01 0.02,0.01 0.01,0.03 0.01,0.05 0.01,0 0.03,0 0.03,0l0 -0.28c0,0 -0.32,0 -0.33,0 -0.01,0.02 0,0.05 -0.01,0.06z" />
+   <path fill="#275868" fill-opacity="0.501961" d="M1.01 0.64c0.05,0.04 0.12,0.04 0.24,0.17 0.19,0.18 0.25,0.49 0.15,0.74 -0.03,0.05 -0.06,0.09 -0.07,0.13 0.04,0.04 0.19,0.09 0.29,0.22 0.02,-0.03 0.21,-0.01 0.26,-0.01 0.01,-0.14 -0.03,-0.25 0.08,-0.32 0.07,-0.04 0.25,-0.02 0.35,-0.02 0.1,0 0.28,-0.03 0.35,0.03 0.11,0.09 0.05,0.17 0.08,0.31 0.05,0 0.11,0.01 0.16,-0.01l0 -1.52c-0.04,-0.01 -1.82,-0.02 -1.87,0 -0.01,0.06 0.01,0.25 -0.02,0.28z"/>
-   <path fill="currentColor" d="M0.18 0.12c0.01,-0.01 0,-0.04 0.01,-0.06 0.01,0 0.33,0 0.33,0l0 0.28c0,0 -0.02,0 -0.03,0l-0.15 0c-0.01,0 -0.04,0 -0.05,0 0.01,0.01 0.01,0.02 0.02,0.03 0,0.01 0.01,0.03 0.01,0.03 0.05,0.01 0.11,0 0.16,0 0.02,0 0.05,0.01 0.07,0 0.02,-0.01 0.03,-0.02 0.03,-0.04 0.01,-0.02 0.01,-0.29 0.01,-0.31 -0.02,-0.06 -0.08,-0.05 -0.11,-0.05 -0.04,0 -0.29,0 -0.31,0 -0.04,0.01 -0.05,0.06 -0.05,0.11 0.01,0 0.03,0 0.04,0 0,0 0.02,0.01 0.02,0.01z" />
+   <path fill="#275868" d="M1.01 0.64c0.03,-0.03 0.01,-0.22 0.02,-0.28 0.05,-0.02 1.83,-0.01 1.87,0l0 1.52c-0.05,0.02 -0.11,0.01 -0.16,0.01l-0.86 0c-0.05,0 -0.24,-0.02 -0.26,0.01 0.01,0.02 0.05,0.07 0.09,0.15 0.02,0.04 0.05,0.15 0.07,0.17 0.26,0.02 0.58,0.01 0.85,0.01 0.13,0 0.3,0.02 0.41,-0.03 0.09,-0.04 0.17,-0.12 0.19,-0.23 0.03,-0.09 0.03,-1.59 0.01,-1.69 -0.07,-0.32 -0.39,-0.27 -0.59,-0.27 -0.23,0 -1.59,-0.02 -1.7,0 -0.26,0.07 -0.29,0.3 -0.26,0.59 0.05,0.02 0.11,0 0.17,0.01 0.05,0.01 0.11,0.03 0.15,0.03z"/>
-   <path fill="currentColor" d="M0.08 0.34c-0.03,0.01 -0.05,0.02 -0.06,0.04 -0.02,0.02 -0.03,0.06 -0.01,0.08 0.01,0.01 0.07,0 0.09,0 0.04,0 0.07,0 0.1,0 0.04,0 0.07,0.01 0.08,-0.02 0,-0.03 -0.02,-0.06 -0.03,-0.07 -0.02,-0.02 -0.04,-0.03 -0.07,-0.03 -0.03,0 -0.08,0 -0.1,0z" />
+   <path fill="#275868" d="M0.43 1.89c-0.16,0.02 -0.28,0.13 -0.34,0.22 -0.07,0.1 -0.14,0.32 -0.04,0.41 0.08,0.07 0.4,0.05 0.51,0.05 0.19,0 0.37,0 0.56,0 0.18,0 0.39,0.04 0.42,-0.14 0.02,-0.16 -0.08,-0.33 -0.15,-0.4 -0.11,-0.1 -0.22,-0.14 -0.42,-0.14 -0.15,0 -0.41,-0.02 -0.54,0z"/>
-   <path fill="currentColor" d="M0.12 0.16c-0.1,0.02 -0.06,0.17 0.03,0.15 0.04,-0.01 0.08,-0.05 0.07,-0.09 -0.01,-0.04 -0.05,-0.07 -0.1,-0.06z" />
+   <path fill="#275868" d="M0.69 0.87c-0.58,0.14 -0.37,0.94 0.17,0.84 0.2,-0.05 0.39,-0.25 0.33,-0.51 -0.04,-0.2 -0.25,-0.39 -0.5,-0.33z"/>
   </g>
  </g>
 </svg>

assets/iconos/fabrica_color.svg

@@ -1,14 +1,19 @@
-<?xml version='1.0' encoding='utf-8'?>
+<?xml version="1.0" encoding="UTF-8"?>
-<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="24px" height="20px" version="1.1" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 0.72 0.6">
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<!-- Creator: CorelDRAW -->
+<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="29px" height="24px" version="1.1" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd"
+viewBox="0 0 1.51 1.26"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ xmlns:xodm="http://www.corel.com/coreldraw/odm/2003">
  <g id="Capa_x0020_1">
   <metadata id="CorelCorpID_0Corel-Layer"/>
-  <g id="_2976893172976">
+  <g id="_3033971521472">
-   <path fill="currentColor" fill-opacity="0.501961" d="M0.48 0.46c-0.01,-0.01 -0.01,-0.03 -0.01,-0.04 0,-0.04 0.02,-0.03 0.06,-0.03 0.04,0 0.03,0.02 0.03,0.05 0,0.04 -0.02,0.03 -0.06,0.03 -0.01,0 -0.02,0 -0.02,-0.01zm-0.35 0c0,-0.01 0,-0.03 0,-0.04 0,-0.04 0.02,-0.03 0.06,-0.03 0.03,0 0.03,0.02 0.03,0.05 0,0.04 -0.02,0.03 -0.06,0.03 -0.01,0 -0.02,0 -0.03,-0.01zm0.17 0c0,-0.01 0,-0.03 0,-0.05 0,-0.03 0.02,-0.02 0.06,-0.02 0.03,0 0.03,0.01 0.03,0.06 0,0.01 0,0.02 -0.02,0.02 -0.02,0.01 -0.06,0.01 -0.07,-0.01zm0.39 -0.29c-0.03,0.01 -0.24,0.14 -0.26,0.14 0,-0.02 0,-0.06 0.01,-0.08 -0.01,0.01 0,0.01 -0.01,0 0,-0.02 0,-0.05 0,-0.06 -0.01,0.01 -0.04,0.02 -0.06,0.03l-0.16 0.1c-0.01,0 -0.03,0.01 -0.04,0.01 0,-0.02 0,-0.06 0.01,-0.08 -0.01,0.01 0,0.01 -0.01,0 0,-0.04 0,-0.09 0,-0.13 0,-0.04 0.01,-0.09 -0.03,-0.1 -0.01,0 -0.05,0 -0.06,0 -0.02,0 -0.04,0 -0.06,0.01 -0.03,0.02 -0.02,0.07 -0.02,0.12l0 0.39c0,0.04 0.01,0.08 0.06,0.08 0.02,0.01 0.49,0 0.53,0 0.05,0 0.08,0 0.09,-0.03 0.01,-0.03 0.01,-0.1 0.01,-0.13 0,-0.09 0,-0.18 0,-0.27z" />
+   <path fill="#275868" fill-opacity="0.501961" d="M1 0.96c-0.01,-0.01 -0.01,-0.07 -0.01,-0.09 0,-0.07 0.04,-0.06 0.12,-0.06 0.08,0 0.06,0.04 0.06,0.12 0,0.08 -0.04,0.06 -0.11,0.06 -0.03,0 -0.06,0 -0.06,-0.03zm-0.72 0c-0.01,-0.01 -0.01,-0.07 -0.01,-0.09 0,-0.07 0.04,-0.06 0.12,-0.06 0.08,0 0.06,0.04 0.06,0.12 0,0.08 -0.04,0.06 -0.11,0.06 -0.03,0 -0.06,0 -0.06,-0.03zm0.35 0c0,-0.02 0,-0.07 0,-0.09 0,-0.07 0.04,-0.06 0.12,-0.06 0.08,0 0.06,0.03 0.06,0.13 0,0.03 0,0.05 -0.03,0.05 -0.05,0.01 -0.14,0.01 -0.15,-0.03zm0.81 -0.61c-0.05,0.02 -0.5,0.3 -0.54,0.3 0,-0.04 -0.01,-0.12 0.02,-0.16 -0.03,0.01 -0.01,0 -0.02,0 0,-0.04 0,-0.11 0.01,-0.14 -0.04,0.02 -0.1,0.05 -0.14,0.08l-0.34 0.19c-0.02,0.01 -0.04,0.03 -0.07,0.03 0,-0.04 -0.01,-0.12 0.02,-0.16 -0.02,0.01 -0.01,0 -0.01,0 0,-0.09 0,-0.19 0,-0.28 0,-0.09 0.01,-0.18 -0.07,-0.21 -0.03,0 -0.11,0 -0.14,0 -0.04,0 -0.09,-0.01 -0.12,0.02 -0.06,0.04 -0.04,0.16 -0.04,0.24l0 0.83c0,0.09 0.03,0.16 0.12,0.17 0.05,0.01 1.03,0 1.11,0 0.1,0 0.17,0 0.2,-0.07 0.02,-0.05 0.01,-0.21 0.01,-0.28 0,-0.18 0,-0.37 0,-0.56z"/>
-   <path fill="currentColor" d="M0.44 0.23c-0.01,0.02 -0.01,0.06 -0.01,0.08 0.02,0 0.23,-0.13 0.26,-0.14 0.01,-0.01 0.03,-0.01 0.03,-0.03 0,-0.02 -0.01,-0.04 -0.03,-0.04 -0.01,0 -0.03,0.01 -0.04,0.02l-0.13 0.07c-0.01,0.01 -0.07,0.04 -0.08,0.04z" />
+   <path fill="#275868" d="M0.92 0.49c-0.03,0.04 -0.02,0.12 -0.02,0.16 0.04,0 0.49,-0.28 0.54,-0.3 0.02,-0.02 0.06,-0.01 0.07,-0.06 0.01,-0.05 -0.02,-0.08 -0.06,-0.08 -0.03,-0.01 -0.07,0.02 -0.09,0.03l-0.27 0.15c-0.03,0.02 -0.15,0.09 -0.17,0.1z"/>
-   <path fill="currentColor" d="M0.18 0.23c-0.01,0.02 -0.01,0.06 -0.01,0.08 0.01,0 0.03,-0.01 0.04,-0.01l0.16 -0.1c0.02,-0.01 0.05,-0.02 0.06,-0.03 0.02,-0.01 0.03,-0.02 0.03,-0.04 0,-0.02 -0.01,-0.03 -0.03,-0.03 -0.02,0 -0.22,0.12 -0.25,0.13z" />
+   <path fill="#275868" d="M0.38 0.49c-0.03,0.04 -0.02,0.12 -0.02,0.16 0.03,0 0.05,-0.02 0.07,-0.03l0.34 -0.19c0.04,-0.03 0.1,-0.06 0.14,-0.08 0.03,-0.02 0.06,-0.03 0.06,-0.07 0,-0.04 -0.03,-0.07 -0.06,-0.08 -0.05,0 -0.47,0.27 -0.53,0.29z"/>
-   <path fill="currentColor" d="M0.3 0.46c0.01,0.02 0.05,0.02 0.07,0.01 0.02,0 0.02,-0.01 0.02,-0.02 0,-0.05 0,-0.06 -0.03,-0.06 -0.04,0 -0.06,-0.01 -0.06,0.02 0,0.02 0,0.04 0,0.05z" />
+   <path fill="#275868" d="M0.63 0.96c0.01,0.04 0.1,0.04 0.15,0.03 0.03,0 0.03,-0.02 0.03,-0.05 0,-0.1 0.02,-0.13 -0.06,-0.13 -0.08,0 -0.12,-0.01 -0.12,0.06 0,0.02 0,0.07 0,0.09z"/>
-   <path fill="currentColor" d="M0.13 0.46c0.01,0.01 0.02,0.01 0.03,0.01 0.04,0 0.06,0.01 0.06,-0.03 0,-0.03 0,-0.05 -0.03,-0.05 -0.04,0 -0.06,-0.01 -0.06,0.03 0,0.01 0,0.03 0,0.04z" />
+   <path fill="#275868" d="M0.28 0.96c0,0.03 0.03,0.03 0.06,0.03 0.07,0 0.11,0.02 0.11,-0.06 0,-0.08 0.02,-0.12 -0.06,-0.12 -0.08,0 -0.12,-0.01 -0.12,0.06 0,0.02 0,0.08 0.01,0.09z"/>
-   <path fill="currentColor" d="M0.48 0.46c0,0.01 0.01,0.01 0.02,0.01 0.04,0 0.06,0.01 0.06,-0.03 0,-0.03 0.01,-0.05 -0.03,-0.05 -0.04,0 -0.06,-0.01 -0.06,0.03 0,0.01 0,0.03 0.01,0.04z" />
+   <path fill="#275868" d="M1 0.96c0,0.03 0.03,0.03 0.06,0.03 0.07,0 0.11,0.02 0.11,-0.06 0,-0.08 0.02,-0.12 -0.06,-0.12 -0.08,0 -0.12,-0.01 -0.12,0.06 0,0.02 0,0.08 0.01,0.09z"/>
   </g>
  </g>
 </svg>

assets/iconos/nurse_color.svg

@@ -1,12 +1,17 @@
-<?xml version='1.0' encoding='utf-8'?>
+<?xml version="1.0" encoding="UTF-8"?>
-<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="20px" height="24px" version="1.1" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 0.42 0.5">
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<!-- Creator: CorelDRAW -->
+<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="40px" height="48px" version="1.1" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd"
+viewBox="0 0 3.12 3.75"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ xmlns:xodm="http://www.corel.com/coreldraw/odm/2003">
  <g id="Capa_x0020_1">
   <metadata id="CorelCorpID_0Corel-Layer"/>
-  <g id="_2976972361248">
+  <g id="_3032824761248">
-   <path fill="currentColor" fill-opacity="0.501961" d="M0.02 0.5l0.38 0c-0.01,0 -0.01,0 -0.01,-0.01 -0.01,-0.01 0.01,-0.08 -0.06,-0.12 -0.01,-0.01 -0.03,-0.02 -0.04,-0.02 -0.01,0 -0.01,0.01 -0.02,0.02l-0.05 0.05c-0.01,0.01 -0.02,0.01 -0.03,0l-0.05 -0.06c0,0 -0.01,-0.02 -0.02,-0.01 -0.04,0.01 -0.07,0.05 -0.09,0.09 -0.01,0.05 0.01,0.05 -0.01,0.06z" />
+   <path fill="#275868" fill-opacity="0.501961" d="M0.15 3.75l2.82 0c-0.04,-0.02 -0.05,-0.01 -0.07,-0.06 -0.03,-0.07 0.07,-0.61 -0.41,-0.95 -0.07,-0.05 -0.23,-0.15 -0.33,-0.16 -0.04,0.04 -0.09,0.1 -0.14,0.15l-0.38 0.44c-0.07,0.06 -0.15,0.03 -0.19,-0.03l-0.38 -0.44c-0.04,-0.04 -0.08,-0.13 -0.15,-0.11 -0.29,0.06 -0.58,0.39 -0.66,0.72 -0.08,0.32 0.04,0.34 -0.11,0.44z"/>
-   <path fill="currentColor" d="M0.3 0.15c0.01,0.05 -0.04,0.1 -0.09,0.1 -0.06,0 -0.1,-0.06 -0.09,-0.1l0.18 0zm-0.18 -0.08c0.02,-0.01 0.04,-0.02 0.05,-0.02 0.04,-0.02 0.04,-0.02 0.06,-0.01 0.01,0.01 0.03,0.01 0.05,0.02 0.01,0.01 0.02,0 0.02,0.02 0,0.01 0,0.03 0,0.04 -0.01,0 -0.07,0 -0.08,-0.01l0 -0.01 0.02 0c0.01,-0.01 0.01,-0.02 0,-0.03l-0.02 0c0,-0.01 0,-0.01 0,-0.02 0,0 -0.02,0 -0.02,0 -0.01,0.01 0,0.01 -0.01,0.02 0,0 -0.01,0 -0.02,0 0,0.01 0,0.02 0,0.03 0.02,0 0.03,0 0.02,0.01 0,0.01 -0.06,0.01 -0.07,0.01l0 -0.05zm0.08 -0.07l-0.09 0.04c-0.02,0.01 -0.02,0.02 -0.02,0.04 0,0.07 -0.01,0.12 0.03,0.16 0.04,0.04 0.1,0.05 0.15,0.03 0.01,-0.01 0.02,-0.02 0.03,-0.03 0.03,-0.03 0.03,-0.06 0.03,-0.11 0,-0.02 0,-0.04 0,-0.06 0,-0.02 -0.02,-0.03 -0.03,-0.03 -0.02,-0.01 -0.03,-0.02 -0.05,-0.02 -0.01,-0.01 -0.03,-0.02 -0.05,-0.02z" />
+   <path fill="#275868" d="M2.22 1.1c0.07,0.41 -0.28,0.77 -0.66,0.77 -0.45,-0.01 -0.73,-0.44 -0.66,-0.78l1.32 0.01zm-1.32 -0.58c0.12,-0.06 0.26,-0.12 0.39,-0.18 0.25,-0.11 0.24,-0.13 0.39,-0.06 0.13,0.06 0.26,0.11 0.4,0.17 0.09,0.05 0.15,0.03 0.15,0.13 0,0.08 0,0.2 0,0.28 -0.07,0.01 -0.49,0.01 -0.56,0l0.01 -0.09 0.13 -0.02c0.05,-0.05 0.05,-0.16 0,-0.21l-0.13 -0.01c-0.01,-0.05 -0.01,-0.11 -0.03,-0.15 -0.04,-0.02 -0.14,-0.01 -0.18,0 -0.03,0.06 0,0.09 -0.03,0.14 -0.03,0.02 -0.09,0.01 -0.14,0.02 -0.03,0.07 -0.03,0.14 0,0.21 0.11,0.03 0.17,-0.03 0.15,0.11 -0.06,0.02 -0.48,0.01 -0.56,0l0.01 -0.34zm0.61 -0.52l-0.67 0.3c-0.15,0.06 -0.17,0.12 -0.17,0.31 0,0.52 -0.07,0.87 0.25,1.21 0.24,0.27 0.7,0.36 1.07,0.16 0.12,-0.06 0.18,-0.13 0.26,-0.22 0.18,-0.19 0.2,-0.45 0.2,-0.77 0,-0.15 0.01,-0.34 0,-0.48 -0.01,-0.15 -0.11,-0.19 -0.23,-0.24 -0.12,-0.05 -0.23,-0.1 -0.34,-0.15 -0.09,-0.04 -0.27,-0.14 -0.37,-0.12z"/>
-   <path fill="currentColor" d="M0.02 0.5c0.02,-0.01 0,-0.01 0.01,-0.06 0.02,-0.04 0.05,-0.08 0.09,-0.09 0.01,-0.01 0.02,0.01 0.02,0.01l0.05 0.06c0.01,0.01 0.02,0.01 0.03,0l0.05 -0.05c0.01,-0.01 0.01,-0.02 0.02,-0.02 0.01,0 0.03,0.01 0.04,0.02 0.07,0.04 0.05,0.11 0.06,0.12 0,0.01 0,0.01 0.01,0.01 0.02,0 0.02,0 0.02,-0.04 0,-0.02 -0.01,-0.03 -0.01,-0.05 -0.02,-0.05 -0.07,-0.09 -0.12,-0.1 -0.02,0 -0.02,0.01 -0.04,0.03 0,0 0,0 0,0.01 -0.01,0.01 -0.04,0.04 -0.04,0.04 -0.01,-0.01 -0.05,-0.05 -0.06,-0.07 -0.01,-0.01 -0.01,-0.01 -0.04,0 -0.04,0.02 -0.08,0.05 -0.1,0.09 -0.01,0.02 -0.01,0.06 -0.01,0.08 0,0.01 0.01,0.01 0.02,0.01z" />
+   <path fill="#275868" d="M0.15 3.75c0.15,-0.1 0.03,-0.12 0.11,-0.44 0.08,-0.33 0.37,-0.66 0.66,-0.72 0.07,-0.02 0.11,0.07 0.15,0.11l0.38 0.44c0.04,0.06 0.12,0.09 0.19,0.03l0.38 -0.44c0.05,-0.05 0.1,-0.11 0.14,-0.15 0.1,0.01 0.26,0.11 0.33,0.16 0.48,0.34 0.38,0.88 0.41,0.95 0.02,0.05 0.03,0.04 0.07,0.06 0.15,0 0.16,-0.04 0.15,-0.3 -0.01,-0.13 -0.05,-0.26 -0.09,-0.37 -0.15,-0.38 -0.49,-0.66 -0.87,-0.74 -0.13,-0.02 -0.13,0.04 -0.27,0.19 -0.02,0.03 -0.03,0.04 -0.05,0.06 -0.05,0.06 -0.24,0.29 -0.28,0.31 -0.07,-0.04 -0.34,-0.4 -0.43,-0.49 -0.09,-0.09 -0.12,-0.1 -0.33,-0.02 -0.31,0.12 -0.57,0.35 -0.7,0.68 -0.07,0.16 -0.12,0.43 -0.09,0.6 0.01,0.07 0.06,0.08 0.14,0.08z"/>
-   <path fill="currentColor" fill-opacity="0.501961" d="M0.12 0.07l0 0.05c0.01,0 0.07,0 0.07,-0.01 0.01,-0.01 0,-0.01 -0.02,-0.01 0,-0.01 0,-0.02 0,-0.03 0.01,0 0.02,0 0.02,0 0.01,-0.01 0,-0.01 0.01,-0.02 0,0 0.02,0 0.02,0 0,0.01 0,0.01 0,0.02l0.02 0c0.01,0.01 0.01,0.02 0,0.03l-0.02 0 0 0.01c0.01,0.01 0.07,0.01 0.08,0.01 0,-0.01 0,-0.03 0,-0.04 0,-0.02 -0.01,-0.01 -0.02,-0.02 -0.02,-0.01 -0.04,-0.01 -0.05,-0.02 -0.02,-0.01 -0.02,-0.01 -0.06,0.01 -0.01,0 -0.03,0.01 -0.05,0.02z" />
+   <path fill="#275868" fill-opacity="0.501961" d="M0.9 0.52l-0.01 0.34c0.08,0.01 0.5,0.02 0.56,0 0.02,-0.14 -0.04,-0.08 -0.15,-0.11 -0.03,-0.07 -0.03,-0.14 0,-0.21 0.05,-0.01 0.11,0 0.14,-0.02 0.03,-0.05 0,-0.08 0.03,-0.14 0.04,-0.01 0.14,-0.02 0.18,0 0.02,0.04 0.02,0.1 0.03,0.15l0.13 0.01c0.05,0.05 0.05,0.16 0,0.21l-0.13 0.02 -0.01 0.09c0.07,0.01 0.49,0.01 0.56,0 0,-0.08 0,-0.2 0,-0.28 0,-0.1 -0.06,-0.08 -0.15,-0.13 -0.14,-0.06 -0.27,-0.11 -0.4,-0.17 -0.15,-0.07 -0.14,-0.05 -0.39,0.06 -0.13,0.06 -0.27,0.12 -0.39,0.18z"/>
   </g>
  </g>
 </svg>

contacto.html

@@ -21,9 +21,9 @@
     <section class="section-padding" style="background-color: var(--bg-surface); border-bottom: 1px solid var(--border-color);">
       <div class="container container-narrow text-center">
         <span class="eyebrow">CONVERSACIÓN INICIAL</span>
-        <h1 style="margin-bottom: 1.25rem;">¿Qué desafío querés transformar?</h1>
+        <h1 style="margin-bottom: 1.25rem;">Hablemos de lo que necesitás</h1>
         <p class="lead-text" style="margin: 0 auto;">
-          Empecemos por entenderlo. Completá el formulario a continuación o contactanos directamente por WhatsApp o correo electrónico.
+          Cada organización, proyecto o iniciativa parte de un contexto diferente. <br>Contanos qué te trae a IDE y empecemos por entender cómo podemos aportar valor.
         </p>
       </div>
     </section>
@@ -36,9 +36,9 @@
           
           <!-- Columna Izquierda: Formulario Inteligente -->
           <div class="card" style="padding: clamp(1.75rem, 4vw, 2.5rem);">
-            <h3 style="font-size: 1.35rem; margin-bottom: 0.5rem; color: var(--ide-primary);">Formulario de Contacto</h3>
+            <h3 style="font-size: 1.35rem; margin-bottom: 0.5rem; color: var(--ide-primary);">Contanos en qué podemos ayudarte</h3>
             <p style="font-size: 0.88rem; color: var(--text-muted); margin-bottom: 1.75rem;">
-              Completá tus datos para que un consultor senior analice tu contexto y preparemos una propuesta pertinente.
+            Completá tus datos y contanos brevemente el motivo de tu consulta. Empecemos por conversar y entender cómo podemos aportar valor.
             </p>
 
             <form id="ide-contact-form">
@@ -73,25 +73,31 @@
               </div>
 
               <div class="form-group">
-                <label for="contact-busqueda" class="form-label">Estoy buscando:</label>
+                <label for="contact-busqueda" class="form-label">¿Qué te trae a IDE? *</label>
                 <select id="contact-busqueda" name="busqueda" class="form-control">
-                  <option value="Orientación para abordar un desafío">Orientación para abordar un desafío</option>
+                  <option value="Necesito orientación para abordar un desafío">Necesito orientación para abordar un desafío</option>
-                  <option value="Una solución concreta">Una solución concreta</option>
+                  <option value="Estoy buscando una solución específica">Estoy buscando una solución específica</option>
-                  <option value="Implementar o certificar una norma">Implementar o certificar una norma (ISO 9001/14001/etc.)</option>
+                  <option value="Quiero implementar o certificar una norma / sistema de gestión"> Quiero implementar o certificar una norma / sistema de gestión</option>
-                  <option value="Formación para mi organización">Formación para mi organización (In-Company / Cursos)</option>
+                  <option value="Busco formación para mi organización / equipo">Busco formación para mi organización / equipo</option>
-                  <option value="Gestionar o impulsar un proyecto">Gestionar o impulsar un proyecto (PMO)</option>
+                  <option value="Necesito gestionar, ordenar o impulsar un proyecto">Necesito gestionar, ordenar o impulsar un proyecto</option>
-                  <option value="Transformación digital / IA">Transformación digital / IA en Procesos</option>
+                  <option value="Quiero incorporar tecnología, automatización o IA">Quiero incorporar tecnología, automatización o IA</option>
-                  <option value="Otro">Otro motivo de consulta</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>
+                  
                 </select>
               </div>
 
               <div class="form-group">
                 <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 dolores que quisieran abordar..." required></textarea>
+                <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.88rem; color: var(--text-muted); margin-bottom: 1.75rem;">
+              * 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>
 
               <button type="submit" class="btn btn-primary btn-lg" style="width: 100%; margin-top: 0.5rem;">
-                HABLEMOS
+                ENVIAR CONSULTA →
               </button>
 
               <div id="contact-form-alert" class="form-alert"></div>
@@ -103,12 +109,12 @@
             
             <!-- WhatsApp Destacado -->
             <div class="card" style="background-color: var(--ide-accent-soft); border-color: var(--ide-accent); padding: 1.75rem; margin-bottom: 2rem;">
-              <h3 style="font-size: 1.2rem; color: var(--ide-accent-hover); margin-bottom: 0.5rem;">¿Preferís escribirnos directamente?</h3>
+              <h3 style="font-size: 1.2rem; color: var(--ide-accent-hover); margin-bottom: 0.5rem;">¿Preferís contactarnos directamente?</h3>
               <p style="font-size: 0.9rem; color: var(--text-body); line-height: 1.5; margin-bottom: 1.25rem;">
-                Si necesitás una respuesta ágil o coordinar un llamado breve, escribinos a nuestro canal oficial de WhatsApp.
+                <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%;">
-                Abrir chat de WhatsApp (+54 9 11 2345-6789) →
+                ESCRIBINOS POR WHATSAPP →
               </a>
             </div>
 
@@ -120,8 +126,9 @@
                 <li style="display: flex; gap: 0.85rem; align-items: flex-start;">
                   <span style="font-size: 1.2rem;">•</span>
                   <div>
-                    <strong>Correo Central:</strong><br>
+                    <strong>Email:</strong><br> 
                     <a href="mailto:info@ideconsultores.com.ar" style="color: var(--ide-primary); font-weight: 600;">info@ideconsultores.com.ar</a>
+                  <p>Para consultas, propuestas o documentación.</p>
                   </div>
                 </li>
 
@@ -133,12 +140,12 @@
                   </div>
                 </li>
 
-                <li style="display: flex; gap: 0.85rem; align-items: flex-start;">
+                <!--<li style="display: flex; gap: 0.85rem; align-items: flex-start;">
                   <span style="font-size: 1.2rem;">•</span>
                   <div>
                     <strong>Oficinas Centrales:</strong><br>
                     <span style="color: var(--text-body);">Av. del Libertador 4800, Piso 8, CABA, Argentina</span>
-                  </div>
+                  </div>-->
                 </li>
               </ul>
             </div>

css/styles.css

@@ -75,6 +75,15 @@
 
   --transition-fast: 0.2s ease;
   --transition-normal: 0.3s ease;
+
+  /*Efecto bola de nieve*/
+  --snowball-color: rgba(76,175,122,0.3);
+  --snowball-particle-count: 180;
+  --snowball-max-capacity: 15;
+  --snowball-cooldown: 2.5;
+  --snowball-line-width: 1.5;
+  --snowball-min-radius: 5;
+  --snowball-max-radius: 10;
 }
 
 /* Tema Oscuro (Elegante mate, sin negros puros #000 ni neón estridente) */
@@ -116,6 +125,8 @@
   --shadow-md: 0 4px 20px rgba(0, 0, 0, 0.4);
   --shadow-lg: 0 10px 35px rgba(0, 0, 0, 0.55);
   --shadow-canva: rgba(92, 103, 107, 0.432);
+
+  --snowball-color: rgba(76,175,122,0.2);
 }
 
 /* --- 2. Reseteo y Base --- */
@@ -682,6 +693,20 @@ p, li, .lead-text, .text-body, .text-muted {
   margin: 0 auto;
   text-align: center;
 }
+
+/*==============================*/
+/*-----      SnowBall     ------*/
+.snowball-canvas {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  display: block;
+  z-index: 0;
+}
+
+/*==============================*/
 /*==============================*/
 
 /* --- 7. Tarjetas y Grillas --- */
@@ -710,7 +735,27 @@ p, li, .lead-text, .text-body, .text-muted {
   border-radius: var(--radius-md);
   padding: 1.75rem;
   transition: all var(--transition-normal);
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  text-align: center;
+}
 
+.icono-agro {
+  display: block;
+  width: 2.5rem;
+  height: 2.5rem;
+  margin-bottom: 0.5rem;
+  background-color: var(--text-body);
+  -webkit-mask-image: url('../assets/iconos/agro_color.svg');
+  mask-image: url('../assets/iconos/agro_color.svg');
+  -webkit-mask-repeat: no-repeat;
+  mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  mask-position: center;
+  -webkit-mask-size: contain;
+  mask-size: contain;
+  flex-shrink: 0;
 }
 
 .card-agro:hover {
@@ -727,8 +772,28 @@ p, li, .lead-text, .text-body, .text-muted {
   border-radius: var(--radius-md);
   padding: 1.75rem;
   transition: all var(--transition-normal);
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  text-align: center;
 
 }
+.icono-fabrica {
+  display: block;
+  width: 2.5rem;
+  height: 2.5rem;
+  margin-bottom: 0.5rem;
+  background-color: var(--text-body);
+  -webkit-mask-image: url('../assets/iconos/fabrica_color.svg');
+  mask-image: url('../assets/iconos/fabrica_color.svg');
+  -webkit-mask-repeat: no-repeat;
+  mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  mask-position: center;
+  -webkit-mask-size: contain;
+  mask-size: contain;
+  flex-shrink: 0;
+}
 
 .card-fabrica:hover {
   transform: translateY(-2px);
@@ -744,7 +809,27 @@ p, li, .lead-text, .text-body, .text-muted {
   border-radius: var(--radius-md);
   padding: 1.75rem;
   transition: all var(--transition-normal);
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  text-align: center;
+}
 
+.icono-salud {
+  display: block;
+  width: 2.5rem;
+  height: 2.5rem;
+  margin-bottom: 0.5rem;
+  background-color: var(--text-body);
+  -webkit-mask-image: url('../assets/iconos/nurse_color.svg');
+  mask-image: url('../assets/iconos/nurse_color.svg');
+  -webkit-mask-repeat: no-repeat;
+  mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  mask-position: center;
+  -webkit-mask-size: contain;
+  mask-size: contain;
+  flex-shrink: 0;
 }
 
 .card-salud:hover {
@@ -761,7 +846,26 @@ p, li, .lead-text, .text-body, .text-muted {
   border-radius: var(--radius-md);
   padding: 1.75rem;
   transition: all var(--transition-normal);
-
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  text-align: center;
+}
+.icono-educacion {
+  display: block;
+  width: 2.5rem;
+  height: 2.5rem;
+  margin-bottom: 0.5rem;
+  background-color: var(--text-body);
+  -webkit-mask-image: url('../assets/iconos/escuela_color.svg');
+  mask-image: url('../assets/iconos/escuela_color.svg');
+  -webkit-mask-repeat: no-repeat;
+  mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  mask-position: center;
+  -webkit-mask-size: contain;
+  mask-size: contain;
+  flex-shrink: 0;
 }
 
 .card-educacion:hover {
@@ -886,7 +990,7 @@ p, li, .lead-text, .text-body, .text-muted {
 }
 
 /* --- 8. Hero: La Doble Entrada (Home) --- */
-.hero-wrapper {
+.section-padding {
   background: radial-gradient(circle at 80% 20%, var(--ide-accent-soft) 0%, transparent 50%), var(--bg-body);
   border-bottom: 1px solid var(--border-color);
   position: relative;
@@ -1377,6 +1481,40 @@ p, li, .lead-text, .text-body, .text-muted {
 
 
 /* --- 13. Modales (Pop-ups de Desafíos y Cursos) --- */
+.dfcard1{
+  background: linear-gradient(0deg, var(--bg-surface) 0%, var(--ide-accent-soft) 100%);
+  display: flex; 
+  flex-direction: column; 
+  justify-content: space-between;
+}
+.dfcard1 h3{
+  font-size: 1.25rem; 
+  margin-bottom: 0.75rem;
+}
+.dfcard1 p{
+  font-size: 0.9rem;
+  color: var(--text-muted);
+  line-height: 1.55;
+  margin-bottom: 1.5rem;
+}
+.dfcard2{
+  background: linear-gradient(135deg, var(--bg-surface) 0%, var(--ide-accent-soft) 100%);
+  border-color: var(--ide-accent);
+  display: flex;
+  border-width: 2px;
+  flex-direction: column;
+  justify-content: space-between;
+}
+.dfcard2 h3{
+  font-size: 1.25rem;
+  margin-bottom: 0.75rem;
+}
+.dfcard2 p{
+  font-size: 0.9rem; 
+  color: var(--text-muted); 
+  line-height: 1.55; 
+  margin-bottom: 1.5rem;
+}
 .modal-backdrop {
   position: fixed;
   top: 0;

desafios.html

@@ -65,11 +65,10 @@
         <div class="grid-3">
           
           <!-- Desafío 1 -->
-          <div class="card" style="display: flex; flex-direction: column; justify-content: space-between;">
+          <div class="card dfcard1">
             <div>
-              <!-- <div style="font-size: 2rem; margin-bottom: 0.75rem;">🏢</div> -->
+              <h3>Crecimos y necesitamos ordenar la gestión</h3>
-              <h3 style="font-size: 1.25rem; margin-bottom: 0.75rem;">Crecimos y necesitamos ordenar la gestión</h3>
+              <p>
-              <p style="font-size: 0.9rem; color: var(--text-muted); line-height: 1.55; margin-bottom: 1.5rem;">
                 Lo que antes funcionaba de manera informal empieza a generar descoordinación, retrabajos, falta de claridad o dependencia de personas clave.
               </p>
             </div>
@@ -79,9 +78,8 @@
           </div>
 
           <!-- Desafío 2 -->
-          <div class="card" style="display: flex; flex-direction: column; justify-content: space-between;">
+          <div class="card dfcard1" style="display: flex; flex-direction: column; justify-content: space-between;">
             <div>
-              <!-- <div style="font-size: 2rem; margin-bottom: 0.75rem;">⏱️</div> -->
               <h3 style="font-size: 1.25rem; margin-bottom: 0.75rem;">Tenemos muchas iniciativas, pero cuesta convertirlas en resultados</h3>
               <p style="font-size: 0.9rem; color: var(--text-muted); line-height: 1.55; margin-bottom: 1.5rem;">
                 Los proyectos avanzan con dificultades, compiten por recursos o pierden foco, y necesitamos mejorar la forma de priorizar, coordinar y ejecutar.
@@ -93,9 +91,8 @@
           </div>
 
           <!-- Desafío 3 -->
-          <div class="card" style="display: flex; flex-direction: column; justify-content: space-between;">
+          <div class="card dfcard1" style="display: flex; flex-direction: column; justify-content: space-between;">
             <div>
-              <!-- <div style="font-size: 2rem; margin-bottom: 0.75rem;">👥</div> -->
               <h3 style="font-size: 1.25rem; margin-bottom: 0.75rem;">Estamos impulsando cambios, pero cuesta llevarlos a la práctica</h3>
               <p style="font-size: 0.9rem; color: var(--text-muted); line-height: 1.55; margin-bottom: 1.5rem;">
                 Nuevos procesos, herramientas o formas de trabajar no siempre logran integrarse a la dinámica cotidiana de la organización.
@@ -107,9 +104,8 @@
           </div>
 
           <!-- Desafío 4 -->
-          <div class="card" style="display: flex; flex-direction: column; justify-content: space-between;">
+          <div class="card dfcard1" style="display: flex; flex-direction: column; justify-content: space-between;">
             <div>
-              <!-- <div style="font-size: 2rem; margin-bottom: 0.75rem;">🤖</div> -->
               <h3 style="font-size: 1.25rem; margin-bottom: 0.75rem;">Queremos aprovechar la tecnología y la IA con sentido</h3>
               <p style="font-size: 0.9rem; color: var(--text-muted); line-height: 1.55; margin-bottom: 1.5rem;">
                 Vemos oportunidades para automatizar, sistematizar o mejorar decisiones, pero necesitamos identificar dónde la tecnología puede generar valor real.
@@ -121,9 +117,8 @@
           </div>
 
           <!-- Desafío 5 -->
-          <div class="card" style="display: flex; flex-direction: column; justify-content: space-between;">
+          <div class="card dfcard1" style="display: flex; flex-direction: column; justify-content: space-between;">
             <div>
-              <!-- <div style="font-size: 2rem; margin-bottom: 0.75rem;">📜</div> -->
               <h3 style="font-size: 1.25rem; margin-bottom: 0.75rem;">Necesitamos cumplir nuevos requisitos sin sumar burocracia</h3>
               <p style="font-size: 0.9rem; color: var(--text-muted); line-height: 1.55; margin-bottom: 1.5rem;">
                 Una norma, certificación, cliente o regulación exige cambios. Buscamos integrarlos a la gestión para que, además de cumplir, ayuden a mejorar.
@@ -135,11 +130,10 @@
           </div>
 
           <!-- Desafío 6 -->
-          <div class="card" style="background: linear-gradient(135deg, var(--bg-surface) 0%, var(--ide-accent-soft) 100%); border-color: var(--ide-accent); display: flex; flex-direction: column; justify-content: space-between;">
+          <div class="card dfcard2">
             <div>
-              <!-- <div style="font-size: 2rem; margin-bottom: 0.75rem;">🧭</div> -->
+              <h3>Sabemos que algo debería cambiar, pero no tenemos claro por dónde empezar</h3>
-              <h3 style="font-size: 1.25rem; margin-bottom: 0.75rem;">Sabemos que algo debería cambiar, pero no tenemos claro por dónde empezar</h3>
+              <p>
-              <p style="font-size: 0.9rem; color: var(--text-muted); line-height: 1.55; margin-bottom: 1.5rem;">
                 Los resultados, los procesos o la dinámica de la organización muestran señales que necesitamos comprender antes de decidir dónde intervenir.
               </p>
             </div>

ecosistema.html

@@ -50,10 +50,10 @@
       <!-- Contenido -->
       <div class="container container-narrow text-center" style="position: relative; z-index: 2;">
         <div class="container container-narrow text-center">
-        <span class="eyebrow" style="color: var(--text-main);">LA PROPUESTA DE VALOR</span>
+        <span class="eyebrow" style="color: var(--text-main);">PROPUESTA DE VALOR</span>
-        <h1 style="margin-bottom: 1.25rem;color:var(--text-main);">Una mirada. <br> Múltiples capacidades. <br> Un mismo propósito.</h1>
+        <h1 style="margin-bottom: 1.25rem;color:var(--text-main);">Diferentes capacidades.<br> Una visión compartida del conjunto.</h1>
         <p class="lead-text" style="margin: 0 auto 2rem auto;color:var(--text-main);">
-          No se trata de sumar soluciones aisladas. Se trata de conectar las capacidades necesarias para generar una transformación real que perdure en el conjunto de la organización.
+          No todos los desafíos necesitan activar todo el Ecosistema. <br>La clave está en comprender el conjunto para saber dónde intervenir.
         </p>
 
         <!-- Principio Destacado en Caja -->
@@ -98,15 +98,17 @@
         <div id="excellence" class="card card-excellence" style="margin-bottom: 2.5rem; padding: 2.5rem;">
           <div class="grid-2" style="gap: 2.5rem; align-items: center;">
             <div>
-              <span class="ecosystem-badge badge-excellence">GESTIÓN Y PROCESOS</span>
+              <span class="ecosystem-badge badge-excellence">Operational Excellence & Sustainability</span>
               <p style="font-size: 1.05rem; color: var(--text-body); line-height: 1.65; margin-bottom: 1rem;">
-                <strong>Para fortalecer la gestión:</strong> Diseñamos y optimizamos la arquitectura de procesos organizacionales, sistemas de gestión de calidad y cumplimiento normativo internacional.
+                <strong>Para fortalecer la gestión y mejorar el desempeño:</strong> Integramos procesos, sistemas de gestión, mejora continua y sostenibilidad para ayudar a las organizaciones a gestionar mejor, optimizar su desempeño y generar valor sostenible.
               </p>
               <ul style="list-style: none; display: flex; flex-direction: column; gap: 0.6rem; font-size: 0.92rem; color: var(--text-muted);">
-                <li>• Normas ISO 9001, 14001, 45001, 21001, 27001.</li>
+                <li>• Procesos</li>
-                <li>• Mapeo, rediseño y optimización de cadenas de valor.</li>
+                <li>• Sistemas de gestión</li>
-                <li>• Indicadores de desempeño (KPIs) y tableros de control de gestión.</li>
+                <li>• Mejora continua</li>
-                <li>• Auditorías internas con enfoque de riesgo y madurez.</li>
+                <li>• Desempeño</li>
+                <li>• Riesgos</li>
+                <li>• Sostenibilidad</li>
               </ul>
             </div>
             <div>
@@ -122,98 +124,114 @@
               <img src="assets/img/projects.png" alt="IDE Project" style="width: 100%; height: 100%; object-fit: cover; border-radius: var(--radius-md);">
             </div>
             <div>
-              <span class="ecosystem-badge badge-project">DIRECCIÓN Y RESULTADOS</span>
+              <span class="ecosystem-badge badge-project">PMO & Project Services</span>
               <p style="font-size: 1.05rem; color: var(--text-body); line-height: 1.65; margin-bottom: 1rem;">
-                <strong>Para convertir desafíos en proyectos y proyectos en resultados:</strong> Estructuramos la metodología y el control para que las iniciativas estratégicas se cumplan en tiempo, costo y alcance.
+                <strong>Para convertir iniciativas en resultados:</strong> Fortalecemos la capacidad de las organizaciones para seleccionar, priorizar y gestionar proyectos, conectando estrategia, recursos y ejecución para transformar iniciativas en resultados.
+
               </p>
               <ul style="list-style: none; display: flex; flex-direction: column; gap: 0.6rem; font-size: 0.92rem; color: var(--text-muted);">
-                <li>• Oficinas de Gestión de Proyectos (PMO) estratégicas y operativas.</li>
+                <li>• Proyectos</li>
-                <li>• Gestión de portafolios, priorización e inversiones.</li>
+                <li>• PMO</li>
-                <li>• Metodologías híbridas: PMBOK® + marcos ágiles (Scrum, Kanban).</li>
+                <li>• Portafolios</li>
-                <li>• Rescate y reestructuración de proyectos con desvíos críticos.</li>
+                <li>• Gobernanza</li>
+                <li>• Metodologías</li>
+                <li>• Resultados</li>
               </ul>
             </div>
           </div>
         </div>
 
-        <!-- 3. IDE Academy -->
+<!-- 3. IDE Digital -->
-        <div id="academy" class="card card-academy" style="margin-bottom: 2.5rem; padding: 2.5rem;">
-          <div class="grid-2" style="gap: 2.5rem; align-items: center;">
-            <div>
-              <span class="ecosystem-badge badge-academy">DESARROLLO HUMANO</span>
-              <p style="font-size: 1.05rem; color: var(--text-body); line-height: 1.65; margin-bottom: 1rem;">
-                <strong>Para desarrollar las capacidades que hacen posible la transformación:</strong>Formación ejecutiva e In-Company diseñada para que los equipos comprendan, apliquen y sostengan los cambios.
-              </p>
-              <ul style="list-style: none; display: flex; flex-direction: column; gap: 0.6rem; font-size: 0.92rem; color: var(--text-muted); margin-bottom: 1.25rem;">
-                <li>• Capacitación In-Company sobre casos y procesos reales.</li>
-                <li>• Programas de liderazgo de equipos y gestión del cambio.</li>
-                <li>• Formación de auditores internos y dueños de procesos.</li>
-              </ul>
-              <a href="ide-academy.html" class="btn btn-outline btn-sm">Ver Catálogo de Cursos →</a>
-            </div>
-            <div>
-              <img src="assets/img/academy.png" alt="IDE Academy" style="width: 100%; height: 100%; object-fit: cover; border-radius: var(--radius-md);">
-            </div>
-          </div>
-        </div>
-
-        <!-- 4. IDE Digital -->
         <div id="digital" class="card card-digital" style="padding: 2.5rem;">
           <div class="grid-2" style="gap: 2.5rem; align-items: center;">
             <div>
               <img src="assets/img/digital.png" alt="IDE Digital" style="width: 100%; height: 100%; object-fit: cover; border-radius: var(--radius-md);">
             </div>
             <div>
-              <span class="ecosystem-badge badge-digital">TECNOLOGÍA CON SENTIDO</span>
+              <span class="ecosystem-badge badge-digital">Business Digital Solutions</span>
               <p style="font-size: 1.05rem; color: var(--text-body); line-height: 1.65; margin-bottom: 1rem;">
-                <strong>Para integrar tecnología, datos e IA con propósito:</strong> No sumamos herramientas por moda; automatizamos procesos clave y potenciamos la toma de decisiones con analítica de datos.
+                <strong>Tecnología con sentido: </strong> Conectamos gestión, procesos, datos e inteligencia artificial para identificar dónde la tecnología puede simplificar, automatizar y potenciar la forma en que las organizaciones trabajan y toman decisiones.
               </p>
               <ul style="list-style: none; display: flex; flex-direction: column; gap: 0.6rem; font-size: 0.92rem; color: var(--text-muted);">
-                <li>• Implementación práctica de Inteligencia Artificial en flujos operativos.</li>
+                <li>• Digitalización</li>
-                <li>• Automatización No-Code / Low-Code de tareas repetitivas.</li>
+                <li>• Automatización </li>
-                <li>• Tableros de Business Intelligence (BI) y visualización de KPIs.</li>
+                <li>• Datos.</li>
-                <li>• Diagnósticos de madurez digital y ciberseguridad básica.</li>
+                <li>• Inteligencia Artificial</li>
+                <li>• Integración </li>
+                <li>• Decisiones </li>
               </ul>
             </div>
           </div>
         </div>
 
+        <!-- 4. IDE Academy -->
+        <div id="academy" class="card card-academy" style="margin-bottom: 2.5rem; padding: 2.5rem;">
+          <div class="grid-2" style="gap: 2.5rem; align-items: center;">
+            <div>
+              <span class="ecosystem-badge badge-academy">Executive Learning & Capability Development</span>
+              <p style="font-size: 1.05rem; color: var(--text-body); line-height: 1.65; margin-bottom: 1rem;">
+                <strong>Para desarrollar capacidades: </strong>Diseñamos experiencias de aprendizaje que conectan conocimiento, práctica y contexto para fortalecer las capacidades que profesionales, equipos y organizaciones necesitan para gestionar, liderar y transformar.
+              </p>
+              <ul style="list-style: none; display: flex; flex-direction: column; gap: 0.6rem; font-size: 0.92rem; color: var(--text-muted); margin-bottom: 1.25rem;">
+                <li>• Formación Ejecutiva</li>
+                <li>• In-Company</li>
+                <li>• Programas</li>
+                <li>• Talleres</li>
+                <li>• Rutas de aprendizaje</li>
+              </ul>
+              <a href="ide-academy.html" class="btn btn-outline btn-sm">EXPLORAR IDE ACADEMY →</a>
+            </div>
+            <div>
+              <img src="assets/img/academy.png" alt="IDE Academy" style="width: 100%; height: 100%; object-fit: cover; border-radius: var(--radius-md);">
+            </div>
+          </div>
+        </div>
        </div>
     </section>
 
-    
+        <!-- Ejemplos Concretos de Integración -> ahora es PREGUNTAS FRECUENTES-->
-
-    <!-- Ejemplos Concretos de Integración -->
     <section class="section-padding bg-subtle-section">
       <div class="container">
         <div style="text-align: center; margin-bottom: 3rem;">
-          <span class="eyebrow">CASOS DE INTEGRACIÓN</span>
+          <span class="eyebrow">PREGUNTAS FRECUENTES</span>
-          <h2>Cómo se conectan las capacidades en la práctica</h2>
+          <h2>¿Cómo funciona el Ecosistema IDE en la práctica?</h2>
         </div>
 
         <div class="grid-3">
           
           <div class="card">
-            <span class="ecosystem-badge badge-excellence">Excellence</span> + <span class="ecosystem-badge badge-academy">Academy</span>
+            <h4 style="font-size: 1.15rem; margin: 0.75rem 0 0.5rem 0;">¿Necesito contratar las cuatro capacidades del Ecosistema?</h4>
-            <h4 style="font-size: 1.15rem; margin: 0.75rem 0 0.5rem 0;">Certificación ISO con Adopción Real</h4>
             <p style="font-size: 0.88rem; color: var(--text-muted); line-height: 1.55;">
-              IDE Excellence diseña el Sistema de Gestión de Calidad, mientras que IDE Academy capacita a los líderes de proceso para que el sistema viva en la cultura diaria.
+             <strong>No. </strong> Cada intervención se diseña a partir del desafío y del contexto de la organización. Podemos trabajar desde una única capacidad o integrar varias cuando su combinación permite generar mayor valor.
+          </div>
+
+          <div class="card">
+            <h4 style="font-size: 1.15rem; margin: 0.75rem 0 0.5rem 0;">¿IDE trabaja con soluciones prediseñadas o desarrolla propuestas a medida?</h4>
+            <p style="font-size: 0.88rem; color: var(--text-muted); line-height: 1.55;">
+             <strong>Ambas posibilidades pueden convivir. </strong> Contamos con soluciones y metodologías que sirven como punto de partida, pero definimos el alcance de cada intervención según los objetivos, necesidades y contexto de la organización.
             </p>
           </div>
 
           <div class="card">
-            <span class="ecosystem-badge badge-project">Project</span> + <span class="ecosystem-badge badge-digital">Digital</span>
+            <h4 style="font-size: 1.15rem; margin: 0.75rem 0 0.5rem 0;">¿Qué pasa si no sé qué capacidad necesito?</h4>
-            <h4 style="font-size: 1.15rem; margin: 0.75rem 0 0.5rem 0;">PMO con Tableros Inteligentes</h4>
             <p style="font-size: 0.88rem; color: var(--text-muted); line-height: 1.55;">
-              IDE Project estructura la gobernanza del portafolio, e IDE Digital implementa asistentes automáticos de seguimiento y tableros en tiempo real para el directorio.
+             <strong>No hace falta definirlo de antemano. </strong> Empezamos por comprender qué está pasando, identificar dónde puede estar el punto de intervención y, a partir de allí, determinar qué capacidades pueden aportar valor.
             </p>
           </div>
 
           <div class="card">
-            <span class="ecosystem-badge badge-excellence">Excellence</span> + <span class="ecosystem-badge badge-digital">Digital</span>
+            <h4 style="font-size: 1.15rem; margin: 0.75rem 0 0.5rem 0;">¿Puedo trabajar con IDE para una necesidad puntual?</h4>
-            <h4 style="font-size: 1.15rem; margin: 0.75rem 0 0.5rem 0;">Reingeniería de Procesos con IA</h4>
             <p style="font-size: 0.88rem; color: var(--text-muted); line-height: 1.55;">
-              IDE Excellence mapea y simplifica los flujos de trabajo, e IDE Digital automatiza la ingesta y clasificación de documentación con agentes de IA.
+             <strong>Si. </strong> La mirada sistémica no implica intervenir en toda la organización. Podemos abordar una necesidad específica manteniendo en perspectiva sus relaciones e impactos sobre el conjunto.
+
+
+            </p>
+          </div>
+
+          <div class="card">
+            <h4 style="font-size: 1.15rem; margin: 0.75rem 0 0.5rem 0;">¿Cómo sé por dónde empezar?</h4>
+            <p style="font-size: 0.88rem; color: var(--text-muted); line-height: 1.55;">
+             <strong>Si ya identificaste qué necesitás, podés explorar nuestras soluciones. </strong>Si todavía estás tratando de comprender el desafío, la Brújula IDE puede ayudarte a encontrar un primer punto de orientación.
             </p>
           </div>
 
@@ -224,9 +242,9 @@
     <!-- CTA Final -->
     <section class="section-padding" style="background-color: var(--teal-dark); border-top: 1px solid var(--border-color);">
       <div class="container container-narrow text-center">
-        <h2 style="color: var(--text-inverse); margin-bottom: 1rem;">¿Qué combinación de capacidades necesita tu organización?</h2>
+        <h2 style="color: var(--text-inverse); margin-bottom: 1rem;">¿Dónde podemos generar mayor impacto en tu organización?</h2>
         <p class="lead-text-cta" style="margin-bottom: 1.5rem;">
-          Conversemos para diseñar una propuesta a medida de tu realidad.
+          Conversemos para comprender tu desafío e identificar qué capacidades pueden aportar mayor valor.
         </p>
         <div style="display: flex; justify-content: center; gap: 1rem; flex-wrap: wrap;">
           <a href="contacto.html" class="btn btn-primary-cta btn-sm">HABLEMOS</a>

ide-academy.html

@@ -46,14 +46,14 @@
         z-index: 1;">
       </div>
       <div class="container container-narrow text-center" style="position: relative; z-index: 2;">
-        <span class="eyebrow" style="color: var(--text-main);">CAPACIDADES & APRENDIZAJE</span>
+        <span class="eyebrow" style="color: var(--text-main);">Executive Learning & Capability Development</span>
-        <h1 style="margin-bottom: 1.25rem;">Desarrollamos las capacidades que hacen posible la transformación</h1>
+        <h1 style="margin-bottom: 1.25rem;">Desarrollamos capacidades para gestionar, liderar y transformar</h1>
         <p class="lead-text" style="margin: 0 auto 1.75rem auto;color: var(--text-main);">
-          Los procesos y la tecnología son indispensables, pero son las personas quienes los ejecutan y mejoran día a día. Diseñamos programas prácticos orientados a resultados organizacionales tangibles.
+          Diseñamos experiencias de aprendizaje que conectan conocimiento, práctica y contexto para fortalecer las capacidades que profesionales, equipos y organizaciones necesitan para convertir el aprendizaje en acción.
         </p>
         <div style="display: flex; justify-content: center; gap: 1rem; flex-wrap: wrap;">
-          <a href="#cursos-destacados" class="btn btn-primary btn-sm">Ver Cursos Destacados ↓</a>
+          <a href="#cursos-destacados" class="btn btn-primary btn-sm">EXPLORAR CURSOS Y PROGRAMAS →</a>
-          <a href="contacto.html?busqueda=Formación%20para%20mi%20organización&origen=Academy_InCompany" class="btn btn-outline btn-sm" style="color: var(--text-inverse);">Solicitar Formación In-Company</a>
+          <a href="contacto.html?busqueda=Formación%20para%20mi%20organización&origen=Academy_InCompany" class="btn btn-outline btn-sm" style="color: var(--text-inverse);">FORMACIÓN IN-COMPANY →</a>
         </div>
       </div>
     </section>
@@ -63,11 +63,12 @@
       <div class="container">
         <div style="display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 2.5rem; flex-wrap: wrap; gap: 1rem;">
           <div>
-            <span class="eyebrow">PROGRAMAS ACTIVOS</span>
+            <span class="eyebrow">APRENDER CON IDE</span>
-            <h2>Próximos Cursos y Formaciones Destacadas</h2>
+            <h2>Conocimiento que se conecta con la práctica</h2>
             <p class="lead-text">
-              Hacé clic en cualquier programa para acceder a su ficha técnica completa, objetivos y temario modular.
+              Aprender no es solamente incorporar conceptos. Es comprender cómo aplicarlos, relacionarlos con otros saberes y convertirlos en mejores decisiones y formas de actuar.
-            </p>
+            <p class="lead-text">
+              Por eso, en IDE Academy diseñamos experiencias de aprendizaje que parten de situaciones reales, integran herramientas aplicables y promueven el intercambio entre profesionales.
           </div>
         </div>
 

includes/footer.html

@@ -38,7 +38,7 @@
     <div>
       <h4 class="footer-heading" style="padding-bottom: 5px;">Explorar</h4>
       <ul class="footer-links">
-        <li><a href="desafios.html" class="footer-link">Tengo un Desafío</a></li>
+        <li><a href="desafios.html" class="footer-link">Tengo un Problema</a></li>
         <li><a href="soluciones.html" class="footer-link">Busco una Solución</a></li>
         <li><a href="somos-ide.html" class="footer-link">Somos IDE</a></li>
         <li><a href="insights.html" class="footer-link">Insights & Blog</a></li>

includes/header.html

@@ -14,7 +14,7 @@
 
     <!-- Enlaces de Navegación de Escritorio -->
     <ul class="nav-links">
-      <li><a href="desafios.html" class="nav-link">Desafíos</a></li>
+      <li><a href="desafios.html" class="nav-link">Punto de Partida</a></li>
       <li><a href="soluciones.html" class="nav-link">Soluciones</a></li>
       <li><a href="ecosistema.html" class="nav-link">Ecosistema</a></li>
       <li class="nav-item dropdown">

index.html

@@ -26,13 +26,12 @@
   <main>
 
     <!-- BLOQUE 1: HERO - LA DOBLE VÍA DE ENTRADA -->
-    <section class="hero-wrapper section-padding">
+    <section class="section-padding-sm">
       <div class="container">
         <div class="hero-grid">
-          
           <div>
             <span class="eyebrow">CONECTAMOS EL TODO</span>
-            <h1 style="margin-bottom: 1.25rem; line-height: 1.15;">
+            <h1 style="margin-bottom: 0.5rem; line-height: 1;">
              ¿Qué pasa cuando dejamos de mirar los problemas por separado?
             </h1>
             <p class="lead-text" style="margin-bottom: 2rem;">
@@ -57,8 +56,8 @@
     </section>
 
     <!-- BLOQUE 2: LA TENSIÓN Y EL QUIEBRE -->
-    <section class="incomodidad-section" style="gap: 3rem;">
+    <section class="incomodidad-section snowball-bg" style="gap: 3rem;">
-      <canvas id="ripple-canvas"></canvas>
+      <!--<canvas id="ripple-canvas"></canvas>-->
       <div class="incomodidad-content">
         <div class="tension-box" style="margin-bottom: 8rem;">
           <div style="max-width: 700px; margin: 0 auto; text-align: center;">
@@ -659,34 +658,26 @@
         </div>
 
         <div class="grid-4" style="text-align: center;">
-          <div class="card-agro">
+          <div class="card-agro" width="30" height="30" viewBox="0 0 24 24">
-            <svg class="icono" width="2.5rem" height="2.5rem" style="margin-bottom: 0.5rem; display: block; margin-left: auto; margin-right: auto;">
+            <span class="icono-agro"></span>
-              <use href="./assets/iconos/agro_color.svg" fill="currentColor"></use>
-            </svg>
             <h4 style="font-size: 1.05rem; margin-bottom: 0.25rem;">Agro & Alimentos</h4>
             <p style="font-size: 0.82rem;">Trazabilidad, inocuidad, buenas prácticas y gestión responsable para fortalecer operaciones y generar valor sostenible.</p>
           </div>
 
           <div class="card-fabrica" style="padding: 1.5rem 1rem;" text-align: center;">
-            <svg class="icono" width="2.5rem" height="2.5rem" style="margin-bottom: 0.5rem; display: block; margin-left: auto; margin-right: auto;">
+            <span class="icono-fabrica"></span>
-              <use href="./assets/iconos/fabrica_color.svg" fill="currentColor"></use>
-            </svg>
             <h4 style="font-size: 1.05rem; margin-bottom: 0.25rem;">Industria & Servicios</h4>
             <p style="font-size: 0.82rem;">Procesos, calidad, proyectos y transformación digital para mejorar la gestión, la eficiencia y la capacidad de adaptación.</p>
           </div>
 
           <div class="card-salud" style="padding: 1.5rem 1rem;" text-align: center;">
-            <svg class="icono" width="2.5rem" height="2.5rem" style="margin-bottom: 0.5rem; display: block; margin-left: auto; margin-right: auto;">
+            <span class="icono-salud"></span>
-              <use href="./assets/iconos/nurse_color.svg" fill="currentColor"></use>
-            </svg>
             <h4 style="font-size: 1.05rem; margin-bottom: 0.25rem;">Sector Salud</h4>
             <p style="font-size: 0.82rem;">Procesos críticos, experiencia del paciente y cumplimiento para fortalecer la calidad, la seguridad y la mejora continua.</p>
           </div>
 
           <div class="card-educacion" style="padding: 1.5rem 1rem;">
-            <svg class="icono" width="2.5rem" height="2.5rem" style="margin-bottom: 0.5rem; display: block; margin-left: auto; margin-right: auto;">
+            <span class="icono-educacion"></span>
-              <use href="./assets/iconos/escuela_color.svg" fill="currentColor"></use>
-            </svg>
             <h4 style="font-size: 1.05rem; margin-bottom: 0.25rem;">Educación & Gobierno</h4>
             <p style="font-size: 0.82rem;">Gestión, calidad, proyectos y desarrollo de capacidades para fortalecer organizaciones, servicios y resultados.</p>
           </div>
@@ -724,8 +715,6 @@
   <!-- Scripts particulas -->
   <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.min.js"></script>
   <script src="js/particles.js"></script>
-  <script src="js/ripple.js"></script>
+  <script src="js/snowball-particles.js"></script>
-
-
 </body>
 </html>

js/snowball-particles.js

@@ -0,0 +1,402 @@
+/**
+ * SnowballBackground
+ * Círculos huecos flotantes que se fusionan en el mouse aumentando su radio
+ * y se desintegran expulsando todas las partículas.
+ *
+ * Uso:
+ *   1) Automático: agregá la clase .snowball-bg a cualquier contenedor
+ *   2) Manual: new SnowballBackground({ containerId: 'mi-id' })
+ *
+ * Tema: lee variables CSS del contenedor o :root y reacciona a cambios de tema.
+ */
+class SnowballBackground {
+  constructor(options = {}) {
+    // --- Resolver contenedor (acepta elemento, ID o selector) ---
+    if (options.container instanceof HTMLElement) {
+      this.container = options.container;
+    } else if (options.containerId) {
+      this.container = document.getElementById(options.containerId);
+    } else if (options.containerSelector) {
+      this.container = document.querySelector(options.containerSelector);
+    }
+
+    if (!this.container) {
+      console.warn('SnowballBackground: no se encontró el contenedor.', options);
+      return;
+    }
+
+    // Evitar doble inicialización en el mismo contenedor
+    if (this.container._snowballInstance) {
+      return;
+    }
+    this.container._snowballInstance = this;
+
+    // --- Configuración (defaults, se sobreescriben con CSS vars y options) ---
+    this.config = {
+      particleCount: 70,
+      maxCapacity: 20,
+      cooldownSeconds: 2.5,
+      color: '#38bdf8',
+      lineWidth: 1.5,
+      minRadius: 5,
+      maxRadius: 10
+    };
+
+    // Leer variables CSS antes de aplicar options (options tienen prioridad)
+    this.syncThemeColors();
+
+    // Aplicar overrides manuales
+    if (options.particleCount) this.config.particleCount = options.particleCount;
+    if (options.maxCapacity) this.config.maxCapacity = options.maxCapacity;
+    if (options.cooldownSeconds) this.config.cooldownSeconds = options.cooldownSeconds;
+    if (options.color) this.config.color = options.color;
+    if (options.lineWidth) this.config.lineWidth = options.lineWidth;
+    if (options.minRadius) this.config.minRadius = options.minRadius;
+    if (options.maxRadius) this.config.maxRadius = options.maxRadius;
+
+    // --- Estados internos ---
+    this.particles = [];
+    this.absorbedParticles = [];
+    this.disintegrationShards = [];
+    this.mouse = { x: -1000, y: -1000, active: false };
+    this.isCoolingDown = false;
+    this.cooldownEndTime = 0;
+    this.currentBallRadius = 0;
+
+    // --- Init ---
+    this.initCanvas();
+    this.initParticles();
+    this.bindEvents();
+    this.observeThemeChanges();
+    this.loop();
+  }
+
+  /* =============================================================
+   *  LECTURA DE VARIABLES CSS
+   * =========================================================== */
+  readCSSVar(name) {
+    // Primero busca en el contenedor, luego en :root
+    let value = getComputedStyle(this.container).getPropertyValue(name).trim();
+    if (!value) {
+      value = getComputedStyle(document.documentElement).getPropertyValue(name).trim();
+    }
+    return value || null;
+  }
+
+  syncThemeColors() {
+    const map = {
+      '--snowball-color':          { key: 'color',          parse: String },
+      '--snowball-particle-count': { key: 'particleCount',  parse: parseInt },
+      '--snowball-max-capacity':   { key: 'maxCapacity',    parse: parseInt },
+      '--snowball-cooldown':       { key: 'cooldownSeconds',parse: parseFloat },
+      '--snowball-line-width':     { key: 'lineWidth',      parse: parseFloat },
+      '--snowball-min-radius':     { key: 'minRadius',      parse: parseFloat },
+      '--snowball-max-radius':     { key: 'maxRadius',      parse: parseFloat }
+    };
+
+    for (const [cssVar, { key, parse }] of Object.entries(map)) {
+      const raw = this.readCSSVar(cssVar);
+      if (raw !== null) {
+        const parsed = parse(raw, 10);
+        // Solo aplicar si el parseo dio un valor válido
+        if (typeof parsed === 'string' ? parsed : !isNaN(parsed)) {
+          this.config[key] = parsed;
+        }
+      }
+    }
+  }
+
+  /* =============================================================
+   *  OBSERVADOR DE CAMBIOS DE TEMA
+   * =========================================================== */
+  observeThemeChanges() {
+    this._themeObserver = new MutationObserver(() => {
+      this.syncThemeColors();
+    });
+
+    // Observar <html> (cambios de data-theme, class, style)
+    this._themeObserver.observe(document.documentElement, {
+      attributes: true,
+      attributeFilter: ['data-theme', 'class', 'style']
+    });
+
+    // Observar <body> también (algunos frameworks ponen el tema ahí)
+    this._themeObserver.observe(document.body, {
+      attributes: true,
+      attributeFilter: ['data-theme', 'class', 'style']
+    });
+  }
+
+  /* =============================================================
+   *  CANVAS
+   * =========================================================== */
+  initCanvas() {
+    this.canvas = document.createElement('canvas');
+    this.canvas.className = 'snowball-canvas';
+    this.canvas.style.cssText =
+      'position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;';
+    this.ctx = this.canvas.getContext('2d');
+
+    // El contenedor debe ser posicionable
+    const pos = getComputedStyle(this.container).position;
+    if (pos === 'static') {
+      this.container.style.position = 'relative';
+    }
+
+    this.container.appendChild(this.canvas);
+    this.resize();
+  }
+
+  resize() {
+    const rect = this.container.getBoundingClientRect();
+    this.width = rect.width;
+    this.height = rect.height;
+    const dpr = window.devicePixelRatio || 1;
+    this.canvas.width = this.width * dpr;
+    this.canvas.height = this.height * dpr;
+    this.ctx.scale(dpr, dpr);
+  }
+
+  /* =============================================================
+   *  PARTÍCULAS
+   * =========================================================== */
+  initParticles() {
+    this.particles = [];
+    for (let i = 0; i < this.config.particleCount; i++) {
+      const radius = this.randomRange(this.config.minRadius, this.config.maxRadius);
+      this.particles.push({
+        x: this.randomRange(radius, Math.max(radius + 1, this.width - radius)),
+        y: this.randomRange(radius, Math.max(radius + 1, this.height - radius)),
+        vx: (Math.random() - 0.5) * 1.6,
+        vy: (Math.random() - 0.5) * 1.6,
+        radius,
+        state: 'FREE'
+      });
+    }
+  }
+
+  bindEvents() {
+    this._onResize = () => this.resize();
+    window.addEventListener('resize', this._onResize);
+
+    this._onMouseMove = (e) => {
+      const rect = this.container.getBoundingClientRect();
+      this.mouse.x = e.clientX - rect.left;
+      this.mouse.y = e.clientY - rect.top;
+      this.mouse.active = true;
+    };
+    this.container.addEventListener('mousemove', this._onMouseMove);
+
+    this._onMouseLeave = () => { this.mouse.active = false; };
+    this.container.addEventListener('mouseleave', this._onMouseLeave);
+  }
+
+  randomRange(min, max) {
+    return Math.random() * (max - min) + min;
+  }
+
+  /* =============================================================
+   *  CONVERSIÓN DE COLOR UNIVERSAL
+   * =========================================================== */
+  toRgba(color, alpha = 1) {
+    if (!color) return `rgba(0,0,0,${alpha})`;
+    const c = color.trim();
+
+    // rgba(...) o rgb(...)
+    if (c.startsWith('rgb')) {
+      const parts = c.match(/[\d.]+/g);
+      if (!parts || parts.length < 3) return `rgba(0,0,0,${alpha})`;
+      const [r, g, b] = parts;
+      const origA = parts[3] !== undefined ? parseFloat(parts[3]) : 1;
+      return `rgba(${r},${g},${b},${(origA * alpha).toFixed(3)})`;
+    }
+
+    // #hex (3, 4, 6 u 8 dígitos)
+    if (c.startsWith('#')) {
+      let hex = c.slice(1);
+      if (hex.length === 3 || hex.length === 4) {
+        hex = hex.split('').map(ch => ch + ch).join('');
+      }
+      const n = parseInt(hex.slice(0, 6), 16);
+      const r = (n >> 16) & 255, g = (n >> 8) & 255, b = n & 255;
+      let hexA = 1;
+      if (hex.length === 8) hexA = parseInt(hex.slice(6, 8), 16) / 255;
+      return `rgba(${r},${g},${b},${(hexA * alpha).toFixed(3)})`;
+    }
+
+    // Fallback: dejar que el navegador resuelva (hsl, nombres, etc.)
+    try {
+      const tmp = document.createElement('canvas').getContext('2d');
+      tmp.fillStyle = c;
+      const resolved = tmp.fillStyle;
+      if (resolved !== c) return this.toRgba(resolved, alpha);
+    } catch (_) {}
+
+    return `rgba(0,0,0,${alpha})`;
+  }
+
+  /* =============================================================
+   *  EXPLOSIÓN
+   * =========================================================== */
+  explode() {
+    const ex = this.mouse.x, ey = this.mouse.y;
+    const br = this.currentBallRadius;
+    const count = this.absorbedParticles.length;
+
+    // Fragmentos de desintegración
+    const shardCount = 8;
+    const arcStep = (Math.PI * 2) / shardCount;
+    for (let i = 0; i < shardCount; i++) {
+      const angle = i * arcStep;
+      this.disintegrationShards.push({
+        x: ex, y: ey, radius: br,
+        startAngle: angle + 0.1,
+        endAngle: angle + arcStep - 0.1,
+        vx: Math.cos(angle + arcStep / 2) * 3,
+        vy: Math.sin(angle + arcStep / 2) * 3,
+        alpha: 1
+      });
+    }
+
+    // Dispersar partículas
+    this.absorbedParticles.forEach((p, i) => {
+      const angle = (Math.PI * 2 / count) * i + (Math.random() - 0.5) * 0.3;
+      const force = this.randomRange(10, 18);
+      p.x = ex + Math.cos(angle) * (br * 0.8);
+      p.y = ey + Math.sin(angle) * (br * 0.8);
+      p.vx = Math.cos(angle) * force;
+      p.vy = Math.sin(angle) * force;
+      p.state = 'EXPLODED';
+    });
+
+    this.absorbedParticles = [];
+    this.currentBallRadius = 0;
+    this.isCoolingDown = true;
+    this.cooldownEndTime = performance.now() + this.config.cooldownSeconds * 1000;
+  }
+
+  /* =============================================================
+   *  UPDATE
+   * =========================================================== */
+  update() {
+    const now = performance.now();
+    if (this.isCoolingDown && now >= this.cooldownEndTime) {
+      this.isCoolingDown = false;
+    }
+
+    let targetRadius = 0;
+    if (this.absorbedParticles.length > 0) {
+      targetRadius = 14 + (this.absorbedParticles.length / this.config.maxCapacity) * 46;
+    }
+    this.currentBallRadius += (targetRadius - this.currentBallRadius) * 0.15;
+
+    const hitRadius = this.absorbedParticles.length === 0 ? 14 : this.currentBallRadius;
+
+    this.particles.forEach((p) => {
+      if (p.state === 'FREE') {
+        p.x += p.vx;
+        p.y += p.vy;
+        if (p.x - p.radius <= 0) { p.x = p.radius; p.vx *= -1; }
+        if (p.x + p.radius >= this.width) { p.x = this.width - p.radius; p.vx *= -1; }
+        if (p.y - p.radius <= 0) { p.y = p.radius; p.vy *= -1; }
+        if (p.y + p.radius >= this.height) { p.y = this.height - p.radius; p.vy *= -1; }
+
+        if (this.mouse.active && !this.isCoolingDown) {
+          const dx = p.x - this.mouse.x, dy = p.y - this.mouse.y;
+          if (Math.sqrt(dx * dx + dy * dy) < hitRadius + p.radius) {
+            p.state = 'ABSORBED';
+            this.absorbedParticles.push(p);
+            if (this.absorbedParticles.length >= this.config.maxCapacity) {
+              this.explode();
+            }
+          }
+        }
+      } else if (p.state === 'EXPLODED') {
+        p.x += p.vx; p.y += p.vy;
+        p.vx *= 0.96; p.vy *= 0.96;
+        if (p.x - p.radius <= 0) { p.x = p.radius; p.vx *= -1; }
+        if (p.x + p.radius >= this.width) { p.x = this.width - p.radius; p.vx *= -1; }
+        if (p.y - p.radius <= 0) { p.y = p.radius; p.vy *= -1; }
+        if (p.y + p.radius >= this.height) { p.y = this.height - p.radius; p.vy *= -1; }
+        if (Math.sqrt(p.vx * p.vx + p.vy * p.vy) < 1.6) p.state = 'FREE';
+      }
+    });
+
+    for (let i = this.disintegrationShards.length - 1; i >= 0; i--) {
+      const s = this.disintegrationShards[i];
+      s.x += s.vx; s.y += s.vy;
+      s.radius += 0.8;
+      s.alpha -= 0.05;
+      if (s.alpha <= 0) this.disintegrationShards.splice(i, 1);
+    }
+  }
+
+  /* =============================================================
+   *  DRAW  (todos los colores pasan por toRgba)
+   * =========================================================== */
+  draw() {
+    this.ctx.clearRect(0, 0, this.width, this.height);
+    const color = this.config.color;
+    const lw = this.config.lineWidth;
+
+    // 1. Partículas libres / explotadas
+    this.ctx.lineWidth = lw;
+    this.ctx.strokeStyle = this.toRgba(color, 1);
+    this.particles.forEach((p) => {
+      if (p.state !== 'ABSORBED') {
+        this.ctx.beginPath();
+        this.ctx.arc(p.x, p.y, p.radius, 0, Math.PI * 2);
+        this.ctx.stroke();
+      }
+    });
+
+    // 2. Fragmentos de desintegración
+    this.disintegrationShards.forEach((s) => {
+      this.ctx.save();
+      this.ctx.lineWidth = lw + 0.5;
+      this.ctx.strokeStyle = this.toRgba(color, s.alpha);
+      this.ctx.beginPath();
+      this.ctx.arc(s.x, s.y, s.radius, s.startAngle, s.endAngle);
+      this.ctx.stroke();
+      this.ctx.restore();
+    });
+
+    // 3. Bola en el mouse
+    if (this.mouse.active && !this.isCoolingDown && this.currentBallRadius > 2) {
+      this.ctx.save();
+      this.ctx.lineWidth = lw + 0.5;
+      this.ctx.strokeStyle = this.toRgba(color, 1);
+      this.ctx.beginPath();
+      this.ctx.arc(this.mouse.x, this.mouse.y, this.currentBallRadius, 0, Math.PI * 2);
+      this.ctx.stroke();
+      this.ctx.restore();
+    }
+  }
+
+  /* =============================================================
+   *  LOOP
+   * =========================================================== */
+  loop() {
+    this.update();
+    this.draw();
+    requestAnimationFrame(() => this.loop());
+  }
+}
+
+/* ==============================================================
+ *  AUTO-INICIALIZACIÓN
+ *  Busca todos los elementos con clase .snowball-bg
+ * ============================================================== */
+function initSnowballBackgrounds() {
+  document.querySelectorAll('.snowball-bg').forEach((el) => {
+    if (!el._snowballInstance) {
+      new SnowballBackground({ container: el });
+    }
+  });
+}
+
+if (document.readyState === 'loading') {
+  document.addEventListener('DOMContentLoaded', initSnowballBackgrounds);
+} else {
+  initSnowballBackgrounds();
+}

soluciones.html

@@ -43,7 +43,7 @@
         left: 0;
         width: 100%;
         height: 100%;
-        background: rgba(19, 167, 138, 0.5);
+        background: rgba(227, 235, 233, 0.25);
         z-index: 1;
       "></div>
 

somos-ide.html

@@ -21,9 +21,10 @@
     <section class="section-padding" style="background-color: var(--bg-surface); border-bottom: 1px solid var(--border-color);">
       <div class="container container-narrow text-center">
         <span class="eyebrow">PROPÓSITO & IDENTIDAD</span>
-        <h1 style="margin-bottom: 1.5rem;">Miramos las organizaciones como sistemas vivos y conectados.</h1>
+        <h1 style="margin-bottom: 1.5rem;">Vemos organizaciones. <br>Entendemos sistemas. <br>Conectamos el todo. </h1>
         <p class="lead-text" style="margin: 0 auto 2rem auto;">
-          IDE nace de una convicción fundamental: la verdadera transformación organizacional no ocurre acumulando iniciativas aisladas, sino comprendiendo cómo interactúan las personas, los procesos, los proyectos y la tecnología.
+          IDE nace de una forma compartida de entender la gestión: ninguna decisión ocurre de manera aislada.
+        <br>Personas, procesos, proyectos, conocimiento y tecnología se conectan y se afectan mutuamente. Por eso, antes de proponer una solución buscamos comprender esas relaciones, identificar dónde podemos generar mayor impacto y conectar las capacidades necesarias para hacerlo posible.
         </p>
         <div class="card-somos">
         </div>
@@ -38,8 +39,8 @@
             <span class="eyebrow">FILOSOFÍA DE TRABAJO</span>
             <h2>No intervenimos en todo. Comprendemos el todo para saber dónde intervenir.</h2>
             <p style="font-size: 1.05rem; color: var(--text-body); margin-top: 1rem; line-height: 1.7;">
-              Creemos que el verdadero valor de la consultoría no reside en generar cambios masivos e invasivos, sino en identificar los puntos neurálgicos de cada organización. Analizamos a fondo la dinámica de su negocio, sus procesos y su cultura operativa para obtener una visión sistémica; solo así es posible distinguir entre los síntomas visibles y los desafíos de fondo.
+              Cada organización tiene su propia realidad. Por eso, antes de proponer una solución buscamos comprender su contexto, sus relaciones y aquello que está detrás de los desafíos visibles.
-              <br>A partir de ese diagnóstico integral, diseñamos intervenciones precisas y sostenibles. Trabajamos junto a sus equipos para implementar soluciones prácticas que generan impacto directo en la rentabilidad y la eficiencia, cuidando la continuidad operativa y potenciando la capacidad propia de la empresa.
+              <br>A partir de esa comprensión, focalizamos la intervención, conectamos las capacidades necesarias y trabajamos junto a las personas de la organización para generar mejoras que puedan sostenerse en el tiempo.
               </p>
             <p style="font-size: 1rem; color: var(--text-muted); margin-top: 1rem; line-height: 1.6;">
               
@@ -51,19 +52,19 @@
               <ul style="list-style: none; display: flex; flex-direction: column; gap: 1rem; font-size: 0.95rem;">
                 <li style="display: flex; gap: 0.75rem;">
                   <span style="color: var(--ide-accent); font-weight: bold;">✓</span>
-                  <span><strong>Visión Holística:</strong> Cada intervención evalúa el impacto en el conjunto de la organización.</span>
+                  <span><strong>Mirada Sistémica: </strong> Cada intervención considera sus relaciones e impactos sobre el conjunto.</span>
                 </li>
                 <li style="display: flex; gap: 0.75rem;">
                   <span style="color: var(--ide-accent); font-weight: bold;">✓</span>
-                  <span><strong>Rigor y Pragmatismo:</strong> Normas y metodologías internacionales aplicadas a la realidad operativa diaria.</span>
+                  <span><strong>Rigor con sentido práctico: </strong> Integramos metodologías, normas y buenas prácticas adaptándolas al contexto y no al revés.</span>
                 </li>
                 <li style="display: flex; gap: 0.75rem;">
                   <span style="color: var(--ide-accent); font-weight: bold;">✓</span>
-                  <span><strong>Apropiación Humana:</strong> Los cambios perduran sólo si las personas los comprenden y adoptan.</span>
+                  <span><strong>Personas como parte del Sistema: </strong> Las personas no son destinatarias pasivas del cambio: participan, aportan conocimiento y hacen posible su evolución.</span>
                 </li>
                 <li style="display: flex; gap: 0.75rem;">
                   <span style="color: var(--ide-accent); font-weight: bold;">✓</span>
-                  <span><strong>Transferencia de Capacidades:</strong> No generamos dependencias; formamos a su equipo interno.</span>
+                  <span><strong>Capacidades que permanecen: </strong> Buscamos que cada intervención deje conocimiento, herramientas y capacidades que la organización pueda seguir desarrollando.</span>
                 </li>
               </ul>
             </div>
@@ -76,10 +77,10 @@
     <section class="section-padding bg-subtle-section">
       <div class="container">
         <div style="text-align: center; max-width: 700px; margin: 0 auto 3rem auto;">
-          <span class="eyebrow">NUESTRO EQUIPO SENIOR</span>
+          <span class="eyebrow">QUIÉNES HACEMOS IDE</span>
-          <h2>Experiencia profesional que sustenta cada intervención</h2>
+          <h2>Experiencias que se complementan</h2>
           <p class="lead-text" style="margin: 0 auto;">
-            Consultores, auditores líderes, directores de proyectos y tecnólogos con décadas de experiencia en el terreno.
+            IDE reúne profesionales con trayectorias en gestión, proyectos, mejora continua, sistemas de gestión, transformación digital, inteligencia artificial, docencia y desarrollo organizacional. <br>Cada uno aporta una especialidad. El mayor valor aparece cuando esas capacidades se conectan.
           </p>
         </div>
 
@@ -88,38 +89,51 @@
           <!-- Miembro 1 -->
            <div class="card text-center">
             <div class="card-portrait">
-              <img src="../assets/img/juan_perez.png" alt="Retrato de Carlos Garcia" loading="lazy">
+              <img src="../assets/img/CRA.jpg" alt="Retrato de Carlos Garcia" loading="lazy">
             </div>
-            <h3 style="font-size: 1.2rem; margin-bottom: 0.25rem;">Juan Perez</h3>
+            <h3 style="font-size: 1.2rem; margin-bottom: 0.25rem;">Claudia Raquel ANDRÉS</h3>
-            <div style="font-size: 0.85rem; font-weight: 700; color: var(--ide-primary); margin-bottom: 0.75rem;">Director General & Líder de IDE Excellence</div>
+            <div style="font-size: 0.85rem; font-weight: 700; color: var(--ide-projects); margin-bottom: 0.75rem;">Directora General | Líder de IDE Projects</div>
             <p style="font-size: 0.88rem; color: var(--text-muted); line-height: 1.5; margin-bottom: 1rem;">
-              Auditor Líder IRCA en ISO 9001, 14001 y 45001. Más de 20 años asesorando a industrias de manufactura y servicios en Latinoamérica.
+              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>
-            <div style="font-size: 0.8rem; color: var(--ide-accent); font-weight: 600;">Especialidad: Gestión de Procesos & Calidad</div>
+            <div style="font-size: 0.8rem; color: var(--ide-accent); font-weight: 600;">Especialidad: PMO & Metodologías Ágiles</div>
           </div>
           
           <!-- Miembro 2 -->
           <div class="card text-center">
             <div class="card-portrait">
-              <img src="../assets/img/maria_martinez.png" alt="Retrato de Carlos Garcia" loading="lazy">
+              <img src="../assets/img/JAP2.jpg" alt="Retrato de Carlos Garcia" loading="lazy">
             </div>
-            <h3 style="font-size: 1.2rem; margin-bottom: 0.25rem;">Maria Martinez</h3>
+            <h3 style="font-size: 1.2rem; margin-bottom: 0.25rem;">José PUGLIESE</h3>
-            <div style="font-size: 0.85rem; font-weight: 700; color: var(--ide-projects); margin-bottom: 0.75rem;">Líder de IDE Project & PMO</div>
+            <div style="font-size: 0.85rem; font-weight: 700; color: var(--ide-primary); margin-bottom: 0.75rem;">Líder de IDE Digital</div>
             <p style="font-size: 0.88rem; color: var(--text-muted); line-height: 1.5; margin-bottom: 1rem;">
-              Certificada PMP® y Scrum Master. Ha liderado la implementación de Oficinas de Gestión de Proyectos en empresas del sector energético y tecnológico.
+              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>
-            <div style="font-size: 0.8rem; color: var(--ide-accent); font-weight: 600;">Especialidad: PMO & Metodologías Ágiles</div>
+            <div style="font-size: 0.8rem; color: var(--ide-accent); font-weight: 600;">Especialidad: Gestión de Procesos & Calidad</div>
           </div>
 
           <!-- Miembro 3 -->
           <div class="card text-center">
             <div class="card-portrait">
-              <img src="../assets/img/carlos_garcia.png" alt="Retrato de Carlos Garcia" loading="lazy">
+              <img src="../assets/img/MAR.jpg" alt="Retrato de Carlos Garcia" loading="lazy">
             </div>
-            <h3 style="font-size: 1.2rem; margin-bottom: 0.25rem;">Carlos Garcia</h3>
+            <h3 style="font-size: 1.2rem; margin-bottom: 0.25rem;">Miguel Ángel ROJAS</h3>
-            <div style="font-size: 0.85rem; font-weight: 700; color: var(--ide-digital); margin-bottom: 0.75rem;">Líder de IDE Digital & Academy</div>
+            <div style="font-size: 0.85rem; font-weight: 700; color: var(--ide-digital); margin-bottom: 0.75rem;">Líder de IDE Excellence</div>
             <p style="font-size: 0.88rem; color: var(--text-muted); line-height: 1.5; margin-bottom: 1rem;">
-              Magíster en Transformación Digital e Innovación. Especialista en automatización inteligente de flujos y diseño de programas de formación ejecutiva.
+              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>
+            <div style="font-size: 0.8rem; color: var(--ide-accent); font-weight: 600;">Especialidad: IA Aplicada & Aprendizaje Organizacional</div>
+          </div>
+
+          <!-- Miembro 4 -->
+          <div class="card text-center">
+            <div class="card-portrait">
+              <img src="../assets/img/VUB.jpg" alt="Retrato de Carlos Garcia" loading="lazy">
+            </div>
+            <h3 style="font-size: 1.2rem; margin-bottom: 0.25rem;">Víctor Ulises BARRIONUEVO</h3>
+            <div style="font-size: 0.85rem; font-weight: 700; color: var(--ide-digital); margin-bottom: 0.75rem;">Projects & Digital</div>
+            <p style="font-size: 0.88rem; color: var(--text-muted); line-height: 1.5; margin-bottom: 1rem;">
+             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>
             <div style="font-size: 0.8rem; color: var(--ide-accent); font-weight: 600;">Especialidad: IA Aplicada & Aprendizaje Organizacional</div>
           </div>
@@ -167,9 +181,7 @@
     <!-- CTA Final -->
     <section class="section-padding" style="background-color: var(--teal-dark); border-top: 1px solid var(--border-color);">
       <div class="container container-narrow text-center">
-        <h2 style="color: var(--text-inverse); margin-bottom: 1rem;">Construyamos una solución a la medida de tu organización</h2>
+        <h2 style="color: var(--text-inverse); margin-bottom: 1rem;">Conversemos para comprender tu contexto, identificar dónde intervenir y conectar las capacidades que puedan aportar mayor valor</h2>
-        <p class="lead-text-cta" style="margin-bottom: 1.5rem;">
-          Contactanos para evaluar cómo nuestro equipo multidisciplinario puede aportar valor en tu próximo desafío.
         </p>
         <a href="contacto.html" class="btn btn-outline-cta btn-sm" ">Hablemos</a>
       </div>

trabaja-con-nosotros.html

@@ -20,10 +20,10 @@
     <!-- Header Trabaja con Nosotros -->
     <section class="section-padding" style="background-color: var(--bg-surface); border-bottom: 1px solid var(--border-color);">
       <div class="container container-narrow text-center">
-        <span class="eyebrow">TALENTO & EQUIPO</span>
+        <span class="eyebrow">TALENTO & RED</span>
-        <h1 style="margin-bottom: 1.25rem;">Sumate a la red de <br> consultores de IDE</h1>
+        <h1 style="margin-bottom: 1.25rem;">Sumá tu experiencia <br> al Ecosistema IDE</h1>
         <p class="lead-text" style="margin: 0 auto;">
-          Buscamos constantemente profesionales senior y especialistas apasionados por el pensamiento sistémico, la calidad, la gestión de proyectos y la innovación tecnológica.
+          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.
         </p>
       </div>
     </section>
@@ -36,19 +36,19 @@
           
           <!-- Cultura y Áreas -->
           <div>
-            <span class="eyebrow">NUESTRA CULTURA</span>
+            <span class="eyebrow">NUESTRA FORMA DE TRABAJAR</span>
-            <h2>Cómo trabajamos en IDE</h2>
+            <h2>Experiencias diferentes. <br>Una construcción compartida.</h2>
             <p style="font-size: 1rem; color: var(--text-body); line-height: 1.65; margin: 1rem 0 1.5rem 0;">
-              En IDE no creemos en soluciones enlatadas ni en jerarquías rígidas. Valoramos la curiosidad intelectual, la capacidad de escuchar a las organizaciones y el compromiso ético con los resultados de nuestros clientes.
+              Creemos en el trabajo colaborativo, el intercambio de perspectivas y la complementariedad de capacidades. Valoramos la curiosidad, el criterio profesional, la escucha y el compromiso con generar soluciones que tengan sentido para cada contexto.</p>
-            </p>
 
             <div class="card" style="margin-bottom: 1.5rem; padding: 1.5rem;">
-              <h3 style="font-size: 1.15rem; color: var(--ide-primary); margin-bottom: 0.75rem;">Áreas de Práctica Activas</h3>
+              <h3 style="font-size: 1.15rem; color: var(--ide-primary); margin-bottom: 0.75rem;">¿DÓNDE PODÉS SUMAR VALOR?</h3>
               <ul style="list-style: none; display: flex; flex-direction: column; gap: 0.6rem; font-size: 0.9rem; color: var(--text-muted);">
-                <li>• <strong>IDE Excellence:</strong> Auditores Líderes y consultores en ISO 9001, 14001, 45001, 21001.</li>
+                <li>• <strong>IDE Excellence:</strong> Gestión · Procesos · Mejora continua · Sistemas de gestión · Sostenibilidad</li>
-                <li>• <strong>IDE Project:</strong> Project Managers certificados PMP®, Scrum Masters y líderes de PMO.</li>
+                <li>• <strong>IDE Project:</strong> Gestión de proyectos · PMO · Planificación · Riesgos · Agilidad</li>
-                <li>• <strong>IDE Academy:</strong> Facilitadores, diseñadores instruccionales y docentes corporativos.</li>
+                <li>• <strong>IDE Digital:</strong> Digitalización · Automatización · Inteligencia Artificial · Datos · Business Intelligence</li>
-                <li>• <strong>IDE Digital:</strong> Especialistas en automatización No-Code, IA aplicada y Business Intelligence.</li>
+                <li>• <strong>IDE Academy:</strong> Facilitación · Formación ejecutiva · Diseño de experiencias de aprendizaje · Desarrollo de capacidades</li>
+                <li>• <strong>¿Tu especialidad no aparece acá?</strong> También queremos conocerla. El Ecosistema puede crecer incorporando nuevas capacidades.</li>
               </ul>
               
             </div>
@@ -57,9 +57,9 @@
 
           <!-- Formulario de Talento -->
           <div class="card" style="padding: clamp(1.75rem, 4vw, 2.5rem);">
-            <h3 style="font-size: 1.35rem; margin-bottom: 0.5rem; color: var(--ide-accent-hover);">Envianos tu Perfil</h3>
+            <h3 style="font-size: 1.35rem; margin-bottom: 0.5rem; color: var(--ide-accent-hover);">CONECTEMOS CAPACIDADES</h3>
             <p style="font-size: 0.88rem; color: var(--text-muted); margin-bottom: 1.75rem;">
-              Completá tus datos y dejanos el enlace a tu LinkedIn o CV online para considerarte en futuros proyectos y búsquedas.
+              Si compartís nuestra forma de entender la gestión y creés que tu experiencia puede complementar las capacidades del Ecosistema, queremos conocerte.<br> Compartinos tus datos para conocerte y considerarte en futuras oportunidades de colaboración.
             </p>
 
             <form id="ide-careers-form">
@@ -84,10 +84,10 @@
               <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="Consultoría en Calidad y Normas ISO (Excellence)">Consultoría en Calidad y Normas ISO (Excellence)</option>
+                  <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="Gestión y Dirección de Proyectos (Project)">Gestión y Dirección de Proyectos (Project)</option>
+                  <option value="IDE Projects — Gestión y dirección de proyectos">IDE Projects — Gestión y dirección de proyectos</option>
-                  <option value="Docencia y Capacitación In-Company (Academy)">Docencia y Capacitación In-Company (Academy)</option>
+                  <option value="IDE Digital — Digitalización, automatización, datos e IA">IDE Digital — Digitalización, automatización, datos e IA</option>
-                  <option value="Transformación Digital e IA (Digital)">Transformación Digital e IA (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="Otras especialidades">Otras especialidades</option>
                 </select>
               </div>
@@ -99,11 +99,14 @@
 
               <div class="form-group">
                 <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 sobre tu experiencia profesional y qué te motiva de IDE..."></textarea>
+                <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>
+              
+              <p style="font-size: 0.88rem; color: var(--text-muted); margin-bottom: 1.75rem;">
+              * campos obligatorios.<br> <i>La información que compartas será utilizada únicamente para gestionar tu contacto con IDE.</i></p>
             </div>
 
               <button type="submit" class="btn btn-accent btn-lg" style="width: 100%; margin-top: 0.5rem;">
-                Enviar Postulación
+                SUMARME A LA RED IDE →
               </button>
 
               <div id="careers-form-alert" class="form-alert"></div>