cambios de textos
This commit is contained in:
@@ -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 |
@@ -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 |
@@ -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 |
@@ -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 |
+140
-2
@@ -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;
|
||||
|
||||
+10
-16
@@ -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>
|
||||
|
||||
+10
-9
@@ -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>
|
||||
|
||||
|
||||
@@ -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
@@ -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>
|
||||
|
||||
@@ -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
@@ -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>
|
||||
|
||||
|
||||
+4
-4
@@ -89,7 +89,7 @@
|
||||
<!-- Miembro 1 -->
|
||||
<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/CRA.jpg" alt="Retrato de Carlos Garcia" loading="lazy">
|
||||
</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>
|
||||
@@ -102,7 +102,7 @@
|
||||
<!-- Miembro 2 -->
|
||||
<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/JAP2.jpg" alt="Retrato de Carlos Garcia" loading="lazy">
|
||||
</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>
|
||||
@@ -115,7 +115,7 @@
|
||||
<!-- 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;">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>
|
||||
@@ -128,7 +128,7 @@
|
||||
<!-- Miembro 4 -->
|
||||
<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/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>
|
||||
|
||||
Reference in New Issue
Block a user