seccion portfolio finish

This commit is contained in:
2026-09-18 21:17:15 -03:00
parent 49e7206a6a
commit c86173f574
20 changed files with 623 additions and 319 deletions
Binary file not shown.

After

Width:  |  Height:  |  Size: 465 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 468 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 238 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 118 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 170 KiB

+32
View File
@@ -0,0 +1,32 @@
<?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="70px" height="24px" version="1.1" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd"
viewBox="0 0 40.14 13.85"
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="_1807199483440">
<path fill="#221728" fill-opacity="0.400000" d="M10.3 0l-0.49 0c-0.25,0.13 -0.44,0.14 -0.7,0.35 -0.16,0.13 -0.35,0.33 -0.47,0.57 -0.26,0.51 -0.17,1.28 -0.17,1.91l0 8.26c0,0.67 -0.02,1.3 0.3,1.78 0.65,1 2.17,0.89 2.7,-0.1 0.28,-0.53 0.23,-1.19 0.23,-1.84l0 -8.27c0,-0.66 0.07,-1.32 -0.22,-1.85 -0.39,-0.69 -0.82,-0.64 -1.18,-0.81z"/>
<path fill="#221728" fill-opacity="0.800000" d="M4.25 12.02c0.2,1.96 2.69,2.04 3.14,0.37 0.14,-0.5 0.13,-4.98 0.07,-5.7 -0.17,-1.86 -2.65,-1.98 -3.15,-0.37 -0.12,0.4 -0.13,5.06 -0.06,5.7z"/>
<path fill="#221728" d="M15.41 0.62c-2.59,2.16 0.03,6 2.94,4.67 0.94,-0.43 1.45,-1.36 1.34,-2.74l-2.54 0 0 0.74 1.79 0.01c-0.27,2.01 -3.1,1.94 -3.67,0.09 -0.45,-1.42 0.66,-2.73 2.07,-2.61 0.52,0.04 0.83,0.29 1.15,0.5l0.53 -0.51c-0.88,-0.99 -2.62,-0.97 -3.61,-0.15z"/>
<path fill="#221728" d="M29.29 2.72c0.59,-0.18 1.03,0.33 1.12,0.8 0.11,0.59 -0.19,1.17 -0.69,1.29 -1.26,0.31 -1.77,-1.7 -0.43,-2.09zm1.07 2.43c0.19,1.15 -0.79,1.51 -1.38,1.16 -0.22,-0.13 -0.28,-0.26 -0.4,-0.4 -0.05,-0.06 -0.04,-0.05 -0.08,-0.09l-0.62 0.26c0.3,1.15 2.24,1.48 2.95,0.38 0.48,-0.74 0.29,-3.29 0.3,-4.37l-0.68 0 -0.09 0.28c-0.15,-0.1 -0.15,-0.15 -0.34,-0.25 -0.49,-0.24 -1.03,-0.15 -1.46,0.11 -0.44,0.28 -0.86,0.81 -0.84,1.58 0.03,1.44 1.83,2.3 2.64,1.34z"/>
<path fill="#221728" d="M0 11.7l0 0.56c0.14,0.24 0.2,0.67 0.63,0.98 0.3,0.22 0.73,0.38 1.22,0.31 1.88,-0.24 1.8,-3.13 -0.16,-3.2 -1.26,-0.04 -1.5,0.97 -1.69,1.35z"/>
<path fill="#221728" d="M16.41 8.35c0.01,0.02 0.03,0.03 0.03,0.04l0.07 0.11c0.02,0.02 0.04,0.1 0.05,0.12l0.67 1.89 -1.58 0 0.76 -2.16zm-0.98 2.74l2.03 0.01 0.48 1.29 0.66 -0.01 -1.78 -4.79 -0.73 0.01 -1.78 4.79 0.66 0.01 0.46 -1.31z"/>
<path fill="#221728" d="M25.47 2.71c0.62,-0.16 1.05,0.3 1.16,0.79 0.13,0.63 -0.23,1.17 -0.72,1.31 -1.28,0.34 -1.84,-1.73 -0.44,-2.1zm-0.25 -0.67c-2.23,0.54 -1.49,3.98 0.83,3.46 2.28,-0.51 1.54,-4.03 -0.83,-3.46z"/>
<path fill="#221728" d="M21.65 2.7c0.57,-0.11 1.06,0.34 1.14,0.84 0.11,0.65 -0.27,1.18 -0.78,1.28 -1.31,0.25 -1.72,-1.85 -0.36,-2.12zm-0.28 -0.66c-2.31,0.61 -1.38,4.05 0.91,3.44 0.84,-0.22 1.52,-1.06 1.26,-2.16 -0.2,-0.83 -1.08,-1.57 -2.17,-1.28z"/>
<path fill="#221728" d="M33.45 3.7c-0.01,-1.09 1.37,-1.34 1.56,-0.64l-1.56 0.64zm2.44 1.09l-0.08 -0.09c0,-0.01 -0.02,-0.02 -0.02,-0.03l-0.43 -0.32c-0.24,0.13 -0.33,0.47 -0.88,0.49 -0.45,0.01 -0.78,-0.23 -0.89,-0.56l2.34 -0.96c-0.59,-2.02 -3.01,-1.59 -3.24,0.16 -0.12,0.95 0.41,1.68 1.06,1.93 0.98,0.38 1.72,-0.09 2.14,-0.62z"/>
<path fill="#221728" d="M24.63 10.99c0.01,0.86 -1.21,1.3 -1.59,0.67 -0.44,-0.72 0.89,-1.23 1.59,-0.67zm-1.68 -1.03c0.28,-0.15 0.43,-0.54 1.07,-0.38 0.38,0.09 0.63,0.4 0.61,0.86 -0.55,-0.15 -0.99,-0.3 -1.62,-0.05 -1.06,0.44 -0.84,1.93 0.33,2.09 0.29,0.04 0.56,0.01 0.78,-0.1 0.33,-0.16 0.32,-0.28 0.52,-0.41l0.02 0.42 0.56 -0.01c0.03,-0.53 0,-1.13 0,-1.67 0.01,-0.62 0.01,-0.92 -0.36,-1.3 -0.67,-0.68 -2.02,-0.47 -2.41,0.23l0.5 0.32z"/>
<path fill="#221728" d="M19.51 12.39c0.07,-0.58 -0.01,-1.25 0.02,-1.84 0.03,-0.52 0.32,-0.97 0.86,-0.99 1.25,-0.03 0.69,1.82 0.83,2.83l0.59 0c0.08,-0.61 0.09,-2.48 -0.2,-2.89 -0.46,-0.65 -1.39,-0.63 -1.89,-0.17l-0.21 0.2 -0.02 -0.42 -0.55 0c-0.07,0.26 -0.06,2.93 -0.01,3.28l0.58 0z"/>
<path fill="#221728" d="M39.4 10.58c-0.29,-0.1 -0.82,-0.19 -1.04,-0.32 -0.42,-0.24 -0.18,-0.6 0.2,-0.69 0.5,-0.1 0.74,0.13 0.98,0.39 0.19,-0.03 0.4,-0.11 0.52,-0.23 -0.36,-0.96 -2.22,-0.98 -2.51,-0.03 -0.47,1.5 2.13,1.05 1.95,1.88 -0.02,0.11 -0.76,0.95 -1.56,-0.25l-0.51 0.25c0.16,0.49 0.63,0.88 1.29,0.91 1.48,0.07 1.96,-1.47 0.68,-1.91z"/>
<path fill="#221728" d="M26.9 9.12l1.28 2.95c0.09,0.31 -0.51,1.11 -0.69,1.78l0.63 -0.02c0.27,-0.81 1.99,-4.42 1.99,-4.73l-0.63 0.01 -0.97 2.34 -0.99 -2.34 -0.62 0.01z"/>
<path fill="#221728" d="M36.55 11.34c-0.15,0.19 -0.21,0.36 -0.46,0.49 -0.67,0.35 -1.55,-0.13 -1.53,-1.12 0.01,-0.57 0.34,-0.99 0.76,-1.11 0.75,-0.21 0.93,0.29 1.23,0.56l0.5 -0.19c-0.36,-1.43 -3.15,-1.38 -3.1,0.85 0.04,1.9 2.52,2.24 3.12,0.76 -0.13,-0.12 -0.34,-0.18 -0.52,-0.24z"/>
<polygon fill="#221728" points="31.58,5.43 32.33,5.43 32.34,0.24 32.09,0.21 31.87,0.22 31.58,0.22 "/>
<path fill="#221728" d="M30.34 9.67l0.57 0c0,0.47 -0.05,1.75 0.04,2.12 0.17,0.7 1.01,0.77 1.44,0.55l-0.15 -0.49c-0.91,-0.02 -0.72,-0.14 -0.72,-2.18l0.8 0 0.02 -0.57 -0.78 0.01c-0.09,-0.3 -0.03,-0.67 -0.04,-1l-0.61 0.02 0 0.98 -0.57 0 0 0.56z"/>
<polygon fill="#221728" points="25.92,12.37 26.48,12.37 26.48,7.63 25.92,7.63 "/>
<polygon fill="#221728" points="32.95,12.4 33.55,12.38 33.56,9.11 32.93,9.1 "/>
<path fill="#221728" d="M33.06 7.59c-0.49,0.27 -0.19,0.99 0.37,0.78 0.52,-0.2 0.15,-1.07 -0.37,-0.78z"/>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 5.2 KiB

+12
View File
@@ -0,0 +1,12 @@
<?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="24px" height="24px" version="1.1" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd"
viewBox="0 0 3.22 3.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"/>
<path fill="#221728" d="M0.14 2.28c0.18,0.4 0.59,0.78 1.08,0.89l0 -1.07 -0.34 0 0 -0.5 0.33 0c0.04,-0.37 -0.01,-0.68 0.25,-0.86 0.23,-0.17 0.58,-0.17 0.9,-0.11l-0.01 0.45c-0.47,-0.03 -0.58,0.03 -0.54,0.52l0.52 0 -0.1 0.5 -0.43 0 0 1.1c0.56,-0.05 1.04,-0.44 1.26,-0.89 0.17,-0.36 0.21,-0.79 0.09,-1.18 -0.09,-0.25 -0.22,-0.49 -0.4,-0.67 -0.64,-0.62 -1.71,-0.62 -2.33,0.04 -0.44,0.46 -0.54,1.2 -0.28,1.78z"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.0 KiB

