Compare commits

...
5 Commits
Author SHA1 Message Date
fanfuso 1e2595275f cambios de textos 2026-09-26 10:56:43 -03:00
ppugliese c317f6efed trabaja con nosotros 2026-09-25 17:28:40 -03:00
ppugliese 9ab9110729 textos de contacto 2026-09-24 20:58:01 -03:00
ppugliese f3a06200b3 actualizacion de Somos IDE 2026-09-24 20:01:34 -03:00
ppugliese 63ee1fdca6 actualizacion de Ecosistema 2026-09-24 19:11:14 -03:00
25 changed files with 806 additions and 222 deletions
+15 -10
View File
@@ -1,13 +1,18 @@
<?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">
<?xml version="1.0" encoding="UTF-8"?>
<!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">
<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="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="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="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="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" />
<metadata id="CorelCorpID_0Corel-Layer"/>
<g id="_3033983200656">
<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="#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="#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="#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="#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>
</svg>

Before

Width:  |  Height:  |  Size: 1.9 KiB

After

Width:  |  Height:  |  Size: 2.0 KiB

+14 -9
View File
@@ -1,12 +1,17 @@
<?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">
<?xml version="1.0" encoding="UTF-8"?>
<!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">
<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="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="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="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" />
<metadata id="CorelCorpID_0Corel-Layer"/>
<g id="_3033909382768">
<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="#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="#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="#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>
</svg>

Before

Width:  |  Height:  |  Size: 1.7 KiB

After

Width:  |  Height:  |  Size: 2.0 KiB

+16 -11
View File
@@ -1,14 +1,19 @@
<?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">
<?xml version="1.0" encoding="UTF-8"?>
<!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">
<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="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="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="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="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="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" />
<metadata id="CorelCorpID_0Corel-Layer"/>
<g id="_3033971521472">
<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="#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="#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="#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="#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="#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>
</svg>

Before

Width:  |  Height:  |  Size: 2.5 KiB

After

Width:  |  Height:  |  Size: 2.7 KiB

+14 -9
View File
@@ -1,12 +1,17 @@
<?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">
<?xml version="1.0" encoding="UTF-8"?>
<!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">
<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="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="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="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" />
<metadata id="CorelCorpID_0Corel-Layer"/>
<g id="_3032824761248">
<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="#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="#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="#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>
</svg>

Before

Width:  |  Height:  |  Size: 2.7 KiB

After

Width:  |  Height:  |  Size: 3.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.8 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.4 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.6 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.6 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 628 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 710 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 711 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 637 KiB

