{"id":708,"date":"2025-03-22T20:25:28","date_gmt":"2025-03-23T01:25:28","guid":{"rendered":"https:\/\/ericzavala.cv\/?page_id=708"},"modified":"2025-04-17T01:37:09","modified_gmt":"2025-04-17T06:37:09","slug":"portafolio","status":"publish","type":"page","link":"https:\/\/ericzavala.cv\/en\/portafolio\/","title":{"rendered":"Portafolio"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"708\" class=\"elementor elementor-708\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-29b1d8a e-flex e-con-boxed e-con e-parent\" data-id=\"29b1d8a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/youtu.be\\\/jVCwelHMEwI?si=fOX54b_aOwGRRsy-&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-background-video-container elementor-hidden-mobile\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-video-embed\" role=\"presentation\"><\/div>\n\t\t\t\t\t\t<\/div>\t\t<div class=\"elementor-element elementor-element-e305a13 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"e305a13\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Portafolio<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c78870b e-flex e-con-boxed e-con e-parent\" data-id=\"c78870b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-21a438b e-con-full e-flex e-con e-child\" data-id=\"21a438b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-df74c37 elementor-widget-divider--view-line_text elementor-widget-divider--element-align-left elementor-hidden-tablet elementor-hidden-phone elementor-invisible elementor-widget elementor-widget-divider\" data-id=\"df74c37\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t\t<span class=\"elementor-divider__text elementor-divider__element\">\n\t\t\t\tPROYECTOS\t\t\t\t<\/span>\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-25a4dfc elementor-widget-divider--view-line_text elementor-hidden-desktop elementor-widget-divider--element-align-center elementor-invisible elementor-widget elementor-widget-divider\" data-id=\"25a4dfc\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t\t<span class=\"elementor-divider__text elementor-divider__element\">\n\t\t\t\tProyectos\t\t\t\t<\/span>\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c6d9541 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"c6d9541\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:200}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Conectamos ideas con inspiraci\u00f3n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-98a030a e-con-full e-flex e-con e-child\" data-id=\"98a030a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a01314b elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"a01314b\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:200}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Entendemos tus ideas y las proyectamos para conseguir el mejor resultado, \u00f3ptimo para tus usuarios y logres conectar con tus clientes, generando marca de con fianza con nosotros y presencia digital.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b896421 elementor-invisible elementor-widget elementor-widget-premium-addon-image-button\" data-id=\"b896421\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:400}\" data-widget_type=\"premium-addon-image-button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n\t\t<a class=\"premium-image-button-none premium-image-button premium-btn-sm premium-image-button-none\" href=\"#\">\r\n\t\t\t<div class=\"premium-image-button-text-icon-wrapper\">\r\n\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t<span >\r\n\t\t\t\t\t\tEnv\u00edanos un mensaje\t\t\t\t\t<\/span>\r\n\t\t\t\t\r\n\t\t\t<\/div>\r\n\r\n\t\t\t\r\n\t\t\t\r\n\t\t\t\r\n\t\t<\/a>\r\n\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c8b21c8 e-flex e-con-boxed e-con e-parent\" data-id=\"c8b21c8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-68503c2 mdw-card-portfolio  e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"68503c2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-89e25bf elementor-widget elementor-widget-html\" data-id=\"89e25bf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n.mdw-card-portfolio{\r\n    --image-height: 77vh;\r\n    --image-width: 62vh;\r\n    --maximum-move: 80vh;\r\n    --maximum-rotate: 6deg;\r\n}\r\n.mdw-gradient{\r\n    --gradient-color-1: #3300FF !important;\r\n    --gradient-color-2: #50E9FE !important;\r\n    --gradient-color-3: #ffffff !important;\r\n    --gradient-color-4: #50E9FE !important;\r\n    --gradient-color-5: #3300FF !important;\r\n}\r\n\r\n\/* Tablet Device *\/\r\n\r\n@media (max-width: 1024px){\r\n.mdw-card-portfolio{\r\n    --image-height: 77vh;\r\n    --image-width: 62vh;\r\n    --maximum-move: 65vh;\r\n    --maximum-rotate: 6deg;\r\n}\r\n}\r\n\r\n\r\n\/* Mobile Device *\/\r\n\r\n@media (max-width: 767px){\r\n.mdw-card-portfolio{\r\n    --image-height: 450px;\r\n    --image-width: 375px;\r\n    --maximum-move: 350px;\r\n    --maximum-rotate: 3deg;\r\n}\r\n}\r\n\r\nhtml, body{\r\n    overflow-x: hidden;\r\n}\r\n.elementor-edit-area .animated {\r\n    animation-fill-mode: forwards!important;\r\n}\r\n.mdw-card-portfolio-image-left,\r\n.mdw-card-portfolio-image-right{\r\n    will-change: transform;\r\n}\r\n.mdw-card-portfolio-image-left img,\r\n.mdw-card-portfolio-image-right img{\r\n    width: var(--image-width);\r\n    height: var(--image-height);\r\n    object-fit: cover;\r\n}\r\n\r\n\r\n\/* CSS code for gradient background *\/\r\n\r\n.mdw-gradient .elementor-widget-container{\r\n    background: var(--gradient-color-1,#fff);\r\n    background: linear-gradient(90deg, var(--gradient-color-1,#fff) 0%, var(--gradient-color-2,#fff) 25%, var(--gradient-color-3,#fff) 50%, var(--gradient-color-4,#fff) 75%, var(--gradient-color-5,#fff) 100%);\r\n}\r\n.mdw-gradient.elementor-widget-heading .elementor-widget-container{\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n}\r\n\r\n\r\n\/* CSS code for bottom email box *\/\r\n\r\n.mdw-email-box .elementor-widget-container{\r\n    cursor: pointer;\r\n}\r\n.mdw-email-box .elementor-heading-title{\r\n    transition: all 0.2s ease-in-out;\r\n    word-break: break-all;\r\n    text-align: center;\r\n}\r\n.mdw-email-box .elementor-widget-container:hover .elementor-heading-title{\r\n    transform: scale(0.98);\r\n}\r\n.mdw-email-copy{\r\n    height: var(--min-height,22px);\r\n}\r\n.mdw-email-copy .e-con-inner{\r\n    height: auto;\r\n}\r\n.mdw-email-copy .elementor-widget{\r\n    transition: all 0.2s ease-in-out;\r\n}\r\n.mdw-email-copy.copy .elementor-widget{\r\n    transform: translateY(-100%);\r\n}\r\n.mdw-email-copy.copied .elementor-widget{\r\n    transform: translateY(-200%);\r\n}\r\n\r\n\r\n\/* CSS code for improving entrance animation *\/\r\n\r\n.fadeInUp {\r\n    animation: mdwFadeInUp 1s ease-in-out forwards !important;\r\n}\r\n.fadeIn {\r\n    animation: fadeIn 1.3s ease-in-out 0.5s forwards !important;\r\n    opacity: 0;\r\n}\r\n\r\n@keyframes mdwFadeInUp{\r\n0%{\r\n    transform: translateY(50px);\r\n    opacity: 0;\r\n    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);\r\n}\r\n100%{\r\n    transform: translateY(0);\r\n    opacity: 1;\r\n    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);\r\n}\r\n}\r\n\r\n@media (max-width: 767px){\r\n.mdw-card-portfolio-image-left{\r\n    transition: all 0.6s ease-in-out;\r\n    transform: translateX(-30px) rotate(-1deg) !important;\r\n}\r\n.mdw-card-portfolio-image-right{\r\n    transition: all 0.6s ease-in-out;\r\n    transform: translateX(30px) rotate(1deg) !important;\r\n}\r\n.mdw-card-portfolio.passed .mdw-card-portfolio-image-left{\r\n    transition: all 0.8s ease-in-out;\r\n    transform: translateX(calc(-1*var(--maximum-move))) rotate(calc(-1*var(--maximum-rotate))) !important;\r\n}\r\n.mdw-card-portfolio.passed .mdw-card-portfolio-image-right{\r\n    transition: all 0.8s ease-in-out;\r\n    transform: translateX(calc(1*var(--maximum-move))) rotate(calc(1*var(--maximum-rotate))) !important;\r\n}\r\n}\r\n\r\n<\/style>\r\n\r\n<script src=\"https:\/\/code.jquery.com\/jquery-3.6.0.min.js\"><\/script>\r\n<script>\r\nvar $ = jQuery\r\n\r\n$(window).on('load scroll resize', function(){\r\n\r\n$('.mdw-card-portfolio').each(function(){\r\n    var $this = $(this),\r\n    sectionHeight = $this.outerHeight(),\r\n    windowHeight = $(window).height(),\r\n    scrollValue = $(window).scrollTop() - $this.offset().top + windowHeight,\r\n    bottomPassValue = $(window).scrollTop() - $this.offset().top - sectionHeight,\r\n    easeSpeed = 3,\r\n    easeValue\r\n    \r\n    if( $(window).width() > 767 ){\r\n        \r\n        if(scrollValue < 0 || bottomPassValue > 0) return\r\n        \r\n        easeValue = 1 - 1\/Math.pow(2, scrollValue*easeSpeed\/sectionHeight)\r\n        \r\n        $this.find('.mdw-card-portfolio-image-left').css('transform', 'translateX(calc(' + (-1*easeValue) + '* var(--maximum-move))) rotate(calc(' + (-1*easeValue) + '*var(--maximum-rotate)))')\r\n        $this.find('.mdw-card-portfolio-image-right').css('transform', 'translateX(calc(' + (1*easeValue) + '* var(--maximum-move))) rotate(calc(' + (1*easeValue) + '*var(--maximum-rotate)))')\r\n    }else{\r\n        $this.removeClass('passed')\r\n        if( scrollValue - windowHeight*1\/2 > 0 ) $this.addClass('passed')\r\n    }\r\n    \r\n})\r\n})\r\n\r\n$(document).ready(function(){\r\n    \r\n$('.mdw-email-box .elementor-widget-container').hover(function(){\r\n    $('.mdw-email-copy').addClass('copy')\r\n}, function(){\r\n    $('.mdw-email-copy').removeClass('copy copied')\r\n})\r\n\r\n$('.mdw-email-box .elementor-widget-container').on('click', function(){\r\n    navigator.clipboard.writeText($('.mdw-email-box').text())\r\n    $('.mdw-email-copy').addClass('copied')\r\n})\r\n})\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8d3698d elementor-widget elementor-widget-heading\" data-id=\"8d3698d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Desarrollo Web | ECOMMERCE<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0dde241 mdw-gradient elementor-widget elementor-widget-heading\" data-id=\"0dde241\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Motocentro<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5a35bdb elementor-widget elementor-widget-button\" data-id=\"5a35bdb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/motocentro.vip\/inicio\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-arrow-circle-right\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8c137 0 248 111 248 248S393 504 256 504 8 393 8 256 119 8 256 8zm-28.9 143.6l75.5 72.4H120c-13.3 0-24 10.7-24 24v16c0 13.3 10.7 24 24 24h182.6l-75.5 72.4c-9.7 9.3-9.9 24.8-.4 34.3l11 10.9c9.4 9.4 24.6 9.4 33.9 0L404.3 273c9.4-9.4 9.4-24.6 0-33.9L271.6 106.3c-9.4-9.4-24.6-9.4-33.9 0l-11 10.9c-9.5 9.6-9.3 25.1.4 34.4z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Visita la web<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0fbaf0b elementor-widget__width-initial mdw-gradient elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"0fbaf0b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-68778a7 elementor-absolute mdw-card-portfolio-image-right elementor-widget elementor-widget-image\" data-id=\"68778a7\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"800\" height=\"534\" src=\"https:\/\/ericzavala.cv\/wp-content\/uploads\/2025\/03\/Portafolio-Moonpix-ECOMMERCE-00-MotoCENTRO-1024x683.png\" class=\"attachment-large size-large wp-image-769\" alt=\"\" srcset=\"https:\/\/ericzavala.cv\/wp-content\/uploads\/2025\/03\/Portafolio-Moonpix-ECOMMERCE-00-MotoCENTRO-1024x683.png 1024w, https:\/\/ericzavala.cv\/wp-content\/uploads\/2025\/03\/Portafolio-Moonpix-ECOMMERCE-00-MotoCENTRO-300x200.png 300w, https:\/\/ericzavala.cv\/wp-content\/uploads\/2025\/03\/Portafolio-Moonpix-ECOMMERCE-00-MotoCENTRO-768x512.png 768w, https:\/\/ericzavala.cv\/wp-content\/uploads\/2025\/03\/Portafolio-Moonpix-ECOMMERCE-00-MotoCENTRO.png 1140w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-01b51ac elementor-absolute mdw-card-portfolio-image-left elementor-widget elementor-widget-image\" data-id=\"01b51ac\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"534\" src=\"https:\/\/ericzavala.cv\/wp-content\/uploads\/2025\/03\/Portafolio-Moonpix-ECOMMERCE-00-MotoCENTRO-B-1024x683.png\" class=\"attachment-large size-large wp-image-770\" alt=\"\" srcset=\"https:\/\/ericzavala.cv\/wp-content\/uploads\/2025\/03\/Portafolio-Moonpix-ECOMMERCE-00-MotoCENTRO-B-1024x683.png 1024w, https:\/\/ericzavala.cv\/wp-content\/uploads\/2025\/03\/Portafolio-Moonpix-ECOMMERCE-00-MotoCENTRO-B-300x200.png 300w, https:\/\/ericzavala.cv\/wp-content\/uploads\/2025\/03\/Portafolio-Moonpix-ECOMMERCE-00-MotoCENTRO-B-768x512.png 768w, https:\/\/ericzavala.cv\/wp-content\/uploads\/2025\/03\/Portafolio-Moonpix-ECOMMERCE-00-MotoCENTRO-B.png 1140w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bb06ae4 mdw-card-portfolio  e-con-full e-flex e-con e-child\" data-id=\"bb06ae4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-aefd5d0 elementor-widget elementor-widget-html\" data-id=\"aefd5d0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n.mdw-card-portfolio{\r\n    --image-height: 77vh;\r\n    --image-width: 62vh;\r\n    --maximum-move: 80vh;\r\n    --maximum-rotate: 6deg;\r\n}\r\n.mdw-gradient{\r\n    --gradient-color-1: #059176;\r\n    --gradient-color-2: #ffffff;\r\n    --gradient-color-3: #059176;\r\n    --gradient-color-4: #afd3ec;\r\n    --gradient-color-5: #059176;\r\n}\r\n\r\n\/* Tablet Device *\/\r\n\r\n@media (max-width: 1024px){\r\n.mdw-card-portfolio{\r\n    --image-height: 77vh;\r\n    --image-width: 62vh;\r\n    --maximum-move: 65vh;\r\n    --maximum-rotate: 6deg;\r\n}\r\n}\r\n\r\n\r\n\/* Mobile Device *\/\r\n\r\n@media (max-width: 767px){\r\n.mdw-card-portfolio{\r\n    --image-height: 450px;\r\n    --image-width: 375px;\r\n    --maximum-move: 350px;\r\n    --maximum-rotate: 3deg;\r\n}\r\n}\r\n\r\nhtml, body{\r\n    overflow-x: hidden;\r\n}\r\n.elementor-edit-area .animated {\r\n    animation-fill-mode: forwards!important;\r\n}\r\n.mdw-card-portfolio-image-left,\r\n.mdw-card-portfolio-image-right{\r\n    will-change: transform;\r\n}\r\n.mdw-card-portfolio-image-left img,\r\n.mdw-card-portfolio-image-right img{\r\n    width: var(--image-width);\r\n    height: var(--image-height);\r\n    object-fit: cover;\r\n}\r\n\r\n\r\n\/* CSS code for gradient background *\/\r\n\r\n.mdw-gradient .elementor-widget-container{\r\n    background: var(--gradient-color-1,#fff);\r\n    background: linear-gradient(90deg, var(--gradient-color-1,#fff) 0%, var(--gradient-color-2,#fff) 25%, var(--gradient-color-3,#fff) 50%, var(--gradient-color-4,#fff) 75%, var(--gradient-color-5,#fff) 100%);\r\n}\r\n.mdw-gradient.elementor-widget-heading .elementor-widget-container{\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n}\r\n\r\n\r\n\/* CSS code for bottom email box *\/\r\n\r\n.mdw-email-box .elementor-widget-container{\r\n    cursor: pointer;\r\n}\r\n.mdw-email-box .elementor-heading-title{\r\n    transition: all 0.2s ease-in-out;\r\n    word-break: break-all;\r\n    text-align: center;\r\n}\r\n.mdw-email-box .elementor-widget-container:hover .elementor-heading-title{\r\n    transform: scale(0.98);\r\n}\r\n.mdw-email-copy{\r\n    height: var(--min-height,22px);\r\n}\r\n.mdw-email-copy .e-con-inner{\r\n    height: auto;\r\n}\r\n.mdw-email-copy .elementor-widget{\r\n    transition: all 0.2s ease-in-out;\r\n}\r\n.mdw-email-copy.copy .elementor-widget{\r\n    transform: translateY(-100%);\r\n}\r\n.mdw-email-copy.copied .elementor-widget{\r\n    transform: translateY(-200%);\r\n}\r\n\r\n\r\n\/* CSS code for improving entrance animation *\/\r\n\r\n.fadeInUp {\r\n    animation: mdwFadeInUp 1s ease-in-out forwards !important;\r\n}\r\n.fadeIn {\r\n    animation: fadeIn 1.3s ease-in-out 0.5s forwards !important;\r\n    opacity: 0;\r\n}\r\n\r\n@keyframes mdwFadeInUp{\r\n0%{\r\n    transform: translateY(50px);\r\n    opacity: 0;\r\n    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);\r\n}\r\n100%{\r\n    transform: translateY(0);\r\n    opacity: 1;\r\n    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);\r\n}\r\n}\r\n\r\n@media (max-width: 767px){\r\n.mdw-card-portfolio-image-left{\r\n    transition: all 0.6s ease-in-out;\r\n    transform: translateX(-30px) rotate(-1deg) !important;\r\n}\r\n.mdw-card-portfolio-image-right{\r\n    transition: all 0.6s ease-in-out;\r\n    transform: translateX(30px) rotate(1deg) !important;\r\n}\r\n.mdw-card-portfolio.passed .mdw-card-portfolio-image-left{\r\n    transition: all 0.8s ease-in-out;\r\n    transform: translateX(calc(-1*var(--maximum-move))) rotate(calc(-1*var(--maximum-rotate))) !important;\r\n}\r\n.mdw-card-portfolio.passed .mdw-card-portfolio-image-right{\r\n    transition: all 0.8s ease-in-out;\r\n    transform: translateX(calc(1*var(--maximum-move))) rotate(calc(1*var(--maximum-rotate))) !important;\r\n}\r\n}\r\n\r\n<\/style>\r\n\r\n<script src=\"https:\/\/code.jquery.com\/jquery-3.6.0.min.js\"><\/script>\r\n<script>\r\nvar $ = jQuery\r\n\r\n$(window).on('load scroll resize', function(){\r\n\r\n$('.mdw-card-portfolio').each(function(){\r\n    var $this = $(this),\r\n    sectionHeight = $this.outerHeight(),\r\n    windowHeight = $(window).height(),\r\n    scrollValue = $(window).scrollTop() - $this.offset().top + windowHeight,\r\n    bottomPassValue = $(window).scrollTop() - $this.offset().top - sectionHeight,\r\n    easeSpeed = 3,\r\n    easeValue\r\n    \r\n    if( $(window).width() > 767 ){\r\n        \r\n        if(scrollValue < 0 || bottomPassValue > 0) return\r\n        \r\n        easeValue = 1 - 1\/Math.pow(2, scrollValue*easeSpeed\/sectionHeight)\r\n        \r\n        $this.find('.mdw-card-portfolio-image-left').css('transform', 'translateX(calc(' + (-1*easeValue) + '* var(--maximum-move))) rotate(calc(' + (-1*easeValue) + '*var(--maximum-rotate)))')\r\n        $this.find('.mdw-card-portfolio-image-right').css('transform', 'translateX(calc(' + (1*easeValue) + '* var(--maximum-move))) rotate(calc(' + (1*easeValue) + '*var(--maximum-rotate)))')\r\n    }else{\r\n        $this.removeClass('passed')\r\n        if( scrollValue - windowHeight*1\/2 > 0 ) $this.addClass('passed')\r\n    }\r\n    \r\n})\r\n})\r\n\r\n$(document).ready(function(){\r\n    \r\n$('.mdw-email-box .elementor-widget-container').hover(function(){\r\n    $('.mdw-email-copy').addClass('copy')\r\n}, function(){\r\n    $('.mdw-email-copy').removeClass('copy copied')\r\n})\r\n\r\n$('.mdw-email-box .elementor-widget-container').on('click', function(){\r\n    navigator.clipboard.writeText($('.mdw-email-box').text())\r\n    $('.mdw-email-copy').addClass('copied')\r\n})\r\n})\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5accdc9 elementor-widget elementor-widget-heading\" data-id=\"5accdc9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Desarrollo Web | ONG<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e0b9cc2 mdw-gradient elementor-widget elementor-widget-heading\" data-id=\"e0b9cc2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Camp DnD<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-43c3cbf elementor-widget elementor-widget-button\" data-id=\"43c3cbf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/campdnd.org\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-arrow-circle-right\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8c137 0 248 111 248 248S393 504 256 504 8 393 8 256 119 8 256 8zm-28.9 143.6l75.5 72.4H120c-13.3 0-24 10.7-24 24v16c0 13.3 10.7 24 24 24h182.6l-75.5 72.4c-9.7 9.3-9.9 24.8-.4 34.3l11 10.9c9.4 9.4 24.6 9.4 33.9 0L404.3 273c9.4-9.4 9.4-24.6 0-33.9L271.6 106.3c-9.4-9.4-24.6-9.4-33.9 0l-11 10.9c-9.5 9.6-9.3 25.1.4 34.4z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Visita la web<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2ce6431 elementor-widget__width-initial mdw-gradient elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"2ce6431\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c56cb95 elementor-absolute mdw-card-portfolio-image-right elementor-widget elementor-widget-image\" data-id=\"c56cb95\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"534\" src=\"https:\/\/ericzavala.cv\/wp-content\/uploads\/2025\/03\/Portafolio-Moonpix-WEB-02-CampDND-1024x683.png\" class=\"attachment-large size-large wp-image-68\" alt=\"\" srcset=\"https:\/\/ericzavala.cv\/wp-content\/uploads\/2025\/03\/Portafolio-Moonpix-WEB-02-CampDND-1024x683.png 1024w, https:\/\/ericzavala.cv\/wp-content\/uploads\/2025\/03\/Portafolio-Moonpix-WEB-02-CampDND-300x200.png 300w, https:\/\/ericzavala.cv\/wp-content\/uploads\/2025\/03\/Portafolio-Moonpix-WEB-02-CampDND-768x512.png 768w, https:\/\/ericzavala.cv\/wp-content\/uploads\/2025\/03\/Portafolio-Moonpix-WEB-02-CampDND.png 1140w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-710da53 elementor-absolute mdw-card-portfolio-image-left elementor-widget elementor-widget-image\" data-id=\"710da53\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"534\" src=\"https:\/\/ericzavala.cv\/wp-content\/uploads\/2025\/03\/Portafolio-Moonpix-WEB-02-CampDND-B-1024x683.png\" class=\"attachment-large size-large wp-image-771\" alt=\"\" srcset=\"https:\/\/ericzavala.cv\/wp-content\/uploads\/2025\/03\/Portafolio-Moonpix-WEB-02-CampDND-B-1024x683.png 1024w, https:\/\/ericzavala.cv\/wp-content\/uploads\/2025\/03\/Portafolio-Moonpix-WEB-02-CampDND-B-300x200.png 300w, https:\/\/ericzavala.cv\/wp-content\/uploads\/2025\/03\/Portafolio-Moonpix-WEB-02-CampDND-B-768x512.png 768w, https:\/\/ericzavala.cv\/wp-content\/uploads\/2025\/03\/Portafolio-Moonpix-WEB-02-CampDND-B.png 1140w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-08b5a56 mdw-card-portfolio  e-con-full e-flex e-con e-child\" data-id=\"08b5a56\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e1e2a2d elementor-widget elementor-widget-html\" data-id=\"e1e2a2d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n.mdw-card-portfolio{\r\n    --image-height: 77vh;\r\n    --image-width: 62vh;\r\n    --maximum-move: 80vh;\r\n    --maximum-rotate: 6deg;\r\n}\r\n.mdw-gradient{\r\n    --gradient-color-1: #059176;\r\n    --gradient-color-2: #ffffff;\r\n    --gradient-color-3: #059176;\r\n    --gradient-color-4: #afd3ec;\r\n    --gradient-color-5: #059176;\r\n}\r\n\r\n\/* Tablet Device *\/\r\n\r\n@media (max-width: 1024px){\r\n.mdw-card-portfolio{\r\n    --image-height: 77vh;\r\n    --image-width: 62vh;\r\n    --maximum-move: 65vh;\r\n    --maximum-rotate: 6deg;\r\n}\r\n}\r\n\r\n\r\n\/* Mobile Device *\/\r\n\r\n@media (max-width: 767px){\r\n.mdw-card-portfolio{\r\n    --image-height: 450px;\r\n    --image-width: 375px;\r\n    --maximum-move: 350px;\r\n    --maximum-rotate: 3deg;\r\n}\r\n}\r\n\r\nhtml, body{\r\n    overflow-x: hidden;\r\n}\r\n.elementor-edit-area .animated {\r\n    animation-fill-mode: forwards!important;\r\n}\r\n.mdw-card-portfolio-image-left,\r\n.mdw-card-portfolio-image-right{\r\n    will-change: transform;\r\n}\r\n.mdw-card-portfolio-image-left img,\r\n.mdw-card-portfolio-image-right img{\r\n    width: var(--image-width);\r\n    height: var(--image-height);\r\n    object-fit: cover;\r\n}\r\n\r\n\r\n\/* CSS code for gradient background *\/\r\n\r\n.mdw-gradient .elementor-widget-container{\r\n    background: var(--gradient-color-1,#fff);\r\n    background: linear-gradient(90deg, var(--gradient-color-1,#fff) 0%, var(--gradient-color-2,#fff) 25%, var(--gradient-color-3,#fff) 50%, var(--gradient-color-4,#fff) 75%, var(--gradient-color-5,#fff) 100%);\r\n}\r\n.mdw-gradient.elementor-widget-heading .elementor-widget-container{\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n}\r\n\r\n\r\n\/* CSS code for bottom email box *\/\r\n\r\n.mdw-email-box .elementor-widget-container{\r\n    cursor: pointer;\r\n}\r\n.mdw-email-box .elementor-heading-title{\r\n    transition: all 0.2s ease-in-out;\r\n    word-break: break-all;\r\n    text-align: center;\r\n}\r\n.mdw-email-box .elementor-widget-container:hover .elementor-heading-title{\r\n    transform: scale(0.98);\r\n}\r\n.mdw-email-copy{\r\n    height: var(--min-height,22px);\r\n}\r\n.mdw-email-copy .e-con-inner{\r\n    height: auto;\r\n}\r\n.mdw-email-copy .elementor-widget{\r\n    transition: all 0.2s ease-in-out;\r\n}\r\n.mdw-email-copy.copy .elementor-widget{\r\n    transform: translateY(-100%);\r\n}\r\n.mdw-email-copy.copied .elementor-widget{\r\n    transform: translateY(-200%);\r\n}\r\n\r\n\r\n\/* CSS code for improving entrance animation *\/\r\n\r\n.fadeInUp {\r\n    animation: mdwFadeInUp 1s ease-in-out forwards !important;\r\n}\r\n.fadeIn {\r\n    animation: fadeIn 1.3s ease-in-out 0.5s forwards !important;\r\n    opacity: 0;\r\n}\r\n\r\n@keyframes mdwFadeInUp{\r\n0%{\r\n    transform: translateY(50px);\r\n    opacity: 0;\r\n    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);\r\n}\r\n100%{\r\n    transform: translateY(0);\r\n    opacity: 1;\r\n    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);\r\n}\r\n}\r\n\r\n@media (max-width: 767px){\r\n.mdw-card-portfolio-image-left{\r\n    transition: all 0.6s ease-in-out;\r\n    transform: translateX(-30px) rotate(-1deg) !important;\r\n}\r\n.mdw-card-portfolio-image-right{\r\n    transition: all 0.6s ease-in-out;\r\n    transform: translateX(30px) rotate(1deg) !important;\r\n}\r\n.mdw-card-portfolio.passed .mdw-card-portfolio-image-left{\r\n    transition: all 0.8s ease-in-out;\r\n    transform: translateX(calc(-1*var(--maximum-move))) rotate(calc(-1*var(--maximum-rotate))) !important;\r\n}\r\n.mdw-card-portfolio.passed .mdw-card-portfolio-image-right{\r\n    transition: all 0.8s ease-in-out;\r\n    transform: translateX(calc(1*var(--maximum-move))) rotate(calc(1*var(--maximum-rotate))) !important;\r\n}\r\n}\r\n\r\n<\/style>\r\n\r\n<script src=\"https:\/\/code.jquery.com\/jquery-3.6.0.min.js\"><\/script>\r\n<script>\r\nvar $ = jQuery\r\n\r\n$(window).on('load scroll resize', function(){\r\n\r\n$('.mdw-card-portfolio').each(function(){\r\n    var $this = $(this),\r\n    sectionHeight = $this.outerHeight(),\r\n    windowHeight = $(window).height(),\r\n    scrollValue = $(window).scrollTop() - $this.offset().top + windowHeight,\r\n    bottomPassValue = $(window).scrollTop() - $this.offset().top - sectionHeight,\r\n    easeSpeed = 3,\r\n    easeValue\r\n    \r\n    if( $(window).width() > 767 ){\r\n        \r\n        if(scrollValue < 0 || bottomPassValue > 0) return\r\n        \r\n        easeValue = 1 - 1\/Math.pow(2, scrollValue*easeSpeed\/sectionHeight)\r\n        \r\n        $this.find('.mdw-card-portfolio-image-left').css('transform', 'translateX(calc(' + (-1*easeValue) + '* var(--maximum-move))) rotate(calc(' + (-1*easeValue) + '*var(--maximum-rotate)))')\r\n        $this.find('.mdw-card-portfolio-image-right').css('transform', 'translateX(calc(' + (1*easeValue) + '* var(--maximum-move))) rotate(calc(' + (1*easeValue) + '*var(--maximum-rotate)))')\r\n    }else{\r\n        $this.removeClass('passed')\r\n        if( scrollValue - windowHeight*1\/2 > 0 ) $this.addClass('passed')\r\n    }\r\n    \r\n})\r\n})\r\n\r\n$(document).ready(function(){\r\n    \r\n$('.mdw-email-box .elementor-widget-container').hover(function(){\r\n    $('.mdw-email-copy').addClass('copy')\r\n}, function(){\r\n    $('.mdw-email-copy').removeClass('copy copied')\r\n})\r\n\r\n$('.mdw-email-box .elementor-widget-container').on('click', function(){\r\n    navigator.clipboard.writeText($('.mdw-email-box').text())\r\n    $('.mdw-email-copy').addClass('copied')\r\n})\r\n})\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-88ff98c elementor-widget elementor-widget-heading\" data-id=\"88ff98c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Desarrollo Web | TRADING<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dddcb76 mdw-gradient elementor-widget elementor-widget-heading\" data-id=\"dddcb76\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Damstrading<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3c4602d elementor-widget elementor-widget-button\" data-id=\"3c4602d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/damstrading.fr\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-arrow-circle-right\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8c137 0 248 111 248 248S393 504 256 504 8 393 8 256 119 8 256 8zm-28.9 143.6l75.5 72.4H120c-13.3 0-24 10.7-24 24v16c0 13.3 10.7 24 24 24h182.6l-75.5 72.4c-9.7 9.3-9.9 24.8-.4 34.3l11 10.9c9.4 9.4 24.6 9.4 33.9 0L404.3 273c9.4-9.4 9.4-24.6 0-33.9L271.6 106.3c-9.4-9.4-24.6-9.4-33.9 0l-11 10.9c-9.5 9.6-9.3 25.1.4 34.4z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Visita la web<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5731a56 elementor-widget__width-initial mdw-gradient elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"5731a56\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e31b051 elementor-absolute mdw-card-portfolio-image-right elementor-widget elementor-widget-image\" data-id=\"e31b051\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"534\" src=\"https:\/\/ericzavala.cv\/wp-content\/uploads\/2025\/03\/Portafolio-Moonpix-WEB-01-Orbita-Visual-1024x683.png\" class=\"attachment-large size-large wp-image-67\" alt=\"\" srcset=\"https:\/\/ericzavala.cv\/wp-content\/uploads\/2025\/03\/Portafolio-Moonpix-WEB-01-Orbita-Visual-1024x683.png 1024w, https:\/\/ericzavala.cv\/wp-content\/uploads\/2025\/03\/Portafolio-Moonpix-WEB-01-Orbita-Visual-300x200.png 300w, https:\/\/ericzavala.cv\/wp-content\/uploads\/2025\/03\/Portafolio-Moonpix-WEB-01-Orbita-Visual-768x512.png 768w, https:\/\/ericzavala.cv\/wp-content\/uploads\/2025\/03\/Portafolio-Moonpix-WEB-01-Orbita-Visual.png 1140w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-412bb9e elementor-absolute mdw-card-portfolio-image-left elementor-widget elementor-widget-image\" data-id=\"412bb9e\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"534\" src=\"https:\/\/ericzavala.cv\/wp-content\/uploads\/2025\/03\/Portafolio-Moonpix-WEB-0-Damstrading-B-1024x683.png\" class=\"attachment-large size-large wp-image-772\" alt=\"\" srcset=\"https:\/\/ericzavala.cv\/wp-content\/uploads\/2025\/03\/Portafolio-Moonpix-WEB-0-Damstrading-B-1024x683.png 1024w, https:\/\/ericzavala.cv\/wp-content\/uploads\/2025\/03\/Portafolio-Moonpix-WEB-0-Damstrading-B-300x200.png 300w, https:\/\/ericzavala.cv\/wp-content\/uploads\/2025\/03\/Portafolio-Moonpix-WEB-0-Damstrading-B-768x512.png 768w, https:\/\/ericzavala.cv\/wp-content\/uploads\/2025\/03\/Portafolio-Moonpix-WEB-0-Damstrading-B.png 1140w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6f9f9a5 mdw-card-portfolio  e-con-full e-flex e-con e-child\" data-id=\"6f9f9a5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f8dd9a2 elementor-widget elementor-widget-html\" data-id=\"f8dd9a2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n.mdw-card-portfolio{\r\n    --image-height: 77vh;\r\n    --image-width: 62vh;\r\n    --maximum-move: 80vh;\r\n    --maximum-rotate: 6deg;\r\n}\r\n.mdw-gradient{\r\n    --gradient-color-1: #059176;\r\n    --gradient-color-2: #ffffff;\r\n    --gradient-color-3: #059176;\r\n    --gradient-color-4: #afd3ec;\r\n    --gradient-color-5: #059176;\r\n}\r\n\r\n\/* Tablet Device *\/\r\n\r\n@media (max-width: 1024px){\r\n.mdw-card-portfolio{\r\n    --image-height: 77vh;\r\n    --image-width: 62vh;\r\n    --maximum-move: 65vh;\r\n    --maximum-rotate: 6deg;\r\n}\r\n}\r\n\r\n\r\n\/* Mobile Device *\/\r\n\r\n@media (max-width: 767px){\r\n.mdw-card-portfolio{\r\n    --image-height: 450px;\r\n    --image-width: 375px;\r\n    --maximum-move: 350px;\r\n    --maximum-rotate: 3deg;\r\n}\r\n}\r\n\r\nhtml, body{\r\n    overflow-x: hidden;\r\n}\r\n.elementor-edit-area .animated {\r\n    animation-fill-mode: forwards!important;\r\n}\r\n.mdw-card-portfolio-image-left,\r\n.mdw-card-portfolio-image-right{\r\n    will-change: transform;\r\n}\r\n.mdw-card-portfolio-image-left img,\r\n.mdw-card-portfolio-image-right img{\r\n    width: var(--image-width);\r\n    height: var(--image-height);\r\n    object-fit: cover;\r\n}\r\n\r\n\r\n\/* CSS code for gradient background *\/\r\n\r\n.mdw-gradient .elementor-widget-container{\r\n    background: var(--gradient-color-1,#fff);\r\n    background: linear-gradient(90deg, var(--gradient-color-1,#fff) 0%, var(--gradient-color-2,#fff) 25%, var(--gradient-color-3,#fff) 50%, var(--gradient-color-4,#fff) 75%, var(--gradient-color-5,#fff) 100%);\r\n}\r\n.mdw-gradient.elementor-widget-heading .elementor-widget-container{\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n}\r\n\r\n\r\n\/* CSS code for bottom email box *\/\r\n\r\n.mdw-email-box .elementor-widget-container{\r\n    cursor: pointer;\r\n}\r\n.mdw-email-box .elementor-heading-title{\r\n    transition: all 0.2s ease-in-out;\r\n    word-break: break-all;\r\n    text-align: center;\r\n}\r\n.mdw-email-box .elementor-widget-container:hover .elementor-heading-title{\r\n    transform: scale(0.98);\r\n}\r\n.mdw-email-copy{\r\n    height: var(--min-height,22px);\r\n}\r\n.mdw-email-copy .e-con-inner{\r\n    height: auto;\r\n}\r\n.mdw-email-copy .elementor-widget{\r\n    transition: all 0.2s ease-in-out;\r\n}\r\n.mdw-email-copy.copy .elementor-widget{\r\n    transform: translateY(-100%);\r\n}\r\n.mdw-email-copy.copied .elementor-widget{\r\n    transform: translateY(-200%);\r\n}\r\n\r\n\r\n\/* CSS code for improving entrance animation *\/\r\n\r\n.fadeInUp {\r\n    animation: mdwFadeInUp 1s ease-in-out forwards !important;\r\n}\r\n.fadeIn {\r\n    animation: fadeIn 1.3s ease-in-out 0.5s forwards !important;\r\n    opacity: 0;\r\n}\r\n\r\n@keyframes mdwFadeInUp{\r\n0%{\r\n    transform: translateY(50px);\r\n    opacity: 0;\r\n    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);\r\n}\r\n100%{\r\n    transform: translateY(0);\r\n    opacity: 1;\r\n    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);\r\n}\r\n}\r\n\r\n@media (max-width: 767px){\r\n.mdw-card-portfolio-image-left{\r\n    transition: all 0.6s ease-in-out;\r\n    transform: translateX(-30px) rotate(-1deg) !important;\r\n}\r\n.mdw-card-portfolio-image-right{\r\n    transition: all 0.6s ease-in-out;\r\n    transform: translateX(30px) rotate(1deg) !important;\r\n}\r\n.mdw-card-portfolio.passed .mdw-card-portfolio-image-left{\r\n    transition: all 0.8s ease-in-out;\r\n    transform: translateX(calc(-1*var(--maximum-move))) rotate(calc(-1*var(--maximum-rotate))) !important;\r\n}\r\n.mdw-card-portfolio.passed .mdw-card-portfolio-image-right{\r\n    transition: all 0.8s ease-in-out;\r\n    transform: translateX(calc(1*var(--maximum-move))) rotate(calc(1*var(--maximum-rotate))) !important;\r\n}\r\n}\r\n\r\n<\/style>\r\n\r\n<script src=\"https:\/\/code.jquery.com\/jquery-3.6.0.min.js\"><\/script>\r\n<script>\r\nvar $ = jQuery\r\n\r\n$(window).on('load scroll resize', function(){\r\n\r\n$('.mdw-card-portfolio').each(function(){\r\n    var $this = $(this),\r\n    sectionHeight = $this.outerHeight(),\r\n    windowHeight = $(window).height(),\r\n    scrollValue = $(window).scrollTop() - $this.offset().top + windowHeight,\r\n    bottomPassValue = $(window).scrollTop() - $this.offset().top - sectionHeight,\r\n    easeSpeed = 3,\r\n    easeValue\r\n    \r\n    if( $(window).width() > 767 ){\r\n        \r\n        if(scrollValue < 0 || bottomPassValue > 0) return\r\n        \r\n        easeValue = 1 - 1\/Math.pow(2, scrollValue*easeSpeed\/sectionHeight)\r\n        \r\n        $this.find('.mdw-card-portfolio-image-left').css('transform', 'translateX(calc(' + (-1*easeValue) + '* var(--maximum-move))) rotate(calc(' + (-1*easeValue) + '*var(--maximum-rotate)))')\r\n        $this.find('.mdw-card-portfolio-image-right').css('transform', 'translateX(calc(' + (1*easeValue) + '* var(--maximum-move))) rotate(calc(' + (1*easeValue) + '*var(--maximum-rotate)))')\r\n    }else{\r\n        $this.removeClass('passed')\r\n        if( scrollValue - windowHeight*1\/2 > 0 ) $this.addClass('passed')\r\n    }\r\n    \r\n})\r\n})\r\n\r\n$(document).ready(function(){\r\n    \r\n$('.mdw-email-box .elementor-widget-container').hover(function(){\r\n    $('.mdw-email-copy').addClass('copy')\r\n}, function(){\r\n    $('.mdw-email-copy').removeClass('copy copied')\r\n})\r\n\r\n$('.mdw-email-box .elementor-widget-container').on('click', function(){\r\n    navigator.clipboard.writeText($('.mdw-email-box').text())\r\n    $('.mdw-email-copy').addClass('copied')\r\n})\r\n})\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9b713c1 elementor-widget elementor-widget-heading\" data-id=\"9b713c1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Desarrollo Web | ONG<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a3935f8 mdw-gradient elementor-widget elementor-widget-heading\" data-id=\"a3935f8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">CohPer<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c75cdbf elementor-widget elementor-widget-button\" data-id=\"c75cdbf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/cohper.org\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-arrow-circle-right\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8c137 0 248 111 248 248S393 504 256 504 8 393 8 256 119 8 256 8zm-28.9 143.6l75.5 72.4H120c-13.3 0-24 10.7-24 24v16c0 13.3 10.7 24 24 24h182.6l-75.5 72.4c-9.7 9.3-9.9 24.8-.4 34.3l11 10.9c9.4 9.4 24.6 9.4 33.9 0L404.3 273c9.4-9.4 9.4-24.6 0-33.9L271.6 106.3c-9.4-9.4-24.6-9.4-33.9 0l-11 10.9c-9.5 9.6-9.3 25.1.4 34.4z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Visita la web<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d1e68b6 elementor-widget__width-initial mdw-gradient elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"d1e68b6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6fbeecf elementor-absolute mdw-card-portfolio-image-right elementor-widget elementor-widget-image\" data-id=\"6fbeecf\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"534\" src=\"https:\/\/ericzavala.cv\/wp-content\/uploads\/2025\/03\/Portafolio-Moonpix-WEB-04-CohPer-1024x683.png\" class=\"attachment-large size-large wp-image-70\" alt=\"\" srcset=\"https:\/\/ericzavala.cv\/wp-content\/uploads\/2025\/03\/Portafolio-Moonpix-WEB-04-CohPer-1024x683.png 1024w, https:\/\/ericzavala.cv\/wp-content\/uploads\/2025\/03\/Portafolio-Moonpix-WEB-04-CohPer-300x200.png 300w, https:\/\/ericzavala.cv\/wp-content\/uploads\/2025\/03\/Portafolio-Moonpix-WEB-04-CohPer-768x512.png 768w, https:\/\/ericzavala.cv\/wp-content\/uploads\/2025\/03\/Portafolio-Moonpix-WEB-04-CohPer.png 1140w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f524849 elementor-absolute mdw-card-portfolio-image-left elementor-widget elementor-widget-image\" data-id=\"f524849\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"534\" src=\"https:\/\/ericzavala.cv\/wp-content\/uploads\/2025\/03\/Portafolio-Moonpix-WEB-04-CohPer-B-1024x683.png\" class=\"attachment-large size-large wp-image-773\" alt=\"\" srcset=\"https:\/\/ericzavala.cv\/wp-content\/uploads\/2025\/03\/Portafolio-Moonpix-WEB-04-CohPer-B-1024x683.png 1024w, https:\/\/ericzavala.cv\/wp-content\/uploads\/2025\/03\/Portafolio-Moonpix-WEB-04-CohPer-B-300x200.png 300w, https:\/\/ericzavala.cv\/wp-content\/uploads\/2025\/03\/Portafolio-Moonpix-WEB-04-CohPer-B-768x512.png 768w, https:\/\/ericzavala.cv\/wp-content\/uploads\/2025\/03\/Portafolio-Moonpix-WEB-04-CohPer-B.png 1140w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-aab7ef2 mdw-card-portfolio  e-con-full e-flex e-con e-child\" data-id=\"aab7ef2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8af5ba9 elementor-widget elementor-widget-html\" data-id=\"8af5ba9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n.mdw-card-portfolio{\r\n    --image-height: 77vh;\r\n    --image-width: 62vh;\r\n    --maximum-move: 80vh;\r\n    --maximum-rotate: 6deg;\r\n}\r\n.mdw-gradient{\r\n    --gradient-color-1: #059176;\r\n    --gradient-color-2: #ffffff;\r\n    --gradient-color-3: #059176;\r\n    --gradient-color-4: #afd3ec;\r\n    --gradient-color-5: #059176;\r\n}\r\n\r\n\/* Tablet Device *\/\r\n\r\n@media (max-width: 1024px){\r\n.mdw-card-portfolio{\r\n    --image-height: 77vh;\r\n    --image-width: 62vh;\r\n    --maximum-move: 65vh;\r\n    --maximum-rotate: 6deg;\r\n}\r\n}\r\n\r\n\r\n\/* Mobile Device *\/\r\n\r\n@media (max-width: 767px){\r\n.mdw-card-portfolio{\r\n    --image-height: 450px;\r\n    --image-width: 375px;\r\n    --maximum-move: 350px;\r\n    --maximum-rotate: 3deg;\r\n}\r\n}\r\n\r\nhtml, body{\r\n    overflow-x: hidden;\r\n}\r\n.elementor-edit-area .animated {\r\n    animation-fill-mode: forwards!important;\r\n}\r\n.mdw-card-portfolio-image-left,\r\n.mdw-card-portfolio-image-right{\r\n    will-change: transform;\r\n}\r\n.mdw-card-portfolio-image-left img,\r\n.mdw-card-portfolio-image-right img{\r\n    width: var(--image-width);\r\n    height: var(--image-height);\r\n    object-fit: cover;\r\n}\r\n\r\n\r\n\/* CSS code for gradient background *\/\r\n\r\n.mdw-gradient .elementor-widget-container{\r\n    background: var(--gradient-color-1,#fff);\r\n    background: linear-gradient(90deg, var(--gradient-color-1,#fff) 0%, var(--gradient-color-2,#fff) 25%, var(--gradient-color-3,#fff) 50%, var(--gradient-color-4,#fff) 75%, var(--gradient-color-5,#fff) 100%);\r\n}\r\n.mdw-gradient.elementor-widget-heading .elementor-widget-container{\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n}\r\n\r\n\r\n\/* CSS code for bottom email box *\/\r\n\r\n.mdw-email-box .elementor-widget-container{\r\n    cursor: pointer;\r\n}\r\n.mdw-email-box .elementor-heading-title{\r\n    transition: all 0.2s ease-in-out;\r\n    word-break: break-all;\r\n    text-align: center;\r\n}\r\n.mdw-email-box .elementor-widget-container:hover .elementor-heading-title{\r\n    transform: scale(0.98);\r\n}\r\n.mdw-email-copy{\r\n    height: var(--min-height,22px);\r\n}\r\n.mdw-email-copy .e-con-inner{\r\n    height: auto;\r\n}\r\n.mdw-email-copy .elementor-widget{\r\n    transition: all 0.2s ease-in-out;\r\n}\r\n.mdw-email-copy.copy .elementor-widget{\r\n    transform: translateY(-100%);\r\n}\r\n.mdw-email-copy.copied .elementor-widget{\r\n    transform: translateY(-200%);\r\n}\r\n\r\n\r\n\/* CSS code for improving entrance animation *\/\r\n\r\n.fadeInUp {\r\n    animation: mdwFadeInUp 1s ease-in-out forwards !important;\r\n}\r\n.fadeIn {\r\n    animation: fadeIn 1.3s ease-in-out 0.5s forwards !important;\r\n    opacity: 0;\r\n}\r\n\r\n@keyframes mdwFadeInUp{\r\n0%{\r\n    transform: translateY(50px);\r\n    opacity: 0;\r\n    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);\r\n}\r\n100%{\r\n    transform: translateY(0);\r\n    opacity: 1;\r\n    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);\r\n}\r\n}\r\n\r\n@media (max-width: 767px){\r\n.mdw-card-portfolio-image-left{\r\n    transition: all 0.6s ease-in-out;\r\n    transform: translateX(-30px) rotate(-1deg) !important;\r\n}\r\n.mdw-card-portfolio-image-right{\r\n    transition: all 0.6s ease-in-out;\r\n    transform: translateX(30px) rotate(1deg) !important;\r\n}\r\n.mdw-card-portfolio.passed .mdw-card-portfolio-image-left{\r\n    transition: all 0.8s ease-in-out;\r\n    transform: translateX(calc(-1*var(--maximum-move))) rotate(calc(-1*var(--maximum-rotate))) !important;\r\n}\r\n.mdw-card-portfolio.passed .mdw-card-portfolio-image-right{\r\n    transition: all 0.8s ease-in-out;\r\n    transform: translateX(calc(1*var(--maximum-move))) rotate(calc(1*var(--maximum-rotate))) !important;\r\n}\r\n}\r\n\r\n<\/style>\r\n\r\n<script src=\"https:\/\/code.jquery.com\/jquery-3.6.0.min.js\"><\/script>\r\n<script>\r\nvar $ = jQuery\r\n\r\n$(window).on('load scroll resize', function(){\r\n\r\n$('.mdw-card-portfolio').each(function(){\r\n    var $this = $(this),\r\n    sectionHeight = $this.outerHeight(),\r\n    windowHeight = $(window).height(),\r\n    scrollValue = $(window).scrollTop() - $this.offset().top + windowHeight,\r\n    bottomPassValue = $(window).scrollTop() - $this.offset().top - sectionHeight,\r\n    easeSpeed = 3,\r\n    easeValue\r\n    \r\n    if( $(window).width() > 767 ){\r\n        \r\n        if(scrollValue < 0 || bottomPassValue > 0) return\r\n        \r\n        easeValue = 1 - 1\/Math.pow(2, scrollValue*easeSpeed\/sectionHeight)\r\n        \r\n        $this.find('.mdw-card-portfolio-image-left').css('transform', 'translateX(calc(' + (-1*easeValue) + '* var(--maximum-move))) rotate(calc(' + (-1*easeValue) + '*var(--maximum-rotate)))')\r\n        $this.find('.mdw-card-portfolio-image-right').css('transform', 'translateX(calc(' + (1*easeValue) + '* var(--maximum-move))) rotate(calc(' + (1*easeValue) + '*var(--maximum-rotate)))')\r\n    }else{\r\n        $this.removeClass('passed')\r\n        if( scrollValue - windowHeight*1\/2 > 0 ) $this.addClass('passed')\r\n    }\r\n    \r\n})\r\n})\r\n\r\n$(document).ready(function(){\r\n    \r\n$('.mdw-email-box .elementor-widget-container').hover(function(){\r\n    $('.mdw-email-copy').addClass('copy')\r\n}, function(){\r\n    $('.mdw-email-copy').removeClass('copy copied')\r\n})\r\n\r\n$('.mdw-email-box .elementor-widget-container').on('click', function(){\r\n    navigator.clipboard.writeText($('.mdw-email-box').text())\r\n    $('.mdw-email-copy').addClass('copied')\r\n})\r\n})\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ab6da31 elementor-widget elementor-widget-heading\" data-id=\"ab6da31\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Desarrollo Web | ECOMMERCE<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5847f6f mdw-gradient elementor-widget elementor-widget-heading\" data-id=\"5847f6f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Mister Be<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ede3d23 elementor-widget elementor-widget-button\" data-id=\"ede3d23\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/mister.be\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-arrow-circle-right\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8c137 0 248 111 248 248S393 504 256 504 8 393 8 256 119 8 256 8zm-28.9 143.6l75.5 72.4H120c-13.3 0-24 10.7-24 24v16c0 13.3 10.7 24 24 24h182.6l-75.5 72.4c-9.7 9.3-9.9 24.8-.4 34.3l11 10.9c9.4 9.4 24.6 9.4 33.9 0L404.3 273c9.4-9.4 9.4-24.6 0-33.9L271.6 106.3c-9.4-9.4-24.6-9.4-33.9 0l-11 10.9c-9.5 9.6-9.3 25.1.4 34.4z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Visita la web<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2496708 elementor-widget__width-initial mdw-gradient elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"2496708\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-384bb14 elementor-absolute mdw-card-portfolio-image-right elementor-widget elementor-widget-image\" data-id=\"384bb14\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"534\" src=\"https:\/\/ericzavala.cv\/wp-content\/uploads\/2025\/03\/Portafolio-Moonpix-ECOMMERCE-02-MISTER-BE-1024x683.png\" class=\"attachment-large size-large wp-image-774\" alt=\"\" srcset=\"https:\/\/ericzavala.cv\/wp-content\/uploads\/2025\/03\/Portafolio-Moonpix-ECOMMERCE-02-MISTER-BE-1024x683.png 1024w, https:\/\/ericzavala.cv\/wp-content\/uploads\/2025\/03\/Portafolio-Moonpix-ECOMMERCE-02-MISTER-BE-300x200.png 300w, https:\/\/ericzavala.cv\/wp-content\/uploads\/2025\/03\/Portafolio-Moonpix-ECOMMERCE-02-MISTER-BE-768x512.png 768w, https:\/\/ericzavala.cv\/wp-content\/uploads\/2025\/03\/Portafolio-Moonpix-ECOMMERCE-02-MISTER-BE.png 1140w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-72b598d elementor-absolute mdw-card-portfolio-image-left elementor-widget elementor-widget-image\" data-id=\"72b598d\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"534\" src=\"https:\/\/ericzavala.cv\/wp-content\/uploads\/2025\/03\/Portafolio-Moonpix-ECOMMERCE-02-MISTER-BE-B-1024x683.png\" class=\"attachment-large size-large wp-image-775\" alt=\"\" srcset=\"https:\/\/ericzavala.cv\/wp-content\/uploads\/2025\/03\/Portafolio-Moonpix-ECOMMERCE-02-MISTER-BE-B-1024x683.png 1024w, https:\/\/ericzavala.cv\/wp-content\/uploads\/2025\/03\/Portafolio-Moonpix-ECOMMERCE-02-MISTER-BE-B-300x200.png 300w, https:\/\/ericzavala.cv\/wp-content\/uploads\/2025\/03\/Portafolio-Moonpix-ECOMMERCE-02-MISTER-BE-B-768x512.png 768w, https:\/\/ericzavala.cv\/wp-content\/uploads\/2025\/03\/Portafolio-Moonpix-ECOMMERCE-02-MISTER-BE-B.png 1140w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1fd42db mdw-card-portfolio  e-con-full e-flex e-con e-child\" data-id=\"1fd42db\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9a87786 elementor-widget elementor-widget-html\" data-id=\"9a87786\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n.mdw-card-portfolio{\r\n    --image-height: 77vh;\r\n    --image-width: 62vh;\r\n    --maximum-move: 80vh;\r\n    --maximum-rotate: 6deg;\r\n}\r\n.mdw-gradient{\r\n    --gradient-color-1: #059176;\r\n    --gradient-color-2: #ffffff;\r\n    --gradient-color-3: #059176;\r\n    --gradient-color-4: #afd3ec;\r\n    --gradient-color-5: #059176;\r\n}\r\n\r\n\/* Tablet Device *\/\r\n\r\n@media (max-width: 1024px){\r\n.mdw-card-portfolio{\r\n    --image-height: 77vh;\r\n    --image-width: 62vh;\r\n    --maximum-move: 65vh;\r\n    --maximum-rotate: 6deg;\r\n}\r\n}\r\n\r\n\r\n\/* Mobile Device *\/\r\n\r\n@media (max-width: 767px){\r\n.mdw-card-portfolio{\r\n    --image-height: 450px;\r\n    --image-width: 375px;\r\n    --maximum-move: 350px;\r\n    --maximum-rotate: 3deg;\r\n}\r\n}\r\n\r\nhtml, body{\r\n    overflow-x: hidden;\r\n}\r\n.elementor-edit-area .animated {\r\n    animation-fill-mode: forwards!important;\r\n}\r\n.mdw-card-portfolio-image-left,\r\n.mdw-card-portfolio-image-right{\r\n    will-change: transform;\r\n}\r\n.mdw-card-portfolio-image-left img,\r\n.mdw-card-portfolio-image-right img{\r\n    width: var(--image-width);\r\n    height: var(--image-height);\r\n    object-fit: cover;\r\n}\r\n\r\n\r\n\/* CSS code for gradient background *\/\r\n\r\n.mdw-gradient .elementor-widget-container{\r\n    background: var(--gradient-color-1,#fff);\r\n    background: linear-gradient(90deg, var(--gradient-color-1,#fff) 0%, var(--gradient-color-2,#fff) 25%, var(--gradient-color-3,#fff) 50%, var(--gradient-color-4,#fff) 75%, var(--gradient-color-5,#fff) 100%);\r\n}\r\n.mdw-gradient.elementor-widget-heading .elementor-widget-container{\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n}\r\n\r\n\r\n\/* CSS code for bottom email box *\/\r\n\r\n.mdw-email-box .elementor-widget-container{\r\n    cursor: pointer;\r\n}\r\n.mdw-email-box .elementor-heading-title{\r\n    transition: all 0.2s ease-in-out;\r\n    word-break: break-all;\r\n    text-align: center;\r\n}\r\n.mdw-email-box .elementor-widget-container:hover .elementor-heading-title{\r\n    transform: scale(0.98);\r\n}\r\n.mdw-email-copy{\r\n    height: var(--min-height,22px);\r\n}\r\n.mdw-email-copy .e-con-inner{\r\n    height: auto;\r\n}\r\n.mdw-email-copy .elementor-widget{\r\n    transition: all 0.2s ease-in-out;\r\n}\r\n.mdw-email-copy.copy .elementor-widget{\r\n    transform: translateY(-100%);\r\n}\r\n.mdw-email-copy.copied .elementor-widget{\r\n    transform: translateY(-200%);\r\n}\r\n\r\n\r\n\/* CSS code for improving entrance animation *\/\r\n\r\n.fadeInUp {\r\n    animation: mdwFadeInUp 1s ease-in-out forwards !important;\r\n}\r\n.fadeIn {\r\n    animation: fadeIn 1.3s ease-in-out 0.5s forwards !important;\r\n    opacity: 0;\r\n}\r\n\r\n@keyframes mdwFadeInUp{\r\n0%{\r\n    transform: translateY(50px);\r\n    opacity: 0;\r\n    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);\r\n}\r\n100%{\r\n    transform: translateY(0);\r\n    opacity: 1;\r\n    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);\r\n}\r\n}\r\n\r\n@media (max-width: 767px){\r\n.mdw-card-portfolio-image-left{\r\n    transition: all 0.6s ease-in-out;\r\n    transform: translateX(-30px) rotate(-1deg) !important;\r\n}\r\n.mdw-card-portfolio-image-right{\r\n    transition: all 0.6s ease-in-out;\r\n    transform: translateX(30px) rotate(1deg) !important;\r\n}\r\n.mdw-card-portfolio.passed .mdw-card-portfolio-image-left{\r\n    transition: all 0.8s ease-in-out;\r\n    transform: translateX(calc(-1*var(--maximum-move))) rotate(calc(-1*var(--maximum-rotate))) !important;\r\n}\r\n.mdw-card-portfolio.passed .mdw-card-portfolio-image-right{\r\n    transition: all 0.8s ease-in-out;\r\n    transform: translateX(calc(1*var(--maximum-move))) rotate(calc(1*var(--maximum-rotate))) !important;\r\n}\r\n}\r\n\r\n<\/style>\r\n\r\n<script src=\"https:\/\/code.jquery.com\/jquery-3.6.0.min.js\"><\/script>\r\n<script>\r\nvar $ = jQuery\r\n\r\n$(window).on('load scroll resize', function(){\r\n\r\n$('.mdw-card-portfolio').each(function(){\r\n    var $this = $(this),\r\n    sectionHeight = $this.outerHeight(),\r\n    windowHeight = $(window).height(),\r\n    scrollValue = $(window).scrollTop() - $this.offset().top + windowHeight,\r\n    bottomPassValue = $(window).scrollTop() - $this.offset().top - sectionHeight,\r\n    easeSpeed = 3,\r\n    easeValue\r\n    \r\n    if( $(window).width() > 767 ){\r\n        \r\n        if(scrollValue < 0 || bottomPassValue > 0) return\r\n        \r\n        easeValue = 1 - 1\/Math.pow(2, scrollValue*easeSpeed\/sectionHeight)\r\n        \r\n        $this.find('.mdw-card-portfolio-image-left').css('transform', 'translateX(calc(' + (-1*easeValue) + '* var(--maximum-move))) rotate(calc(' + (-1*easeValue) + '*var(--maximum-rotate)))')\r\n        $this.find('.mdw-card-portfolio-image-right').css('transform', 'translateX(calc(' + (1*easeValue) + '* var(--maximum-move))) rotate(calc(' + (1*easeValue) + '*var(--maximum-rotate)))')\r\n    }else{\r\n        $this.removeClass('passed')\r\n        if( scrollValue - windowHeight*1\/2 > 0 ) $this.addClass('passed')\r\n    }\r\n    \r\n})\r\n})\r\n\r\n$(document).ready(function(){\r\n    \r\n$('.mdw-email-box .elementor-widget-container').hover(function(){\r\n    $('.mdw-email-copy').addClass('copy')\r\n}, function(){\r\n    $('.mdw-email-copy').removeClass('copy copied')\r\n})\r\n\r\n$('.mdw-email-box .elementor-widget-container').on('click', function(){\r\n    navigator.clipboard.writeText($('.mdw-email-box').text())\r\n    $('.mdw-email-copy').addClass('copied')\r\n})\r\n})\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-64dc77c elementor-widget elementor-widget-heading\" data-id=\"64dc77c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Desarrollo Web | ECOMMERCE<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-caf83a6 mdw-gradient elementor-widget elementor-widget-heading\" data-id=\"caf83a6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Sol de Paijan<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2793551 elementor-widget elementor-widget-button\" data-id=\"2793551\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/soldepaijan.com\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-arrow-circle-right\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8c137 0 248 111 248 248S393 504 256 504 8 393 8 256 119 8 256 8zm-28.9 143.6l75.5 72.4H120c-13.3 0-24 10.7-24 24v16c0 13.3 10.7 24 24 24h182.6l-75.5 72.4c-9.7 9.3-9.9 24.8-.4 34.3l11 10.9c9.4 9.4 24.6 9.4 33.9 0L404.3 273c9.4-9.4 9.4-24.6 0-33.9L271.6 106.3c-9.4-9.4-24.6-9.4-33.9 0l-11 10.9c-9.5 9.6-9.3 25.1.4 34.4z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Visita la web<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2651879 elementor-widget__width-initial mdw-gradient elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"2651879\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1650282 elementor-absolute mdw-card-portfolio-image-right elementor-widget elementor-widget-image\" data-id=\"1650282\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"534\" src=\"https:\/\/ericzavala.cv\/wp-content\/uploads\/2025\/03\/Portafolio-Moonpix-MONITOREO-03-SOLDEPAIJAN-1024x683.png\" class=\"attachment-large size-large wp-image-776\" alt=\"\" srcset=\"https:\/\/ericzavala.cv\/wp-content\/uploads\/2025\/03\/Portafolio-Moonpix-MONITOREO-03-SOLDEPAIJAN-1024x683.png 1024w, https:\/\/ericzavala.cv\/wp-content\/uploads\/2025\/03\/Portafolio-Moonpix-MONITOREO-03-SOLDEPAIJAN-300x200.png 300w, https:\/\/ericzavala.cv\/wp-content\/uploads\/2025\/03\/Portafolio-Moonpix-MONITOREO-03-SOLDEPAIJAN-768x512.png 768w, https:\/\/ericzavala.cv\/wp-content\/uploads\/2025\/03\/Portafolio-Moonpix-MONITOREO-03-SOLDEPAIJAN.png 1140w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e664f9a elementor-absolute mdw-card-portfolio-image-left elementor-widget elementor-widget-image\" data-id=\"e664f9a\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"534\" src=\"https:\/\/ericzavala.cv\/wp-content\/uploads\/2025\/03\/Portafolio-Moonpix-MONITOREO-03-SOLDEPAIJAN-B-1024x683.png\" class=\"attachment-large size-large wp-image-777\" alt=\"\" srcset=\"https:\/\/ericzavala.cv\/wp-content\/uploads\/2025\/03\/Portafolio-Moonpix-MONITOREO-03-SOLDEPAIJAN-B-1024x683.png 1024w, https:\/\/ericzavala.cv\/wp-content\/uploads\/2025\/03\/Portafolio-Moonpix-MONITOREO-03-SOLDEPAIJAN-B-300x200.png 300w, https:\/\/ericzavala.cv\/wp-content\/uploads\/2025\/03\/Portafolio-Moonpix-MONITOREO-03-SOLDEPAIJAN-B-768x512.png 768w, https:\/\/ericzavala.cv\/wp-content\/uploads\/2025\/03\/Portafolio-Moonpix-MONITOREO-03-SOLDEPAIJAN-B.png 1140w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e6ce4ac mdw-card-portfolio  e-con-full e-flex e-con e-child\" data-id=\"e6ce4ac\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-911902c elementor-widget elementor-widget-html\" data-id=\"911902c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n.mdw-card-portfolio{\r\n    --image-height: 77vh;\r\n    --image-width: 62vh;\r\n    --maximum-move: 80vh;\r\n    --maximum-rotate: 6deg;\r\n}\r\n.mdw-gradient{\r\n    --gradient-color-1: #059176;\r\n    --gradient-color-2: #ffffff;\r\n    --gradient-color-3: #059176;\r\n    --gradient-color-4: #afd3ec;\r\n    --gradient-color-5: #059176;\r\n}\r\n\r\n\/* Tablet Device *\/\r\n\r\n@media (max-width: 1024px){\r\n.mdw-card-portfolio{\r\n    --image-height: 77vh;\r\n    --image-width: 62vh;\r\n    --maximum-move: 65vh;\r\n    --maximum-rotate: 6deg;\r\n}\r\n}\r\n\r\n\r\n\/* Mobile Device *\/\r\n\r\n@media (max-width: 767px){\r\n.mdw-card-portfolio{\r\n    --image-height: 450px;\r\n    --image-width: 375px;\r\n    --maximum-move: 350px;\r\n    --maximum-rotate: 3deg;\r\n}\r\n}\r\n\r\nhtml, body{\r\n    overflow-x: hidden;\r\n}\r\n.elementor-edit-area .animated {\r\n    animation-fill-mode: forwards!important;\r\n}\r\n.mdw-card-portfolio-image-left,\r\n.mdw-card-portfolio-image-right{\r\n    will-change: transform;\r\n}\r\n.mdw-card-portfolio-image-left img,\r\n.mdw-card-portfolio-image-right img{\r\n    width: var(--image-width);\r\n    height: var(--image-height);\r\n    object-fit: cover;\r\n}\r\n\r\n\r\n\/* CSS code for gradient background *\/\r\n\r\n.mdw-gradient .elementor-widget-container{\r\n    background: var(--gradient-color-1,#fff);\r\n    background: linear-gradient(90deg, var(--gradient-color-1,#fff) 0%, var(--gradient-color-2,#fff) 25%, var(--gradient-color-3,#fff) 50%, var(--gradient-color-4,#fff) 75%, var(--gradient-color-5,#fff) 100%);\r\n}\r\n.mdw-gradient.elementor-widget-heading .elementor-widget-container{\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n}\r\n\r\n\r\n\/* CSS code for bottom email box *\/\r\n\r\n.mdw-email-box .elementor-widget-container{\r\n    cursor: pointer;\r\n}\r\n.mdw-email-box .elementor-heading-title{\r\n    transition: all 0.2s ease-in-out;\r\n    word-break: break-all;\r\n    text-align: center;\r\n}\r\n.mdw-email-box .elementor-widget-container:hover .elementor-heading-title{\r\n    transform: scale(0.98);\r\n}\r\n.mdw-email-copy{\r\n    height: var(--min-height,22px);\r\n}\r\n.mdw-email-copy .e-con-inner{\r\n    height: auto;\r\n}\r\n.mdw-email-copy .elementor-widget{\r\n    transition: all 0.2s ease-in-out;\r\n}\r\n.mdw-email-copy.copy .elementor-widget{\r\n    transform: translateY(-100%);\r\n}\r\n.mdw-email-copy.copied .elementor-widget{\r\n    transform: translateY(-200%);\r\n}\r\n\r\n\r\n\/* CSS code for improving entrance animation *\/\r\n\r\n.fadeInUp {\r\n    animation: mdwFadeInUp 1s ease-in-out forwards !important;\r\n}\r\n.fadeIn {\r\n    animation: fadeIn 1.3s ease-in-out 0.5s forwards !important;\r\n    opacity: 0;\r\n}\r\n\r\n@keyframes mdwFadeInUp{\r\n0%{\r\n    transform: translateY(50px);\r\n    opacity: 0;\r\n    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);\r\n}\r\n100%{\r\n    transform: translateY(0);\r\n    opacity: 1;\r\n    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);\r\n}\r\n}\r\n\r\n@media (max-width: 767px){\r\n.mdw-card-portfolio-image-left{\r\n    transition: all 0.6s ease-in-out;\r\n    transform: translateX(-30px) rotate(-1deg) !important;\r\n}\r\n.mdw-card-portfolio-image-right{\r\n    transition: all 0.6s ease-in-out;\r\n    transform: translateX(30px) rotate(1deg) !important;\r\n}\r\n.mdw-card-portfolio.passed .mdw-card-portfolio-image-left{\r\n    transition: all 0.8s ease-in-out;\r\n    transform: translateX(calc(-1*var(--maximum-move))) rotate(calc(-1*var(--maximum-rotate))) !important;\r\n}\r\n.mdw-card-portfolio.passed .mdw-card-portfolio-image-right{\r\n    transition: all 0.8s ease-in-out;\r\n    transform: translateX(calc(1*var(--maximum-move))) rotate(calc(1*var(--maximum-rotate))) !important;\r\n}\r\n}\r\n\r\n<\/style>\r\n\r\n<script src=\"https:\/\/code.jquery.com\/jquery-3.6.0.min.js\"><\/script>\r\n<script>\r\nvar $ = jQuery\r\n\r\n$(window).on('load scroll resize', function(){\r\n\r\n$('.mdw-card-portfolio').each(function(){\r\n    var $this = $(this),\r\n    sectionHeight = $this.outerHeight(),\r\n    windowHeight = $(window).height(),\r\n    scrollValue = $(window).scrollTop() - $this.offset().top + windowHeight,\r\n    bottomPassValue = $(window).scrollTop() - $this.offset().top - sectionHeight,\r\n    easeSpeed = 3,\r\n    easeValue\r\n    \r\n    if( $(window).width() > 767 ){\r\n        \r\n        if(scrollValue < 0 || bottomPassValue > 0) return\r\n        \r\n        easeValue = 1 - 1\/Math.pow(2, scrollValue*easeSpeed\/sectionHeight)\r\n        \r\n        $this.find('.mdw-card-portfolio-image-left').css('transform', 'translateX(calc(' + (-1*easeValue) + '* var(--maximum-move))) rotate(calc(' + (-1*easeValue) + '*var(--maximum-rotate)))')\r\n        $this.find('.mdw-card-portfolio-image-right').css('transform', 'translateX(calc(' + (1*easeValue) + '* var(--maximum-move))) rotate(calc(' + (1*easeValue) + '*var(--maximum-rotate)))')\r\n    }else{\r\n        $this.removeClass('passed')\r\n        if( scrollValue - windowHeight*1\/2 > 0 ) $this.addClass('passed')\r\n    }\r\n    \r\n})\r\n})\r\n\r\n$(document).ready(function(){\r\n    \r\n$('.mdw-email-box .elementor-widget-container').hover(function(){\r\n    $('.mdw-email-copy').addClass('copy')\r\n}, function(){\r\n    $('.mdw-email-copy').removeClass('copy copied')\r\n})\r\n\r\n$('.mdw-email-box .elementor-widget-container').on('click', function(){\r\n    navigator.clipboard.writeText($('.mdw-email-box').text())\r\n    $('.mdw-email-copy').addClass('copied')\r\n})\r\n})\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ad7d73b elementor-widget elementor-widget-heading\" data-id=\"ad7d73b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Desarrollo Web | dubai<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-377f3a1 mdw-gradient elementor-widget elementor-widget-heading\" data-id=\"377f3a1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Dubai Latam<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-19dedd0 elementor-widget elementor-widget-button\" data-id=\"19dedd0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/www.dubailatam.com\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-arrow-circle-right\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8c137 0 248 111 248 248S393 504 256 504 8 393 8 256 119 8 256 8zm-28.9 143.6l75.5 72.4H120c-13.3 0-24 10.7-24 24v16c0 13.3 10.7 24 24 24h182.6l-75.5 72.4c-9.7 9.3-9.9 24.8-.4 34.3l11 10.9c9.4 9.4 24.6 9.4 33.9 0L404.3 273c9.4-9.4 9.4-24.6 0-33.9L271.6 106.3c-9.4-9.4-24.6-9.4-33.9 0l-11 10.9c-9.5 9.6-9.3 25.1.4 34.4z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Visita la web<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5030b6f elementor-widget__width-initial mdw-gradient elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"5030b6f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-15e580b elementor-absolute mdw-card-portfolio-image-right elementor-widget elementor-widget-image\" data-id=\"15e580b\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"534\" src=\"https:\/\/ericzavala.cv\/wp-content\/uploads\/2025\/03\/Portafolio-Moonpix-WEB-03-DubaiLatam-1024x683.png\" class=\"attachment-large size-large wp-image-69\" alt=\"\" srcset=\"https:\/\/ericzavala.cv\/wp-content\/uploads\/2025\/03\/Portafolio-Moonpix-WEB-03-DubaiLatam-1024x683.png 1024w, https:\/\/ericzavala.cv\/wp-content\/uploads\/2025\/03\/Portafolio-Moonpix-WEB-03-DubaiLatam-300x200.png 300w, https:\/\/ericzavala.cv\/wp-content\/uploads\/2025\/03\/Portafolio-Moonpix-WEB-03-DubaiLatam-768x512.png 768w, https:\/\/ericzavala.cv\/wp-content\/uploads\/2025\/03\/Portafolio-Moonpix-WEB-03-DubaiLatam.png 1140w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ce31071 elementor-absolute mdw-card-portfolio-image-left elementor-widget elementor-widget-image\" data-id=\"ce31071\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"534\" src=\"https:\/\/ericzavala.cv\/wp-content\/uploads\/2025\/03\/Portafolio-Moonpix-WEB-03-DubaiLatam-B-1024x683.png\" class=\"attachment-large size-large wp-image-778\" alt=\"\" srcset=\"https:\/\/ericzavala.cv\/wp-content\/uploads\/2025\/03\/Portafolio-Moonpix-WEB-03-DubaiLatam-B-1024x683.png 1024w, https:\/\/ericzavala.cv\/wp-content\/uploads\/2025\/03\/Portafolio-Moonpix-WEB-03-DubaiLatam-B-300x200.png 300w, https:\/\/ericzavala.cv\/wp-content\/uploads\/2025\/03\/Portafolio-Moonpix-WEB-03-DubaiLatam-B-768x512.png 768w, https:\/\/ericzavala.cv\/wp-content\/uploads\/2025\/03\/Portafolio-Moonpix-WEB-03-DubaiLatam-B.png 1140w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e7194e9 e-flex e-con-boxed e-con e-parent\" data-id=\"e7194e9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-6ebfcbf e-con-full e-flex e-con e-child\" data-id=\"6ebfcbf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-71288bf e-con-full e-flex e-con e-child\" data-id=\"71288bf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5c3b688 elementor-widget-divider--view-line_text elementor-widget-divider--element-align-left elementor-hidden-tablet elementor-hidden-phone elementor-invisible elementor-widget elementor-widget-divider\" data-id=\"5c3b688\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t\t<span class=\"elementor-divider__text elementor-divider__element\">\n\t\t\t\tPonte en contacto\t\t\t\t<\/span>\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c6230fd elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"c6230fd\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:200}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u00bfTienes alguna pregunta o proyecto en mente?\n\u00a1Env\u00edame un mensaje!<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-73a94dd e-con-full e-flex e-con e-child\" data-id=\"73a94dd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5ae59bd e-con-full e-flex e-con e-child\" data-id=\"5ae59bd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3853ba2 mdw-modern-form elementor-button-align-stretch elementor-widget elementor-widget-form\" data-id=\"3853ba2\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;step_next_label&quot;:&quot;Next&quot;,&quot;step_previous_label&quot;:&quot;Previous&quot;,&quot;button_width&quot;:&quot;50&quot;,&quot;step_type&quot;:&quot;number_text&quot;,&quot;step_icon_shape&quot;:&quot;circle&quot;}\" data-widget_type=\"form.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<form class=\"elementor-form\" method=\"post\" name=\"New Form\" aria-label=\"New Form\">\n\t\t\t<input type=\"hidden\" name=\"post_id\" value=\"708\"\/>\n\t\t\t<input type=\"hidden\" name=\"form_id\" value=\"3853ba2\"\/>\n\t\t\t<input type=\"hidden\" name=\"referer_title\" value=\"Portafolio\" \/>\n\n\t\t\t\t\t\t\t<input type=\"hidden\" name=\"queried_id\" value=\"708\"\/>\n\t\t\t\n\t\t\t<div class=\"elementor-form-fields-wrapper elementor-labels-\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-name elementor-col-33\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-name\" class=\"elementor-field-label elementor-screen-only\">\n\t\t\t\t\t\t\t\tNombre\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[name]\" id=\"form-field-name\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"Nombre\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-email elementor-field-group elementor-column elementor-field-group-email elementor-col-33 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-email\" class=\"elementor-field-label elementor-screen-only\">\n\t\t\t\t\t\t\t\tEmail\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"email\" name=\"form_fields[email]\" id=\"form-field-email\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"Email\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-tel elementor-field-group elementor-column elementor-field-group-field_a3735be elementor-col-33\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_a3735be\" class=\"elementor-field-label elementor-screen-only\">\n\t\t\t\t\t\t\t\tTel\u00e9fono\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t<input size=\"1\" type=\"tel\" name=\"form_fields[field_a3735be]\" id=\"form-field-field_a3735be\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"Tel\u00e9fono\" pattern=\"[0-9()#&amp;+*-=.]+\" title=\"Only numbers and phone characters (#, -, *, etc) are accepted.\">\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-textarea elementor-field-group elementor-column elementor-field-group-message elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-message\" class=\"elementor-field-label elementor-screen-only\">\n\t\t\t\t\t\t\t\tMensaje\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t<textarea class=\"elementor-field-textual elementor-field  elementor-size-sm\" name=\"form_fields[message]\" id=\"form-field-message\" rows=\"4\" placeholder=\"Mensaje\"><\/textarea>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-group elementor-column elementor-field-type-submit elementor-col-50 e-form__buttons\">\n\t\t\t\t\t<button class=\"elementor-button elementor-size-md\" type=\"submit\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-paper-plane\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M440 6.5L24 246.4c-34.4 19.9-31.1 70.8 5.7 85.9L144 379.6V464c0 46.4 59.2 65.5 86.6 28.6l43.8-59.1 111.9 46.2c5.9 2.4 12.1 3.6 18.3 3.6 8.2 0 16.3-2.1 23.6-6.2 12.8-7.2 21.6-20 23.9-34.5l59.4-387.2c6.1-40.1-36.9-68.8-71.5-48.9zM192 464v-64.6l36.6 15.1L192 464zm212.6-28.7l-153.8-63.5L391 169.5c10.7-15.5-9.5-33.5-23.7-21.2L155.8 332.6 48 288 464 48l-59.4 387.3z\"><\/path><\/svg>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Enviar<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/button>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/form>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6572760 elementor-widget elementor-widget-html\" data-id=\"6572760\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script src=\"https:\/\/code.jquery.com\/jquery-3.6.0.min.js\"><\/script>\r\n<script>\r\n\r\nvar $ = jQuery\r\n\r\n$(document).ready(function(){\r\n    \r\n    \/\/ Fixed text path link issue\r\n    \r\n    $('.elementor-widget-text-path').each(function(){\r\n        var $this = $(this)\r\n            link = JSON.parse($this.attr('data-settings')).link.url\r\n\r\n        $this.find('.e-text-path').wrap('<a href=\"' + link + '\"><\/a>')\r\n    })\r\n    \r\n    \/\/ Validate email pattern\r\n\r\n    function validateEmail(email) {\r\n        var emailReg = \/^([\\w-\\.]+@([\\w-]+\\.)+[\\w-]{2,4})?$\/;\r\n        return emailReg.test(email)\r\n    }\r\n    \r\n    \/\/ Remove form result message\r\n\r\n    function removeFormError(form){\r\n        var formError = form.find('.elementor-form-fields-wrapper + .elementor-message')\r\n            formError.fadeOut(400)\r\n            setTimeout(function(){\r\n                formError.remove()\r\n            },410)\r\n    }\r\n    \r\n    \/\/ Get error message values from CSS\r\n    \r\n    function getCSSValue(el, prop, defaultValue='') {\r\n        \r\n        if( ! el.css(prop) ) return defaultValue\r\n        \r\n        var value = el.css(prop).trim().replace(\/^\\'+|\\'+$\/g, '').replace(\/^\\\"+|\\\"+$\/g, '')\r\n        if(value){\r\n            return value\r\n        }else{\r\n            return defaultValue\r\n        }\r\n    }\r\n\r\n    $('.mdw-modern-form').each(function(){\r\n        \r\n        var $this = $(this),\r\n        wrapper = $this.find('.elementor-form-fields-wrapper')\r\n        form = $(this).find('form')\r\n\r\n        \r\n        \/\/ Change form structure\r\n        \r\n        wrapper.children().wrapAll('<div class=\"elementor-form-fields-wrapper form-left\"><\/div>')\r\n        wrapper.append($this.find('.elementor-field-type-submit'))\r\n        \r\n        \r\n        \/\/ Show inline field errors\r\n\r\n        form.find('input, textarea').on('invalid', function(e){\r\n            e.preventDefault()\r\n            if( $(this).val() == '' ){\r\n                $(this).closest('.elementor-field-group').find('.elementor-message').remove()\r\n                $(this).after('<span class=\"elementor-message elementor-message-danger elementor-help-inline elementor-form-help-inline\" role=\"alert\">' + getCSSValue($this, '--empty-error', 'This field is required.') + '<\/span>')    \r\n            }\r\n            if( $(this).attr('type') == 'email' && !validateEmail($(this).val()) ){\r\n                $(this).closest('.elementor-field-group').find('.elementor-message').remove()\r\n                $(this).after('<span class=\"elementor-message elementor-message-danger elementor-help-inline elementor-form-help-inline\" role=\"alert\">' + getCSSValue($this, '--email-error', 'This is not a valid email.') + '<\/span>')    \r\n            }\r\n            removeFormError(form)\r\n\r\n        })\r\n\r\n        form.find('input, textarea').on('focus', function(){\r\n            $(this).closest('.elementor-field-group').find('.elementor-message').remove()\r\n            removeFormError(form)\r\n        })\r\n        \r\n        \/\/ Show form result message\r\n\r\n        form.on('submit', function(){\r\n            submitInterval = setInterval(function(){\r\n                if( form.find('.elementor-form-fields-wrapper + .elementor-message').length ){\r\n                    clearInterval(submitInterval)\r\n                    if( form.find('.elementor-form-fields-wrapper + .elementor-message').hasClass('elementor-message-success') ){\r\n                        setTimeout(function(){\r\n                            removeFormError(form)    \r\n                        },2000)\r\n                    }\r\n                }\r\n            },1000)\r\n        })\r\n    })\r\n})\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Portafolio PROYECTOS Proyectos Conectamos ideas con inspiraci\u00f3n Entendemos tus ideas y las proyectamos para conseguir el mejor resultado, \u00f3ptimo para tus usuarios y logres conectar con tus clientes, generando marca de con fianza con nosotros y presencia digital. Env\u00edanos un mensaje Desarrollo Web | ECOMMERCE Motocentro Visita la web Desarrollo Web | ONG Camp DnD [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-708","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ericzavala.cv\/en\/wp-json\/wp\/v2\/pages\/708","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ericzavala.cv\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ericzavala.cv\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ericzavala.cv\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ericzavala.cv\/en\/wp-json\/wp\/v2\/comments?post=708"}],"version-history":[{"count":0,"href":"https:\/\/ericzavala.cv\/en\/wp-json\/wp\/v2\/pages\/708\/revisions"}],"wp:attachment":[{"href":"https:\/\/ericzavala.cv\/en\/wp-json\/wp\/v2\/media?parent=708"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}