+15
View File
@@ -0,0 +1,15 @@
<?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="23px" height="24px" version="1.1" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd"
viewBox="0 0 7.42 7.58"
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="_1807237185952">
<path fill="#221728" d="M0.4 5.49c0.07,0.12 0.13,0.24 0.2,0.35 0.53,0.81 1.27,1.36 2.26,1.63 0.6,0.16 1.4,0.15 1.99,-0.02 0.54,-0.16 1.15,-0.46 1.43,-0.78 -0.09,-0.12 -0.45,-0.36 -0.59,-0.47 -0.11,-0.09 -0.2,-0.16 -0.31,-0.24 -0.1,-0.08 -0.19,-0.16 -0.3,-0.22 -0.08,0.02 -0.14,0.07 -0.22,0.11 -1.08,0.53 -2.41,0.15 -3,-0.88 -0.03,-0.05 -0.19,-0.4 -0.21,-0.43 -0.19,0.11 -0.44,0.34 -0.63,0.48 -0.11,0.08 -0.19,0.15 -0.3,0.23 -0.11,0.08 -0.2,0.17 -0.32,0.24zm0.01 -3.41l0.03 0.04c0.02,0.02 0,0 0.04,0.04l0.85 0.65c0.09,0.07 0.23,0.21 0.33,0.23 0.16,-0.27 0.16,-0.47 0.54,-0.86 0.22,-0.22 0.49,-0.42 0.87,-0.55 0.56,-0.2 1.22,-0.15 1.74,0.13 0.18,0.1 0.29,0.22 0.43,0.3 0.06,-0.03 1.02,-0.98 1.07,-1.1 -0.17,-0.11 -0.32,-0.26 -0.65,-0.46 -1.52,-0.93 -3.64,-0.53 -4.81,0.9 -0.12,0.15 -0.35,0.46 -0.44,0.68z"/>
<path fill="#221728" fill-opacity="0.501961" d="M0.4 5.49c0.12,-0.07 0.21,-0.16 0.32,-0.24 0.11,-0.08 0.19,-0.15 0.3,-0.23 0.19,-0.14 0.44,-0.37 0.63,-0.48 -0.01,-0.11 -0.05,-0.23 -0.07,-0.35 -0.03,-0.13 -0.04,-0.26 -0.04,-0.4 0,-0.32 0.08,-0.48 0.12,-0.75 -0.1,-0.02 -0.24,-0.16 -0.33,-0.23l-0.85 -0.65c-0.04,-0.04 -0.02,-0.02 -0.04,-0.04l-0.03 -0.04c-0.23,0.37 -0.4,1.15 -0.41,1.69 -0.01,0.71 0.16,1.18 0.4,1.72zm4.68 0.25c0.11,0.06 0.2,0.14 0.3,0.22 0.11,0.08 0.2,0.15 0.31,0.24 0.14,0.11 0.5,0.35 0.59,0.47 0.32,-0.17 0.78,-1 0.93,-1.43 0.24,-0.74 0.25,-1.31 0.15,-2.12l-3.57 0 0 1.46 2.03 0c-0.02,0.35 -0.26,0.7 -0.48,0.92l-0.26 0.24z"/>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.1 KiB

+16
View File
@@ -0,0 +1,16 @@
<?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="26px" height="24px" version="1.1" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd"
viewBox="0 0 3.02 2.76"
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="_1807517558384">
<path fill="#221728" d="M1.02 0.37c-0.04,0.31 0.07,0.41 0.19,0.63 0.05,0.08 0.1,0.17 0.15,0.26 0.04,0.07 0.13,0.2 0.15,0.27 0.05,0.05 0.26,0.45 0.32,0.55 0.09,0.15 0.23,0.43 0.33,0.53 0.37,0.38 1.03,0 0.83,-0.53 -0.04,-0.11 -0.84,-1.46 -0.95,-1.66 -0.08,-0.15 -0.14,-0.27 -0.29,-0.36 -0.14,-0.07 -0.3,-0.08 -0.44,-0.02 -0.05,0.02 -0.1,0.06 -0.13,0.08 -0.07,0.07 -0.12,0.15 -0.16,0.25z"/>
<path fill="#221728" fill-opacity="0.701961" d="M0.13 1.92c0.08,-0.06 0.12,-0.12 0.27,-0.15 0.13,-0.03 0.27,0 0.36,0.06 0.08,0.05 0.16,0.12 0.2,0.22 0.07,0.15 0.04,0.22 0.03,0.37l0.52 -0.89c-0.02,-0.07 -0.11,-0.2 -0.15,-0.27 -0.05,-0.09 -0.1,-0.18 -0.15,-0.26 -0.12,-0.22 -0.23,-0.32 -0.19,-0.63 -0.04,0.04 -0.87,1.48 -0.89,1.55z"/>
<path fill="#221728" fill-opacity="0.901961" d="M0.13 1.92c-0.21,0.22 -0.16,0.62 0.11,0.78 0.31,0.16 0.65,0.01 0.75,-0.28 0.01,-0.15 0.04,-0.22 -0.03,-0.37 -0.04,-0.1 -0.12,-0.17 -0.2,-0.22 -0.09,-0.06 -0.23,-0.09 -0.36,-0.06 -0.15,0.03 -0.19,0.09 -0.27,0.15z"/>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.6 KiB

+17
View File
@@ -0,0 +1,17 @@
<?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="24px" height="24px" version="1.1" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd"
viewBox="0 0 5.96 5.97"
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="_1807426641856">
<path fill="#221728" d="M1.73 0.48c0.19,-0.02 0.42,-0.01 0.62,-0.01 0.42,0 0.83,0 1.25,0 0.21,0 0.43,0 0.63,0.01 0.68,0.03 1.21,0.57 1.26,1.24 0.01,0.2 0,0.43 0,0.63l0 1.25c0,0.21 0.01,0.43 0,0.63 -0.04,0.68 -0.57,1.21 -1.25,1.26 -0.2,0.01 -0.42,0 -0.62,0l-1.26 0c-0.2,0 -0.42,0.01 -0.62,0 -0.69,-0.04 -1.22,-0.57 -1.26,-1.25 -0.02,-0.2 -0.01,-0.42 -0.01,-0.62l0 -1.26c0,-0.43 -0.04,-0.74 0.13,-1.12 0.19,-0.42 0.62,-0.73 1.13,-0.76zm-0.02 -0.47c-0.83,0.05 -1.46,0.63 -1.64,1.33 -0.07,0.24 -0.07,0.42 -0.07,0.68l0 1.49c0,0.24 -0.01,0.51 0.01,0.75 0.04,0.83 0.64,1.46 1.33,1.64 0.24,0.06 0.42,0.06 0.68,0.06 0.49,0 0.99,0 1.49,0 0.24,0 0.5,0.01 0.74,0 0.84,-0.05 1.46,-0.64 1.65,-1.33 0.06,-0.24 0.06,-0.43 0.06,-0.68l0 -1.49c0,-0.24 0.01,-0.51 0,-0.75 -0.05,-0.83 -0.64,-1.46 -1.33,-1.64 -0.24,-0.07 -0.43,-0.07 -0.68,-0.07l-1.49 0c-0.24,0 -0.51,-0.01 -0.75,0.01z"/>
<path fill="#221728" d="M2.91 1.89c0.23,-0.02 0.48,0.05 0.66,0.16 0.08,0.06 0.08,0.06 0.15,0.12 0.08,0.07 0.18,0.19 0.24,0.31 0.17,0.34 0.16,0.77 -0.05,1.09 -0.06,0.09 -0.05,0.08 -0.11,0.15 -0.08,0.09 -0.21,0.18 -0.32,0.24 -0.12,0.07 -0.26,0.11 -0.43,0.12 -0.63,0.04 -1.12,-0.44 -1.16,-1.03 -0.01,-0.16 0.02,-0.33 0.07,-0.47 0.06,-0.15 0.11,-0.22 0.21,-0.33 0.17,-0.21 0.46,-0.34 0.74,-0.36zm-0.01 -0.47c-0.84,0.05 -1.53,0.76 -1.48,1.65 0.04,0.83 0.76,1.53 1.65,1.48 0.83,-0.05 1.53,-0.76 1.48,-1.65 -0.05,-0.83 -0.76,-1.53 -1.65,-1.48z"/>
<path fill="#221728" fill-opacity="0.501961" d="M2.91 1.89c-0.28,0.02 -0.57,0.15 -0.74,0.36 -0.1,0.11 -0.15,0.18 -0.21,0.33 -0.05,0.14 -0.08,0.31 -0.07,0.47 0.04,0.59 0.53,1.07 1.16,1.03 0.17,-0.01 0.31,-0.05 0.43,-0.12 0.11,-0.06 0.24,-0.15 0.32,-0.24 0.06,-0.07 0.05,-0.06 0.11,-0.15 0.21,-0.32 0.22,-0.75 0.05,-1.09 -0.06,-0.12 -0.16,-0.24 -0.24,-0.31 -0.07,-0.06 -0.07,-0.06 -0.15,-0.12 -0.18,-0.11 -0.43,-0.18 -0.66,-0.16zm-0.01 -0.47c0.89,-0.05 1.6,0.65 1.65,1.48 0.05,0.89 -0.65,1.6 -1.48,1.65 -0.89,0.05 -1.61,-0.65 -1.65,-1.48 -0.05,-0.89 0.64,-1.6 1.48,-1.65zm1.61 -0.31c0.18,-0.03 0.33,0.1 0.35,0.26 0.03,0.18 -0.11,0.33 -0.26,0.36 -0.19,0.02 -0.34,-0.11 -0.36,-0.27 -0.03,-0.19 0.11,-0.33 0.27,-0.35zm-2.78 -0.63c-0.51,0.03 -0.94,0.34 -1.13,0.76 -0.17,0.38 -0.13,0.69 -0.13,1.12l0 1.26c0,0.2 -0.01,0.42 0.01,0.62 0.04,0.68 0.57,1.21 1.26,1.25 0.2,0.01 0.42,0 0.62,0l1.26 0c0.2,0 0.42,0.01 0.62,0 0.68,-0.05 1.21,-0.58 1.25,-1.26 0.01,-0.2 0,-0.42 0,-0.63l0 -1.25c0,-0.2 0.01,-0.43 0,-0.63 -0.05,-0.67 -0.58,-1.21 -1.26,-1.24 -0.2,-0.01 -0.42,-0.01 -0.63,-0.01 -0.42,0 -0.83,0 -1.25,0 -0.2,0 -0.43,-0.01 -0.62,0.01z"/>
<path fill="#221728" d="M4.51 1.11c-0.16,0.02 -0.3,0.16 -0.27,0.35 0.02,0.16 0.17,0.29 0.36,0.27 0.15,-0.03 0.29,-0.18 0.26,-0.36 -0.02,-0.16 -0.17,-0.29 -0.35,-0.26z"/>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 3.3 KiB