+27 -20
View File
@@ -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="Una solución concreta">Una solución concreta</option>
<option value="Implementar o certificar una norma">Implementar o certificar una norma (ISO 9001/14001/etc.)</option>
<option value="Formación para mi organización">Formación para mi organización (In-Company / Cursos)</option>
<option value="Gestionar o impulsar un proyecto">Gestionar o impulsar un proyecto (PMO)</option>
<option value="Transformación digital / IA">Transformación digital / IA en Procesos</option>
<option value="Otro">Otro motivo de consulta</option>
<option value="Necesito orientación para abordar un desafío">Necesito orientación para abordar un desafío</option>
<option value="Estoy buscando una solución específica">Estoy buscando una solución específica</option>
<option value="Quiero implementar o certificar una norma / sistema de gestión"> Quiero implementar o certificar una norma / sistema de gestión</option>
<option value="Busco formación para mi organización / equipo">Busco formación para mi organización / equipo</option>
<option value="Necesito gestionar, ordenar o impulsar un proyecto">Necesito gestionar, ordenar o impulsar un proyecto</option>
<option value="Quiero incorporar tecnología, automatización o IA">Quiero incorporar tecnología, automatización o IA</option>
<option value="Quiero hacer una consulta sobre IDE Academy">Quiero hacer una consulta sobre IDE Academy</option>
<option value="Quiero proponer una alianza o colaboración">Quiero proponer una alianza o colaboración</option>
<option value="Otro motivo de consulta">Otro motivo de consulta.</option>
</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>
+140 -2
View File
@@ -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;
BIN
View File
Binary file not shown.
+10 -16
View File
@@ -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 style="font-size: 1.25rem; margin-bottom: 0.75rem;">Crecimos y necesitamos ordenar la gestión</h3>
<p style="font-size: 0.9rem; color: var(--text-muted); line-height: 1.55; margin-bottom: 1.5rem;">
<h3>Crecimos y necesitamos ordenar la gestión</h3>
<p>
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 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 style="font-size: 0.9rem; color: var(--text-muted); line-height: 1.55; margin-bottom: 1.5rem;">
<h3>Sabemos que algo debería cambiar, pero no tenemos claro por dónde empezar</h3>
<p>
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>
+78 -60
View File
@@ -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>
<h1 style="margin-bottom: 1.25rem;color:var(--text-main);">Una mirada. <br> Múltiples capacidades. <br> Un mismo propósito.</h1>
<span class="eyebrow" style="color: var(--text-main);">PROPUESTA DE VALOR</span>
<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>• Mapeo, rediseño y optimización de cadenas de valor.</li>
<li>• Indicadores de desempeño (KPIs) y tableros de control de gestión.</li>
<li>• Auditorías internas con enfoque de riesgo y madurez.</li>
<li>• Procesos</li>
<li>• Sistemas de gestión</li>
<li>• Mejora continua</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>• Gestión de portafolios, priorización e inversiones.</li>
<li>• Metodologías híbridas: PMBOK® + marcos ágiles (Scrum, Kanban).</li>
<li>• Rescate y reestructuración de proyectos con desvíos críticos.</li>
<li>• Proyectos</li>
<li>• PMO</li>
<li>• Portafolios</li>
<li>• Gobernanza</li>
<li>• Metodologías</li>
<li>• Resultados</li>
</ul>
</div>
</div>
</div>
<!-- 3. 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">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 -->
<!-- 3. 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>• Automatización No-Code / Low-Code de tareas repetitivas.</li>
<li>• Tableros de Business Intelligence (BI) y visualización de KPIs.</li>
<li>• Diagnósticos de madurez digital y ciberseguridad básica.</li>
<li>• Digitalización</li>
<li>• Automatización </li>
<li>• Datos.</li>
<li>• Inteligencia Artificial</li>
<li>• Integración </li>
<li>• Decisiones </li>
</ul>
</div>
</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 -->
<!-- Ejemplos Concretos de Integración -> ahora es PREGUNTAS FRECUENTES-->
<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>
<h2>Cómo se conectan las capacidades en la práctica</h2>
<span class="eyebrow">PREGUNTAS FRECUENTES</span>
<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;">Certificación ISO con Adopción Real</h4>
<h4 style="font-size: 1.15rem; margin: 0.75rem 0 0.5rem 0;">¿Necesito contratar las cuatro capacidades del Ecosistema?</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;">PMO con Tableros Inteligentes</h4>
<h4 style="font-size: 1.15rem; margin: 0.75rem 0 0.5rem 0;">¿Qué pasa si no sé qué capacidad necesito?</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;">Reingeniería de Procesos con IA</h4>
<h4 style="font-size: 1.15rem; margin: 0.75rem 0 0.5rem 0;">¿Puedo trabajar con IDE para una necesidad puntual?</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>
+10 -9
View File
@@ -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>
<h1 style="margin-bottom: 1.25rem;">Desarrollamos las capacidades que hacen posible la transformación</h1>
<span class="eyebrow" style="color: var(--text-main);">Executive Learning & Capability Development</span>
<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="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="#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);">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>
<h2>Próximos Cursos y Formaciones Destacadas</h2>
<span class="eyebrow">APRENDER CON IDE</span>
<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.
</p>
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 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>
+1 -1
View File
@@ -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>
+1 -1
View File
@@ -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">
+10 -21
View File
@@ -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;">
<canvas id="ripple-canvas"></canvas>
<section class="incomodidad-section snowball-bg" style="gap: 3rem;">
<!--<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">
<svg class="icono" width="2.5rem" height="2.5rem" style="margin-bottom: 0.5rem; display: block; margin-left: auto; margin-right: auto;">
<use href="./assets/iconos/agro_color.svg" fill="currentColor"></use>
</svg>
<div class="card-agro" width="30" height="30" viewBox="0 0 24 24">
<span class="icono-agro"></span>
<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;">
<use href="./assets/iconos/fabrica_color.svg" fill="currentColor"></use>
</svg>
<span class="icono-fabrica"></span>
<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;">
<use href="./assets/iconos/nurse_color.svg" fill="currentColor"></use>
</svg>
<span class="icono-salud"></span>
<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;">
<use href="./assets/iconos/escuela_color.svg" fill="currentColor"></use>
</svg>
<span class="icono-educacion"></span>
<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>
+402
View File
@@ -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();
}
+1 -1
View File
@@ -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>
+43 -31
View File
@@ -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,9 +39,9 @@
<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.
<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.
</p>
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 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;">
</p>
@@ -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,50 +77,63 @@
<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>
<h2>Experiencia profesional que sustenta cada intervención</h2>
<span class="eyebrow">QUIÉNES HACEMOS IDE</span>
<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>
<div class="grid-3">
<!-- Miembro 1 -->
<div class="card text-center">
<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>
<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>
<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-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>
<div style="font-size: 0.85rem; font-weight: 700; color: var(--ide-projects); margin-bottom: 0.75rem;">Líder de IDE Project & PMO</div>
<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-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>
<div style="font-size: 0.85rem; font-weight: 700; color: var(--ide-digital); margin-bottom: 0.75rem;">Líder de IDE Digital & Academy</div>
<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 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>
<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.
<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>
<a href="contacto.html" class="btn btn-outline-cta btn-sm" ">Hablemos</a>
</div>
+24 -21
View File
@@ -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>
<h1 style="margin-bottom: 1.25rem;">Sumate a la red de <br> consultores de IDE</h1>
<span class="eyebrow">TALENTO & RED</span>
<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>
<h2>Cómo trabajamos en IDE</h2>
<span class="eyebrow">NUESTRA FORMA DE TRABAJAR</span>
<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.
</p>
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>
<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 Project:</strong> Project Managers certificados PMP®, Scrum Masters y líderes de PMO.</li>
<li>• <strong>IDE Academy:</strong> Facilitadores, diseñadores instruccionales y docentes corporativos.</li>
<li>• <strong>IDE Digital:</strong> Especialistas en automatización No-Code, IA aplicada y Business Intelligence.</li>
<li>• <strong>IDE Excellence:</strong> Gestión · Procesos · Mejora continua · Sistemas de gestión · Sostenibilidad</li>
<li>• <strong>IDE Project:</strong> Gestión de proyectos · PMO · Planificación · Riesgos · Agilidad</li>
<li>• <strong>IDE Digital:</strong> Digitalización · Automatización · Inteligencia Artificial · Datos · 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="Gestión y Dirección de Proyectos (Project)">Gestión y Dirección de Proyectos (Project)</option>
<option value="Docencia y Capacitación In-Company (Academy)">Docencia y Capacitación In-Company (Academy)</option>
<option value="Transformación Digital e IA (Digital)">Transformación Digital e IA (Digital)</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="IDE Projects — Gestión y dirección de proyectos">IDE Projects — Gestión y dirección de proyectos</option>
<option value="IDE Digital — Digitalización, automatización, datos e IA">IDE Digital — Digitalización, automatización, datos e IA</option>
<option value="IDE 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>
</div>
<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>