+14
View File
@@ -0,0 +1,14 @@
<?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="119px" height="24px" version="1.1" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd"
viewBox="0 0 62.65 12.66"
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>
<path fill="#221728" d="M25.12 3.64c0.03,0.02 0.06,0.06 0.09,0.1l0.31 0.5c0.12,0.23 0.23,0.46 0.37,0.72 0.6,1.05 2.25,3.81 2.48,4.6l2.03 0c0.16,-0.7 1.88,-3.51 2.46,-4.59 0.28,-0.54 0.53,-1.1 0.96,-1.51l0.05 8.92 1.9 0 -0.03 -11.98 -2.32 -0.01c-0.46,0.91 -3.66,6.85 -4.06,7.2l-3.94 -7.2 -2.42 0.05 0.03 11.94 1.9 -0.02 0.19 -8.72zm-17.05 1.57c-1.11,1.5 -1.82,3.04 -2.92,4.34 -0.51,0.6 -1.34,1.44 -2.34,0.78 -0.87,-0.58 -0.76,-1.92 -0.72,-3.02 0.29,-1.98 0.86,-3.75 2.14,-4.79 1.78,-1.46 3.77,0.84 4.25,1.94 -0.13,0.34 -0.21,0.42 -0.4,0.73l-0.01 0.02zm-7.99 3.97c0.18,1.5 0.85,2.6 1.88,3.1 4.4,2.16 6.49,-5.67 7.71,-6.24 0.1,0.48 1.7,3.01 1.98,3.45 0.59,0.9 1.67,2.6 2.72,2.72 0.64,0.64 2.25,0.42 2.97,-0.03 3.34,-2.09 1.38,-11.2 -2.88,-12.1 -2.82,-0.59 -4.04,2.16 -4.8,2.47 -1.28,-2.06 -4.61,-3.78 -7.01,-1.31 -1.61,1.66 -3,4.65 -2.57,7.94zm46.49 -4.17l1.76 0.06c0.07,4.35 -1.02,8.31 4.55,7.34l0.04 -1.6c-3.29,0.33 -2.74,-0.57 -2.72,-5.78l2.69 -0.01 0.02 -1.57 -2.69 0 -0.02 -2.61 -1.85 0 -0.09 2.6 -1.7 0.07 0.01 1.5zm-35.92 -1.21c0.91,-0.66 1.35,-2.39 3.19,-2.15 2.43,0.31 3.51,4.7 3.34,7.05 -0.07,0.85 -0.37,1.53 -0.93,1.75 -0.9,0.35 -1.27,-0.22 -1.71,-0.51 -0.71,-0.96 -1.3,-1.86 -1.95,-2.95 -0.68,-1.15 -1.32,-2.08 -1.94,-3.19zm28.79 3.36c0.19,-1.24 0.91,-2.24 2.32,-2.29 1.6,-0.06 2.14,0.93 2.36,2.33l-4.68 -0.04zm5.39 2.86c-0.97,0.3 -1.3,1.2 -3.23,0.9 -1.28,-0.19 -1.92,-0.97 -2.15,-2.3l6.46 -0.01c1.1,-5.52 -6.15,-7.53 -8.09,-2.6 -1.02,2.58 0.22,5.04 1.76,5.95 1.99,1.16 4.83,0.65 6.12,-0.76 -0.22,-0.48 -0.49,-0.77 -0.87,-1.18zm12.89 -5.01c1.75,-0.37 3.04,0.62 3.07,2.26 0.03,1.3 0.27,3.21 -1.99,3.59 -3.75,0.62 -4.11,-5.2 -1.08,-5.85zm3 -0.6c-1.29,-0.98 -2.65,-1.82 -4.78,-0.66 -3.98,2.19 -2.11,10.19 3.05,8.7 1.01,-0.29 1.22,-0.76 1.8,-1.17l0.12 1.11 1.74 0.01 0 -8.95 -1.61 -0.01 -0.23 0.54c-0.06,0.21 0.03,0.14 -0.09,0.43z"/>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.4 KiB

+12
View File
@@ -0,0 +1,12 @@
<?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="24px" height="24px" version="1.1" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd"
viewBox="0 0 3.22 3.27"
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"/>
<path fill="#221728" d="M1.4 2.94c0.04,-0.04 0.01,-0.02 0.06,-0.06 0.02,-0.02 0.05,-0.04 0.08,-0.05 0.11,-0.07 0.44,-0.23 0.51,-0.31 0.12,-0.12 0.06,-0.77 0.06,-0.99 0.11,0.04 0.16,0.08 0.27,0.15 0.05,0.67 0.09,1.71 -0.98,1.26zm-1.01 -0.83c0.22,0.04 0.6,0.41 0.78,0.35 0.06,-0.01 0.34,-0.18 0.4,-0.22 0.14,-0.08 0.24,-0.15 0.39,-0.21 0,0.41 0.01,0.31 -0.3,0.48 -0.13,0.07 -0.35,0.22 -0.49,0.26 -0.49,0.15 -0.78,-0.23 -0.78,-0.66zm0.86 -0.7c0.11,-0.03 0.29,-0.16 0.36,-0.16 0.07,0 0.25,0.13 0.35,0.16l0 0.45c-0.11,0.03 -0.28,0.16 -0.35,0.16 -0.08,0 -0.23,-0.13 -0.35,-0.16l-0.01 -0.45zm0.16 0.74c0,0 -0.01,0.01 -0.02,0.02l-0.2 0.1c-0.09,0 -0.67,-0.36 -0.75,-0.42 -0.36,-0.27 -0.26,-0.94 0.17,-1.03l0.01 0.82c0.14,0.09 0.67,0.42 0.83,0.46l-0.04 0.05zm0.9 -1.02c0.14,0.08 0.38,0.21 0.49,0.3 0.34,0.28 0.22,0.95 -0.19,1.02l-0.01 -0.82c-0.17,-0.12 -0.72,-0.38 -0.83,-0.52 0.36,-0.11 0.15,-0.2 0.54,0.02zm-1.05 0.11c0,-0.4 0.01,-0.32 0.29,-0.48 0.14,-0.08 0.36,-0.22 0.49,-0.27 0.32,-0.09 0.79,0.07 0.79,0.67 -0.22,-0.05 -0.62,-0.41 -0.79,-0.36 -0.1,0.04 -0.57,0.36 -0.78,0.44zm-0.42 0.35c-0.03,-0.31 -0.06,-0.87 0.09,-1.11 0.21,-0.34 0.58,-0.29 0.88,-0.15l-0.15 0.13c-0.08,0.04 -0.1,0.05 -0.18,0.09 -0.47,0.28 -0.38,0.13 -0.37,1.19 -0.1,-0.04 -0.18,-0.09 -0.27,-0.15zm2.19 -0.33c0.06,-0.49 -0.18,-0.88 -0.61,-0.98 -0.12,-0.03 -0.28,0 -0.38,-0.04 -0.05,-0.02 -0.41,-0.38 -0.91,-0.18 -0.24,0.1 -0.3,0.19 -0.42,0.4 -0.14,0.24 -0.27,0.11 -0.49,0.34 -0.48,0.51 -0.02,1.07 -0.03,1.2 -0.01,0.29 -0.04,0.43 0.13,0.65 0.34,0.47 0.7,0.32 0.86,0.38 0.03,0.01 0.17,0.12 0.24,0.16 0.41,0.19 0.84,0.05 1.09,-0.38 0.1,-0.16 0.07,-0.1 0.24,-0.18 0.29,-0.13 0.47,-0.4 0.47,-0.76 -0.01,-0.32 -0.21,-0.44 -0.19,-0.61z"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.3 KiB

+25
View File
@@ -0,0 +1,25 @@
<?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="155px" height="24px" version="1.1" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd"
viewBox="0 0 89.54 13.89"
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="_1807232431584">
<path fill="#221728" d="M4.44 7.35l0.06 -1.75c-2.84,0.42 -4.48,2.26 -4.1,4.83 0.28,1.84 2.14,3.63 4.8,3 0.91,-0.21 1.63,-0.74 2.28,-1.71 1.12,-1.7 0.7,-4.72 0.74,-7.06 1.26,0.43 1.41,0.88 3.21,0.9l0.01 -1.79c-1.41,-0.7 -2.51,-1.08 -2.59,-3.06l-0.5 -0.08 -1.76 0c-0.06,2.49 -0.01,5.04 -0.01,7.53 0,1.24 0.15,2.49 -0.6,3.22 -1.17,0.85 -2.31,0.66 -3.11,0.04 -1.6,-1.24 -0.88,-3.95 1.57,-4.07z"/>
<path fill="#221728" d="M52.11 2.34l-0.02 10.19 2.47 0 -0.01 -2.69 0.8 -0.68c0.42,0.59 0.79,1.13 1.23,1.76 1.07,1.55 0.47,1.8 3.69,1.57 -0.93,-1.63 -2.4,-3.3 -3.36,-4.93 0.55,-0.52 2.62,-2.45 2.87,-3l-2.45 -0.01c-0.74,0 -2.15,1.91 -2.75,2.37l-0.04 -4.75 -2.43 0.17z"/>
<path fill="#221728" d="M30.43 7.52c0.55,-0.52 2.59,-2.42 2.87,-2.96 -4.13,-0.02 -2.27,-0.22 -5.22,2.37l-0.02 -4.76 -2.43 0.08 -0.01 10.21 2.47 0.06c0,-2.22 -0.35,-2.78 0.82,-3.33 0.65,1.08 1.69,2.24 2.24,3.33l2.63 0c-0.64,-1.36 -2.85,-3.9 -3.35,-5z"/>
<path fill="#221728" d="M45.49 6.44c2.61,-1.13 4.14,2.82 1.61,3.83 -2.61,1.04 -4.07,-2.77 -1.61,-3.83zm-1.8 -1.44c-1.85,1.54 -2.19,4.07 -0.82,5.81 0.24,0.3 0.53,0.61 0.82,0.85 1.7,1.42 4.47,1.07 5.87,-0.61 0.52,-0.62 1,-1.57 1,-2.72 -0.01,-3.94 -4.58,-5.24 -6.87,-3.33z"/>
<polygon fill="#221728" points="42.21,2.17 34.46,2.17 34.48,4.31 36.97,4.38 36.97,12.55 39.48,12.47 39.48,4.32 41.51,4.31 "/>
<polygon fill="#221728" points="21.64,2.17 13.9,2.18 13.92,4.32 16.42,4.32 16.41,12.53 18.92,12.53 18.92,4.33 20.95,4.33 "/>
<path fill="#221728" d="M76.2 9.33c-0.76,-3.99 5.13,-5.09 5.89,-1.29 0.83,4.17 -5.18,5.01 -5.89,1.29zm5.89 -3.12c-0.38,-0.21 -1.83,-2.23 -4.45,-1.19 -1.29,0.51 -2.48,1.8 -2.49,3.65 -0.01,3.69 4.57,5.42 6.75,2.63 0.03,0.04 0.04,0.06 0.05,0.13 0.01,0.07 0.04,0.1 0.05,0.13l0.15 0.56c0.12,0.39 -0.04,0.13 0.14,0.38l0.78 -0.04 0 -10.51 -0.88 -0.04 -0.1 4.3z"/>
<path fill="#221728" d="M68.87 4.47l1.63 3.61 -3.43 -0.01 1.8 -3.6zm-2.22 4.62l4.16 -0.01c0.64,0.48 1.5,2.68 1.78,3.42l1.1 0c-0.21,-0.8 -4.47,-9.98 -4.88,-10.33 -0.49,0.51 -4.58,9.25 -4.95,10.31l1.12 0.01 1.67 -3.4z"/>
<polygon fill="#221728" points="22.13,12.48 23.06,12.53 23.56,12.53 24.6,12.53 24.6,5.45 22.14,5.56 22.14,7.83 "/>
<path fill="#221728" d="M85.62 10.97c-0.3,0.26 -0.33,0.37 -0.59,0.65 1.12,1.56 4.16,1.43 4.48,-0.8 0.39,-2.79 -2.88,-2.11 -3.29,-4.15 0.26,-0.79 0.8,-1.25 1.75,-0.86 0.9,0.36 0.88,1.2 1.51,0.03 -2.58,-2.87 -5.62,0.53 -3.37,2.5 0.78,0.68 2.48,1.01 2.48,2.15 0,0.69 -0.52,1.13 -1.16,1.21 -0.93,0.13 -1.32,-0.43 -1.81,-0.73z"/>
<path fill="#221728" fill-opacity="0.501961" d="M2.63 11.21c-0.37,-0.8 -0.16,-1.78 0.38,-2.46 0.58,-0.73 1.14,-0.69 2.17,-0.83l0 -2.18 -0.68 -0.14 -0.04 -0.28c-1.82,0.12 -3.39,0.71 -4,2.12 -0.76,1.78 -0.63,4.07 0.77,4.79 -1.62,-3.55 -0.22,-6.11 3.27,-6.63l-0.06 1.75c-3.47,-0.5 -3.6,2.78 -1.81,3.86zm44.55 1.24c2.16,-0.23 4.06,-1.79 4.04,-4.12 -0.01,-2.46 -1.89,-3.76 -4.07,-4.11 0.53,0.41 3.4,1.01 3.41,4.11 0,1.15 -0.48,2.1 -1,2.72 -0.82,0.98 -1.54,0.75 -2.38,1.4zm-2.04 -0.05c-0.52,-0.59 -0.93,-0.31 -1.45,-0.74 -0.29,-0.24 -0.58,-0.55 -0.82,-0.85 -1.37,-1.74 -1.03,-4.27 0.82,-5.81 0.37,-0.31 0.9,-0.3 1.25,-0.67 -4.01,0.58 -4.5,7.02 0.2,8.07zm-43.02 0.6c0.65,0.71 2.04,1.05 3.36,0.81 4.38,-0.82 3.42,-5.62 3.43,-8.57 1.35,0.43 1.31,0.8 3.25,0.96l-0.01 -2.26 -0.71 -0.17 -0.01 1.79c-1.8,-0.02 -1.95,-0.47 -3.21,-0.9 -0.04,2.34 0.02,5.08 -1.1,6.78 -0.67,1.02 -1.08,1.42 -2.05,1.62 -0.83,0.16 -1.74,0.17 -2.95,-0.06zm1.1 -1.35c0.61,0.89 1.99,0.46 2.76,-0.27 0.75,-0.73 0.6,-1.98 0.6,-3.22 0,-2.49 -0.05,-5.04 0.01,-7.53l1.76 0 -0.27 -0.63 -2.21 0.01c-0.06,2.31 -0.01,4.67 -0.01,6.99 0,2.52 0.24,4.82 -2.64,4.65z"/>
<path fill="#221728" d="M22.25 3.75c0.32,1.31 1.85,0.95 2.2,0.13 0.3,-0.71 -0.05,-1.35 -0.54,-1.57 -0.9,-0.41 -1.95,0.25 -1.66,1.44z"/>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 4.3 KiB

+15
View File
@@ -0,0 +1,15 @@
<?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="24px" height="24px" version="1.1" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd"
viewBox="0 0 4.1 4.11"
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="_1807420320400">
<path fill="#221728" d="M0.49 1.59c-0.01,-0.04 0.05,-0.21 0.07,-0.23 0.01,-0.03 0.04,-0.08 0.06,-0.12 0.02,-0.03 0.04,-0.08 0.07,-0.11 0.01,-0.01 0,0 0.01,-0.02 0.1,-0.13 0.17,-0.23 0.3,-0.33 0.39,-0.32 1.02,-0.52 1.51,-0.33 0.05,0 0.13,0.04 0.19,0.06 0.01,0 0.02,0.01 0.03,0.01 0.2,0.11 0.33,0.17 0.5,0.35 0.07,0.06 0.13,0.14 0.19,0.22 0.03,0.04 0.14,0.21 0.14,0.26 0.04,0.03 0.09,0.19 0.1,0.25 0.04,0.08 0.06,0.33 0.06,0.44 -0.01,0.16 -0.06,0.55 -0.16,0.68 -0.01,0.03 -0.09,0.2 -0.12,0.23 -0.01,0.01 0,0 -0.02,0.01 0,0.03 0.01,0.01 -0.01,0.03 -0.48,0.68 -1.39,0.9 -2.14,0.48 -0.02,-0.01 -0.07,-0.03 -0.08,-0.05 -0.07,-0.02 -0.2,0.04 -0.28,0.05 -0.02,0.01 -0.17,0.05 -0.2,0.05 -0.02,0.02 -0.14,0.05 -0.17,0.05 0.01,-0.05 0.04,-0.14 0.04,-0.16l0.01 -0.01c0,-0.03 0.09,-0.38 0.11,-0.42 0,-0.04 -0.01,-0.03 -0.02,-0.06 -0.02,-0.02 -0.09,-0.16 -0.1,-0.19 -0.16,-0.23 -0.18,-0.74 -0.13,-1 0,-0.03 0.02,-0.12 0.04,-0.14zm0.42 -1.23c0,0.01 -0.1,0.08 -0.12,0.08 -0.2,0.2 -0.34,0.33 -0.48,0.57 -0.02,0.04 -0.04,0.08 -0.06,0.12 -0.02,0.04 -0.04,0.08 -0.06,0.12l-0.03 0.1c-0.01,0.02 -0.01,0.01 -0.02,0.03 0,0.03 -0.05,0.19 -0.06,0.24 -0.02,0.09 -0.03,0.18 -0.04,0.28 -0.02,0.3 0.04,0.49 0.04,0.57 0.01,0.01 0.03,0.1 0.04,0.13 0.01,0.04 0.03,0.08 0.04,0.13 0.01,0.02 0.05,0.13 0.07,0.16 0.02,0.04 0.07,0.11 0.05,0.15 0,0.04 -0.09,0.35 -0.09,0.36 -0.01,0.04 -0.03,0.09 -0.04,0.14 -0.01,0.02 -0.02,0.11 -0.04,0.13 0,0.03 -0.09,0.37 -0.11,0.42 0,0.03 -0.01,0.02 0.02,0.02 0.01,-0.01 0.03,-0.01 0.04,-0.01 0.02,-0.02 0.16,-0.05 0.18,-0.05 0.02,-0.01 0.19,-0.05 0.21,-0.05l0.25 -0.07c0.01,-0.01 0.18,-0.05 0.2,-0.05 0,-0.01 0,-0.01 0.02,-0.01 0.01,-0.01 0.01,-0.01 0.03,-0.01 0.03,-0.01 0.07,-0.02 0.11,-0.03 0.05,-0.02 0.07,0 0.11,0.03 0.06,0.02 0.19,0.07 0.21,0.09 0.05,0.01 0.09,0.02 0.13,0.03l0.1 0.03c0.02,0.01 0.01,0 0.02,0.01 0.05,0 0.1,0.02 0.15,0.02 0.06,0.01 0.11,0.02 0.16,0.02 0.11,0.01 0.24,0.01 0.35,-0.01 0.36,-0.06 0.83,-0.23 1.1,-0.47 0.02,-0.03 0.01,-0.02 0.03,-0.03 0.01,-0.01 0.02,-0.02 0.03,-0.03 0.02,-0.01 0.03,-0.02 0.04,-0.04 0.21,-0.21 0.49,-0.71 0.56,-1 0.11,-0.46 0.01,-0.72 0.02,-0.84 -0.02,-0.01 -0.02,-0.03 -0.02,-0.07 -0.02,-0.08 -0.05,-0.14 -0.06,-0.21 -0.01,-0.01 -0.08,-0.19 -0.09,-0.21 -0.01,-0.01 -0.02,-0.03 -0.02,-0.05 -0.03,-0.03 -0.04,-0.06 -0.06,-0.09 -0.02,-0.03 -0.04,-0.07 -0.05,-0.09 -0.04,-0.05 -0.08,-0.11 -0.13,-0.17 -0.02,-0.03 -0.04,-0.05 -0.07,-0.08 -0.04,-0.06 -0.17,-0.17 -0.22,-0.21 -0.2,-0.18 -0.57,-0.33 -0.84,-0.41 -0.2,-0.04 -0.37,-0.06 -0.59,-0.04 -0.1,0.01 -0.18,0.01 -0.28,0.04 -0.28,0.06 -0.48,0.15 -0.73,0.31z"/>
<path fill="#221728" d="M1.29 1.14c-0.03,0.03 -0.04,0.03 -0.07,0.07 -0.02,0.02 -0.04,0.06 -0.06,0.07 -0.01,0.03 -0.01,0.02 -0.02,0.05 -0.01,0 -0.01,0.01 -0.01,0.02 -0.01,0.01 -0.01,0 -0.01,0.01 0,0.02 -0.02,0.11 -0.03,0.14 0,0.06 0,0.12 0.01,0.18 0.01,0.05 0.03,0.1 0.04,0.14l0 0.02c0.03,0.02 0.05,0.08 0.06,0.11 0.02,0.03 0.05,0.06 0.06,0.1 0.02,0.01 0.07,0.09 0.08,0.11 0.13,0.19 0.39,0.44 0.6,0.55 0.03,0.02 0.09,0.05 0.12,0.07l0.24 0.1c0.08,0 0.2,0.09 0.38,0.05 0.08,-0.02 0.17,-0.06 0.23,-0.11l0.06 -0.05c0.01,-0.02 0.02,-0.04 0.04,-0.05 0,-0.04 0.04,-0.08 0.04,-0.13 0.02,-0.13 -0.04,-0.13 -0.08,-0.19 -0.01,-0.01 -0.19,-0.1 -0.2,-0.12 -0.02,0 -0.01,0 -0.04,-0.01 -0.02,-0.02 0,0 -0.01,-0.01 -0.03,-0.01 -0.07,-0.02 -0.1,-0.02 -0.05,-0.01 -0.06,0.01 -0.1,0.01 -0.01,0.02 -0.02,0.02 -0.04,0.03 -0.01,0.02 -0.05,0.08 -0.08,0.12 -0.02,0.04 -0.04,0.09 -0.1,0.09 -0.04,-0.01 -0.22,-0.08 -0.25,-0.12 -0.03,-0.01 -0.11,-0.07 -0.12,-0.09 -0.03,-0.01 -0.1,-0.07 -0.11,-0.09 -0.02,-0.02 -0.11,-0.11 -0.11,-0.14l-0.03 -0.03c-0.08,-0.1 -0.12,-0.15 -0.06,-0.22 0.04,-0.05 0.1,-0.1 0.12,-0.19 0.01,-0.12 -0.03,-0.15 -0.06,-0.25 -0.04,-0.05 -0.06,-0.12 -0.1,-0.18 -0.02,-0.02 -0.04,-0.04 -0.08,-0.06 -0.05,-0.02 -0.07,-0.01 -0.12,-0.02 0,0 0,0.01 0,0.01l-0.09 0.03z"/>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 4.4 KiB

+15
View File
@@ -0,0 +1,15 @@
<?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="24px" height="24px" version="1.1" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd"
viewBox="0 0 53.42 53.4"
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="_1807236228768">
<path fill="#221728" d="M20.26 48.66c0.05,-1.07 6.29,-18.51 6.91,-19.56 0.45,0.51 7.02,18.41 7.03,19.24 -6.06,1.58 -7.75,1.55 -13.94,0.32zm-3.61 -1.62c-2.29,-0.54 -5.18,-3.39 -6.5,-4.68 -3.92,-3.83 -6.26,-9.81 -6.28,-15.66 -0.01,-1.93 0.71,-8.26 2.04,-8.81l10.74 29.15zm22.24 -1.15c1.34,-4.59 3.12,-9.19 4.63,-13.8l3.47 -10.5c0.25,-0.86 0.61,-3.33 0.75,-3.67 2.52,4.36 2.15,12.12 0.33,16.91 -1.47,3.87 -6.08,10.16 -9.18,11.06zm-30.89 -32.05c0.95,-2.03 4.13,-4.84 6.09,-6.16 5.77,-3.9 13.09,-4.82 19.73,-2.69 2.56,0.82 6.7,2.91 7.83,4.57 -0.06,0.04 -0.14,0.06 -0.19,0.07l-0.37 0.13c-0.2,0.05 -0.38,0.08 -0.59,0.13 -0.44,0.11 -0.56,0.11 -0.99,0.35 -0.65,0.35 -1.01,0.72 -1.4,1.36 -2.54,4.16 2.47,6.03 3.64,10.83 1.18,4.8 -1.68,12.96 -3.21,17.23 -0.43,-0.57 -8.02,-22.43 -8.27,-23.79 1.66,-0.22 4.11,0.57 3.31,-1.72 -1.27,-0.49 -12.93,-0.5 -14.18,0 -0.7,2.15 1.26,1.6 2.91,1.68 0.83,1.86 1.56,3.94 2.28,5.9 1.52,4.09 1.83,3.13 0.79,6.14 -0.64,1.87 -3.59,11.3 -4.25,12.24l-8.04 -24.26c1.66,-0.14 3.84,0.58 3.26,-1.63 -1.41,-0.81 -6.35,-0.28 -8.35,-0.38zm-7.93 14.46c0.61,7.92 4.47,14.49 8.6,18.05 19.6,16.9 46.2,0.86 44.69,-21.18 -0.97,-14.1 -13.01,-26.16 -28.18,-25.11 -15,1.04 -26.2,13.97 -25.11,28.24z"/>
<path fill="#221728" fill-opacity="0.501961" d="M38.89 45.89c3.1,-0.9 7.71,-7.19 9.18,-11.06 1.82,-4.79 2.19,-12.55 -0.33,-16.91 -0.14,0.34 -0.5,2.81 -0.75,3.67l-3.47 10.5c-1.51,4.61 -3.29,9.21 -4.63,13.8zm-18.63 2.77c6.19,1.23 7.88,1.26 13.94,-0.32 -0.01,-0.83 -6.58,-18.73 -7.03,-19.24 -0.62,1.05 -6.86,18.49 -6.91,19.56zm-12.26 -34.82c2,0.1 6.94,-0.43 8.35,0.38 0.58,2.21 -1.6,1.49 -3.26,1.63l8.04 24.26c0.66,-0.94 3.61,-10.37 4.25,-12.24 1.04,-3.01 0.73,-2.05 -0.79,-6.14 -0.72,-1.96 -1.45,-4.04 -2.28,-5.9 -1.65,-0.08 -3.61,0.47 -2.91,-1.68 1.25,-0.5 12.91,-0.49 14.18,0 0.8,2.29 -1.65,1.5 -3.31,1.72 0.25,1.36 7.84,23.22 8.27,23.79 1.53,-4.27 4.39,-12.43 3.21,-17.23 -1.17,-4.8 -6.18,-6.67 -3.64,-10.83 0.39,-0.64 0.75,-1.01 1.4,-1.36 0.43,-0.24 0.55,-0.24 0.99,-0.35 0.21,-0.05 0.39,-0.08 0.59,-0.13l0.37 -0.13c0.05,-0.01 0.13,-0.03 0.19,-0.07 -1.13,-1.66 -5.27,-3.75 -7.83,-4.57 -6.64,-2.13 -13.96,-1.21 -19.73,2.69 -1.96,1.32 -5.14,4.13 -6.09,6.16zm8.65 33.2l-10.74 -29.15c-1.33,0.55 -2.05,6.88 -2.04,8.81 0.02,5.85 2.36,11.83 6.28,15.66 1.32,1.29 4.21,4.14 6.5,4.68z"/>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.9 KiB

+95
View File
@@ -0,0 +1,95 @@
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style/main.css">
<title>Estudio Creativo - Biolink</title>
<link rel="icon" href="images/icons/favicon.png" type="image/x-icon">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<link href="https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap" rel="stylesheet">
</head>
<body class="body">
<div class="container">
<div class="profile">
<img src="images/logos/logo-color.png" alt="Estudio Creativo" class="profile-image">
<h1 class="profile-name">Estudio Creativo</h1>
</div>
<div>
<p class="profile-bio">Transformando ideas en experiencias visuales extraordinarias</p>
</div>
<div class="links">
<a href="https://www.amoryroma.com.ar" class="link-button" target="_blank">
<div class="link-icon icon-biolink">
<i class="fas fa-globe"></i>
</div>
<div class="link-text">Sitio Web</div>
<div class="link-arrow">
<i class="fas fa-chevron-right"></i>
</div>
</a>
<a href="https://www.amoryroma.com.ar" class="link-button" target="_blank">
<div class="link-icon icon-biolink">
<i class="fas fa-crown"></i>
</div>
<div class="link-text">Branding & Identidad</div>
<div class="link-arrow">
<i class="fas fa-chevron-right"></i>
</div>
</a>
<a href="https://www.amoryroma.com.ar" class="link-button" target="_blank">
<div class="link-icon icon-biolink">
<i class="fas fa-list-ol"></i>
</div>
<div class="link-text">Planes y Servicios</div>
<div class="link-arrow">
<i class="fas fa-chevron-right"></i>
</div>
</a>
<!--<a href="#social" class="link-button">
<div class="link-icon icon-biolink">
<i class="fas fa-hashtag"></i>
</div>
<div class="link-text">Novedades</div>
<div class="link-arrow">
<i class="fas fa-chevron-right"></i>
</div>
</a>-->
<a href="https://wa.me/5493885777470" class="link-button" target="_blank">
<div class="link-icon icon-biolink">
<i class="fa-brands fa-whatsapp"></i>
</div>
<div class="link-text">Whatsapp</div>
<div class="link-arrow">
<i class="fas fa-chevron-right"></i>
</div>
</a>
</div>
<div class="social-links">
<a href="https://instagram.com/amoryroma.creativo" class="social-link" target="_blank">
<i class="fab fa-instagram"></i>
</a>
<a href="/cdn-cgi/l/email-protection#45262a2b312426312a0524282a373c372a28246b262a286b2437" class="social-link">
<i class="fas fa-envelope"></i>
</a>
<a href="tel:+5493885777470" class="social-link">
<i class="fas fa-phone"></i>
</a>
</div>
</div>
<footer class="footerbio">
<img src="images/logos/coor.png" alt="Amor & Roma" class="footerbio-logo">
<div>© 2025 Estudio Creativo. Todos los derechos reservados.</div>
</footer>
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script></body>
</html>
-277
View File
@@ -1,277 +0,0 @@
<!DOCTYPE html>
<html lang="es" data-theme="light">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<title>Inicio - A&R</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.0/css/all.min.css">
<link rel="stylesheet" href="style/main.css">
</head>
<body>
<div id="menu-container"></div>
<main>
<!-- Sección Hero -->
<section id="hero" class="hero-section">
<div class="hero-content">
<h1 class="hero-title">Marcas con esencia, construidas con estrategia</h1>
<p class="hero-subtitle">Diseñamos servicios que se adaptan a tu realidad, para ayudarte a crecer sin perder lo que te hace único</p>
<div class="hero-cta-group">
<a href="#" class="btn btn-primary hero-cta-primary">Hablemos</a>
<a href="inicio.html#servicios" class="btn btn-secondary hero-cta-secondary">Conocé más</a>
</div>
</div>
</section>
<!-- Sección 2: Servicios -->
<section id="servicios" class="servicios-section">
<div class="servicios-container">
<!-- Columna Izquierda: Texto introductorio -->
<div class="servicios-intro">
<h2 class="servicios-title">¿Qué necesita hoy tu negocio?</h2>
<p class="servicios-subtitle">Contamos con soluciones estratégicas para potenciar tu marca en cada etapa de su crecimiento.</p>
<a href="servicios.html" class="btn btn-secondary">Ver todos los servicios</a>
</div>
<!-- Columna Derecha: Acordeón interactivo -->
<div class="servicios-accordion" id="servicios-accordion">
<!-- Item 1 -->
<div class="servicio-item" data-index="0">
<div class="servicio-header">
<span class="servicio-icon icon-branding" aria-hidden="true"></span>
<h3 class="servicio-title-short">Construir una marca</h3>
</div>
<div class="servicio-content">
<span class="servicio-icon-large icon-branding" aria-hidden="true"></span>
<h3 class="servicio-title-long">Construcción de Identidad Estratégica</h3>
<p class="servicio-description">Definimos el ADN de tu marca, su posicionamiento y el camino para conectar con tu audiencia ideal de manera auténtica y memorable.</p>
<a href="servicios.html#estrategia" class="btn btn-primary">Conocer más</a>
<button class="servicio-close" aria-label="Cerrar">✕</button>
</div>
</div>
<!-- Item 2 -->
<div class="servicio-item" data-index="1">
<div class="servicio-header">
<span class="servicio-icon icon-rrss" aria-hidden="true"></span>
<h3 class="servicio-title-short">Mejorar presencia digital</h3>
</div>
<div class="servicio-content">
<span class="servicio-icon-large icon-rrss" aria-hidden="true"></span>
<h3 class="servicio-title-long">Comunidades que Convierten</h3>
<p class="servicio-description">Creamos contenido de valor y gestionamos tus redes para construir una comunidad activa, fiel y comprometida con tu marca.</p>
<a href="servicios.html#redes" class="btn btn-primary">Conocer más</a>
<button class="servicio-close" aria-label="Cerrar">✕</button>
</div>
</div>
<!-- Item 3 -->
<div class="servicio-item" data-index="2">
<div class="servicio-header">
<span class="servicio-icon icon-web" aria-hidden="true"></span>
<h3 class="servicio-title-short">Generar Contenido</h3>
</div>
<div class="servicio-content">
<span class="servicio-icon-large icon-web" aria-hidden="true"></span>
<h3 class="servicio-title-long">Experiencias Digitales Impactantes</h3>
<p class="servicio-description">Diseñamos y desarrollamos sitios web y plataformas digitales que no solo se ven bien, sino que generan resultados tangibles.</p>
<a href="servicios.html#digital" class="btn btn-primary">Conocer más</a>
<button class="servicio-close" aria-label="Cerrar">✕</button>
</div>
</div>
<!-- Item 4 -->
<div class="servicio-item" data-index="3">
<div class="servicio-header">
<span class="servicio-icon icon-auto" aria-hidden="true"></span>
<h3 class="servicio-title-short">Automatizar procesos</h3>
</div>
<div class="servicio-content">
<span class="servicio-icon-large icon-auto" aria-hidden="true"></span>
<h3 class="servicio-title-long">Historias que Enamoran</h3>
<p class="servicio-description">Producimos contenido audiovisual y gráfico de alta calidad que cuenta la historia de tu marca y cautiva a tu audiencia.</p>
<a href="servicios.html#contenido" class="btn btn-primary">Conocer más</a>
<button class="servicio-close" aria-label="Cerrar">✕</button>
</div>
</div>
<!-- Item 5 -->
<div class="servicio-item" data-index="4">
<div class="servicio-header">
<span class="servicio-icon icon-paid" aria-hidden="true"></span>
<h3 class="servicio-title-short">Conseguir más clientes</h3>
</div>
<div class="servicio-content">
<span class="servicio-icon-large icon-paid" aria-hidden="true"></span>
<h3 class="servicio-title-long">Campañas que Escalan Resultados</h3>
<p class="servicio-description">Gestionamos campañas de paid media en Meta, Google y LinkedIn para maximizar tu ROI y alcanzar a los clientes correctos.</p>
<a href="servicios.html#pauta" class="btn btn-primary">Conocer más</a>
<button class="servicio-close" aria-label="Cerrar">✕</button>
</div>
</div>
<!-- Item 6 -->
<div class="servicio-item" data-index="5">
<div class="servicio-header">
<span class="servicio-icon icon-add" aria-hidden="true"></span>
<h3 class="servicio-title-short">Consultoría de Marketing</h3>
</div>
<div class="servicio-content">
<span class="servicio-icon-large icon-add" aria-hidden="true"></span>
<h3 class="servicio-title-long">Asesoramiento Estratégico Integral</h3>
<p class="servicio-description">Te acompañamos en la toma de decisiones clave, optimizando tus recursos y alineando tu marketing con los objetivos de tu negocio.</p>
<a href="servicios.html#consultoria" class="btn btn-primary">Conocer más</a>
<button class="servicio-close" aria-label="Cerrar">✕</button>
</div>
</div>
</div>
</div>
</section>
<!-- Sección 3: Diagnóstico -->
<section id="diagnostico" class="diagnostico-section">
<div class="diagnostico-header">
<h2 class="diagnostico-title">¿Qué necesita hoy tu negocio?</h2>
<p class="diagnostico-subtitle">Contamos con soluciones estratégicas para potenciar tu marca en cada etapa de su crecimiento.</p>
</div>
<div class="diagnostico-card">
<!-- Barra de Progreso -->
<div class="progreso-wrapper">
<div class="progreso-barra">
<div class="progreso-barra-completado" id="progreso-completado"></div>
</div>
<div class="progreso-texto" id="progreso-texto">Pregunta 1 de 4</div>
</div>
<!-- Contenedor de Preguntas -->
<div id="cuestionario-contenedor">
<!-- Las preguntas se generan dinámicamente con JavaScript -->
</div>
<!-- Botón Reiniciar -->
<button class="btn-reiniciar" id="btn-reiniciar">
Reiniciar Diagnóstico
</button>
<!-- Contenedor de Resultados (oculto inicialmente) -->
<div id="resultado-contenedor" class="resultado-contenedor" style="display: none;">
<!-- El resultado se genera dinámicamente con JavaScript -->
</div>
</div>
</section>
<!-- Sección 4: Metodología -->
<section id="metodologia" class="metodologia-section">
<div class="metodologia-header">
<h2 class="metodologia-title">Método A&R</h2>
<p class="metodologia-subtitle">Hablamos de tu marca y objetivos.</p>
</div>
<div class="metodologia-grid">
<!-- Paso 1: Contacto -->
<div class="paso-item" data-paso="0">
<div class="paso-arco">
<span class="arco-svg" aria-hidden="true"></span>
<span class="paso-icono icon-contacto" aria-hidden="true"></span>
</div>
<div class="paso-info">
<h3 class="paso-titulo">Contacto</h3>
<p class="paso-subtitulo">Reunión de brief</p>
<p class="paso-body">Entregables, inversion y tiempos.</p>
</div>
</div>
<!-- Paso 2: Propuesta -->
<div class="paso-item" data-paso="1">
<div class="paso-arco">
<span class="arco-svg" aria-hidden="true"></span>
<span class="paso-icono icon-propuesta" aria-hidden="true"></span>
</div>
<div class="paso-info">
<h3 class="paso-titulo">Propuesta</h3>
<p class="paso-subtitulo">Plan de trabajo</p>
<p class="paso-body">Concepto visual a tu aprobación.</p>
</div>
</div>
<!-- Paso 3: Diseño -->
<div class="paso-item" data-paso="2">
<div class="paso-arco">
<span class="arco-svg" aria-hidden="true"></span>
<span class="paso-icono icon-diseno" aria-hidden="true"></span>
</div>
<div class="paso-info">
<h3 class="paso-titulo">Diseño</h3>
<p class="paso-subtitulo">Dirección de arte</p>
<p class="paso-body">Concepto visual a tu aprobación.</p>
</div>
</div>
<!-- Paso 4: Producción -->
<div class="paso-item" data-paso="3">
<div class="paso-arco">
<span class="arco-svg" aria-hidden="true"></span>
<span class="paso-icono icon-produccion" aria-hidden="true"></span>
</div>
<div class="paso-info">
<h3 class="paso-titulo">Producción</h3>
<p class="paso-subtitulo">Desarrollo</p>
<p class="paso-body">Construimos con seguimiento.</p>
</div>
</div>
<!-- Paso 5: Revisión -->
<div class="paso-item" data-paso="4">
<div class="paso-arco">
<span class="arco-svg" aria-hidden="true"></span>
<span class="paso-icono icon-revision" aria-hidden="true"></span>
</div>
<div class="paso-info">
<h3 class="paso-titulo">Revisión</h3>
<p class="paso-subtitulo">Ajustes finales</p>
<p class="paso-body">Tu feedback moldea el resultado.</p>
</div>
</div>
<!-- Paso 6: Lanzamiento -->
<div class="paso-item" data-paso="5">
<div class="paso-arco">
<span class="arco-svg" aria-hidden="true"></span>
<span class="paso-icono icon-lanzamiento" aria-hidden="true"></span>
</div>
<div class="paso-info">
<h3 class="paso-titulo">Lanzamiento</h3>
<p class="paso-subtitulo">Entrega</p>
<p class="paso-body">Accesos y capacitación completa.</p>
</div>
</div>
</div>
</section>
<!-- Sección 5 -->
<section id="inicio-section-5">
<h2>Sección 5</h2>
<p>Contenido pendiente de definir.</p>
</section>
<!-- Sección 6 -->
<section id="inicio-section-6">
<h2>Sección 6</h2>
<p>Contenido pendiente de definir.</p>
</section>
<!-- Sección 7 -->
<section id="inicio-section-7">
<h2>Sección 7</h2>
<p>Contenido pendiente de definir.</p>
</section>
</main>
<div id="footer-container"></div>
<script src="scripts/main.js"></script>
<script src="scripts/efecto.js"></script>
</body>
</html>
+88 -13
View File
@@ -344,20 +344,83 @@
<!-- Columna Derecha: Carrusel -->
<div class="portfolio-carousel">
<div class="carousel-container">
<!-- Slide 1 -->
<div class="carousel-slide active">
<img src="assets/img/proyecto1.png" alt="Proyecto 1" class="carousel-image">
<div class="slide-tags">
<span class="slide-tag">Branding</span>
<span class="slide-tag">Identidad Visual</span>
<span class="slide-tag">Manual de Marca</span>
<span class="slide-tag">Redes Sociales</span>
<span class="slide-tag">Contenido Audiovisual</span>
<span class="slide-tag">Paid Media</span>
<span class="slide-tag">Estrategia Digital</span>
</div>
<div class="slide-image-wrapper">
<img src="assets/clientes/1_1.png" alt="Mordi" class="carousel-image">
</div>
</div>
<!-- Slide 2 -->
<div class="carousel-slide">
<img src="assets/img/proyecto2.png" alt="Proyecto 2" class="carousel-image">
<div class="slide-tags">
<span class="slide-tag">Web</span>
<span class="slide-tag">UX/UI</span>
<span class="slide-tag">Apertura de Redes</span>
<span class="slide-tag">SEO</span>
</div>
<div class="slide-image-wrapper">
<img src="assets/clientes/2_1.png" alt="ArWork's" class="carousel-image">
</div>
</div>
<!-- Slide 3 -->
<div class="carousel-slide">
<img src="assets/img/proyecto3.png" alt="Proyecto 3" class="carousel-image">
<div class="slide-tags">
<span class="slide-tag">Diseño Web</span>
<span class="slide-tag">Integración de Blog</span>
</div>
<div class="slide-image-wrapper">
<img src="assets/clientes/3_1.png" alt="Ide Consultores" class="carousel-image">
</div>
</div>
<!-- Slide 4 -->
<div class="carousel-slide">
<div class="slide-tags">
<span class="slide-tag">Branding</span>
<span class="slide-tag">Diseño Web</span>
<span class="slide-tag">Redes Sociales</span>
<span class="slide-tag">Contenido Audiovisual</span>
<span class="slide-tag">Paid Media</span>
<span class="slide-tag">Estrategia Digital</span>
<span class="slide-tag">Automatización</span>
</div>
<div class="slide-image-wrapper">
<img src="assets/clientes/4_1.png" alt="VettaIO" class="carousel-image">
</div>
</div>
<!-- Slide 5 -->
<div class="carousel-slide">
<div class="slide-tags">
<span class="slide-tag">Branding</span>
<span class="slide-tag">Contenido Audiovisual</span>
</div>
<div class="slide-image-wrapper">
<img src="assets/clientes/5_1.png" alt="Coccoline" class="carousel-image">
</div>
</div>
</div>
<div class="carousel-indicators">
<span class="indicator active" data-slide="0"></span>
<span class="indicator" data-slide="1"></span>
<span class="indicator" data-slide="2"></span>
<span class="indicator" data-slide="3"></span>
<span class="indicator" data-slide="4"></span>
</div>
</div>
</div>
@@ -373,22 +436,28 @@
<span class="marquee-icon icon-meta" aria-hidden="true"></span>
</div>
<div class="marquee-item">
<span class="marquee-icon icon-hubspot" aria-hidden="true"></span>
<span class="marquee-icon icon-openai" aria-hidden="true"></span>
</div>
<div class="marquee-item">
<span class="marquee-icon icon-shopify" aria-hidden="true"></span>
<span class="marquee-icon icon-tiktok" aria-hidden="true"></span>
</div>
<div class="marquee-item">
<span class="marquee-icon icon-wordpress" aria-hidden="true"></span>
</div>
<div class="marquee-item">
<span class="marquee-icon icon-figma" aria-hidden="true"></span>
<span class="marquee-icon icon-face" aria-hidden="true"></span>
</div>
<div class="marquee-item">
<span class="marquee-icon icon-adobe" aria-hidden="true"></span>
<span class="marquee-icon icon-insta" aria-hidden="true"></span>
</div>
<div class="marquee-item">
<span class="marquee-icon icon-mailchimp" aria-hidden="true"></span>
<span class="marquee-icon icon-analytics" aria-hidden="true"></span>
</div>
<div class="marquee-item">
<span class="marquee-icon icon-whatsapp" aria-hidden="true"></span>
</div>
<div class="marquee-item">
<span class="marquee-icon icon-googleads" aria-hidden="true"></span>
</div>
<!-- Segunda tanda (duplicada para loop infinito) -->
<div class="marquee-item">
@@ -398,22 +467,28 @@
<span class="marquee-icon icon-meta" aria-hidden="true"></span>
</div>
<div class="marquee-item">
<span class="marquee-icon icon-hubspot" aria-hidden="true"></span>
<span class="marquee-icon icon-openai" aria-hidden="true"></span>
</div>
<div class="marquee-item">
<span class="marquee-icon icon-shopify" aria-hidden="true"></span>
<span class="marquee-icon icon-tiktok" aria-hidden="true"></span>
</div>
<div class="marquee-item">
<span class="marquee-icon icon-wordpress" aria-hidden="true"></span>
</div>
<div class="marquee-item">
<span class="marquee-icon icon-figma" aria-hidden="true"></span>
<span class="marquee-icon icon-face" aria-hidden="true"></span>
</div>
<div class="marquee-item">
<span class="marquee-icon icon-adobe" aria-hidden="true"></span>
<span class="marquee-icon icon-insta" aria-hidden="true"></span>
</div>
<div class="marquee-item">
<span class="marquee-icon icon-mailchimp" aria-hidden="true"></span>
<span class="marquee-icon icon-analytics" aria-hidden="true"></span>
</div>
<div class="marquee-item">
<span class="marquee-icon icon-whatsapp" aria-hidden="true"></span>
</div>
<div class="marquee-item">
<span class="marquee-icon icon-googleads" aria-hidden="true"></span>
</div>
</div>
</div>
+94
View File
@@ -185,6 +185,8 @@ document.addEventListener('DOMContentLoaded', async () => {
if (yearEl) yearEl.textContent = new Date().getFullYear();
initServiciosAccordion();
initNavbarAutoHide();
});
/* ============================================
@@ -575,6 +577,97 @@ function initMarqueeHover() {
});
}
/*==========================================
nav
=============================================*/
function initNavbarAutoHide() {
console.log('🔵 initNavbarAutoHide: iniciando...');
// Reintentar hasta que el header exista (por si se carga async)
let attempts = 0;
const MAX_ATTEMPTS = 50; // 5 segundos
const tryInit = () => {
const header = document.querySelector('.site-header');
console.log('🔵 intento', attempts, '- header:', header);
if (!header) {
attempts++;
if (attempts < MAX_ATTEMPTS) {
setTimeout(tryInit, 100);
} else {
console.error('❌ Navbar: no se encontró .site-header');
}
return;
}
console.log('✅ Navbar encontrado, registrando scroll listener...');
const hero = document.getElementById('hero');
const UMBRAL_HERO = 100; // píxeles mínimos antes de activar el auto-hide
let lastScrollY = window.scrollY;
let ticking = false;
const updateHeader = () => {
const currentScrollY = window.scrollY;
const delta = currentScrollY - lastScrollY;
console.log('📜 scrollY:', currentScrollY, '| delta:', delta);
// 1. Si el menú fullscreen está abierto: siempre visible
if (document.body.classList.contains('menu-open')) {
header.classList.remove('is-hidden');
lastScrollY = currentScrollY;
ticking = false;
return;
}
// 2. Si estamos dentro del hero (primeros 100px): siempre visible
if (currentScrollY <= UMBRAL_HERO) {
header.classList.remove('is-hidden');
lastScrollY = currentScrollY;
ticking = false;
return;
}
// 3. Ignorar micro-movimientos
if (Math.abs(delta) < 5) {
ticking = false;
return;
}
// 4. Scroll hacia abajo → ocultar
if (delta > 0) {
header.classList.add('is-hidden');
console.log(' → ocultando header');
}
// 5. Scroll hacia arriba → mostrar
else {
header.classList.remove('is-hidden');
console.log(' → mostrando header');
}
lastScrollY = currentScrollY;
ticking = false;
};
window.addEventListener('scroll', () => {
if (!ticking) {
window.requestAnimationFrame(updateHeader);
ticking = true;
}
}, { passive: true });
// Resetear al redimensionar
window.addEventListener('resize', () => {
lastScrollY = window.scrollY;
});
console.log('✅ Navbar auto-hide listo');
};
tryInit();
}
// Inicializar cuestionario al cargar la página
document.addEventListener('DOMContentLoaded', () => {
@@ -588,4 +681,5 @@ document.addEventListener('DOMContentLoaded', () => {
initMetodologiaAnimation();
initPlanesFocusEffect();
initPortfolioCarousel();
});
+173 -29
View File
@@ -169,6 +169,18 @@ ul {
top: 0;
z-index: 100;
box-shadow: var(--shadow);
transition: transform 0.35s ease, box-shadow 0.35s ease;
will-change: transform;
}
.site-header.is-hidden {
transform: translateY(-100%);
box-shadow: none;
}
.site-header.is-scrolled {
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
}
body.menu-open .site-header {
transform: translateY(0) !important;
}
.main-nav {
@@ -1967,7 +1979,9 @@ RESPONSIVE METODOLOGÍA
align-self: flex-start;
}
/* Columna Derecha: Carrusel */
/* ============================================
CARRUSEL DE PORTFOLIO (CON TAGS)
============================================ */
.portfolio-carousel {
position: relative;
width: 100%;
@@ -1976,12 +1990,15 @@ RESPONSIVE METODOLOGÍA
.carousel-container {
position: relative;
width: 100%;
aspect-ratio: 16 / 10;
/* Altura fija para contener tags + imagen 4:3 */
min-height: 420px;
overflow: hidden;
border-radius: 16px;
box-shadow: var(--shadow);
background-color: var(--bg-surface);
}
/* Cada slide */
.carousel-slide {
position: absolute;
top: 0;
@@ -1990,13 +2007,56 @@ RESPONSIVE METODOLOGÍA
height: 100%;
opacity: 0;
transition: opacity 0.8s ease-in-out;
display: flex;
flex-direction: column;
padding: var(--spacing-sm);
gap: var(--spacing-sm);
}
.carousel-slide.active {
opacity: 1;
}
/* Tags dentro del slide */
.slide-tags {
display: flex;
flex-wrap: wrap;
gap: 0.4rem;
flex-shrink: 0;
}
.slide-tag {
font-family: var(--font-small);
font-size: 0.75rem;
font-weight: 600;
padding: 0.3rem 0.75rem;
border-radius: 999px;
background-color: var(--btn-primary-bg);
color: var(--text-on-accent);
letter-spacing: 0.3px;
line-height: 1.2;
}
/* Wrapper de la imagen (respeta ratio 4:3) */
.slide-image-wrapper {
flex: 1;
width: 100%;
border-radius: 12px;
overflow: hidden;
position: relative;
background-color: var(--bg-surface-elevated);
}
.slide-image-wrapper::before {
content: "";
display: block;
padding-top: 75%; /* Ratio 4:3 */
}
.carousel-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
@@ -2029,6 +2089,59 @@ RESPONSIVE METODOLOGÍA
background-color: var(--btn-primary-hover);
}
/* ============================================
RESPONSIVE CARRUSEL PORTFOLIO
============================================ */
@media (max-width: 968px) {
.portfolio-container {
grid-template-columns: 1fr;
gap: var(--spacing-md);
}
.portfolio-text {
text-align: center;
align-items: center;
}
.portfolio-subtitle {
max-width: 100%;
}
.portfolio-text .btn {
align-self: center;
}
.carousel-container {
min-height: 380px;
}
}
@media (max-width: 768px) {
.portfolio-section {
padding: var(--spacing-md) var(--spacing-sm);
}
.carousel-container {
min-height: 340px;
}
.slide-tag {
font-size: 0.7rem;
padding: 0.25rem 0.6rem;
}
}
@media (max-width: 480px) {
.carousel-container {
min-height: 300px;
}
.carousel-slide {
padding: var(--spacing-xs);
gap: var(--spacing-xs);
}
}
/* ============================================
TIRA MARQUEE (ICONOS INFINITOS CON FADE)
============================================ */
@@ -2063,67 +2176,98 @@ RESPONSIVE METODOLOGÍA
}
}
/* ============================================
TIRA MARQUEE (ICONOS INFINITOS)
============================================ */
.marquee-section {
margin-top: var(--spacing-lg);
overflow: hidden;
padding: var(--spacing-md) 0;
border-top: 1px solid var(--border);
border-bottom: 1px solid var(--border);
/* Efecto fade en los bordes */
-webkit-mask-image: linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%);
mask-image: linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%);
}
.marquee-track {
display: flex;
gap: var(--spacing-md);
animation: marquee-scroll 35s linear infinite;
will-change: transform;
}
@keyframes marquee-scroll {
0% { transform: translateX(0); }
100% { transform: translateX(-50%); }
}
/* Contenedor de cada icono: tamaño fijo para alinear */
.marquee-item {
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
width: 80px;
height: 80px;
width: 110px; /* Ancho fijo de la caja */
height: 60px; /* Altura fija de la caja */
}
/* El icono en sí: se adapta dentro de la caja sin deformarse */
.marquee-icon {
width: 60px;
height: 60px;
width: 100%;
height: 100%;
display: block;
background-color: currentColor;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
-webkit-mask-size: contain; /* Clave: contiene el SVG sin deformarlo */
mask-size: contain;
/* Estado base: neutro y sin interactividad */
filter: grayscale(100%) opacity(0.5);
color: var(--text-muted);
transition: all 0.3s ease;
}
/* Iconos específicos (mantener los que ya tenías) */
.icon-google { -webkit-mask-image: url("../assets/iconos/google.svg"); mask-image: url("../assets/iconos/google.svg"); }
.icon-meta { -webkit-mask-image: url("../assets/iconos/meta.svg"); mask-image: url("../assets/iconos/meta.svg"); }
.icon-hubspot { -webkit-mask-image: url("../assets/iconos/hubspot.svg"); mask-image: url("../assets/iconos/hubspot.svg"); }
.icon-shopify { -webkit-mask-image: url("../assets/iconos/shopify.svg"); mask-image: url("../assets/iconos/shopify.svg"); }
.icon-wordpress { -webkit-mask-image: url("../assets/iconos/wordpress.svg"); mask-image: url("../assets/iconos/wordpress.svg"); }
.icon-figma { -webkit-mask-image: url("../assets/iconos/figma.svg"); mask-image: url("../assets/iconos/figma.svg"); }
.icon-adobe { -webkit-mask-image: url("../assets/iconos/adobe.svg"); mask-image: url("../assets/iconos/adobe.svg"); }
.icon-mailchimp { -webkit-mask-image: url("../assets/iconos/mailchimp.svg"); mask-image: url("../assets/iconos/mailchimp.svg"); }
.marquee-icon:hover {
filter: grayscale(0%) opacity(1);
color: var(--brand-crimson);
transform: scale(1.1);
}
/* Iconos específicos */
.icon-analytics { -webkit-mask-image: url("../assets/vectores/analytics.svg"); mask-image: url("../assets/vectores/analytics.svg"); }
.icon-face { -webkit-mask-image: url("../assets/vectores/face.svg"); mask-image: url("../assets/vectores/face.svg"); }
.icon-google { -webkit-mask-image: url("../assets/vectores/google.svg"); mask-image: url("../assets/vectores/google.svg"); }
.icon-googleads { -webkit-mask-image: url("../assets/vectores/googleads.svg"); mask-image: url("../assets/vectores/googleads.svg"); }
.icon-insta { -webkit-mask-image: url("../assets/vectores/insta.svg"); mask-image: url("../assets/vectores/insta.svg"); }
.icon-meta { -webkit-mask-image: url("../assets/vectores/meta.svg"); mask-image: url("../assets/vectores/meta.svg"); }
.icon-openai { -webkit-mask-image: url("../assets/vectores/openai.svg"); mask-image: url("../assets/vectores/openai.svg"); }
.icon-tiktok { -webkit-mask-image: url("../assets/vectores/tiktok.svg"); mask-image: url("../assets/vectores/tiktok.svg"); max-width: 250px; }
.icon-whatsapp { -webkit-mask-image: url("../assets/vectores/whatsapp.svg"); mask-image: url("../assets/vectores/whatsapp.svg"); }
.icon-wordpress { -webkit-mask-image: url("../assets/vectores/wordpress.svg"); mask-image: url("../assets/vectores/wordpress.svg"); }
/* ============================================
RESPONSIVE MARQUEE
============================================ */
@media (max-width: 768px) {
.marquee-item {
width: 60px;
height: 60px;
}
.marquee-icon {
width: 45px;
height: 45px;
width: 90px;
height: 50px;
}
}
@media (max-width: 480px) {
.marquee-item {
width: 50px;
height: 50px;
width: 75px;
height: 40px;
}
.marquee-icon {
width: 35px;
height: 35px;
.marquee-track {
gap: var(--spacing-sm);
}
}
/* Respetar preferencia de movimiento reducido */
@media (prefers-reduced-motion: reduce) {
.marquee-track {
animation: none;