FishHeader<\/title>\r\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/gsap.min.js\"><\/script>\r\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/MotionPathPlugin.min.js\"><\/script>\r\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.11.4\/ScrollToPlugin.min.js\"><\/script>\r\n\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Reenie+Beanie&display=swap\" rel=\"stylesheet\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Lexend+Deca:wght@100..900&display=swap\" rel=\"stylesheet\">\r\n\r\n\r\n <style>\r\n \/* RECUPERO tama\u00f1o original del t\u00edtulo *\/\r\n .home-header-text-title {\r\n font-size: 70px;\r\n font-weight: 200;\r\n font-family: 'Lexend Deca', sans-serif;\r\n }\r\n\r\n .header-home-body {\r\n margin: 0 auto;\r\n display: flex;\r\n justify-content: center;\r\n max-width: 1800px;\r\n width: 100%;\r\n padding: 104px 120px 0;\r\n }\r\n body.admin-bar .header-home-body {\r\n padding-top: calc(104px - 32px);\r\n }\r\n .container {\r\n position: relative;\r\n width: 100%;\r\n }\r\n span {\r\n color: #F9F7F1;\r\n }\r\n .home-header-text-container {\r\n display: flex;\r\n flex-direction: column;\r\n height: calc(100vh - 104px);\r\n justify-content: center;\r\n z-index: 100;\r\n max-width: 100%;\r\n }\r\n .auto-complete {\r\n font-family: \"Reenie Beanie\", cursive;\r\n font-weight: 400;\r\n font-size: 40px;\r\n color: #F9F7F1;\r\n max-width: 100%;\r\n }\r\n .auto-complete-container {\r\n margin-top: 10px;\r\n max-width: 100%;\r\n }\r\n .btn-home-work {\r\n display: inline-block;\r\n margin-top: 20px;\r\n padding: 6px 24px;\r\n background: transparent;\r\n border: 2px solid #fff;\r\n border-radius: 9999px;\r\n font-family: 'Lexend', sans-serif;\r\n font-size: 24px;\r\n font-weight: 500;\r\n color: #fff;\r\n text-decoration: none;\r\n width: auto;\r\n text-align: left;\r\n align-self: flex-start;\r\n }\r\n .btn-home-work:hover {\r\n opacity: 0.9;\r\n color: #fff;\r\n }\r\n .home-header-video {\r\n position: absolute;\r\n right: 0;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n z-index: 100;\r\n }\r\n .home-header-video video {\r\n max-width: 600px;\r\n width: 100%;\r\n height: auto;\r\n display: block;\r\n }\r\n @media (max-width: 1620px) {\r\n .home-header-text-container {\r\n \/*padding-left: 120px;*\/\r\n }\r\n }\r\n @media (max-width: 1400px) {\r\n .home-header-video video {\r\n max-width: 400px;\r\n }\r\n .header-home-body {\r\n padding-left: 80px;\r\n padding-right: 80px;\r\n }\r\n .home-header-text-title {\r\n font-size: 50px;\r\n }\r\n }\r\n\r\n @media (max-width: 1027px) {\r\n .home-header-text-title {\r\n font-size: 40px;\r\n }\r\n .header-home-body > div > div {\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 30px;\r\n }\r\n .header-home-body, body.admin-bar .header-home-body {\r\n padding-top: 195px;\r\n padding-left: 30px;\r\n padding-right: 30px;\r\n }\r\n .header-home-body > div {\r\n height: auto!important;\r\n }\r\n .btn-home-work {\r\n align-self: center;\r\n }\r\n .auto-complete-container {\r\n margin: 25px 0;\r\n }\r\n }\r\n @media (max-width: 1025px) {\r\n .home-header-text-container {\r\n padding-left: 0;\r\n align-items: center;\r\n flex: 1;\r\n }\r\n .home-header-text-title {\r\n font-size: 40px;\r\n text-align: center;\r\n }\r\n .home-header-video {\r\n position: static;\r\n transform: none;\r\n margin-top: 20px;\r\n width: 100%;\r\n text-align: center;\r\n }\r\n .home-header-video video {\r\n max-width: 100%;\r\n }\r\n .auto-complete-container * {\r\n font-size: 30px;\r\n }\r\n }\r\n .image-arrow {\r\n position: absolute;\r\n width: 70px;\r\n height: 70px;\r\n left: 0;\r\n top: 0;\r\n z-index: 0;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div id=\"container\" class=\"container\" style=\"overflow: hidden\">\r\n <div class=\"header-home-body cc-content\">\r\n <div style=\"width: 100%; position: relative;height: calc(100vh - 104px);\">\r\n <div style=\"display: flex; z-index: 2\">\r\n <div class=\"home-header-text-container\">\r\n <span class=\"home-header-text-title\">Creamos<\/span>\r\n <span class=\"home-header-text-title\">Productos Digitales<\/span>\r\n\r\n <div class=\"auto-complete-container\">\r\n <span class=\"auto-complete\">que impulsan tu negocio<\/span>\r\n <\/div>\r\n\r\n <a href=\"#ourWorkSection\" class=\"btn-home-work\">Ver proyectos<\/a>\r\n <\/div>\r\n\r\n <div class=\"home-header-text-container\" id=\"home-right-header\">\r\n <div class=\"home-header-video\">\r\n <video\r\n src=\"https:\/\/creativecoefficient.net\/wp-content\/uploads\/2025\/10\/CC-Home.mp4\"\r\n autoplay loop muted playsinline webkit-playsinline\r\n><\/video>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <svg width=\"64\" height=\"93\" viewbox=\"0 0 64 93\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"image-arrow\" id=\"yellow\">\r\n <path d=\"M-0.00426727 0.952651C11.7229 13.7589 19.834 30.2907 22.5006 49.309C24.6262 64.4596 24.0961 78.8393 20.453 92.2183C25.6586 88.5175 30.7534 84.645 35.7652 80.638L36.7406 79.8583C44.4531 73.678 52.175 67.4932 58.4594 59.8526C65.6908 51.0694 65.2325 43.3103 57.0747 35.3093C56.846 35.0586 56.5792 34.8132 56.3109 34.5677L55.9984 34.2802C46.461 25.647 35.7697 18.3522 24.2263 12.6004C16.2343 8.54113 8.18683 4.58432 -0.00426727 0.952651Z\" fill=\"#F8B925\"\/>\r\n <\/svg>\r\n <svg width=\"100\" height=\"129\" viewbox=\"0 0 100 129\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"image-arrow\" id=\"red\">\r\n <path d=\"M0.785524 0.518564C17.9254 13.5039 29.9177 31.7642 34.0613 52.8728C39.6611 81.3586 31.6514 108.583 14.4534 128.375C15.0715 128.126 15.6902 127.874 16.3064 127.619C36.3969 119.494 54.5407 108.14 71.6981 95.1638L72.6974 94.4077C80.292 88.665 87.9081 82.905 94.1891 75.6935C101.429 67.3312 101.259 59.7809 93.7572 51.6699C93.3822 51.3006 93.03 50.9586 92.6898 50.6178C83.8628 41.8435 73.862 34.3181 62.9704 28.2534C45.1506 18.1064 26.8903 8.56108 7.13452 2.39781C5.0239 1.73904 2.90931 1.10767 0.785524 0.518564Z\" fill=\"#E64039\"\/>\r\n <\/svg>\r\n <svg width=\"76\" height=\"108\" viewbox=\"0 0 76 108\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"image-arrow\" id=\"green\">\r\n <path d=\"M13.8231 16.8756C16.0645 19.7949 20.5096 28.0559 22.0552 34.4007C25.4624 47.03 25.4516 59.946 24.5817 72.7656C23.8328 83.8669 17.64 107.072 16.5302 107.816C16.5024 107.783 16.4732 107.75 16.4453 107.717C16.4216 107.793 16.3965 107.869 16.3729 107.945C28.3099 100.579 39.4886 92.0435 50.1885 82.8164L51.1368 82.0011C58.2123 75.9074 65.2878 69.8133 71.02 62.3368C77.6051 53.7086 77.0591 46.2215 69.3619 38.6191C69.1068 38.4028 68.8621 38.187 68.6228 37.9755L68.4583 37.8303L68.4136 37.7892L68.2519 37.6454C59.2437 29.4769 49.1637 22.6012 38.2955 17.2126C25.9005 10.9876 13.3703 5.01292 0.352664 0.274502C5.17555 5.25095 9.90528 11.6157 12.4867 15.091C13.0362 15.8303 13.4876 16.4387 13.8231 16.8756Z\" fill=\"#3CA755\"\/>\r\n <\/svg>\r\n <svg width=\"61\" height=\"100\" viewbox=\"0 0 61 100\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"image-arrow\" id=\"blue\">\r\n <path d=\"M13.7026 99.1621C18.0757 88.2652 20.6732 76.2621 21.1554 63.5791C21.1279 62.797 21.1058 61.9504 21.0826 61.0534C21.0129 58.3582 20.9318 55.2158 20.6543 52.0703C19.1271 32.5532 12.5537 15.1229 0.105781 0.202996C4.99704 1.70247 9.86809 3.28143 14.7276 4.89785C27.414 9.01216 39.474 14.8579 50.5678 22.2707C50.7475 22.395 50.9296 22.5167 51.1118 22.6384C51.3679 22.809 51.6246 22.9812 51.8766 23.1635C61.4542 30.1785 63.2467 38.2025 57.4286 48.5911C52.4011 57.5513 45.6899 65.2433 38.9884 72.9228L37.985 74.0747C30.3027 82.8872 22.2639 91.3125 13.7026 99.1621Z\" fill=\"#4788F1\"\/>\r\n <\/svg>\r\n <\/div>\r\n\r\n <script>\r\n gsap.registerPlugin(ScrollToPlugin, MotionPathPlugin);\r\n\r\n \/\/ === Flags globales ===\r\n let roamingEnabled = true;\r\n\r\n \/\/ === Inicio \/ parada roaming ===\r\n function startRoaming() {\r\n roamingEnabled = true;\r\n\r\n \/\/ Amarillo\r\n const initialYellow = getPoints(true);\r\n const finalYellow = getPoints(false);\r\n const middleYellow = calculateIntermediatePoints(initialYellow[initialYellow.length - 1], finalYellow[0]);\r\n animateArrow(true, [...initialYellow, ...middleYellow, ...finalYellow], \"#yellow\");\r\n\r\n \/\/ Rojo\r\n const initialRed = getPoints(false);\r\n const finalRed = getPoints(true);\r\n const middleRed = calculateIntermediatePoints(initialRed[initialRed.length - 1], finalRed[0]);\r\n animateArrow(false, [...initialRed, ...middleRed, ...finalRed], \"#red\");\r\n\r\n \/\/ Verde\r\n const initialGreen = getPoints(true);\r\n const finalGreen = getPoints(false);\r\n const middleGreen = calculateIntermediatePoints(initialGreen[initialGreen.length - 1], finalGreen[0]);\r\n animateArrow(true, [...initialGreen, ...middleGreen, ...finalGreen], \"#green\");\r\n\r\n \/\/ Azul\r\n const initialBlue = getPoints(false);\r\n const finalBlue = getPoints(true);\r\n const middleBlue = calculateIntermediatePoints(initialBlue[initialBlue.length - 1], finalBlue[0]);\r\n animateArrow(false, [...initialBlue, ...middleBlue, ...finalBlue], \"#blue\");\r\n }\r\n\r\n function stopRoaming() {\r\n roamingEnabled = false;\r\n gsap.killTweensOf(\"#yellow\");\r\n gsap.killTweensOf(\"#red\");\r\n gsap.killTweensOf(\"#green\");\r\n gsap.killTweensOf(\"#blue\");\r\n }\r\n\r\n \/\/ === Helpers de roaming ===\r\n function getRandomPointWithinLimits(width, height, left) {\r\n const minX = left ? 0 : 0.6 * width;\r\n const maxX = left ? 0.4 * width : width;\r\n return {\r\n x: minX + Math.random() * (maxX - minX),\r\n y: Math.random() * height\r\n };\r\n }\r\n\r\n function getPoints(left) {\r\n const container = document.querySelector('.container');\r\n const w = container.clientWidth;\r\n const h = container.clientHeight;\r\n const P1 = getRandomPointWithinLimits(w, h, left);\r\n const radius = 0.1 * w;\r\n const P2 = { x: P1.x, y: left ? P1.y - radius : P1.y + radius };\r\n const midX = (P1.x + P2.x) \/ 2;\r\n const midY = (P1.y + P2.y) \/ 2;\r\n const dx = P2.x - P1.x, dy = P2.y - P1.y;\r\n const len = Math.hypot(dx, dy);\r\n const perp = radius \/ 2;\r\n const P3 = {\r\n x: midX + (perp * dy) \/ len,\r\n y: midY - (perp * dx) \/ len\r\n };\r\n return [P1, P3, P2];\r\n }\r\n\r\n function calculateIntermediatePoints(PA, PB) {\r\n const points = [];\r\n const container = document.querySelector('.container');\r\n const distance = 0.1 * container.clientWidth;\r\n const dx = PB.x - PA.x, dy = PB.y - PA.y;\r\n const len = Math.hypot(dx, dy);\r\n const steps = Math.floor(len \/ distance) || 1;\r\n for (let i = 0; i <= steps; i++) {\r\n const t = i \/ steps;\r\n points.push({ x: PA.x + dx * t, y: PA.y + dy * t });\r\n }\r\n return points;\r\n }\r\n\r\n function calculatePathLength(path) {\r\n return path.slice(1).reduce((sum, p, i) => {\r\n const prev = path[i];\r\n return sum + Math.hypot(p.x - prev.x, p.y - prev.y);\r\n }, 0);\r\n }\r\n\r\n function animateArrow(isLeft, positions, selector) {\r\n gsap.to(selector, {\r\n duration: 10,\r\n ease: 'none',\r\n motionPath: { path: positions, autoRotate: true, fromCurrent: false },\r\n onComplete: () => {\r\n if (!roamingEnabled) return;\r\n const nextLeft = !isLeft;\r\n const finalPts = getPoints(nextLeft);\r\n const middlePts = calculateIntermediatePoints(positions[positions.length - 1], finalPts[0]);\r\n animateArrow(nextLeft, [...middlePts, ...finalPts], selector);\r\n }\r\n });\r\n }\r\n\r\n \/\/ === Inicializamos roaming ===\r\n startRoaming();\r\n\r\n \/\/ === TxtRotate: animaci\u00f3n letra a letra ===\r\n function TxtRotate(el, toRotate, period) {\r\n this.toRotate = toRotate;\r\n this.el = el;\r\n this.period = parseInt(period, 10) || 2000;\r\n this.txt = '';\r\n this.isDeleting = false;\r\n this.loopNum = 0;\r\n this.tick();\r\n }\r\n\r\n TxtRotate.prototype.tick = function() {\r\n const i = this.loopNum % this.toRotate.length;\r\n const fullTxt = this.toRotate[i];\r\n this.txt = this.isDeleting\r\n ? fullTxt.substring(0, this.txt.length - 1)\r\n : fullTxt.substring(0, this.txt.length + 1);\r\n this.el.innerHTML = '<span class=\"wrap\">'+ this.txt +'<\/span>';\r\n let delta = 150 - Math.random() * 100;\r\n if (this.isDeleting) { delta \/= 2; }\r\n if (!this.isDeleting && this.txt === fullTxt) {\r\n delta = this.period;\r\n this.isDeleting = true;\r\n } else if (this.isDeleting && this.txt === '') {\r\n this.isDeleting = false;\r\n this.loopNum++;\r\n delta = 500;\r\n }\r\n setTimeout(() => this.tick(), delta);\r\n };\r\n\r\n function textAnimate() {\r\n const elems = document.getElementsByClassName('txt-rotate');\r\n for (let i = 0; i < elems.length; i++) {\r\n const toRot = elems[i].getAttribute('data-rotate');\r\n const per = elems[i].getAttribute('data-period');\r\n if (toRot) {\r\n new TxtRotate(elems[i], JSON.parse(toRot), per);\r\n }\r\n }\r\n }\r\n \/\/ arrancar texto\r\n textAnimate();\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-22ecf8c future-ready-home bg-ffffff section-item active-threshold-0.2 e-flex e-con-boxed e-con e-child\" data-id=\"22ecf8c\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ed23251 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"ed23251\" data-element_type=\"widget\" data-settings=\"{"_animation":"fadeIn","_animation_delay":500}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.23.0 - 05-08-2024 *\/\n.elementor-heading-title{padding:0;margin:0;line-height:1}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}<\/style><span class=\"elementor-heading-title elementor-size-default\">DISE\u00d1AMOS Y DESARROLLAMOS<\/span>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-10709fb elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"10709fb\" data-element_type=\"widget\" data-settings=\"{"_animation":"fadeIn","_animation_delay":500}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<span class=\"elementor-heading-title elementor-size-default\">Productos Digitales<\/span>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7b80af0 elementor-widget__width-initial elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"7b80af0\" data-element_type=\"widget\" data-settings=\"{"_animation":"fadeIn","_animation_delay":500}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<span class=\"elementor-heading-title elementor-size-default\"><b>Creative Coefficient<\/b> works with startups and corporations thinking, designing, building and launching their core <b>digital products.<\/b><\/span>\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-c20814d bg-ffffff section-item cc-container e-flex e-con-boxed e-con e-child\" data-id=\"c20814d\" data-element_type=\"container\" id=\"ourWorkSection\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-4f9ec93 e-con-full e-flex e-con e-child\" data-id=\"4f9ec93\" data-element_type=\"container\" id=\"our-work-2-subcontainer\">\n\t\t<div class=\"elementor-element elementor-element-3b8f3f6 e-con-full text-container e-flex e-con e-child\" data-id=\"3b8f3f6\" data-element_type=\"container\" id=\"ourWorkSectionTitle\" data-settings=\"{"background_background":"classic"}\">\n\t\t<div class=\"elementor-element elementor-element-25b14ea e-con-full e-flex e-con e-child\" data-id=\"25b14ea\" data-element_type=\"container\" id=\"our-work-2\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e9fa87e elementor-widget__width-initial ow-tx elementor-widget elementor-widget-heading\" data-id=\"e9fa87e\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<span class=\"elementor-heading-title elementor-size-default\"><span data-no-translation style=\"color:#000\">Our <br \/> work<\/span><\/span>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2b3a3ce elementor-widget__width-initial ow-tx-es elementor-widget elementor-widget-heading\" data-id=\"2b3a3ce\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<span class=\"elementor-heading-title elementor-size-default\"><span data-no-translation style=\"color:#000\">Casos de <br \/> \u00e9xito<\/span><\/span>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-94dfd0b elementor-widget__width-initial ow-tx elementor-widget elementor-widget-heading\" data-id=\"94dfd0b\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><span data-no-translation style=\"color:#000\">Stories of Innovation and Success<\/span><\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cc97af6 cc-btn-1 ow-tx elementor-mobile-align-center elementor-widget elementor-widget-button\" data-id=\"cc97af6\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"\/es\/our-work\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\"><span data-no-translation style=\"color:#000\">View all projects<\/span><\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0067ba1 cc-btn-1 ow-tx-es elementor-mobile-align-center elementor-widget elementor-widget-button\" data-id=\"0067ba1\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"\/es\/our-work\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\"><span data-no-translation style=\"color:#000\">Ver proyectos<\/span><\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\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-50f6ae1 e-con-full cards-container e-flex e-con e-child\" data-id=\"50f6ae1\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t<div class=\"elementor-element elementor-element-a944f46 e-con-full card-container-our-work e-flex e-con e-child\" data-id=\"a944f46\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-81c89cf e-con-full card-our-work-2 hover-target dynamic e-flex e-con e-child\" data-id=\"81c89cf\" data-element_type=\"container\" id=\"gappexCard\" data-settings=\"{"background_background":"classic"}\">\n\t\t<div class=\"elementor-element elementor-element-a595111 e-con-full degrade-container-our-work e-flex e-con e-child\" data-id=\"a595111\" data-element_type=\"container\" data-settings=\"{"position":"absolute"}\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a1cb110 e-con-full card-up-container e-flex e-con e-child\" data-id=\"a1cb110\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-521b86a e-con-full custom-video-container e-flex e-con e-child\" data-id=\"521b86a\" data-element_type=\"container\" id=\"custom-video-container-gappex\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f01b020 elementor-widget__width-inherit custom-video elementor-widget elementor-widget-video\" data-id=\"f01b020\" data-element_type=\"widget\" data-settings=\"{"video_type":"hosted","autoplay":"yes","play_on_mobile":"yes","mute":"yes","loop":"yes"}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.23.0 - 05-08-2024 *\/\n.elementor-widget-video .elementor-widget-container{overflow:hidden;transform:translateZ(0)}.elementor-widget-video .elementor-wrapper{aspect-ratio:var(--video-aspect-ratio)}.elementor-widget-video .elementor-wrapper iframe,.elementor-widget-video .elementor-wrapper video{height:100%;width:100%;display:flex;border:none;background-color:#000}@supports not (aspect-ratio:1\/1){.elementor-widget-video .elementor-wrapper{position:relative;overflow:hidden;height:0;padding-bottom:calc(100% \/ var(--video-aspect-ratio))}.elementor-widget-video .elementor-wrapper iframe,.elementor-widget-video .elementor-wrapper video{position:absolute;top:0;right:0;bottom:0;left:0}}.elementor-widget-video .elementor-open-inline .elementor-custom-embed-image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:50%}.elementor-widget-video .elementor-custom-embed-image-overlay{cursor:pointer;text-align:center}.elementor-widget-video .elementor-custom-embed-image-overlay:hover .elementor-custom-embed-play i{opacity:1}.elementor-widget-video .elementor-custom-embed-image-overlay img{display:block;width:100%;aspect-ratio:var(--video-aspect-ratio);-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center}@supports not (aspect-ratio:1\/1){.elementor-widget-video .elementor-custom-embed-image-overlay{position:relative;overflow:hidden;height:0;padding-bottom:calc(100% \/ var(--video-aspect-ratio))}.elementor-widget-video .elementor-custom-embed-image-overlay img{position:absolute;top:0;right:0;bottom:0;left:0}}.elementor-widget-video .e-hosted-video .elementor-video{-o-object-fit:cover;object-fit:cover}.e-con-inner>.elementor-widget-video,.e-con>.elementor-widget-video{width:var(--container-widget-width);--flex-grow:var(--container-widget-flex-grow)}<\/style>\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/creativecoefficient.net\/wp-content\/uploads\/2024\/09\/Gappex_final.mp4\" autoplay=\"\" loop=\"\" muted=\"muted\" playsinline=\"\" controlslist=\"nodownload\"><\/video>\n\t\t\t\t<\/div>\n\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-d4c938e e-con-full background-container e-flex e-con e-child\" data-id=\"d4c938e\" data-element_type=\"container\" id=\"background-gappex-image-container\" data-settings=\"{"position":"absolute"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a649630 elementor-widget elementor-widget-image\" data-id=\"a649630\" data-element_type=\"widget\" id=\"background-gappex-image\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.23.0 - 05-08-2024 *\/\n.elementor-widget-image{text-align:center}.elementor-widget-image a{display:inline-block}.elementor-widget-image a img[src$=\".svg\"]{width:48px}.elementor-widget-image img{vertical-align:middle;display:inline-block}<\/style>\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"707\" height=\"1024\" src=\"https:\/\/creativecoefficient.net\/wp-content\/uploads\/2024\/08\/GAPPEX-707x1024.png\" class=\"attachment-large size-large wp-image-7749\" alt=\"\" srcset=\"https:\/\/creativecoefficient.net\/wp-content\/uploads\/2024\/08\/GAPPEX-707x1024.png 707w, https:\/\/creativecoefficient.net\/wp-content\/uploads\/2024\/08\/GAPPEX-207x300.png 207w, https:\/\/creativecoefficient.net\/wp-content\/uploads\/2024\/08\/GAPPEX-768x1112.png 768w, https:\/\/creativecoefficient.net\/wp-content\/uploads\/2024\/08\/GAPPEX.png 831w\" sizes=\"auto, (max-width: 707px) 100vw, 707px\" \/>\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<\/div>\n\t\t<div class=\"elementor-element elementor-element-4661486 e-con-full our-work-2-titlecontainer e-flex e-con e-child\" data-id=\"4661486\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-57d8096 elementor-widget elementor-widget-heading\" data-id=\"57d8096\" data-element_type=\"widget\" id=\"our-work-title-gappex\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<span class=\"elementor-heading-title elementor-size-default\">Gappex<\/span>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f9cf03d elementor-widget__width-initial elementor-absolute elementor-widget elementor-widget-heading\" data-id=\"f9cf03d\" data-element_type=\"widget\" id=\"subtitle-card-gappex\" data-settings=\"{"_position":"absolute"}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<span class=\"elementor-heading-title elementor-size-default\">Nuestra soluci\u00f3n digital para gestionar tu salud eficientemente y con calidad m\u00e9dica.<\/span>\t\t<\/div>\n\t\t\t\t<\/div>\n\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-00c9075 e-con-full card-container-our-work e-flex e-con e-child\" data-id=\"00c9075\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-2446cbb e-con-full card-our-work-2 hover-target dynamic e-flex e-con e-child\" data-id=\"2446cbb\" data-element_type=\"container\" id=\"sitixCard\" data-settings=\"{"background_background":"classic"}\">\n\t\t<div class=\"elementor-element elementor-element-427984c e-con-full card-up-container e-flex e-con e-child\" data-id=\"427984c\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-f70efb2 e-con-full custom-video-container e-flex e-con e-child\" data-id=\"f70efb2\" data-element_type=\"container\" id=\"custom-video-container-sitickets\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1768fd4 elementor-widget__width-inherit custom-video elementor-widget elementor-widget-video\" data-id=\"1768fd4\" data-element_type=\"widget\" data-settings=\"{"video_type":"hosted","autoplay":"yes","play_on_mobile":"yes","mute":"yes","loop":"yes"}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/creativecoefficient.net\/wp-content\/uploads\/2024\/08\/SITICKETS.mp4\" autoplay=\"\" loop=\"\" muted=\"muted\" playsinline=\"\" controlslist=\"nodownload\"><\/video>\n\t\t\t\t<\/div>\n\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-b029a2a e-con-full background-container e-flex e-con e-child\" data-id=\"b029a2a\" data-element_type=\"container\" id=\"background-sitickets-image-container\" data-settings=\"{"position":"absolute"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d237eee elementor-widget elementor-widget-image\" data-id=\"d237eee\" data-element_type=\"widget\" id=\"background-sitickets-image\" 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<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"949\" src=\"https:\/\/creativecoefficient.net\/wp-content\/uploads\/2024\/08\/SITIX-1024x949.png\" class=\"attachment-large size-large wp-image-7794\" alt=\"\" srcset=\"https:\/\/creativecoefficient.net\/wp-content\/uploads\/2024\/08\/SITIX-1024x949.png 1024w, https:\/\/creativecoefficient.net\/wp-content\/uploads\/2024\/08\/SITIX-300x278.png 300w, https:\/\/creativecoefficient.net\/wp-content\/uploads\/2024\/08\/SITIX-768x712.png 768w, https:\/\/creativecoefficient.net\/wp-content\/uploads\/2024\/08\/SITIX.png 1070w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-35042aa e-con-full e-flex e-con e-child\" data-id=\"35042aa\" data-element_type=\"container\" id=\"image-sitickets-degrade\" data-settings=\"{"position":"absolute"}\">\n\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-031a33c e-con-full degrade-container-our-work e-flex e-con e-child\" data-id=\"031a33c\" data-element_type=\"container\" data-settings=\"{"position":"absolute"}\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e9ba4db e-con-full our-work-2-titlecontainer e-flex e-con e-child\" data-id=\"e9ba4db\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f6818e3 elementor-widget elementor-widget-heading\" data-id=\"f6818e3\" data-element_type=\"widget\" id=\"our-work-title-sitickets\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<span class=\"elementor-heading-title elementor-size-default\">SI Tickets<\/span>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7f483ec elementor-widget__width-initial elementor-absolute elementor-widget elementor-widget-heading\" data-id=\"7f483ec\" data-element_type=\"widget\" id=\"subtitle-card-sitickets\" data-settings=\"{"_position":"absolute"}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<span class=\"elementor-heading-title elementor-size-default\">Ofrece entradas para miles de eventos deportivos, conciertos y obras teatrales.<\/span>\t\t<\/div>\n\t\t\t\t<\/div>\n\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-f4d104f e-con-full card-container-our-work e-flex e-con e-child\" data-id=\"f4d104f\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-452b2f9 e-con-full card-our-work-2 hover-target dynamic e-flex e-con e-child\" data-id=\"452b2f9\" data-element_type=\"container\" id=\"betterVetCard\" data-settings=\"{"background_background":"classic"}\">\n\t\t<div class=\"elementor-element elementor-element-beb4d41 e-con-full card-up-container e-flex e-con e-child\" data-id=\"beb4d41\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-1881f3c e-con-full custom-video-container e-flex e-con e-child\" data-id=\"1881f3c\" data-element_type=\"container\" id=\"custom-video-container-bettervet\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6734298 elementor-widget__width-inherit custom-video elementor-widget elementor-widget-video\" data-id=\"6734298\" data-element_type=\"widget\" data-settings=\"{"video_type":"hosted","autoplay":"yes","play_on_mobile":"yes","mute":"yes","loop":"yes"}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/creativecoefficient.net\/wp-content\/uploads\/2024\/09\/BetterVet_final.mp4\" autoplay=\"\" loop=\"\" muted=\"muted\" playsinline=\"\" controlslist=\"nodownload\"><\/video>\n\t\t\t\t<\/div>\n\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-b5ef299 e-con-full background-container e-flex e-con e-child\" data-id=\"b5ef299\" data-element_type=\"container\" id=\"background-bettervet-image-container\" data-settings=\"{"position":"absolute"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8562c8a elementor-widget elementor-widget-image\" data-id=\"8562c8a\" data-element_type=\"widget\" id=\"background-bettervet-image\" 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<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"876\" src=\"https:\/\/creativecoefficient.net\/wp-content\/uploads\/2024\/08\/BV-1024x876.png\" class=\"attachment-large size-large wp-image-7835\" alt=\"\" srcset=\"https:\/\/creativecoefficient.net\/wp-content\/uploads\/2024\/08\/BV-1024x876.png 1024w, https:\/\/creativecoefficient.net\/wp-content\/uploads\/2024\/08\/BV-300x257.png 300w, https:\/\/creativecoefficient.net\/wp-content\/uploads\/2024\/08\/BV-768x657.png 768w, https:\/\/creativecoefficient.net\/wp-content\/uploads\/2024\/08\/BV.png 1162w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6d4cdab e-con-full e-flex e-con e-child\" data-id=\"6d4cdab\" data-element_type=\"container\" id=\"image-bettervet-degrade\" data-settings=\"{"position":"absolute"}\">\n\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-528cf97 e-con-full degrade-container-our-work e-flex e-con e-child\" data-id=\"528cf97\" data-element_type=\"container\" data-settings=\"{"position":"absolute"}\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bff8510 e-con-full our-work-2-titlecontainer e-flex e-con e-child\" data-id=\"bff8510\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b25edeb elementor-widget elementor-widget-heading\" data-id=\"b25edeb\" data-element_type=\"widget\" id=\"our-work-title-bettervet\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<span class=\"elementor-heading-title elementor-size-default\">BetterVet<\/span>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ca3caf8 elementor-widget__width-initial elementor-absolute elementor-widget elementor-widget-heading\" data-id=\"ca3caf8\" data-element_type=\"widget\" id=\"subtitle-card-bettervet\" data-settings=\"{"_position":"absolute"}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<span class=\"elementor-heading-title elementor-size-default\">Usamos tecnolog\u00eda de vanguardia para ofrecer atenci\u00f3n veterinaria de m\u00e1xima calidad.<\/span>\t\t<\/div>\n\t\t\t\t<\/div>\n\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-a2a31cf e-con-full card-container-our-work e-flex e-con e-child\" data-id=\"a2a31cf\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-74c5f6dd e-con-full card-our-work-2 hover-target dynamic e-flex e-con e-child\" data-id=\"74c5f6dd\" data-element_type=\"container\" id=\"dropoffCard\" data-settings=\"{"background_background":"classic"}\">\n\t\t<div class=\"elementor-element elementor-element-6f8df353 e-con-full card-up-container e-flex e-con e-child\" data-id=\"6f8df353\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-75ea0e8 e-con-full custom-video-container e-flex e-con e-child\" data-id=\"75ea0e8\" data-element_type=\"container\" id=\"custom-video-container-dropoff\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-762cb870 elementor-widget__width-inherit custom-video elementor-widget elementor-widget-video\" data-id=\"762cb870\" data-element_type=\"widget\" data-settings=\"{"video_type":"hosted","autoplay":"yes","play_on_mobile":"yes","mute":"yes","loop":"yes"}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/creativecoefficient.net\/wp-content\/uploads\/2025\/04\/DropOff.mp4\" autoplay=\"\" loop=\"\" muted=\"muted\" playsinline=\"\" controlslist=\"nodownload\"><\/video>\n\t\t\t\t<\/div>\n\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-fc80217 e-con-full background-container e-flex e-con e-child\" data-id=\"fc80217\" data-element_type=\"container\" id=\"background-dropoff-image-container\" data-settings=\"{"position":"absolute"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-70be73a5 dropoff-hover-img elementor-widget elementor-widget-image\" data-id=\"70be73a5\" data-element_type=\"widget\" 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<img loading=\"lazy\" decoding=\"async\" width=\"473\" height=\"840\" src=\"https:\/\/creativecoefficient.net\/wp-content\/uploads\/2025\/03\/cecaf49fabee7522964c2c6ab9205e1a.png\" class=\"attachment-large size-large wp-image-14758\" alt=\"\" srcset=\"https:\/\/creativecoefficient.net\/wp-content\/uploads\/2025\/03\/cecaf49fabee7522964c2c6ab9205e1a.png 473w, https:\/\/creativecoefficient.net\/wp-content\/uploads\/2025\/03\/cecaf49fabee7522964c2c6ab9205e1a-169x300.png 169w\" sizes=\"auto, (max-width: 473px) 100vw, 473px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-76e569e6 e-con-full e-flex e-con e-child\" data-id=\"76e569e6\" data-element_type=\"container\" data-settings=\"{"position":"absolute"}\">\n\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-70c9e83e e-con-full degrade-container-our-work e-flex e-con e-child\" data-id=\"70c9e83e\" data-element_type=\"container\" data-settings=\"{"position":"absolute"}\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-212360c5 e-con-full our-work-2-titlecontainer e-flex e-con e-child\" data-id=\"212360c5\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-137f3550 elementor-widget elementor-widget-heading\" data-id=\"137f3550\" data-element_type=\"widget\" id=\"our-work-title-dropoff\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<span class=\"elementor-heading-title elementor-size-default\">Dropoff<\/span>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8a8f8c1 elementor-widget__width-initial elementor-absolute elementor-widget elementor-widget-heading\" data-id=\"8a8f8c1\" data-element_type=\"widget\" id=\"subtitle-card-dropoff\" data-settings=\"{"_position":"absolute"}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<span class=\"elementor-heading-title elementor-size-default\">Servicios de mensajer\u00eda personalizados para entregas m\u00e1s seguras, r\u00e1pidas y confiables.<\/span>\t\t<\/div>\n\t\t\t\t<\/div>\n\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-63cdd28 e-con-full card-container-our-work e-flex e-con e-child\" data-id=\"63cdd28\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-8552643 e-con-full card-our-work-2 hover-target dynamic e-flex e-con e-child\" data-id=\"8552643\" data-element_type=\"container\" id=\"npalCard\" data-settings=\"{"background_background":"classic"}\">\n\t\t<div class=\"elementor-element elementor-element-4e1fee31 e-con-full card-up-container e-flex e-con e-child\" data-id=\"4e1fee31\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-b25c00f e-con-full custom-video-container e-flex e-con e-child\" data-id=\"b25c00f\" data-element_type=\"container\" id=\"custom-video-container-npal\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4c8ca257 elementor-widget__width-inherit custom-video elementor-widget elementor-widget-video\" data-id=\"4c8ca257\" data-element_type=\"widget\" data-settings=\"{"video_type":"hosted","autoplay":"yes","play_on_mobile":"yes","mute":"yes","loop":"yes"}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/creativecoefficient.net\/wp-content\/uploads\/2025\/04\/NeighborhoodPal.mp4\" autoplay=\"\" loop=\"\" muted=\"muted\" playsinline=\"\" controlslist=\"nodownload\"><\/video>\n\t\t\t\t<\/div>\n\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-6c042f2c e-con-full background-container e-flex e-con e-child\" data-id=\"6c042f2c\" data-element_type=\"container\" id=\"background-npal-image-container\" data-settings=\"{"position":"absolute"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-587ba789 npal-hover-img elementor-widget elementor-widget-image\" data-id=\"587ba789\" data-element_type=\"widget\" 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<img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"784\" src=\"https:\/\/creativecoefficient.net\/wp-content\/uploads\/2025\/04\/npalimg.png\" class=\"attachment-large size-large wp-image-15132\" alt=\"\" srcset=\"https:\/\/creativecoefficient.net\/wp-content\/uploads\/2025\/04\/npalimg.png 400w, https:\/\/creativecoefficient.net\/wp-content\/uploads\/2025\/04\/npalimg-153x300.png 153w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2c132dbe e-con-full e-flex e-con e-child\" data-id=\"2c132dbe\" data-element_type=\"container\" data-settings=\"{"position":"absolute"}\">\n\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-2f7acad e-con-full degrade-container-our-work e-flex e-con e-child\" data-id=\"2f7acad\" data-element_type=\"container\" data-settings=\"{"position":"absolute"}\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5a6b8dfd e-con-full our-work-2-titlecontainer e-flex e-con e-child\" data-id=\"5a6b8dfd\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-18ff3691 elementor-widget elementor-widget-heading\" data-id=\"18ff3691\" data-element_type=\"widget\" id=\"our-work-title-npal\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<span class=\"elementor-heading-title elementor-size-default\">NeighborhoodPal<\/span>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-24968f1 elementor-widget__width-initial elementor-absolute elementor-widget elementor-widget-heading\" data-id=\"24968f1\" data-element_type=\"widget\" id=\"subtitle-card-npal\" data-settings=\"{"_position":"absolute"}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<span class=\"elementor-heading-title elementor-size-default\">Recorridos virtuales e informaci\u00f3n sobre barrios y comunidades para tu pr\u00f3xima mudanza.<\/span>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\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-08d3b2e e-con-full bg-1c1c1c section-item active-threshold-0.5 e-flex e-con e-child\" data-id=\"08d3b2e\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-140955a elementor-widget elementor-widget-html\" data-id=\"140955a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\r\n .marquee {\r\n display: flex;\r\n overflow: hidden;\r\n \/*height: 50vh;*\/\r\n user-select: none;\r\n gap: 2rem;\r\n padding-top: 1rem;\r\n padding-bottom: 1rem;\r\n opacity: 1!important;\r\n will-change: transform;\r\n }\r\n \r\n .marquee__group {\r\n flex-shrink: 0;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 2rem;\r\n min-width: 100%;\r\n animation: scroll 60s linear infinite;\r\n }\r\n \r\n .marquee__group span {\r\n color: #000000!important;\r\n font-size: 90px!important;\r\n font-weight: 700;\r\n white-space: nowrap;\r\n font-family: 'Lexend' !important;\r\n }\r\n \r\n @keyframes scroll {\r\n from {\r\n transform: translateX(0);\r\n }\r\n to {\r\n transform: translateX(calc(-100% - 2rem));\r\n }\r\n }\r\n \r\n @media only screen and (min-width: 360px) {\r\n .marquee__group span {\r\n font-size: 180px;\r\n }\r\n }\r\n \/*.marquee:hover .marquee__group span,*\/\r\n \/*.marquee:hover .marquee__group svg path {*\/\r\n \/* color: #fff!important;*\/\r\n \/* fill: #fff!important;*\/\r\n \/* stroke: #fff!important;*\/\r\n \/*}*\/\r\n \/*.home-section-container {*\/\r\n \/* will-change: background-color;*\/\r\n \/*}*\/\r\n \/*.home-section-container:has(.marquee:hover) {*\/\r\n \/* background-color: #000!important;*\/\r\n \/*}*\/\r\n<\/style>\r\n\r\n<div class=\"marquee\">\r\n <div class=\"marquee__group\">\r\n <span>Somos Creative Coefficient<\/span>\r\n <svg width=\"187\" height=\"80\" viewbox=\"0 0 187 80\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M52.1534 74.1923C42.4123 62.5635 38.0355 46.7163 41.5156 30.269C44.0979 18.0789 51.178 7.61232 61.1787 0.251548C59.9479 0.572431 58.7209 0.917265 57.4972 1.27758C46.0549 4.65851 35.4303 10.0146 25.0623 15.723C18.7298 19.1387 12.8955 23.4025 7.72204 28.3955L7.09664 28.995C2.69811 33.6289 2.53177 37.9948 6.64059 42.9143C10.3549 47.3382 14.9217 50.8529 19.4368 54.4024C29.218 62.0907 39.58 68.8349 51.0882 73.735L51.9452 74.1045L52.1534 74.1923Z\" fill=\"#000000\"\/>\r\n<path d=\"M104.438 9.5L70.4375 70.5\" stroke=\"#000000\" stroke-width=\"8\" stroke-linecap=\"square\"\/>\r\n<path d=\"M121.473 71.7387C130.684 60.9844 134.933 46.2396 131.855 30.8561C129.571 19.4543 123.071 9.61585 113.814 2.64646C114.959 2.95825 116.101 3.29236 117.239 3.64088C127.883 6.91073 137.744 12.0157 147.361 17.4467C153.236 20.6977 158.637 24.7352 163.413 29.4466L163.991 30.0124C168.048 34.3808 168.158 38.4568 164.273 43.0064C160.76 47.0976 156.462 50.3317 152.211 53.5988C143.003 60.6755 133.263 66.8653 122.472 71.3225L121.668 71.6588L121.473 71.7387Z\" fill=\"#000000\"\/>\r\n<\/svg>\r\n\r\n <span>Somos Creative Coefficient<\/span>\r\n <svg width=\"187\" height=\"80\" viewbox=\"0 0 187 80\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M52.1534 74.1923C42.4123 62.5635 38.0355 46.7163 41.5156 30.269C44.0979 18.0789 51.178 7.61232 61.1787 0.251548C59.9479 0.572431 58.7209 0.917265 57.4972 1.27758C46.0549 4.65851 35.4303 10.0146 25.0623 15.723C18.7298 19.1387 12.8955 23.4025 7.72204 28.3955L7.09664 28.995C2.69811 33.6289 2.53177 37.9948 6.64059 42.9143C10.3549 47.3382 14.9217 50.8529 19.4368 54.4024C29.218 62.0907 39.58 68.8349 51.0882 73.735L51.9452 74.1045L52.1534 74.1923Z\" fill=\"#000000\"\/>\r\n<path d=\"M104.438 9.5L70.4375 70.5\" stroke=\"#000000\" stroke-width=\"8\" stroke-linecap=\"square\"\/>\r\n<path d=\"M121.473 71.7387C130.684 60.9844 134.933 46.2396 131.855 30.8561C129.571 19.4543 123.071 9.61585 113.814 2.64646C114.959 2.95825 116.101 3.29236 117.239 3.64088C127.883 6.91073 137.744 12.0157 147.361 17.4467C153.236 20.6977 158.637 24.7352 163.413 29.4466L163.991 30.0124C168.048 34.3808 168.158 38.4568 164.273 43.0064C160.76 47.0976 156.462 50.3317 152.211 53.5988C143.003 60.6755 133.263 66.8653 122.472 71.3225L121.668 71.6588L121.473 71.7387Z\" fill=\"#000000\"\/>\r\n<\/svg>\r\n\r\n <span>Somos Creative Coefficient<\/span>\r\n <svg width=\"187\" height=\"80\" viewbox=\"0 0 187 80\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M52.1534 74.1923C42.4123 62.5635 38.0355 46.7163 41.5156 30.269C44.0979 18.0789 51.178 7.61232 61.1787 0.251548C59.9479 0.572431 58.7209 0.917265 57.4972 1.27758C46.0549 4.65851 35.4303 10.0146 25.0623 15.723C18.7298 19.1387 12.8955 23.4025 7.72204 28.3955L7.09664 28.995C2.69811 33.6289 2.53177 37.9948 6.64059 42.9143C10.3549 47.3382 14.9217 50.8529 19.4368 54.4024C29.218 62.0907 39.58 68.8349 51.0882 73.735L51.9452 74.1045L52.1534 74.1923Z\" fill=\"#000000\"\/>\r\n<path d=\"M104.438 9.5L70.4375 70.5\" stroke=\"#000000\" stroke-width=\"8\" stroke-linecap=\"square\"\/>\r\n<path d=\"M121.473 71.7387C130.684 60.9844 134.933 46.2396 131.855 30.8561C129.571 19.4543 123.071 9.61585 113.814 2.64646C114.959 2.95825 116.101 3.29236 117.239 3.64088C127.883 6.91073 137.744 12.0157 147.361 17.4467C153.236 20.6977 158.637 24.7352 163.413 29.4466L163.991 30.0124C168.048 34.3808 168.158 38.4568 164.273 43.0064C160.76 47.0976 156.462 50.3317 152.211 53.5988C143.003 60.6755 133.263 66.8653 122.472 71.3225L121.668 71.6588L121.473 71.7387Z\" fill=\"#000000\"\/>\r\n<\/svg>\r\n\r\n <\/div>\r\n <div class=\"marquee__group\" aria-hidden=\"true\">\r\n <span>Somos Creative Coefficient<\/span>\r\n <svg width=\"187\" height=\"80\" viewbox=\"0 0 187 80\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M52.1534 74.1923C42.4123 62.5635 38.0355 46.7163 41.5156 30.269C44.0979 18.0789 51.178 7.61232 61.1787 0.251548C59.9479 0.572431 58.7209 0.917265 57.4972 1.27758C46.0549 4.65851 35.4303 10.0146 25.0623 15.723C18.7298 19.1387 12.8955 23.4025 7.72204 28.3955L7.09664 28.995C2.69811 33.6289 2.53177 37.9948 6.64059 42.9143C10.3549 47.3382 14.9217 50.8529 19.4368 54.4024C29.218 62.0907 39.58 68.8349 51.0882 73.735L51.9452 74.1045L52.1534 74.1923Z\" fill=\"#000000\"\/>\r\n<path d=\"M104.438 9.5L70.4375 70.5\" stroke=\"#000000\" stroke-width=\"8\" stroke-linecap=\"square\"\/>\r\n<path d=\"M121.473 71.7387C130.684 60.9844 134.933 46.2396 131.855 30.8561C129.571 19.4543 123.071 9.61585 113.814 2.64646C114.959 2.95825 116.101 3.29236 117.239 3.64088C127.883 6.91073 137.744 12.0157 147.361 17.4467C153.236 20.6977 158.637 24.7352 163.413 29.4466L163.991 30.0124C168.048 34.3808 168.158 38.4568 164.273 43.0064C160.76 47.0976 156.462 50.3317 152.211 53.5988C143.003 60.6755 133.263 66.8653 122.472 71.3225L121.668 71.6588L121.473 71.7387Z\" fill=\"#000000\"\/>\r\n<\/svg>\r\n\r\n <span>Somos Creative Coefficient<\/span>\r\n <svg width=\"187\" height=\"80\" viewbox=\"0 0 187 80\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M52.1534 74.1923C42.4123 62.5635 38.0355 46.7163 41.5156 30.269C44.0979 18.0789 51.178 7.61232 61.1787 0.251548C59.9479 0.572431 58.7209 0.917265 57.4972 1.27758C46.0549 4.65851 35.4303 10.0146 25.0623 15.723C18.7298 19.1387 12.8955 23.4025 7.72204 28.3955L7.09664 28.995C2.69811 33.6289 2.53177 37.9948 6.64059 42.9143C10.3549 47.3382 14.9217 50.8529 19.4368 54.4024C29.218 62.0907 39.58 68.8349 51.0882 73.735L51.9452 74.1045L52.1534 74.1923Z\" fill=\"#000000\"\/>\r\n<path d=\"M104.438 9.5L70.4375 70.5\" stroke=\"#000000\" stroke-width=\"8\" stroke-linecap=\"square\"\/>\r\n<path d=\"M121.473 71.7387C130.684 60.9844 134.933 46.2396 131.855 30.8561C129.571 19.4543 123.071 9.61585 113.814 2.64646C114.959 2.95825 116.101 3.29236 117.239 3.64088C127.883 6.91073 137.744 12.0157 147.361 17.4467C153.236 20.6977 158.637 24.7352 163.413 29.4466L163.991 30.0124C168.048 34.3808 168.158 38.4568 164.273 43.0064C160.76 47.0976 156.462 50.3317 152.211 53.5988C143.003 60.6755 133.263 66.8653 122.472 71.3225L121.668 71.6588L121.473 71.7387Z\" fill=\"#000000\"\/>\r\n<\/svg>\r\n\r\n <span>Somos Creative Coefficient<\/span>\r\n <svg width=\"187\" height=\"80\" viewbox=\"0 0 187 80\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M52.1534 74.1923C42.4123 62.5635 38.0355 46.7163 41.5156 30.269C44.0979 18.0789 51.178 7.61232 61.1787 0.251548C59.9479 0.572431 58.7209 0.917265 57.4972 1.27758C46.0549 4.65851 35.4303 10.0146 25.0623 15.723C18.7298 19.1387 12.8955 23.4025 7.72204 28.3955L7.09664 28.995C2.69811 33.6289 2.53177 37.9948 6.64059 42.9143C10.3549 47.3382 14.9217 50.8529 19.4368 54.4024C29.218 62.0907 39.58 68.8349 51.0882 73.735L51.9452 74.1045L52.1534 74.1923Z\" fill=\"#000000\"\/>\r\n<path d=\"M104.438 9.5L70.4375 70.5\" stroke=\"#000000\" stroke-width=\"8\" stroke-linecap=\"square\"\/>\r\n<path d=\"M121.473 71.7387C130.684 60.9844 134.933 46.2396 131.855 30.8561C129.571 19.4543 123.071 9.61585 113.814 2.64646C114.959 2.95825 116.101 3.29236 117.239 3.64088C127.883 6.91073 137.744 12.0157 147.361 17.4467C153.236 20.6977 158.637 24.7352 163.413 29.4466L163.991 30.0124C168.048 34.3808 168.158 38.4568 164.273 43.0064C160.76 47.0976 156.462 50.3317 152.211 53.5988C143.003 60.6755 133.263 66.8653 122.472 71.3225L121.668 71.6588L121.473 71.7387Z\" fill=\"#000000\"\/>\r\n<\/svg>\r\n\r\n <\/div>\r\n<\/div>\r\n<script>\r\n \/\/ Debounced scroll listener to force a repaint\r\nlet ticking = false;\r\nwindow.addEventListener('scroll', () => {\r\n if (!ticking) {\r\n window.requestAnimationFrame(() => {\r\n \/\/ Reading offsetHeight forces a reflow on the container.\r\n document.querySelector('.home-section-container').offsetHeight;\r\n ticking = false;\r\n });\r\n ticking = true;\r\n }\r\n});\r\n\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7d9a5cc bg-ffffff section-item e-flex e-con-boxed e-con e-child\" data-id=\"7d9a5cc\" data-element_type=\"container\" id=\"cf-tech-partner\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-67eb441 e-con-full e-flex e-con e-child\" data-id=\"67eb441\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-6586cef e-con-full cf-titles e-flex e-con e-child\" data-id=\"6586cef\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ce79039 elementor-widget elementor-widget-heading\" data-id=\"ce79039\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">We are not just a vendor <br class=\"\"only-mobile\">but a <\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1f1f016 elementor-widget elementor-widget-heading\" data-id=\"1f1f016\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Client-First<br>Tech Partner<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8d4ccab e-con-full e-flex e-con e-child\" data-id=\"8d4ccab\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ab1d547 elementor-widget elementor-widget-html\" data-id=\"ab1d547\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\r\n<div class=\"tech-anim-container\">\r\n <img decoding=\"async\" src=\"https:\/\/creativecoefficient.net\/wp-content\/uploads\/2024\/10\/Combined-Shape-Copy-130.svg\" class=\"tech-anim-item\" alt=\"Tech 1\">\r\n <img decoding=\"async\" src=\"https:\/\/creativecoefficient.net\/wp-content\/uploads\/2024\/10\/Combined-Shape-Copy-127.svg\" class=\"tech-anim-item\" alt=\"Tech 2\">\r\n <img decoding=\"async\" src=\"https:\/\/creativecoefficient.net\/wp-content\/uploads\/2024\/10\/Combined-Shape-Copy-128.svg\" class=\"tech-anim-item\" alt=\"Tech 3\">\r\n <img decoding=\"async\" src=\"https:\/\/creativecoefficient.net\/wp-content\/uploads\/2024\/10\/Combined-Shape-Copy-129.svg\" class=\"tech-anim-item\" alt=\"Tech 4\">\r\n<\/div>\r\n\r\n\r\n\r\n<style>\r\n \/* Container for the animated arrows *\/\r\n .tech-anim-container {\r\n display: flex;\r\n justify-content: space-around;\r\n align-items: center;\r\n width: 100%;\r\n margin: 0 auto;\r\n }\r\n \/* Each arrow\/tech image styling *\/\r\n .tech-anim-item {\r\n width: 50px; \/* Adjust as needed *\/\r\n height: auto;\r\n }\r\n<\/style>\r\n\r\n<script>\r\n document.addEventListener('DOMContentLoaded', function(){\r\n \r\n \/\/ Check if ScrollTrigger is available\r\n if (typeof ScrollTrigger === \"undefined\") {\r\n console.error(\"ScrollTrigger not found. Make sure GSAP and ScrollTrigger are loaded.\");\r\n }\r\n \r\n \/\/ Animate the tech items (arrows) using fromTo to ensure a final x of 0 and y of 0.\r\n var techItems = gsap.utils.toArray(\".tech-anim-item\");\r\n if (techItems.length === 0) {\r\n console.warn(\"No elements found with class .tech-anim-item\");\r\n }\r\n techItems.forEach(function(item, i) {\r\n gsap.fromTo(item,\r\n {\r\n x: \"-150vw\",\r\n y: gsap.utils.random(-50, 50)\r\n },\r\n {\r\n scrollTrigger: {\r\n trigger: \"#cf-tech-partner\",\r\n start: \"top center\",\r\n once: true\r\n },\r\n delay: 0.1 + i * 0.4,\r\n duration: 2.5,\r\n x: 0, \/\/ Animate to natural horizontal position\r\n y: 0, \/\/ Force final y to be 0 for alignment\r\n ease: \"power2.out\",\r\n onStart: function() {\r\n \/\/ console.log(\"Tech item animation started for item\", i, item);\r\n },\r\n onComplete: function() {\r\n \/\/ console.log(\"Tech item entrance complete for item\", i, item);\r\n \/\/ Capture the final y value (which should be 0)\r\n var baseline = gsap.getProperty(item, \"y\");\r\n \/\/ console.log(\"Baseline for tech item\", i, \"is\", baseline);\r\n \/\/ Start infinite vertical oscillation (\"wave\") relative to baseline.\r\n \/\/ We remove randomness so that the wave is synchronized.\r\n gsap.to(item, {\r\n y: baseline + 80, \/\/ Oscillate from 0 to 40px\r\n duration: 3, \/\/ Fixed duration for all items\r\n yoyo: true,\r\n repeat: -1,\r\n ease: \"sine.inOut\",\r\n onStart: function() {\r\n \/\/ console.log(\"Tech item wave animation started for item\", i, item);\r\n }\r\n });\r\n }\r\n }\r\n );\r\n });\r\n \r\n \/\/ Animate the titles (.cf-titles) from off-screen left to x:0.\r\n var titleItems = gsap.utils.toArray(\".cf-titles\");\r\n if (titleItems.length === 0) {\r\n console.warn(\"No elements found with class .cf-titles\");\r\n }\r\n titleItems.forEach(function(title, j) {\r\n \/\/ console.log(\"Animating title\", j, title);\r\n gsap.fromTo(title,\r\n {\r\n x: \"-150vw\",\r\n y: gsap.utils.random(-50, 50)\r\n },\r\n {\r\n scrollTrigger: {\r\n trigger: \"#cf-tech-partner\",\r\n start: \"top center\",\r\n once: true\r\n },\r\n delay: 0.2 + j * 0.2, \/\/ start 0.5s after the arrows, with stagger\r\n duration: 2.5,\r\n x: 0, \/\/ animate to natural position\r\n ease: \"linear\"\r\n }\r\n );\r\n });\r\n });\r\n<\/script>\r\n\t\t<\/div>\n\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-b65d632 e-con-full bg-ffffff section-item e-flex e-con e-child\" data-id=\"b65d632\" data-element_type=\"container\" id=\"data-container\">\n\t\t<div class=\"elementor-element elementor-element-019b1a3 e-con-full e-flex e-con e-child\" data-id=\"019b1a3\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b501f20 elementor-widget elementor-widget-html\" data-id=\"b501f20\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/animate.css\/4.1.1\/animate.min.css\"\/>\r\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.11.4\/gsap.min.js\"><\/script>\r\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.11.4\/ScrollTrigger.min.js\"><\/script>\r\n\r\n <style>\r\n .data-container {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n width: 100%;\r\n height: 100%;\r\n margin: 0;\r\n }\r\n\r\n .progress-bar {\r\n max-width: 80vw;\r\n width: 1200px;\r\n height: 80px;\r\n background-color: transparent;\r\n border-radius: 10px;\r\n overflow: hidden;\r\n position: relative;\r\n margin-bottom: 20px;\r\n transition: height 0.5s ease-in-out;\r\n display: flex;\r\n }\r\n\r\n .progress {\r\n width: 0;\r\n height: 100%;\r\n background-color: #4788F1;\r\n border-radius: 10px;\r\n transition: width 0.1s ease-in-out, background-color 0.5s ease-in-out;\r\n display: flex;\r\n align-items: center;\r\n justify-content: flex-start;\r\n }\r\n\r\n .progress-text {\r\n font-size: 24px;\r\n opacity: 1;\r\n transition: opacity 0.5s ease-in-out;\r\n }\r\n\r\n .final-text {\r\n font-family: 'Lexend Deca' , sans-serif;\r\n font-size: 70px;\r\n font-weight: 500;\r\n line-height: 79px;\r\n color: white;\r\n opacity: 0;\r\n transition: opacity 0.5s ease-in-out;\r\n padding-left: 110px;\r\n width: 70%;\r\n margin-bottom: 85px;\r\n }\r\n\r\n .progress-gradient {\r\n background: linear-gradient(105.58deg, #E64039 0%, #F8B925 33.3%, #3CA755 66.6%, #4788F1 100%);\r\n background-size: 400% 400%;\r\n animation: gradientShift 12s infinite ease-in-out;\r\n }\r\n\r\n @keyframes gradientShift {\r\n 0% {\r\n background-position: 0% 0%;\r\n }\r\n 50% {\r\n background-position: 100% 100%;\r\n }\r\n 100% {\r\n background-position: 0% 0%;\r\n }\r\n }\r\n .contact-us-container {\r\n position: absolute;\r\n right: 102px;\r\n opacity: 0;\r\n cursor: pointer;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n z-index: 2;\r\n }\r\n\r\n .contact-us-pointer {\r\n width: 10px;\r\n height: 10px;\r\n background-color: #F9F7F1;\r\n border-radius: 50%;\r\n position: absolute;\r\n z-index: 2;\r\n }\r\n\r\n .contact-us-select {\r\n border-radius: 50%;\r\n position: absolute;\r\n animation: shrink 0.5s forwards;\r\n }\r\n @keyframes grow {\r\n to {\r\n width: 190px;\r\n height: 190px;\r\n }\r\n }\r\n\r\n @keyframes shrink {\r\n to {\r\n width: 1px;\r\n height: 1px;\r\n }\r\n }\r\n\r\n #contact-us-container-img img {\r\n width: 235px;\r\n }\r\n\r\n #contact-us-container-img {\r\n position: absolute;\r\n bottom: -80px;\r\n right: -80px;\r\n }\r\n \r\n @media (min-width: 1024px) {\r\n #contact-us-container-img img {\r\n width: 375px;\r\n }\r\n\r\n #contact-us-container-img {\r\n position: absolute;\r\n bottom: -144px;\r\n right: -144px;\r\n }\r\n }\r\n\r\n #contact-us-container-img:hover .contact-us-select {\r\n animation: grow 0.5s forwards;\r\n }\r\n\r\n #contact-us-container-img:not(:hover) .contact-us-select {\r\n animation: shrink 0.5s forwards;\r\n }\r\n \r\n @media (max-width: 1024px) {\r\n .progress-bar .button-container {\r\n left: 0;\r\n right: 0;\r\n justify-content: center;\r\n bottom: 120px !important;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .progress-bar {\r\n width: 80vw;\r\n }\r\n #contact-us-container-img {\r\n display: none;\r\n }\r\n .final-text {\r\n font-size: 60px;\r\n font-weight: 500;\r\n line-height: 80px;\r\n padding-left: 23px;\r\n width: 90%;\r\n }\r\n }\r\n\r\n @media (max-width: 425px) {\r\n .final-text {\r\n font-size: 40px;\r\n font-weight: 500;\r\n line-height: 50px;\r\n padding-left: 23px;\r\n }\r\n .progress-bar .button-container {\r\n bottom: 155px!important;\r\n }\r\n }\r\n \r\n .arrow-talent {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -60%) scale(0.2);\r\n opacity: 0;\r\n }\r\n \r\n .contact-us-btn {\r\n display: inline-block;\r\n padding: 10px 20px;\r\n font-size: 18px;\r\n text-decoration: none;\r\n background-color: #fff;\r\n border-radius: 40px;\r\n margin-top: 20px;\r\n position: relative;\r\n z-index: 3;\r\n transition-duration: .3s;\r\n }\r\n\r\n a.contact-us-btn:hover {\r\n background-color: #1c1c1c;\r\n color: #fff;\r\n }\r\n\r\n .progress-bar .button-container {\r\n opacity: 0;\r\n position: absolute;\r\n bottom: 51px;\r\n left: 110px;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<svg width=\"278\" height=\"301\" viewbox=\"0 0 278 301\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"arrow-talent\" id=\"arrow1\">\r\n <path d=\"M52.0421 300.045C49.6919 246.408 65.7992 194.042 99.9992 152.015C146.139 95.285 211.654 66.5092 277.516 67.2509C276.044 66.4758 274.564 65.7056 273.082 64.9454C225.157 39.8286 174.105 23.6411 121.495 11.9538L118.43 11.2751C95.1447 6.10123 71.7913 0.913189 47.7698 0.615318C19.9853 0.351648 5.64743 12.8861 1.98129 40.2882C1.86574 41.598 1.769 42.8226 1.65601 44.0226C-1.17053 75.0197 0.29957 106.233 6.02263 136.781C14.9545 187.123 25.7578 237.331 45.501 284.917C47.6095 290.001 49.7777 295.049 52.0421 300.045Z\" fill=\"#F8CF6E\"\/>\r\n<\/svg>\r\n<svg width=\"218\" height=\"203\" viewbox=\"0 0 218 203\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"arrow-talent\" id=\"arrow2\">\r\n <path d=\"M217.09 180.14C178.166 177.912 141.512 162.431 113.653 134.625C76.046 97.1103 60.0539 47.6331 65.413 0.0670988C64.7452 1.07458 64.0804 2.08807 63.4226 3.10405C41.7666 35.9165 26.3328 71.6433 14.0363 108.826L13.3215 110.993C7.87822 127.45 2.41976 143.955 0.445412 161.301C-1.7798 181.371 6.22609 192.656 25.755 197.313C26.6929 197.493 27.5706 197.653 28.4293 197.822C50.617 202.136 73.2758 203.359 95.765 201.458C132.79 198.686 169.855 194.552 205.681 183.762C209.509 182.61 213.314 181.412 217.09 180.14Z\" fill=\"#7DAAF1\"\/>\r\n<\/svg>\r\n<svg width=\"291\" height=\"314\" viewbox=\"0 0 291 314\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"arrow-talent\" id=\"arrow3\">\r\n <path d=\"M252.445 0.813917C251.014 56.8256 230.458 110.178 191.814 151.457C139.677 207.18 69.3887 232.398 0.874043 226.86C2.3504 227.773 3.83526 228.682 5.32334 229.581C53.4023 259.198 105.382 279.744 159.309 295.719L162.45 296.647C186.318 303.718 210.256 310.809 235.243 312.858C264.151 315.143 279.984 303.131 285.782 274.868C285.997 273.512 286.186 272.245 286.391 271.003C291.574 238.937 292.301 206.334 288.551 174.117C282.892 121.06 275.275 68.0077 258.161 17.0377C256.334 11.5918 254.441 6.17989 252.445 0.813917Z\" fill=\"#EA645E\"\/>\r\n<\/svg>\r\n<svg width=\"154\" height=\"135\" viewbox=\"0 0 154 135\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"arrow-talent\" id=\"arrow4\">\r\n <path d=\"M0.227087 75.4966C24.7323 63.8923 52.2622 61.1349 78.5247 68.831C113.97 79.2078 140.201 104.087 152.76 134.912C152.833 134.074 152.901 133.234 152.965 132.395C155.265 105.149 152.797 78.197 147.928 51.4008L147.644 49.8402C145.49 37.98 143.329 26.0852 138.761 14.8374C133.439 1.84343 124.796 -2.37933 111.323 1.282C110.691 1.48482 110.102 1.6797 109.521 1.86219C94.5397 6.619 80.2993 13.4196 67.2021 22.0709C45.5204 36.0952 24.2678 50.965 5.9872 69.4854C4.0338 71.4638 2.10917 73.4627 0.227087 75.4966Z\" fill=\"#88C793\"\/>\r\n<\/svg>\r\n\r\n<div class=\"data-container\" id=\"data-container\">\r\n <div class=\"progress-bar\">\r\n <div class=\"progress\" id=\"progress\">\r\n <span class=\"final-text animate__animated\" id=\"final-text\" data-no-translation><\/span>\r\n <div class=\"contact-us-container\" id=\"contact-us-container-img\">\r\n <img decoding=\"async\" src=\"https:\/\/creativecoefficient.net\/wp-content\/uploads\/2025\/08\/spinner-know-about-us-web-2.webp\" alt=\"\" id=\"contact-us-image\">\r\n <\/div>\r\n <div class=\"button-container\">\r\n <a href=\"#contact-us-container\" class=\"contact-us-btn\" id=\"contact-us-btn-text\" data-no-translation>Contact us<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"progress-text\" id=\"progress-text\" data-no-translation>16 years<\/div>\r\n<\/div>\r\n\r\n<script>\r\n \/\/ 1. Ejecuci\u00f3n inmediata para configurar el idioma y textos\r\n const htmlLang = document.documentElement.lang.toLowerCase();\r\n const isSpanish = htmlLang.startsWith('es') || window.location.pathname.endsWith('\/es') || window.location.pathname.endsWith('\/es\/');\r\n \r\n const translations = {\r\n en: {\r\n btnText: \"Contact us\",\r\n initText: \"16 years\",\r\n progressSteps: [\"16 years\", \"20 countries\", \"+60 talented experts\", \"100% creative\"],\r\n finalTexts: ['+300<br>projects launched', '+60 talented<br>experts', 'Since 2008']\r\n },\r\n es: {\r\n btnText: \"Cont\u00e1ctanos\",\r\n initText: \"18 a\u00f1os\",\r\n progressSteps: [\"18 a\u00f1os\", \"30 pa\u00edses\", \"+60 expertos\", \"100% Creativos\"],\r\n finalTexts: ['+300<br>proyectos creados', '+60<br>expertos', 'Desde 2008']\r\n }\r\n };\r\n\r\n const currentLang = isSpanish ? 'es' : 'en';\r\n const langData = translations[currentLang];\r\n\r\n \/\/ Forzamos el texto correcto inmediatamente por JS (ahora libre de TranslatePress)\r\n document.getElementById('contact-us-btn-text').innerText = langData.btnText;\r\n document.getElementById('progress-text').innerText = langData.initText;\r\n\r\n \/\/ 2. Animaciones al cargar la p\u00e1gina completamente\r\n window.addEventListener('load', function() {\r\n\r\n const image = document.getElementById(\"contact-us-image\");\r\n\r\n let rotating = gsap.to(\"#contact-us-image\", {\r\n rotation: \"-=360\",\r\n duration: 20,\r\n ease: \"linear\",\r\n repeat: -1\r\n });\r\n \r\n document.getElementById('contact-us-image').addEventListener('click', function() {\r\n document.getElementById('contact-us-container').scrollIntoView({ behavior: 'smooth' });\r\n });\r\n\r\n document.querySelector('.button-container .contact-us-btn').addEventListener('click', function() {\r\n document.getElementById('contact-us-container').scrollIntoView({ behavior: 'smooth' });\r\n });\r\n \r\n const animateArrows = () => {\r\n document.querySelector('#arrow1').style.opacity = 1;\r\n document.querySelector('#arrow2').style.opacity = 1;\r\n document.querySelector('#arrow3').style.opacity = 1;\r\n document.querySelector('#arrow4').style.opacity = 1;\r\n gsap.to(\"#arrow1\", {\r\n duration: 3, xPercent: -600, yPercent: -600, scale: 1, ease: \"power1.inOut\",\r\n onComplete: () => { gsap.to(\"#arrow1\", { opacity: 0, duration: 0.1 }); }\r\n });\r\n gsap.to(\"#arrow2\", {\r\n duration: 3, xPercent: -600, yPercent: 600, scale: 1, ease: \"power1.inOut\",\r\n onComplete: () => { gsap.to(\"#arrow2\", { opacity: 0, duration: 0.1 }); }\r\n });\r\n gsap.to(\"#arrow3\", {\r\n duration: 3, xPercent: 600, yPercent: 600, scale: 1, ease: \"power1.inOut\",\r\n onComplete: () => { gsap.to(\"#arrow3\", { opacity: 0, duration: 0.1 }); }\r\n });\r\n gsap.to(\"#arrow4\", {\r\n duration: 3, xPercent: 600, yPercent: -600, scale: 1, ease: \"power1.inOut\",\r\n onComplete: () => { gsap.to(\"#arrow4\", { opacity: 0, duration: 0.1 }); }\r\n });\r\n }\r\n\r\n const animateBar = () => {\r\n const progress = document.querySelector('.progress');\r\n const progressText = document.getElementById('progress-text');\r\n const finalText = document.getElementById('final-text');\r\n const contactUsContainer = document.getElementById('contact-us-container-img');\r\n\r\n let width = 0;\r\n const texts = langData.finalTexts;\r\n let textIndex = 0;\r\n\r\n const showTexts = () => {\r\n finalText.addEventListener('animationend', (event) => {\r\n if (event.animationName === 'fadeOut') {\r\n textIndex++;\r\n if (textIndex >= texts.length) {\r\n textIndex = 0;\r\n }\r\n finalText.innerHTML = texts[textIndex];\r\n finalText.classList.remove('animate__fadeOut');\r\n finalText.classList.add('animate__slideInUp');\r\n } else if (event.animationName === 'slideInUp') {\r\n finalText.classList.remove('animate__slideInUp');\r\n }\r\n });\r\n\r\n const textsIntervals = setInterval(() => {\r\n finalText.classList.add('animate__fadeOut');\r\n }, 3500);\r\n }\r\n\r\n const interval = setInterval(() => {\r\n if (width >= 100) {\r\n clearInterval(interval);\r\n progress.style.backgroundColor = '#EF7831';\r\n\r\n animateArrows();\r\n\r\n setTimeout(() => {\r\n progressText.style.opacity = 0;\r\n document.querySelector('.progress-bar').style.height = '443px';\r\n progress.classList.add('progress-gradient');\r\n finalText.style.opacity = 1;\r\n contactUsContainer.style.opacity = 1;\r\n finalText.innerHTML = texts[textIndex];\r\n finalText.classList.add('animate__slideInUp');\r\n showTexts();\r\n gsap.to(\".button-container\", { opacity: 1, y: 0, duration: 1, delay: 0.5 });\r\n }, 1500);\r\n } else {\r\n width++;\r\n progress.style.width = `${width}%`;\r\n updateText(width);\r\n }\r\n }, 20);\r\n\r\n function updateText(width) {\r\n let newText = langData.progressSteps[0];\r\n\r\n if (width <= 16) {\r\n newText = langData.progressSteps[0];\r\n } else if (width <= 40) {\r\n newText = langData.progressSteps[1];\r\n } else if (width <= 75) {\r\n newText = langData.progressSteps[2];\r\n } else {\r\n newText = langData.progressSteps[3];\r\n }\r\n\r\n if (progressText.textContent !== newText) {\r\n progressText.classList.remove('animate__fadeIn');\r\n progressText.classList.add('animate__fadeOut');\r\n\r\n setTimeout(() => {\r\n progressText.textContent = newText;\r\n progressText.classList.remove('animate__fadeOut');\r\n progressText.classList.add('animate__fadeIn');\r\n }, 500);\r\n }\r\n }\r\n }\r\n\r\n gsap.registerPlugin(ScrollTrigger);\r\n\r\n ScrollTrigger.create({\r\n trigger: \"#data-container\",\r\n start: \"top 80%\",\r\n onEnter: animateBar,\r\n once: true\r\n });\r\n\r\n });\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\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-b233a80 e-con-full bg-4788F1 section-item active-threshold-0.8 e-flex e-con e-child\" data-id=\"b233a80\" data-element_type=\"container\" id=\"asking-questions\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a1ff094 elementor-widget elementor-widget-heading\" data-id=\"a1ff094\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Creamos soluciones de<br class=\"only-mobile\"> alto impacto<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4ccc60b elementor-widget elementor-widget-heading\" data-id=\"4ccc60b\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">haciendo las preguntas correctas<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1eb095e bg-ffffff section-item active-threshold-0.3 e-con-full e-flex e-con e-child\" data-id=\"1eb095e\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-739dd44 cc-container e-flex e-con-boxed e-con e-child\" data-id=\"739dd44\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-33f244b elementor-widget elementor-widget-heading\" data-id=\"33f244b\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">El equipo Creative<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1a1832b elementor-widget elementor-widget-heading\" data-id=\"1a1832b\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Juntos podemos crear grandes <br class=\"only-mobile\">soluciones<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d25debf cc-btn-1 elementor-mobile-align-center elementor-widget elementor-widget-button\" data-id=\"d25debf\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"\/es\/about-us\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Con\u00f3cenos<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-daf01e2 elementor-widget elementor-widget-spacer\" data-id=\"daf01e2\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.23.0 - 05-08-2024 *\/\n.elementor-column .elementor-spacer-inner{height:var(--spacer-size)}.e-con{--container-widget-width:100%}.e-con-inner>.elementor-widget-spacer,.e-con>.elementor-widget-spacer{width:var(--container-widget-width,var(--spacer-size));--align-self:var(--container-widget-align-self,initial);--flex-shrink:0}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container,.e-con>.elementor-widget-spacer>.elementor-widget-container{height:100%;width:100%}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer,.e-con>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer{height:100%}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer>.elementor-spacer-inner,.e-con>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer>.elementor-spacer-inner{height:var(--container-widget-height,var(--spacer-size))}.e-con-inner>.elementor-widget-spacer.elementor-widget-empty,.e-con>.elementor-widget-spacer.elementor-widget-empty{position:relative;min-height:22px;min-width:22px}.e-con-inner>.elementor-widget-spacer.elementor-widget-empty .elementor-widget-empty-icon,.e-con>.elementor-widget-spacer.elementor-widget-empty .elementor-widget-empty-icon{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;padding:0;width:22px;height:22px}<\/style>\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\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-ae41b58 e-con-full e-flex e-con e-child\" data-id=\"ae41b58\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6ca5d1e elementor-absolute constant-spinner elementor-hidden-mobile elementor-widget elementor-widget-image\" data-id=\"6ca5d1e\" data-element_type=\"widget\" data-settings=\"{"_position":"absolute"}\" 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<img loading=\"lazy\" decoding=\"async\" width=\"321\" height=\"321\" src=\"https:\/\/creativecoefficient.net\/wp-content\/uploads\/2025\/04\/Vector-1.png\" class=\"attachment-full size-full wp-image-15033\" alt=\"\" srcset=\"https:\/\/creativecoefficient.net\/wp-content\/uploads\/2025\/04\/Vector-1.png 321w, https:\/\/creativecoefficient.net\/wp-content\/uploads\/2025\/04\/Vector-1-300x300.png 300w, https:\/\/creativecoefficient.net\/wp-content\/uploads\/2025\/04\/Vector-1-150x150.png 150w\" sizes=\"auto, (max-width: 321px) 100vw, 321px\" \/>\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-1ad689b ow-tx elementor-widget elementor-widget-html\" data-id=\"1ad689b\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\r\n\r\n<link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/swiper\/swiper-bundle.min.css\" \/>\r\n\r\n\r\n\r\n<style>\r\n\r\n \/* Container with responsive side padding (peek) *\/\r\n\r\n .swiper-container.team-slider {\r\n\r\n width: 100%;\r\n\r\n box-sizing: border-box;\r\n\r\n padding-left: 30px; \/* Desktop peek *\/\r\n\r\n padding-right: 30px;\r\n\r\n transform: rotate(-3deg);\r\n\r\n }\r\n\r\n\r\n\r\n \/* Base slide styles *\/\r\n\r\n .team-slider .swiper-slide {\r\n\r\n box-sizing: border-box;\r\n\r\n flex-shrink: 0;\r\n\r\n border-radius: 10px;\r\n\r\n }\r\n\r\n \/* Odd slides: 1:1 ratio, fixed 300x300 *\/\r\n\r\n .team-slider .swiper-slide.odd {\r\n\r\n width: 300px;\r\n\r\n height: 300px;\r\n\r\n background-color: #fb7777;\r\n\r\n display: flex;\r\n\r\n align-items: center;\r\n\r\n justify-content: center;\r\n\r\n background-size: cover;\r\n\r\n background-repeat: no-repeat;\r\n\r\n background-position: center;\r\n\r\n }\r\n\r\n .team-slider .swiper-slide.odd h2 {\r\n\r\n margin: 0;\r\n\r\n font-size: 1.5rem;\r\n\r\n color: #333;\r\n\r\n }\r\n\r\n \/* Even slides: 4:3 ratio, fixed 400x300 *\/\r\n\r\n .team-slider .swiper-slide.even {\r\n\r\n width: 400px;\r\n\r\n height: 300px;\r\n\r\n background-size: cover;\r\n\r\n background-position: center;\r\n\r\n }\r\n\r\n \r\n\r\n @media (max-width: 1024px) {\r\n\r\n .swiper-container.team-slider {\r\n\r\n padding-left: 60px; \/* Tablet peek *\/\r\n\r\n padding-right: 60px;\r\n\r\n }\r\n\r\n }\r\n\r\n @media (max-width: 767px) {\r\n\r\n .swiper-container.team-slider {\r\n\r\n padding-left: 40px; \/* Mobile peek *\/\r\n\r\n padding-right: 40px;\r\n\r\n }\r\n\r\n \/* responsive slide sizes *\/\r\n\r\n .team-slider .swiper-slide.odd {\r\n\r\n width: 275px;\r\n\r\n height: 275px;\r\n\r\n }\r\n\r\n .team-slider .swiper-slide.even {\r\n\r\n width: 300px;\r\n\r\n height: 275px;\r\n\r\n }\r\n\r\n }\r\n\r\n \/* evita \u201carranques\u201d y \u201cfrenadas\u201d *\/\r\n\r\n.swiper-container.team-slider .swiper-wrapper{\r\n\r\n transition-timing-function: linear !important;\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n\r\n\r\n<div class=\"swiper-container team-slider\">\r\n\r\n <div class=\"swiper-wrapper\">\r\n\r\n <div class=\"swiper-slide even\" style=\"background-image:url('https:\/\/creativecoefficient.net\/wp-content\/uploads\/2026\/03\/home_carousel_01-new.webp');\">\r\n\r\n <\/div>\r\n\r\n <div class=\"swiper-slide even\" style=\"background-image:url('https:\/\/creativecoefficient.net\/wp-content\/uploads\/2026\/03\/home_carousel_02-new.webp');\">\r\n\r\n <\/div>\r\n\r\n <div class=\"swiper-slide odd\" style=\"background-image:url('https:\/\/creativecoefficient.net\/wp-content\/uploads\/2025\/07\/home_carousel_03.webp');\">\r\n\r\n <\/div>\r\n\r\n <div class=\"swiper-slide even\" style=\"background-image:url('https:\/\/creativecoefficient.net\/wp-content\/uploads\/2025\/07\/home_carousel_04.webp');\">\r\n\r\n <\/div>\r\n\r\n <div class=\"swiper-slide even\" style=\"background-image:url('https:\/\/creativecoefficient.net\/wp-content\/uploads\/2026\/03\/Ezequiel_Zbogar2.png');\">\r\n\r\n <\/div>\r\n\r\n <div class=\"swiper-slide odd\" style=\"background-image:url('https:\/\/creativecoefficient.net\/wp-content\/uploads\/2025\/07\/home_carousel_06.webp');\">\r\n\r\n <\/div>\r\n\r\n <div class=\"swiper-slide even\" style=\"background-image:url('https:\/\/creativecoefficient.net\/wp-content\/uploads\/2025\/07\/home_carousel_07.webp');\">\r\n\r\n <\/div>\r\n\r\n <div class=\"swiper-slide even\" style=\"background-image:url('https:\/\/creativecoefficient.net\/wp-content\/uploads\/2025\/07\/home_carousel_08.webp');\">\r\n\r\n <\/div>\r\n\r\n <div class=\"swiper-slide odd\" style=\"background-image:url('https:\/\/creativecoefficient.net\/wp-content\/uploads\/2025\/07\/home_carousel_09.webp');\">\r\n\r\n <\/div>\r\n\r\n <div class=\"swiper-slide even\" style=\"background-image:url('https:\/\/creativecoefficient.net\/wp-content\/uploads\/2025\/10\/Santiago-Marinano2_webp_1700.webp');\">\r\n\r\n <\/div>\r\n\r\n <div class=\"swiper-slide even\" style=\"background-image:url('https:\/\/creativecoefficient.net\/wp-content\/uploads\/2025\/10\/Valeria-Delgado_webp_1700.webp');\">\r\n\r\n <\/div>\r\n\r\n <div class=\"swiper-slide odd\" style=\"background-image:url('https:\/\/creativecoefficient.net\/wp-content\/uploads\/2025\/07\/home_carousel_12.webp');\">\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n<script src=\"https:\/\/unpkg.com\/swiper\/swiper-bundle.min.js\"><\/script>\r\n\r\n<script>\r\n\r\n var swiper = new Swiper('.swiper-container.team-slider', {\r\n\r\n slidesPerView: 'auto',\r\n\r\n centeredSlides: true,\r\n\r\n centeredSlidesBounds: true,\r\n\r\n loop: true,\r\n\r\n loopedSlides: 8,\r\n\r\n speed: 8000, \/\/ 8 s para recorrer cada slide \u2192 ajust\u00e1 el n\u00famero a gusto\r\n\r\n autoplay: {\r\n\r\n delay: 0, \/\/ sin pausa entre slides\r\n\r\n disableOnInteraction: false,\r\n\r\n },\r\n\r\n grabCursor: true,\r\n\r\n spaceBetween: 12\r\n\r\n });\r\n\r\n\r\n\r\n \/\/ Fire a window resize event after every slide transition end (including autoplay).\r\n\r\n swiper.on('slideChangeTransitionEnd', function() {\r\n\r\n window.dispatchEvent(new Event('resize'));\r\n\r\n });\r\n\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2720150 ow-tx-es elementor-widget elementor-widget-html\" data-id=\"2720150\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\r\n\r\n<link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/swiper\/swiper-bundle.min.css\" \/>\r\n\r\n\r\n\r\n<style>\r\n\r\n \/* Container with responsive side padding (peek) *\/\r\n\r\n .swiper-container.team-slider {\r\n\r\n width: 100%;\r\n\r\n box-sizing: border-box;\r\n\r\n padding-left: 30px; \/* Desktop peek *\/\r\n\r\n padding-right: 30px;\r\n\r\n transform: rotate(-3deg);\r\n\r\n }\r\n\r\n\r\n\r\n \/* Base slide styles *\/\r\n\r\n .team-slider .swiper-slide {\r\n\r\n box-sizing: border-box;\r\n\r\n flex-shrink: 0;\r\n\r\n border-radius: 10px;\r\n\r\n }\r\n\r\n \/* Odd slides: 1:1 ratio, fixed 300x300 *\/\r\n\r\n .team-slider .swiper-slide.odd {\r\n\r\n width: 300px;\r\n\r\n height: 300px;\r\n\r\n background-color: #fb7777;\r\n\r\n display: flex;\r\n\r\n align-items: center;\r\n\r\n justify-content: center;\r\n\r\n background-size: cover;\r\n\r\n background-repeat: no-repeat;\r\n\r\n background-position: center;\r\n\r\n }\r\n\r\n .team-slider .swiper-slide.odd h2 {\r\n\r\n margin: 0;\r\n\r\n font-size: 1.5rem;\r\n\r\n color: #333;\r\n\r\n }\r\n\r\n \/* Even slides: 4:3 ratio, fixed 400x300 *\/\r\n\r\n .team-slider .swiper-slide.even {\r\n\r\n width: 400px;\r\n\r\n height: 300px;\r\n\r\n background-size: cover;\r\n\r\n background-position: center;\r\n\r\n }\r\n\r\n \r\n\r\n @media (max-width: 1024px) {\r\n\r\n .swiper-container.team-slider {\r\n\r\n padding-left: 60px; \/* Tablet peek *\/\r\n\r\n padding-right: 60px;\r\n\r\n }\r\n\r\n }\r\n\r\n @media (max-width: 767px) {\r\n\r\n .swiper-container.team-slider {\r\n\r\n padding-left: 40px; \/* Mobile peek *\/\r\n\r\n padding-right: 40px;\r\n\r\n }\r\n\r\n \/* responsive slide sizes *\/\r\n\r\n .team-slider .swiper-slide.odd {\r\n\r\n width: 275px;\r\n\r\n height: 275px;\r\n\r\n }\r\n\r\n .team-slider .swiper-slide.even {\r\n\r\n width: 300px;\r\n\r\n height: 275px;\r\n\r\n }\r\n\r\n }\r\n\r\n \/* evita \u201carranques\u201d y \u201cfrenadas\u201d *\/\r\n\r\n.swiper-container.team-slider .swiper-wrapper{\r\n\r\n transition-timing-function: linear !important;\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n\r\n\r\n<div class=\"swiper-container team-slider\">\r\n\r\n <div class=\"swiper-wrapper\">\r\n\r\n <div class=\"swiper-slide even\" style=\"background-image:url('https:\/\/creativecoefficient.net\/wp-content\/uploads\/2026\/03\/home_carousel_01-new.webp');\">\r\n\r\n <\/div>\r\n\r\n <div class=\"swiper-slide even\" style=\"background-image:url('https:\/\/creativecoefficient.net\/wp-content\/uploads\/2026\/03\/home_carousel_02-new.webp');\">\r\n\r\n <\/div>\r\n\r\n <div class=\"swiper-slide odd\" style=\"background-image:url('https:\/\/creativecoefficient.net\/wp-content\/uploads\/2026\/03\/home_carousel_03_es.webp');\">\r\n\r\n <\/div>\r\n\r\n <div class=\"swiper-slide even\" style=\"background-image:url('https:\/\/creativecoefficient.net\/wp-content\/uploads\/2025\/07\/home_carousel_04.webp');\">\r\n\r\n <\/div>\r\n\r\n <div class=\"swiper-slide even\" style=\"background-image:url('https:\/\/creativecoefficient.net\/wp-content\/uploads\/2026\/03\/Ezequiel_Zbogar2.png');\">\r\n\r\n <\/div>\r\n\r\n <div class=\"swiper-slide odd\" style=\"background-image:url('https:\/\/creativecoefficient.net\/wp-content\/uploads\/2026\/03\/home_carousel_06_es.webp');\">\r\n\r\n <\/div>\r\n\r\n <div class=\"swiper-slide even\" style=\"background-image:url('https:\/\/creativecoefficient.net\/wp-content\/uploads\/2025\/07\/home_carousel_07.webp');\">\r\n\r\n <\/div>\r\n\r\n <div class=\"swiper-slide even\" style=\"background-image:url('https:\/\/creativecoefficient.net\/wp-content\/uploads\/2025\/07\/home_carousel_08.webp');\">\r\n\r\n <\/div>\r\n\r\n <div class=\"swiper-slide odd\" style=\"background-image:url('https:\/\/creativecoefficient.net\/wp-content\/uploads\/2026\/03\/home_carousel_09_es.webp');\">\r\n\r\n <\/div>\r\n\r\n <div class=\"swiper-slide even\" style=\"background-image:url('https:\/\/creativecoefficient.net\/wp-content\/uploads\/2025\/10\/Santiago-Marinano2_webp_1700.webp');\">\r\n\r\n <\/div>\r\n\r\n <div class=\"swiper-slide even\" style=\"background-image:url('https:\/\/creativecoefficient.net\/wp-content\/uploads\/2025\/10\/Valeria-Delgado_webp_1700.webp');\">\r\n\r\n <\/div>\r\n\r\n <div class=\"swiper-slide odd\" style=\"background-image:url('https:\/\/creativecoefficient.net\/wp-content\/uploads\/2026\/03\/Frame.webp');\">\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n<script src=\"https:\/\/unpkg.com\/swiper\/swiper-bundle.min.js\"><\/script>\r\n\r\n<script>\r\n\r\n var swiper = new Swiper('.swiper-container.team-slider', {\r\n\r\n slidesPerView: 'auto',\r\n\r\n centeredSlides: true,\r\n\r\n centeredSlidesBounds: true,\r\n\r\n loop: true,\r\n\r\n loopedSlides: 8,\r\n\r\n speed: 8000, \/\/ 8 s para recorrer cada slide \u2192 ajust\u00e1 el n\u00famero a gusto\r\n\r\n autoplay: {\r\n\r\n delay: 0, \/\/ sin pausa entre slides\r\n\r\n disableOnInteraction: false,\r\n\r\n },\r\n\r\n grabCursor: true,\r\n\r\n spaceBetween: 12\r\n\r\n });\r\n\r\n\r\n\r\n \/\/ Fire a window resize event after every slide transition end (including autoplay).\r\n\r\n swiper.on('slideChangeTransitionEnd', function() {\r\n\r\n window.dispatchEvent(new Event('resize'));\r\n\r\n });\r\n\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d8ac175 elementor-widget elementor-widget-html\" data-id=\"d8ac175\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<script>\r\n document.addEventListener('DOMContentLoaded', function() {\r\n var spinners = document.querySelectorAll('.constant-spinner');\r\n if (spinners.length) {\r\n spinners.forEach(function(el) {\r\n gsap.to(el, {\r\n rotation: 360,\r\n duration: 20, \/\/ adjust duration for a slower or faster spin\r\n ease: \"linear\",\r\n repeat: -1\r\n });\r\n });\r\n }\r\n });\r\n<\/script>\r\n\t\t<\/div>\n\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-2b177ce bg-F9F7F1 section-item active-threshold-0.5 cc-container e-flex e-con-boxed e-con e-child\" data-id=\"2b177ce\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a0ee935 elementor-widget elementor-widget-heading\" data-id=\"a0ee935\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Blog de Creative<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4c30caa e-con-full e-flex e-con e-child\" data-id=\"4c30caa\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c8b97c6 elementor-widget elementor-widget-heading\" data-id=\"c8b97c6\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u00daltimos art\u00edculos<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-30386d9 underline-h arrow-h elementor-widget elementor-widget-heading\" data-id=\"30386d9\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><a href=\"\/es\/blog\/\">L\u00e9elos<\/a><\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-60ed5cc elementor-widget elementor-widget-shortcode\" data-id=\"60ed5cc\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-shortcode\"> <div class=\"latest-posts-shortcode\">\n <div class=\"related-posts\">\n <div class=\"post-item\">\n <div class=\"img\">\n <a href=\"https:\/\/creativecoefficient.net\/es\/2025\/10\/02\/from-cost-to-investment-how-software-transforms-business-value\/\">\n <img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"512\" src=\"https:\/\/creativecoefficient.net\/wp-content\/uploads\/2025\/10\/From-Cost-to-Investment_-How-Software-Transforms-Business-Value-768x512.png\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"From Cost to Investment: How Software Transforms Business Value\" srcset=\"https:\/\/creativecoefficient.net\/wp-content\/uploads\/2025\/10\/From-Cost-to-Investment_-How-Software-Transforms-Business-Value-768x512.png 768w, https:\/\/creativecoefficient.net\/wp-content\/uploads\/2025\/10\/From-Cost-to-Investment_-How-Software-Transforms-Business-Value-300x200.png 300w, https:\/\/creativecoefficient.net\/wp-content\/uploads\/2025\/10\/From-Cost-to-Investment_-How-Software-Transforms-Business-Value-1024x683.png 1024w, https:\/\/creativecoefficient.net\/wp-content\/uploads\/2025\/10\/From-Cost-to-Investment_-How-Software-Transforms-Business-Value.png 1536w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/> <\/a>\n <\/div>\n <div class=\"txt\">\n <div class=\"post-categories\">\n <a href=\"https:\/\/creativecoefficient.net\/es\/blog\/?category=ai\" class=\"post-category-item\">AI<\/a> <span class=\"category-separator\">|<\/span> <a href=\"https:\/\/creativecoefficient.net\/es\/blog\/?category=development\" class=\"post-category-item\">Desarrollo<\/a> <span class=\"category-separator\">|<\/span> <a href=\"https:\/\/creativecoefficient.net\/es\/blog\/?category=tech-world\" class=\"post-category-item\">Mundo tech<\/a> <\/div>\n \n <a href=\"https:\/\/creativecoefficient.net\/es\/2025\/10\/02\/from-cost-to-investment-how-software-transforms-business-value\/\"><h3>De gasto a inversi\u00f3n: c\u00f3mo el software transforma el valor de negocio<\/h3><\/a>\n <div class=\"post-extract\"><p>Durante a\u00f1os, el desarrollo de software fue visto como un gasto necesario. Algo que hab\u00eda que pagar para \u201cestar al d\u00eda\u201d con la tecnolog\u00eda, comparable a cambiar computadoras o renovar licencias. Esa mirada reduccionista lo convert\u00eda en un centro de costos m\u00e1s dentro de la hoja de Excel.<\/p><\/div>\n <\/div>\n<\/div><div class=\"post-item\">\n <div class=\"img\">\n <a href=\"https:\/\/creativecoefficient.net\/es\/2025\/09\/12\/stop-buying-features-start-buying-results-2\/\">\n <img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"512\" src=\"https:\/\/creativecoefficient.net\/wp-content\/uploads\/2025\/09\/ChatGPT-Image-9-sept-2025-14_59_14.png\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"Stop Buying Features. Start Buying Results.\" srcset=\"https:\/\/creativecoefficient.net\/wp-content\/uploads\/2025\/09\/ChatGPT-Image-9-sept-2025-14_59_14.png 1536w, https:\/\/creativecoefficient.net\/wp-content\/uploads\/2025\/09\/ChatGPT-Image-9-sept-2025-14_59_14-300x200.png 300w, https:\/\/creativecoefficient.net\/wp-content\/uploads\/2025\/09\/ChatGPT-Image-9-sept-2025-14_59_14-1024x683.png 1024w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/> <\/a>\n <\/div>\n <div class=\"txt\">\n <div class=\"post-categories\">\n <a href=\"https:\/\/creativecoefficient.net\/es\/blog\/?category=ai\" class=\"post-category-item\">AI<\/a> <span class=\"category-separator\">|<\/span> <a href=\"https:\/\/creativecoefficient.net\/es\/blog\/?category=development\" class=\"post-category-item\">Desarrollo<\/a> <span class=\"category-separator\">|<\/span> <a href=\"https:\/\/creativecoefficient.net\/es\/blog\/?category=tech-world\" class=\"post-category-item\">Mundo tech<\/a> <\/div>\n \n <a href=\"https:\/\/creativecoefficient.net\/es\/2025\/09\/12\/stop-buying-features-start-buying-results-2\/\"><h3>Deja de comprar funcionalidades. Empieza a comprar resultados.<\/h3><\/a>\n <div class=\"post-extract\"><p>En Creative Coefficient, hemos visto a demasiadas organizaciones invertir en software que parec\u00eda prometedor sobre en la teor\u00eda, pero que no logr\u00f3 generar un impacto real en el negocio. El problema normalmente no es la tecnolog\u00eda, sino la forma en que se plantea el proyecto. Por eso animamos a cada empresa con la que trabajamos a cambiar el enfoque: pasar de funcionalidades y horas de programaci\u00f3n a resultados medibles. La diferencia entre un proyecto que consume recursos y uno que impulsa un crecimiento real suele reducirse a este cambio de mentalidad.<\/p><\/div>\n <\/div>\n<\/div><div class=\"post-item\">\n <div class=\"img\">\n <a href=\"https:\/\/creativecoefficient.net\/es\/2025\/06\/09\/communicating-through-design-from-confusion-to-conversion\/\">\n <img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"768\" src=\"https:\/\/creativecoefficient.net\/wp-content\/uploads\/2025\/06\/miniatura-1-768x768.webp\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"Communicating through design: from confusion to conversion\" srcset=\"https:\/\/creativecoefficient.net\/wp-content\/uploads\/2025\/06\/miniatura-1-768x768.webp 768w, https:\/\/creativecoefficient.net\/wp-content\/uploads\/2025\/06\/miniatura-1-300x300.webp 300w, https:\/\/creativecoefficient.net\/wp-content\/uploads\/2025\/06\/miniatura-1-1024x1024.webp 1024w, https:\/\/creativecoefficient.net\/wp-content\/uploads\/2025\/06\/miniatura-1-150x150.webp 150w, https:\/\/creativecoefficient.net\/wp-content\/uploads\/2025\/06\/miniatura-1-1536x1536.webp 1536w, https:\/\/creativecoefficient.net\/wp-content\/uploads\/2025\/06\/miniatura-1-2048x2048.webp 2048w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/> <\/a>\n <\/div>\n <div class=\"txt\">\n <div class=\"post-categories\">\n <a href=\"https:\/\/creativecoefficient.net\/es\/blog\/?category=design\" class=\"post-category-item\">Dise\u00f1o<\/a> <\/div>\n \n <a href=\"https:\/\/creativecoefficient.net\/es\/2025\/06\/09\/communicating-through-design-from-confusion-to-conversion\/\"><h3>El dise\u00f1o como forma de comunicaci\u00f3n<\/h3><\/a>\n <div class=\"post-extract\"><p>En la creaci\u00f3n de productos digitales -SaaS, aplicaciones web y m\u00f3viles, sitios web- el dise\u00f1o trasciende su funci\u00f3n est\u00e9tica para convertirse en una herramienta estrat\u00e9gica de comunicaci\u00f3n. No solo permite mostrar y validar ideas, as\u00ed como alinear a los equipos de trabajo, sino que se convierte en la herramienta que traduce las funcionalidades complejas en experiencias simples para el usuario.<\/p><\/div>\n <\/div>\n<\/div> <\/div>\n <\/div>\n <\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-937dca4 elementor-widget__width-auto elementor-absolute elementor-widget elementor-widget-image\" data-id=\"937dca4\" data-element_type=\"widget\" data-settings=\"{"_position":"absolute"}\" 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<img loading=\"lazy\" decoding=\"async\" width=\"128\" height=\"119\" src=\"https:\/\/creativecoefficient.net\/wp-content\/uploads\/2025\/07\/Combined-Shape-Copy-60.svg\" class=\"attachment-large size-large wp-image-18815\" alt=\"\" \/>\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-63ff044 elementor-widget__width-auto elementor-absolute elementor-widget elementor-widget-image\" data-id=\"63ff044\" data-element_type=\"widget\" data-settings=\"{"_position":"absolute"}\" 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<img loading=\"lazy\" decoding=\"async\" width=\"65\" height=\"62\" src=\"https:\/\/creativecoefficient.net\/wp-content\/uploads\/2025\/07\/Combined-Shape-Copy-60-1.svg\" class=\"attachment-large size-large wp-image-18814\" alt=\"\" \/>\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\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d4187c2 e-con-full bottom-home-container bg-1c1c1c section-item active-threshold-0.4 e-flex e-con e-child\" data-id=\"d4187c2\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t<div class=\"elementor-element elementor-element-726992f e-con-full e-flex e-con e-child\" data-id=\"726992f\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c0a68ec elementor-widget elementor-widget-html\" data-id=\"c0a68ec\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\r\n .marquee_2 {\r\n display: flex;\r\n overflow: hidden;\r\n \/*height: 50vh;*\/\r\n user-select: none;\r\n gap: 2rem;\r\n padding-top: 1rem;\r\n padding-bottom: 1rem;\r\n opacity: 0.2\r\n }\r\n \r\n .marquee__group_2 {\r\n flex-shrink: 0;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 2rem;\r\n min-width: 100%;\r\n animation: scroll 60s linear infinite;\r\n }\r\n \r\n .marquee__group_2 span {\r\n color: #B0AFAE;\r\n font-size: 90px;\r\n font-weight: 700;\r\n white-space: nowrap;\r\n font-family: 'Lexend' !important;\r\n }\r\n \r\n @keyframes scroll {\r\n from {\r\n transform: translateX(0);\r\n }\r\n to {\r\n transform: translateX(calc(-100% - 2rem));\r\n }\r\n }\r\n \r\n @media only screen and (min-width: 360px) {\r\n .marquee__group_2 span {\r\n font-size: 90px;\r\n }\r\n }\r\n<\/style>\r\n\r\n<div class=\"marquee_2\">\r\n <div class=\"marquee__group_2\">\r\n <span>be inspired, get Creative<\/span>\r\n <svg width=\"187\" height=\"80\" viewbox=\"0 0 187 80\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M52.1534 74.1923C42.4123 62.5635 38.0355 46.7163 41.5156 30.269C44.0979 18.0789 51.178 7.61232 61.1787 0.251548C59.9479 0.572431 58.7209 0.917265 57.4972 1.27758C46.0549 4.65851 35.4303 10.0146 25.0623 15.723C18.7298 19.1387 12.8955 23.4025 7.72204 28.3955L7.09664 28.995C2.69811 33.6289 2.53177 37.9948 6.64059 42.9143C10.3549 47.3382 14.9217 50.8529 19.4368 54.4024C29.218 62.0907 39.58 68.8349 51.0882 73.735L51.9452 74.1045L52.1534 74.1923Z\" fill=\"#B0AFAE\"\/>\r\n<path d=\"M104.438 9.5L70.4375 70.5\" stroke=\"#B0AFAE\" stroke-width=\"8\" stroke-linecap=\"square\"\/>\r\n<path d=\"M121.473 71.7387C130.684 60.9844 134.933 46.2396 131.855 30.8561C129.571 19.4543 123.071 9.61585 113.814 2.64646C114.959 2.95825 116.101 3.29236 117.239 3.64088C127.883 6.91073 137.744 12.0157 147.361 17.4467C153.236 20.6977 158.637 24.7352 163.413 29.4466L163.991 30.0124C168.048 34.3808 168.158 38.4568 164.273 43.0064C160.76 47.0976 156.462 50.3317 152.211 53.5988C143.003 60.6755 133.263 66.8653 122.472 71.3225L121.668 71.6588L121.473 71.7387Z\" fill=\"#B0AFAE\"\/>\r\n<\/svg>\r\n <span>be inspired, get Creative<\/span>\r\n <svg width=\"187\" height=\"80\" viewbox=\"0 0 187 80\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M52.1534 74.1923C42.4123 62.5635 38.0355 46.7163 41.5156 30.269C44.0979 18.0789 51.178 7.61232 61.1787 0.251548C59.9479 0.572431 58.7209 0.917265 57.4972 1.27758C46.0549 4.65851 35.4303 10.0146 25.0623 15.723C18.7298 19.1387 12.8955 23.4025 7.72204 28.3955L7.09664 28.995C2.69811 33.6289 2.53177 37.9948 6.64059 42.9143C10.3549 47.3382 14.9217 50.8529 19.4368 54.4024C29.218 62.0907 39.58 68.8349 51.0882 73.735L51.9452 74.1045L52.1534 74.1923Z\" fill=\"#B0AFAE\"\/>\r\n<path d=\"M104.438 9.5L70.4375 70.5\" stroke=\"#B0AFAE\" stroke-width=\"8\" stroke-linecap=\"square\"\/>\r\n<path d=\"M121.473 71.7387C130.684 60.9844 134.933 46.2396 131.855 30.8561C129.571 19.4543 123.071 9.61585 113.814 2.64646C114.959 2.95825 116.101 3.29236 117.239 3.64088C127.883 6.91073 137.744 12.0157 147.361 17.4467C153.236 20.6977 158.637 24.7352 163.413 29.4466L163.991 30.0124C168.048 34.3808 168.158 38.4568 164.273 43.0064C160.76 47.0976 156.462 50.3317 152.211 53.5988C143.003 60.6755 133.263 66.8653 122.472 71.3225L121.668 71.6588L121.473 71.7387Z\" fill=\"#B0AFAE\"\/>\r\n<\/svg>\r\n <span>be inspired, get Creative<\/span>\r\n <svg width=\"187\" height=\"80\" viewbox=\"0 0 187 80\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M52.1534 74.1923C42.4123 62.5635 38.0355 46.7163 41.5156 30.269C44.0979 18.0789 51.178 7.61232 61.1787 0.251548C59.9479 0.572431 58.7209 0.917265 57.4972 1.27758C46.0549 4.65851 35.4303 10.0146 25.0623 15.723C18.7298 19.1387 12.8955 23.4025 7.72204 28.3955L7.09664 28.995C2.69811 33.6289 2.53177 37.9948 6.64059 42.9143C10.3549 47.3382 14.9217 50.8529 19.4368 54.4024C29.218 62.0907 39.58 68.8349 51.0882 73.735L51.9452 74.1045L52.1534 74.1923Z\" fill=\"#B0AFAE\"\/>\r\n<path d=\"M104.438 9.5L70.4375 70.5\" stroke=\"#B0AFAE\" stroke-width=\"8\" stroke-linecap=\"square\"\/>\r\n<path d=\"M121.473 71.7387C130.684 60.9844 134.933 46.2396 131.855 30.8561C129.571 19.4543 123.071 9.61585 113.814 2.64646C114.959 2.95825 116.101 3.29236 117.239 3.64088C127.883 6.91073 137.744 12.0157 147.361 17.4467C153.236 20.6977 158.637 24.7352 163.413 29.4466L163.991 30.0124C168.048 34.3808 168.158 38.4568 164.273 43.0064C160.76 47.0976 156.462 50.3317 152.211 53.5988C143.003 60.6755 133.263 66.8653 122.472 71.3225L121.668 71.6588L121.473 71.7387Z\" fill=\"#B0AFAE\"\/>\r\n<\/svg>\r\n <\/div>\r\n <div class=\"marquee__group_2\" aria-hidden=\"true\">\r\n <span>be inspired, get Creative<\/span>\r\n <svg width=\"187\" height=\"80\" viewbox=\"0 0 187 80\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M52.1534 74.1923C42.4123 62.5635 38.0355 46.7163 41.5156 30.269C44.0979 18.0789 51.178 7.61232 61.1787 0.251548C59.9479 0.572431 58.7209 0.917265 57.4972 1.27758C46.0549 4.65851 35.4303 10.0146 25.0623 15.723C18.7298 19.1387 12.8955 23.4025 7.72204 28.3955L7.09664 28.995C2.69811 33.6289 2.53177 37.9948 6.64059 42.9143C10.3549 47.3382 14.9217 50.8529 19.4368 54.4024C29.218 62.0907 39.58 68.8349 51.0882 73.735L51.9452 74.1045L52.1534 74.1923Z\" fill=\"#B0AFAE\"\/>\r\n<path d=\"M104.438 9.5L70.4375 70.5\" stroke=\"#B0AFAE\" stroke-width=\"8\" stroke-linecap=\"square\"\/>\r\n<path d=\"M121.473 71.7387C130.684 60.9844 134.933 46.2396 131.855 30.8561C129.571 19.4543 123.071 9.61585 113.814 2.64646C114.959 2.95825 116.101 3.29236 117.239 3.64088C127.883 6.91073 137.744 12.0157 147.361 17.4467C153.236 20.6977 158.637 24.7352 163.413 29.4466L163.991 30.0124C168.048 34.3808 168.158 38.4568 164.273 43.0064C160.76 47.0976 156.462 50.3317 152.211 53.5988C143.003 60.6755 133.263 66.8653 122.472 71.3225L121.668 71.6588L121.473 71.7387Z\" fill=\"#B0AFAE\"\/>\r\n<\/svg>\r\n <span>be inspired, get Creative<\/span>\r\n <svg width=\"187\" height=\"80\" viewbox=\"0 0 187 80\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M52.1534 74.1923C42.4123 62.5635 38.0355 46.7163 41.5156 30.269C44.0979 18.0789 51.178 7.61232 61.1787 0.251548C59.9479 0.572431 58.7209 0.917265 57.4972 1.27758C46.0549 4.65851 35.4303 10.0146 25.0623 15.723C18.7298 19.1387 12.8955 23.4025 7.72204 28.3955L7.09664 28.995C2.69811 33.6289 2.53177 37.9948 6.64059 42.9143C10.3549 47.3382 14.9217 50.8529 19.4368 54.4024C29.218 62.0907 39.58 68.8349 51.0882 73.735L51.9452 74.1045L52.1534 74.1923Z\" fill=\"#B0AFAE\"\/>\r\n<path d=\"M104.438 9.5L70.4375 70.5\" stroke=\"#B0AFAE\" stroke-width=\"8\" stroke-linecap=\"square\"\/>\r\n<path d=\"M121.473 71.7387C130.684 60.9844 134.933 46.2396 131.855 30.8561C129.571 19.4543 123.071 9.61585 113.814 2.64646C114.959 2.95825 116.101 3.29236 117.239 3.64088C127.883 6.91073 137.744 12.0157 147.361 17.4467C153.236 20.6977 158.637 24.7352 163.413 29.4466L163.991 30.0124C168.048 34.3808 168.158 38.4568 164.273 43.0064C160.76 47.0976 156.462 50.3317 152.211 53.5988C143.003 60.6755 133.263 66.8653 122.472 71.3225L121.668 71.6588L121.473 71.7387Z\" fill=\"#B0AFAE\"\/>\r\n<\/svg>\r\n <span>be inspired, get Creative<\/span>\r\n <svg width=\"187\" height=\"80\" viewbox=\"0 0 187 80\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M52.1534 74.1923C42.4123 62.5635 38.0355 46.7163 41.5156 30.269C44.0979 18.0789 51.178 7.61232 61.1787 0.251548C59.9479 0.572431 58.7209 0.917265 57.4972 1.27758C46.0549 4.65851 35.4303 10.0146 25.0623 15.723C18.7298 19.1387 12.8955 23.4025 7.72204 28.3955L7.09664 28.995C2.69811 33.6289 2.53177 37.9948 6.64059 42.9143C10.3549 47.3382 14.9217 50.8529 19.4368 54.4024C29.218 62.0907 39.58 68.8349 51.0882 73.735L51.9452 74.1045L52.1534 74.1923Z\" fill=\"#B0AFAE\"\/>\r\n<path d=\"M104.438 9.5L70.4375 70.5\" stroke=\"#B0AFAE\" stroke-width=\"8\" stroke-linecap=\"square\"\/>\r\n<path d=\"M121.473 71.7387C130.684 60.9844 134.933 46.2396 131.855 30.8561C129.571 19.4543 123.071 9.61585 113.814 2.64646C114.959 2.95825 116.101 3.29236 117.239 3.64088C127.883 6.91073 137.744 12.0157 147.361 17.4467C153.236 20.6977 158.637 24.7352 163.413 29.4466L163.991 30.0124C168.048 34.3808 168.158 38.4568 164.273 43.0064C160.76 47.0976 156.462 50.3317 152.211 53.5988C143.003 60.6755 133.263 66.8653 122.472 71.3225L121.668 71.6588L121.473 71.7387Z\" fill=\"#B0AFAE\"\/>\r\n<\/svg>\r\n <\/div>\r\n<\/div>\r\n\t\t<\/div>\n\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-73b9818 e-con-full header-bar-gradient e-flex e-con e-child\" data-id=\"73b9818\" data-element_type=\"container\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ab1d663 section-item active-threshold-0.2 bg-1c1c1c e-con-full e-flex e-con e-child\" data-id=\"ab1d663\" data-element_type=\"container\" id=\"contact-us-container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1743219 elementor-widget elementor-widget-shortcode\" data-id=\"1743219\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-shortcode\">\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"13646\" class=\"elementor elementor-13646\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7b643da contact-wrapper cc-container e-flex e-con-boxed e-con e-child\" data-id=\"7b643da\" data-element_type=\"container\" id=\"contact-us\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-c96a8a2 e-con-full e-flex e-con e-child\" data-id=\"c96a8a2\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1a346d5 elementor-widget-tablet__width-inherit elementor-widget elementor-widget-heading\" data-id=\"1a346d5\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Estamos aqu\u00ed<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0ce2d7b elementor-widget elementor-widget-heading\" data-id=\"0ce2d7b\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">USA - Espa\u00f1a - Argentina<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-00b7502 elementor-widget elementor-widget-heading\" data-id=\"00b7502\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Comp\u00e1rtenos tus ideas en<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9d887d2 elementor-widget elementor-widget-heading\" data-id=\"9d887d2\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><a href=\"mailto:info@creativecoefficient.net\">info@creativecoefficient.net<\/a><\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f90f1cc e-grid-align-left elementor-widget__width-inherit social-icons elementor-shape-rounded elementor-grid-0 elementor-widget elementor-widget-social-icons\" data-id=\"f90f1cc\" data-element_type=\"widget\" data-widget_type=\"social-icons.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.23.0 - 05-08-2024 *\/\n.elementor-widget-social-icons.elementor-grid-0 .elementor-widget-container,.elementor-widget-social-icons.elementor-grid-mobile-0 .elementor-widget-container,.elementor-widget-social-icons.elementor-grid-tablet-0 .elementor-widget-container{line-height:1;font-size:0}.elementor-widget-social-icons:not(.elementor-grid-0):not(.elementor-grid-tablet-0):not(.elementor-grid-mobile-0) .elementor-grid{display:inline-grid}.elementor-widget-social-icons .elementor-grid{grid-column-gap:var(--grid-column-gap,5px);grid-row-gap:var(--grid-row-gap,5px);grid-template-columns:var(--grid-template-columns);justify-content:var(--justify-content,center);justify-items:var(--justify-content,center)}.elementor-icon.elementor-social-icon{font-size:var(--icon-size,25px);line-height:var(--icon-size,25px);width:calc(var(--icon-size, 25px) + 2 * var(--icon-padding, .5em));height:calc(var(--icon-size, 25px) + 2 * var(--icon-padding, .5em))}.elementor-social-icon{--e-social-icon-icon-color:#fff;display:inline-flex;background-color:#69727d;align-items:center;justify-content:center;text-align:center;cursor:pointer}.elementor-social-icon i{color:var(--e-social-icon-icon-color)}.elementor-social-icon svg{fill:var(--e-social-icon-icon-color)}.elementor-social-icon:last-child{margin:0}.elementor-social-icon:hover{opacity:.9;color:#fff}.elementor-social-icon-android{background-color:#a4c639}.elementor-social-icon-apple{background-color:#999}.elementor-social-icon-behance{background-color:#1769ff}.elementor-social-icon-bitbucket{background-color:#205081}.elementor-social-icon-codepen{background-color:#000}.elementor-social-icon-delicious{background-color:#39f}.elementor-social-icon-deviantart{background-color:#05cc47}.elementor-social-icon-digg{background-color:#005be2}.elementor-social-icon-dribbble{background-color:#ea4c89}.elementor-social-icon-elementor{background-color:#d30c5c}.elementor-social-icon-envelope{background-color:#ea4335}.elementor-social-icon-facebook,.elementor-social-icon-facebook-f{background-color:#3b5998}.elementor-social-icon-flickr{background-color:#0063dc}.elementor-social-icon-foursquare{background-color:#2d5be3}.elementor-social-icon-free-code-camp,.elementor-social-icon-freecodecamp{background-color:#006400}.elementor-social-icon-github{background-color:#333}.elementor-social-icon-gitlab{background-color:#e24329}.elementor-social-icon-globe{background-color:#69727d}.elementor-social-icon-google-plus,.elementor-social-icon-google-plus-g{background-color:#dd4b39}.elementor-social-icon-houzz{background-color:#7ac142}.elementor-social-icon-instagram{background-color:#262626}.elementor-social-icon-jsfiddle{background-color:#487aa2}.elementor-social-icon-link{background-color:#818a91}.elementor-social-icon-linkedin,.elementor-social-icon-linkedin-in{background-color:#0077b5}.elementor-social-icon-medium{background-color:#00ab6b}.elementor-social-icon-meetup{background-color:#ec1c40}.elementor-social-icon-mixcloud{background-color:#273a4b}.elementor-social-icon-odnoklassniki{background-color:#f4731c}.elementor-social-icon-pinterest{background-color:#bd081c}.elementor-social-icon-product-hunt{background-color:#da552f}.elementor-social-icon-reddit{background-color:#ff4500}.elementor-social-icon-rss{background-color:#f26522}.elementor-social-icon-shopping-cart{background-color:#4caf50}.elementor-social-icon-skype{background-color:#00aff0}.elementor-social-icon-slideshare{background-color:#0077b5}.elementor-social-icon-snapchat{background-color:#fffc00}.elementor-social-icon-soundcloud{background-color:#f80}.elementor-social-icon-spotify{background-color:#2ebd59}.elementor-social-icon-stack-overflow{background-color:#fe7a15}.elementor-social-icon-steam{background-color:#00adee}.elementor-social-icon-stumbleupon{background-color:#eb4924}.elementor-social-icon-telegram{background-color:#2ca5e0}.elementor-social-icon-threads{background-color:#000}.elementor-social-icon-thumb-tack{background-color:#1aa1d8}.elementor-social-icon-tripadvisor{background-color:#589442}.elementor-social-icon-tumblr{background-color:#35465c}.elementor-social-icon-twitch{background-color:#6441a5}.elementor-social-icon-twitter{background-color:#1da1f2}.elementor-social-icon-viber{background-color:#665cac}.elementor-social-icon-vimeo{background-color:#1ab7ea}.elementor-social-icon-vk{background-color:#45668e}.elementor-social-icon-weibo{background-color:#dd2430}.elementor-social-icon-weixin{background-color:#31a918}.elementor-social-icon-whatsapp{background-color:#25d366}.elementor-social-icon-wordpress{background-color:#21759b}.elementor-social-icon-x-twitter{background-color:#000}.elementor-social-icon-xing{background-color:#026466}.elementor-social-icon-yelp{background-color:#af0606}.elementor-social-icon-youtube{background-color:#cd201f}.elementor-social-icon-500px{background-color:#0099e5}.elementor-shape-rounded .elementor-icon.elementor-social-icon{border-radius:10%}.elementor-shape-circle .elementor-icon.elementor-social-icon{border-radius:50%}<\/style>\t\t<div class=\"elementor-social-icons-wrapper elementor-grid\">\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon- elementor-repeater-item-9838c11\" href=\"https:\/\/www.linkedin.com\/company\/creative-coefficient\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\"><\/span>\n\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"33\" viewbox=\"0 0 32 33\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M32 32.0156H25.6V20.8172C25.6 17.7452 24.2448 16.0312 21.8144 16.0312C19.1696 16.0312 17.6 17.8172 17.6 20.8172V32.0156H11.2V11.2156H17.6V13.5547C17.6 13.5547 19.608 10.0312 24.1328 10.0312C28.6592 10.0312 32 12.7934 32 18.5086V32.0156ZM3.9072 7.88906C1.7488 7.88906 0 6.12596 0 3.95156C0 1.77876 1.7488 0.015625 3.9072 0.015625C6.064 0.015625 7.81279 1.77876 7.81279 3.95156C7.81439 6.12596 6.064 7.88906 3.9072 7.88906ZM0 32.0156H8V11.2156H0V32.0156Z\" fill=\"#1C1C1C\"><\/path><\/svg>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t<\/div>\n\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-57abd66 e-con-full e-flex e-con e-child\" data-id=\"57abd66\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4860e7c hide-after-submit elementor-widget elementor-widget-heading\" data-id=\"4860e7c\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u00a1Hablemos!<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2ddb4a6 hide-after-submit elementor-widget elementor-widget-heading\" data-id=\"2ddb4a6\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u00bfBuscas un aliado para transformar tu negocio?<br>Puedes <a href=\"https:\/\/calendar.google.com\/calendar\/u\/0\/appointments\/schedules\/AcZssZ12KcHBcPwLH8j5sjpJqGtUBxEAVZyS-mAB9j-1gm9fwxwjFWvpstBEQKxkI4TCChV9zX8AGQO2\" target=\"_blank\" class=\"classic_link\"> agendar una reuni\u00f3n<\/a> o completar el formulario.<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-906ea7e contact-form elementor-widget elementor-widget-shortcode\" data-id=\"906ea7e\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-shortcode\">\n<div class=\"wpcf7 no-js\" id=\"wpcf7-f2144-o1\" lang=\"en-US\" dir=\"ltr\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/es\/wp-json\/wp\/v2\/pages\/18574#wpcf7-f2144-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\" data-trp-original-action=\"\/es\/wp-json\/wp\/v2\/pages\/18574#wpcf7-f2144-o1\">\n<div style=\"display: none;\">\n<input type=\"hidden\" name=\"_wpcf7\" value=\"2144\" \/>\n<input type=\"hidden\" name=\"_wpcf7_version\" value=\"5.9.8\" \/>\n<input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/>\n<input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f2144-o1\" \/>\n<input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/>\n<input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<input type=\"hidden\" name=\"_wpcf7_recaptcha_response\" value=\"\" \/>\n<\/div>\n <style>\n .uacf7-uacf7style-2144 label {\n font-family: lexend;font-style: normal;font-weight: normal; }\n\n .uacf7-uacf7style-2144 input[type=\"email\"],\n .uacf7-uacf7style-2144 input[type=\"number\"],\n .uacf7-uacf7style-2144 input[type=\"password\"],\n .uacf7-uacf7style-2144 input[type=\"search\"],\n .uacf7-uacf7style-2144 input[type=\"tel\"],\n .uacf7-uacf7style-2144 input[type=\"text\"],\n .uacf7-uacf7style-2144 input[type=\"url\"],\n .uacf7-uacf7style-2144 input[type=\"date\"],\n .uacf7-uacf7style-2144 select,\n .uacf7-uacf7style-2144 textarea {\n font-style: normal;font-weight: normal;border-style: solid; }\n\n .uacf7-uacf7style-2144 .wpcf7-radio span,\n .uacf7-uacf7style-2144 .wpcf7-checkbox span {\n font-style: normal;font-weight: normal; }\n\n .uacf7-uacf7style-2144 textarea {\n }\n\n .wpcf7-form-control-wrap select {\n width: 100%;\n }\n\n .uacf7-uacf7style-2144 input[type=\"submit\"] {\n font-style: normal;font-weight: normal;border-style: none; }\n\n .uacf7-uacf7style-2144 input[type=\"submit\"]:hover {\n }\n\n <\/style>\n\n\t\t\t\t<div class=\"uacf7-uacf7style uacf7-uacf7style-2144\"><div class=\"uacf7-form-2144\"><span class=\"wpcf7-form-control-wrap\" data-name=\"name-user\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" id=\"input-name\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Nombre\" value=\"\" type=\"text\" name=\"name-user\" \/><\/span>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"email-user\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" id=\"input-email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Email\" value=\"\" type=\"email\" name=\"email-user\" \/><\/span>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"message-user\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required\" id=\"input-message\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Cu\u00e9ntanos tus ideas\" name=\"message-user\"><\/textarea><\/span>\n<input class=\"wpcf7-form-control wpcf7-submit has-spinner buttonSubmit\" id=\"buttonSubmit\" type=\"submit\" value=\"Enviar\" \/><\/div><\/div><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<input type=\"hidden\" name=\"trp-form-language\" value=\"es\"\/><\/form>\n<\/div>\n<\/div>\n\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-5e9788e script-home e-flex e-con-boxed e-con e-parent\" data-id=\"5e9788e\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8306825 elementor-widget elementor-widget-html\" data-id=\"8306825\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\n<style>\n\n\t\t.wpcf7-spinner {\n\t\t\tdisplay: none !important;\n\t\t}\n\n\t\t.wpcf7 .wpcf7-submit {\n\t\t\t\tfloat: right;\n\t\t}\n\n\t\t.titleNotification {\n\t\t\tfont-family: \"Lexend\", Sans-serif;\n\t\t\tfont-size: 70px;\n\t\t\tcolor: #35ABE1;\n\t\t\tfont-weight: 500;\n\t\t\tmargin-bottom: 1rem !important;\n\t\t}\n\n\t\t#input-name,\n\t\t#input-email,\n\t\t#input-message {\n\t\t\twidth: 100%;\n\t\t\tpadding: 10px;\n\t\t\tmargin: 25px 0;\n\t\t\tbackground-color: transparent; \n\t\t\tborder: none;\n\t\t\tborder-bottom: 1px solid #F9F7F1;\n\t\t\tcolor: #F9F7F1;\n\t\t\toutline: none;\n\t\t\tbox-sizing: border-box;\n\t\t\tborder-radius: inherit;\n\t\t\tfont-family: \"Inter\", Sans-serif;\n\t\t\tfont-size: 28px !important;\n\t\t\tfont-weight: 400;\n\t\t\t\n\t\t\t&::placeholder {\n\t\t\t\tcolor: #F9F7F1 !important;\n\t\t\t\tfont-family: \"Inter\", Sans-serif;\n\t\t\t\tfont-weight: 300;\n\t\t\t\tfont-size: 28px !important;\n\t\t\t}\n\t\t\t\n\t\t\t&:focus-visible {\n\t\t\t\tborder-color: #35ABE1 !important;\n\t\t\t}\n\t\t}\n\n\t\t.wpcf7-not-valid-tip {\n\t\t\t\tfont-family: \"Inter\", Sans-serif;\n\t\t\t\tfont-weight: 400;\n\t\t\t\tfont-size: 18px !important;\n\t\t\t\tline-height: 22px;\n\t\t\t\tcolor: #EF9B95;\n\t\t\t\tmargin-top: 0;\n\t\t\t\tfont-style: normal !important;\n\t\t}\n\n\t\t#input-message {\n\t\t\tresize: none;\n\t\t\theight: 150px;\n\t\t}\n\n\t\t.button-container {\n\t\t\tdisplay: flex;\n\t\t\tjustify-content: flex-end;\n\t\t\talign-items: center;\n\t\t\tmargin-top: 1rem;\n\t\t\tgap: 3rem;\n\t\t}\n\n\t\t.buttonBackSecondForm {\n\t\t\tfont-family: \"Lexend\", Sans-serif;\n\t\t\tfont-size: 24px;\n\t\t\tfont-weight: 300;\n\t\t\tcursor: pointer;\n\t\t\tbackground: transparent;\n\t\t\tcolor: #F9F7F1;\n\t\t}\n\n\t\t.notificationContainer {\n\t\t\tdisplay: none;\n\t\t}\n\n\t\t.buttonSubmit {\n\t\t\tborder: 1px solid #F9F7F1;\n\t\t\tborder-radius: 60px;\n\t\t\tbackground-color: transparent;\n\t\t\tpadding: 5px 2rem;\n\t\t\tfont-family: \"Lexend\", Sans-serif;\n\t\t\tcolor: #F9F7F1;\n\t\t\tfont-weight: 500;\n\t\t\tfont-size: 24px;\n\t\t\tcursor: pointer;\n\t\t\ttransition: .5s all;\n\t\t\tborder-style: solid !important;\n\t\t\t\n\t\t\t&:hover {\n\t\t\t\tcolor: #ebe4d1;\n\t\t\t}\n\t\t\t\n\t\t\t&:hover {\n\t\t\t\tbackground-color: #8c8c8c;\n\t\t\t}\n\t\t}\n\n\t\t.dataContainer {\n \t\t\talign-self: flex-start;\n \tmargin-top: 2rem;\n\t\t}\n\n\t\t.secondFormTitle {\n\t\t\tmargin-top: 0 !important;\n\t\t\tmargin-bottom: 0 !important;\n\t\t}\n\n\t\t.secondFormDescription, .descriptionNotification {\n\t\t\tfont-family: \"Lexend\", Sans-serif;\n\t\t\tfont-size: 24px;\n\t\t\tcolor: #F9F7F1;\n\t\t\tfont-weight: 200;\n\t\t\tmargin-top: 0;\n\t\t}\n.wpcf7 textarea + .wpcf7-not-valid-tip {\n margin-bottom: 20px;\n}\n<\/style>\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<\/div>\n\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-991dc64 script-home e-flex e-con-boxed e-con e-child\" data-id=\"991dc64\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c23dda9 elementor-widget elementor-widget-html\" data-id=\"c23dda9\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<script>\r\n\r\ndocument.addEventListener(\"DOMContentLoaded\", function(event){\r\n \r\nwindow.addEventListener(\"load\", \r\n function(e){\r\n \r\n \/\/ Verificamos si la URL actual termina en \/es\/\r\n var isSpanish = window.location.pathname.endsWith('\/es\/') || window.location.href.endsWith('\/es\/');\r\n\r\n \/\/Gappex card\r\n document.getElementById('gappexCard').addEventListener('click', function() {\r\n var url = isSpanish ? 'https:\/\/creativecoefficient.net\/es\/gappex\/' : 'https:\/\/creativecoefficient.net\/gappex\/';\r\n window.open(url, '_self');\r\n });\r\n \r\n \/\/SI Tickets card\r\n document.getElementById('sitixCard').addEventListener('click', function() {\r\n var url = isSpanish ? 'https:\/\/creativecoefficient.net\/es\/sitickets\/' : 'https:\/\/creativecoefficient.net\/sitickets\/';\r\n window.open(url, '_self');\r\n });\r\n \r\n \/\/Better Vet card\r\n document.getElementById('betterVetCard').addEventListener('click', function() {\r\n var url = isSpanish ? 'https:\/\/creativecoefficient.net\/es\/bettervet\/' : 'https:\/\/creativecoefficient.net\/bettervet\/';\r\n window.open(url, '_self');\r\n });\r\n\r\n \/\/Neighborhood Pal card (npalCard)\r\n document.getElementById('npalCard').addEventListener('click', function() {\r\n var url = isSpanish ? 'https:\/\/creativecoefficient.net\/es\/neighborhoodpal\/' : 'https:\/\/creativecoefficient.net\/neighborhoodpal\/';\r\n window.open(url, '_self');\r\n });\r\n\r\n \/\/Dropoff card (dropoffCard)\r\n document.getElementById('dropoffCard').addEventListener('click', function() {\r\n var url = isSpanish ? 'https:\/\/creativecoefficient.net\/es\/dropoff\/' : 'https:\/\/creativecoefficient.net\/dropoff\/';\r\n window.open(url, '_self');\r\n });\r\n \r\n setTimeout(() => {\r\n \/\/ Contact Form\r\n \r\n \r\n var secondFormElement = document.querySelector(\".wpcf7-form\");\r\n secondFormElement.addEventListener('submit', function(event) {\r\n event.preventDefault();\r\n let inputName = document.getElementById('input-name');\r\n let inputEmail = document.getElementById('input-email');\r\n let inputMessage = document.getElementById('input-message');\r\n let letsTalk = document.getElementById('letsTalkText');\r\n let gotQuestions = document.getElementById('gotQuestionsText');\r\n \r\n function isValidEmail(email) {\r\n const emailRegex = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/;\r\n return emailRegex.test(email);\r\n }\r\n \r\n if (inputName.value.length > 0 && isValidEmail(inputEmail.value) && inputMessage.value.length > 0) {\r\n let textTitle = document.createElement('div');\r\n textTitle.classList.add('titleNotification');\r\n textTitle.textContent = 'Roger that!';\r\n let textDescription = document.createElement('div');\r\n textDescription.classList.add('descriptionNotification');\r\n textDescription.textContent = 'We\u2019ll get in touch with you as soon as possible.';\r\n let notificationDiv = document.createElement('div');\r\n notificationDiv.classList.add('divNotificationForm');\r\n notificationDiv.appendChild(textTitle);\r\n notificationDiv.appendChild(textDescription);\r\n secondFormElement.parentNode.insertBefore(notificationDiv, secondFormElement.nextSibling);\r\n secondFormElement.classList.add('notificationContainer');\r\n let notificationContainer = document.querySelector('.wpcf7-response-output');\r\n notificationContainer.classList.add('notificationContainer');\r\n letsTalk.classList.add('notificationContainer');\r\n gotQuestions.classList.add('notificationContainer');\r\n }\r\n });\r\n }, 0)\r\n \r\n \/\/ End Contact Form\r\n \r\n \/\/ Menu redirect\r\n \r\n \r\n var ourWorkButtonMobile = document.querySelectorAll('.ourWorkButton')[0] \/\/ Menu mobile;\r\n var contactUsButtonMobile = document.querySelectorAll('.contactUsButton')[0] \/\/ Menu mobile;\r\n \r\n ourWorkButtonMobile.addEventListener('click', function() {\r\n var buttonClose = document.querySelector('.ct-toggle-close');\r\n buttonClose.click();\r\n var section = document.getElementById('ourWorkSection');\r\n var offset = -75;\r\n var bodyRect = document.body.getBoundingClientRect().top;\r\n var elementRect = section.getBoundingClientRect().top;\r\n var elementPosition = elementRect - bodyRect;\r\n var offsetPosition = elementPosition + offset;\r\n \r\n window.scrollTo({\r\n top: offsetPosition,\r\n behavior: 'smooth'\r\n });\r\n });\r\n \r\n contactUsButtonMobile.addEventListener('click', function() {\r\n var buttonClose = document.querySelector('.ct-toggle-close');\r\n buttonClose.click();\r\n var section = document.getElementById('contactUsSection');\r\n var offset = -50;\r\n var bodyRect = document.body.getBoundingClientRect().top;\r\n var elementRect = section.getBoundingClientRect().top;\r\n var elementPosition = elementRect - bodyRect;\r\n var offsetPosition = elementPosition + offset;\r\n \r\n window.scrollTo({\r\n top: offsetPosition,\r\n behavior: 'smooth'\r\n });\r\n });\r\n \r\n var ourWorkButtonDesktop = document.querySelectorAll('.ourWorkButton')[1] \/\/ Menu desktop;\r\n var contactUsButtonDesktop = document.querySelectorAll('.contactUsButton')[1] \/\/ Menu desktop;\r\n \r\n }, false)\r\n\r\n});\r\n\r\n<\/script>\r\n\r\n<script>\r\n \/*SCRIPT PARA OCULTAR DIV EN ESPA\u00d1OL*\/\r\n \r\n document.addEventListener(\"DOMContentLoaded\", function() {\r\n \/\/ Obtenemos la ruta de la URL actual\r\n const rutaActual = window.location.pathname;\r\n\r\n \/\/ Verificamos si la ruta termina exactamente en \"\/es\/\"\r\n if (rutaActual.endsWith('\/es\/')) {\r\n \/\/ Buscamos el div por su ID\r\n const divOcultar = document.getElementById(\"cf-tech-partner\");\r\n \r\n \/\/ Si el div existe en la p\u00e1gina, lo ocultamos\r\n if (divOcultar) {\r\n divOcultar.style.display = \"none\";\r\n }\r\n }\r\n});\r\n \r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d493731 elementor-widget elementor-widget-html\" data-id=\"d493731\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\r\n\r\n<script>\r\n\r\ndocument.addEventListener(\"DOMContentLoaded\", function(event){\r\n \r\n\r\n window.addEventListener(\"load\", function(e){\r\n \r\n gsap.registerPlugin(ScrollTrigger);\r\n \r\n \r\n ScrollTrigger.create({\r\n trigger: \".home-section-container\",\r\n start: \"800 center\",\r\n end: \"+=100 center\",\r\n onEnter: () => gsap.to(\".home-section-container\", { backgroundColor: \"#F9F7F1\", duration: 0.5 }),\r\n onLeaveBack: () => gsap.to(\".home-section-container\", { backgroundColor: \"#1C1C1C\", duration: 0.5 })\r\n });\r\n \r\n ScrollTrigger.create({\r\n trigger: \".bottom-home-container\",\r\n start: \"-=200 200\",\r\n end: \"0 200\",\r\n onEnter: () => gsap.to(\".home-section-container\", { backgroundColor: \"#1C1C1C\", duration: 0.5 }),\r\n onLeaveBack: () => gsap.to(\".home-section-container\", { backgroundColor: \"#F9F7F1\", duration: 0.5 })\r\n });\r\n\r\n const logo = document.querySelector('#header-home-big-logo img');\r\n const texto = document.getElementById('header-home-isotipo');\r\n const homeHeaderBar = document.getElementById('homeHeaderBar');\r\n const mobileMenu = document.getElementById('mobile-menu');\r\n ScrollTrigger.create({\r\n trigger: document.body,\r\n start: \"50px top\",\r\n end: \"50px top\",\r\n onUpdate: (self) => {\r\n let progress = self.progress;\r\n let opacity = 1 - progress;\r\n let scale = progress > 0.5 ? 0.7 : 1;\r\n let heightHeader = progress > 0.5 ? 55 : 100;\r\n let mobileMenuHeight = progress > 0.5 ? 166 : 214;\r\n gsap.to(homeHeaderBar, { height: `${heightHeader}px`, duration: 0.25, ease: \"none\" });\r\n gsap.to(mobileMenu, { minHeight: `${mobileMenuHeight}px`, duration: 0.25, ease: \"none\" });\r\n gsap.to(logo, { scale: scale, duration: 0.25, ease: \"none\" });\r\n gsap.to(texto, { opacity: opacity, duration: 0.25, ease: \"none\" });\r\n }\r\n });\r\n \r\n }, false);\r\n\r\n});\r\n\r\n\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fb9d4dd elementor-widget elementor-widget-html\" data-id=\"fb9d4dd\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\n<style>\n\n #contactUsHome {\n background-color: transparent !important;\n }\n\n #link-header-container {\n width: fit-content;\n }\n \n #mobile-menu-close {\n display: none;\n }\n\n\n #mobile-menu {\n display: none;\n position: fixed;\n height: 100vh;\n }\n\n .header-bar-gradient {\n height: 4px;\n background: linear-gradient(to right, #E64039, #F8B925, #3CA755, #4788F1);\n }\n .sticky-home-header {\n position: fixed;\n top: 0;\n z-index: 10;\n }\n \n .header-button-sections {\n\t\tfont-family: \"Lexend\", Sans-serif;\n\t\tcolor: #F9F7F1;\n\t\tfont-size: 24px;\n\t\tcursor: pointer;\n\t\ttransition: .2s;\n\t\t\n\t\t&:hover {\n\t\t\ttransform: scale(1.05)\n\t\t}\n\t}\n\t\n\t#homeHeaderBar {\n\t height: 100px;\n\t}\n\t\n\t#header-home-small-logo {\n\t display: none;\n\t}\n\t\n\n\n .titleContainer {\n height: 110px;\n }\n\n\n \n #data-container {\n position: relative;\n }\n \n .data-images {\n top: 0;\n left: 0;\n position: absolute;\n width: 100%;\n height: 100%\n }\n \n @media (max-height: 580px) {\n \n .future-ready-home {\n min-height: 600px !important;\n }\n }\n \n\n .ct-container-full {\n padding-bottom: 0;\n}\n.btn-home-work:hover {\n background-color: #ffffff;\n color: #1c1c1c;\n}\n\n<\/style>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7b86f2a elementor-widget elementor-widget-html\" data-id=\"7b86f2a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\n\n<script>\n\n\n\nlet scrollTriggerInstance = null;\n\ndocument.addEventListener(\"DOMContentLoaded\", function(event){\n\n\n\n window.addEventListener(\"load\", function(e) {\n \n const animateOurWork = () => {\n if (window.innerWidth > 1024 && scrollTriggerInstance === null) {\n const containerStyle = document.querySelector('.text-container');\n containerStyle.style.transition = '0s';\n containerStyle.style.overscrollBehavior = 'none';\n\n \n gsap.registerPlugin(ScrollTrigger)\n\n let boxes = gsap.utils.toArray(\"#ourWorkSection .card-container-our-work\"),\n container = document.querySelector(\"#ourWorkSection\"),\n text = document.querySelector(\"#text-container\"),\n padding = gsap.getProperty(container, \"paddingTop\", \"px\"),\n snapTriggers = boxes.map(box => ScrollTrigger.create({\n trigger: box,\n start: \"top \" + padding + \"px\"\n })),\n snaps = [];\n \n scrollTriggerInstance = ScrollTrigger.create({\n trigger: '#ourWorkSection',\n pin: '#ourWorkSectionTitle',\n pinSpacing: false,\n start: \"top top\",\n end: () => \"+=\" + (boxes[boxes.length-1].getBoundingClientRect().top - boxes[0].getBoundingClientRect().top),\n onRefresh: self => {\n let distance = self.end - self.start;\n snapTriggers.forEach((trigger, i) => snaps[i] = (trigger.start - self.start) \/ distance);\n },\n snap: snaps\n });\n \n } else if (window.innerWidth <= 1024 && !!scrollTriggerInstance) {\n scrollTriggerInstance.kill();\n scrollTriggerInstance = null;\n }\n \n \n \n } \n \n animateOurWork(); \n \n window.addEventListener('resize', function() {\n animateOurWork();\n });\n \n }, false);\n \n function mobileVideoObserver(){\n if (innerWidth>1024) return; \/\/ solo mobile\n\n const videos=document.querySelectorAll('#ourWorkSection video');\n if(!videos.length) return;\n\n \/\/ 1) Desactivamos autoplay que pone Elementor\n videos.forEach(v=>{\n v.pause();\n v.removeAttribute('autoplay');\n });\n\n \/\/ 2) Observer: play si la card es \u226560 % visible\n const io=new IntersectionObserver(entries=>{\n entries.forEach(({target,intersectionRatio:r})=>{\n if(r>=0.6){ target.play().catch(()=>{}); }\n else { target.pause(); }\n });\n },{threshold:[0,0.6,1]});\n\n videos.forEach(v=>io.observe(v));\n}\n\ndocument.addEventListener('DOMContentLoaded',mobileVideoObserver);\naddEventListener('resize',mobileVideoObserver); \/\/ reaplica si cambian breakpoints\n});\n\n\n<\/script>\n\n<script>\n \/\/script para traducir texto scroll \n document.addEventListener(\"DOMContentLoaded\", function() {\n \/\/ Definimos si estamos en la versi\u00f3n en espa\u00f1ol (\/es) o en la ra\u00edz (Home)\n const isSpanishHome = window.location.pathname === '\/es' || window.location.pathname === '\/es\/';\n const isDefaultHome = window.location.pathname === '\/' || window.location.pathname === '';\n\n const style = document.createElement('style');\n style.id = \"home-language-toggle\";\n \n if (isSpanishHome) {\n \/\/ Si es \/es: Mostramos la clase espa\u00f1ola, ocultamos la default\n style.textContent = `\n .ow-tx-es { display: block !important; }\n .ow-tx { display: none !important; }\n `;\n console.log(\"Home: Versi\u00f3n ES activa.\");\n } else if (isDefaultHome) {\n \/\/ Si es el Home ra\u00edz: Mostramos la default, ocultamos la espa\u00f1ola\n style.textContent = `\n .ow-tx { display: block !important; }\n .ow-tx-es { display: none !important; }\n `;\n console.log(\"Home: Versi\u00f3n Default activa.\");\n }\n\n if (style.textContent !== \"\") {\n document.head.appendChild(style);\n }\n});\n \n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-629acdc elementor-widget elementor-widget-html\" data-id=\"629acdc\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\n\n .card-container-our-work {\n min-height: 100vh;\n }\n .card-container-our-work {\n position: relative;\n top: 0;\n padding-top: calc(10px + 60px);\n max-height: calc(100vh - 70px);\n max-width: calc(100vh - 70px);\n}\n \n @media (max-height: 580px) {\n \n .card-container-our-work {\n min-height: 550px !important;\n }\n \n .custom-video-container {\n padding-top: 60px;\n }\n }\n\n\n #image-sitickets-degrade {\n top: 0;\n bottom: 0;\n right: 0;\n left: 0;\n background: linear-gradient(180deg, rgba(196, 196, 196, 0) 48.8%, #F8B925 99.04%);\n\n }\n\n #image-bettervet-degrade {\n top: 0;\n bottom: 0;\n right: 0;\n left: 0;\n background: linear-gradient(180deg, rgba(196, 196, 196, 0) 48.8%, #4788F1 99.04%);\n\n }\n \n #background-gappex-image-container {\n opacity: 0;\n }\n\n #background-gappex-image {\n height: 100%;\n }\n \n #background-gappex-image img {\n height: 100%;\n width: auto;\n }\n \n #background-sitickets-image-container {\n opacity: 0;\n }\n\n #background-bettervet-image-container {\n opacity: 0;\n }\n \n #background-sitickets-image {\n height: 100%;\n }\n \n #background-sitickets-image img {\n height: 100%;\n width: auto;\n }\n\n #background-bettervet-image {\n height: 100%;\n }\n \n #background-bettervet-image img {\n height: 100%;\n width: auto;\n }\n\n .background-container {\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n }\n\n #subtitle-card-gappex {\n opacity: 0;\n }\n \n #subtitle-card-sitickets {\n opacity: 0;\n }\n\n #subtitle-card-bettervet {\n opacity: 0;\n }\n\n .degrade-container-our-work {\n background: linear-gradient(180deg, rgba(217, 217, 217, 0) 36.16%, rgba(28, 28, 28, 0.4) 77.65%);\n top: 0;\n bottom: 0;\n right: 0;\n left: 0;\n }\n\n\n .custom-video {\n height: 100%;\n }\n\n .custom-video div {\n height: 100%;\n display: flex;\n justify-content: center;\n }\n\n \n .custom-video-container {\n height: 100%;\n width: 100%;\n }\n \n \n .card-our-work-2:hover #custom-video-container-gappex {\n opacity: 0;\n transition: opacity 0.3s ease;\n }\n \n .card-our-work-2:hover #custom-video-container-sitickets {\n opacity: 0;\n transition: opacity 0.3s ease;\n }\n\n .card-our-work-2:hover #custom-video-container-bettervet {\n opacity: 0;\n transition: opacity 0.3s ease;\n }\n \n .card-our-work-2:hover #background-gappex-image-container {\n opacity: 1;\n transition: opacity 0.3s ease;\n }\n \n .card-our-work-2:hover #background-sitickets-image-container {\n opacity: 1;\n transition: opacity 0.3s ease;\n }\n\n .card-our-work-2:hover #background-bettervet-image-container {\n opacity: 1;\n transition: opacity 0.3s ease;\n }\n \n .card-our-work-2:hover #subtitle-card-gappex {\n opacity: 1;\n transition: opacity 0.3s ease;\n }\n \n .card-our-work-2:hover #subtitle-card-sitickets {\n opacity: 1;\n transition: opacity 0.3s ease;\n }\n\n .card-our-work-2:hover #subtitle-card-bettervet {\n opacity: 1;\n transition: opacity 0.3s ease;\n }\n \n .card-our-work-2:hover #our-work-title-gappex {\n transform: translateY(-100%);\n transition: transform 0.3s ease;\n }\n \n .card-our-work-2:hover #our-work-title-gappex span {\n font-size: 40px;\n transition: font-size 0.3s ease;\n }\n \n #our-work-title-gappex {\n transform: translateY(0)%);\n transition: transform 0.3s ease;\n }\n \n #our-work-title-gappex span {\n font-size: 70px;\n transition: font-size 0.3s ease;\n }\n \n \n .card-our-work-2:hover #our-work-title-sitickets {\n transform: translateY(-100%);\n transition: transform 0.3s ease;\n }\n \n .card-our-work-2:hover #our-work-title-sitickets span {\n font-size: 40px;\n transition: font-size 0.3s ease;\n }\n \n #our-work-title-sitickets {\n transform: translateY(0)%);\n transition: transform 0.3s ease;\n }\n \n #our-work-title-sitickets span {\n font-size: 70px;\n transition: font-size 0.3s ease;\n }\n\n .card-our-work-2:hover #our-work-title-bettervet {\n transform: translateY(-100%);\n transition: transform 0.3s ease;\n }\n \n .card-our-work-2:hover #our-work-title-bettervet span {\n font-size: 40px;\n transition: font-size 0.3s ease;\n }\n \n #our-work-title-bettervet {\n transform: translateY(0)%);\n transition: transform 0.3s ease;\n }\n \n #our-work-title-bettervet span {\n font-size: 70px;\n transition: font-size 0.3s ease;\n }\n \n \n .card-up-container {\n height: calc(100% - 102px);\n width: 100%;\n }\n\n \n .our-work-2-titlecontainer {\n height: 102px;\n width: 100%;\n }\n\n .card-our-work-2 {\n aspect-ratio: 680\/655;\n width: 100%;\n height: auto;\n max-height: calc(100vh - 74px);\n max-width: 655px;\n cursor: pointer;\n \/*cursor: url('https:\/\/web-site-cc.s3.us-east-2.amazonaws.com\/test_cursor.png'), auto;*\/\n }\n \n\n #ourWorkSection {\n margin 0 auto;\n }\n\n #our-work-2-subcontainer {\n width: 100%;\n max-width: 1620px;\n display: flex;\n \/*background-color: pink*\/\n }\n\n #our-work-2 {\n width: fit-content;\n }\n\n @media (max-width: 768px) or (max-height: 580px) {\n \n .card-container-our-work {\n margin-top: 69px;\n min-height: 0;\n }\n .card-our-work-2 {\n aspect-ratio: 318\/382;\n }\n \n .card-our-work-2:hover #custom-video-container-gappex {\n opacity: 1;\n transition: none;\n }\n \n .card-our-work-2:hover #custom-video-container-sitickets {\n opacity: 1;\n transition: none;\n }\n\n .card-our-work-2:hover #custom-video-container-bettervet {\n opacity: 1;\n transition: none;\n }\n \n .card-our-work-2:hover #background-gappex-image-container {\n opacity: 0;\n transition: none;\n }\n \n .card-our-work-2:hover #background-sitickets-image-container {\n opacity: 0;\n transition: none;\n }\n\n .card-our-work-2:hover #background-bettervet-image-container {\n opacity: 0;\n transition: none;\n }\n \n .card-our-work-2:hover #subtitle-card-gappex {\n opacity: 0;\n transition: none;\n }\n \n .card-our-work-2:hover #subtitle-card-sitickets {\n opacity: 0;\n transition: none;\n }\n \n .card-our-work-2:hover #subtitle-card-bettervet {\n opacity: 0;\n transition: none;\n }\n \n .card-our-work-2:hover #our-work-title-gappex {\n transform: translateY(0%);\n transition: none;\n }\n \n #our-work-title-gappex span {\n font-size: 32px;\n transition: font-size 0.3s ease;\n }\n \n .card-our-work-2:hover #our-work-title-gappex span {\n font-size: 32px;\n transition: none;\n }\n \n \n .card-our-work-2:hover #our-work-title-sitickets {\n transform: translateY(0%);\n transition: none;\n }\n \n #our-work-title-sitickets span {\n font-size: 32px;\n transition: font-size 0.3s ease;\n }\n \n .card-our-work-2:hover #our-work-title-sitickets span {\n font-size: 32px;\n transition: none;\n }\n\n .card-our-work-2:hover #our-work-title-bettervet {\n transform: translateY(0%);\n transition: none;\n }\n \n #our-work-title-bettervet span {\n font-size: 32px;\n transition: font-size 0.3s ease;\n }\n \n .card-our-work-2:hover #our-work-title-bettervet span {\n font-size: 32px;\n transition: none;\n }\n \n .card-up-container {\n height: calc(100% - 80px);\n width: 100%;\n }\n \n \n .our-work-2-titlecontainer {\n height: 80px;\n width: 100%;\n }\n \n \n }\n\n\/* \u2264 1024 px -------------------------------------------------------------- *\/\n@media (max-width:1024px){\n\n \/* CONTENEDOR que agrupa todas las cards ------------------------------- *\/\n .cards-container{ \/* \u00abelementor-element-9a18156\u00bb *\/\n overflow-y:auto; \/* hace scroll vertical interno *\/\n scroll-snap-type:y mandatory; \/* snap vertical *\/\n padding-block:40px; \/* deja 40 px antes y despu\u00e9s *\/\n gap:40px; \/* 40 px entre cada card *\/\n -webkit-overflow-scrolling:touch;\n }\n\n \/* CADA CARD ----------------------------------------------------------- *\/\n .card-container-our-work{ \/* \u00abelementor-element-e90fdc0\u00bb, etc. *\/\n scroll-snap-align:start; \/* alinea su borde superior justo *\/\n min-height:auto !important; \/* anula el min-height:100vh desktop*\/\n margin:0; \/* gap ya lo pone el contenedor *\/\n padding-top: 10px;\n }\n}\n\n<\/style>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d5cd7d9 elementor-widget elementor-widget-html\" data-id=\"d5cd7d9\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\r\n\r\n<script>\r\n\r\ndocument.addEventListener(\"DOMContentLoaded\", function(event){\r\n\r\n window.addEventListener(\"load\", function(e){\r\n \r\n gsap.registerPlugin(ScrollTrigger)\r\n\r\n ScrollTrigger.matchMedia({\r\n \"(max-width: 767px)\": () => {\r\n gsap.to(\"#header-home-container\", {\r\n scrollTrigger: {\r\n trigger: \"#header-home-container\",\r\n start: \"bottom 60%\",\r\n end: \"bottom 50%\",\r\n scrub: true,\r\n },\r\n opacity: 0.5\r\n });\r\n },\r\n \"(min-width: 768px)\": () => {\r\n gsap.to(\"#header-home-container\", {\r\n scrollTrigger: {\r\n trigger: \"#header-home-container\",\r\n start: \"bottom 100%\",\r\n end: \"bottom 70%\",\r\n scrub: true,\r\n },\r\n opacity: 0.5\r\n });\r\n }\r\n });\r\n \r\n }, false);\r\n\r\n});\r\n\r\n\r\n<\/script>\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-a824083 e-con-full e-flex e-con e-child\" data-id=\"a824083\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b028b99 elementor-widget elementor-widget-html\" data-id=\"b028b99\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\r\n \/* Ensure dynamic target elements are relatively positioned and clip overflow *\/\r\n .hover-target.dynamic {\r\n cursor: none;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n \r\n \/* Custom cursor styling \u2013 this will be injected into the target *\/\r\n .custom-cursor {\r\n position: absolute;\r\n width: 100px;\r\n height: 100px;\r\n z-index: 5;\r\n background: url('https:\/\/creativecoefficient.net\/wp-content\/uploads\/2025\/05\/Vector-2.png') no-repeat center center;\r\n background-size: contain;\r\n \/* Optional: add a debugging border during development *\/\r\n \/* border: 2px solid blue; *\/\r\n }\r\n .our-work-2-titlecontainer {\r\n z-index: 2;\r\n}\r\n<\/style>\r\n\r\n<script>\r\n document.addEventListener('DOMContentLoaded', function() {\r\n if (window.innerWidth <= 1024) return;\r\n var dynamicTargets = document.querySelectorAll('.hover-target.dynamic');\r\n \/\/ console.log(\"Found dynamic targets:\", dynamicTargets);\r\n\r\n dynamicTargets.forEach(function(target) {\r\n target.addEventListener('pointerenter', function(e) {\r\n \/\/ console.log(\"Pointer entered dynamic element:\", target);\r\n if (target.dataset.hasCursor === \"true\") return;\r\n target.dataset.hasCursor = \"true\";\r\n\r\n \/\/ Create and inject the custom cursor into the target (so overflow:hidden applies)\r\n var customCursor = document.createElement('div');\r\n customCursor.className = 'custom-cursor';\r\n target.appendChild(customCursor);\r\n\r\n \/\/ Calculate local pointer coordinates relative to the target\r\n var rect = target.getBoundingClientRect();\r\n var localX = e.clientX - rect.left;\r\n var localY = e.clientY - rect.top;\r\n\r\n \/\/ Center the custom cursor on the pointer using GSAP's xPercent\/yPercent\r\n gsap.set(customCursor, { x: localX, y: localY, xPercent: -50, yPercent: -50, opacity: 1 });\r\n \/\/ console.log(\"Custom cursor created at (local):\", localX, localY);\r\n\r\n \/\/ Start a continuous spin animation\r\n gsap.to(customCursor, {\r\n rotation: 360,\r\n repeat: -1,\r\n duration: 6,\r\n ease: \"linear\"\r\n });\r\n\r\n var offset = 50; \/\/ threshold in pixels (half the 85px size)\r\n var moveHandler = function(e) {\r\n var rect = target.getBoundingClientRect();\r\n var localX = e.clientX - rect.left;\r\n var localY = e.clientY - rect.top;\r\n\r\n \/\/ Update the cursor position centered on the pointer\r\n gsap.to(customCursor, {\r\n duration: 0.15,\r\n x: localX,\r\n y: localY,\r\n xPercent: -50,\r\n yPercent: -50,\r\n ease: \"power2.out\",\r\n overwrite: \"auto\"\r\n });\r\n\r\n \/* Calculate fade factors:\r\n - For left and top: when localX (or localY) is below the offset, use localX\/offset (or localY\/offset).\r\n - For right and bottom: when the pointer is beyond (rect.width - offset) or (rect.height - offset),\r\n calculate the factor as (edgeDistance \/ offset).\r\n When the pointer is within the safe zone, factor = 1.\r\n *\/\r\n var factorLeft = localX < offset ? localX \/ offset : 1;\r\n var factorTop = localY < offset ? localY \/ offset : 1;\r\n var factorRight = localX > rect.width - offset ? (rect.width - localX) \/ offset : 1;\r\n var factorBottom = localY > rect.height - offset ? (rect.height - localY) \/ offset : 1;\r\n var newOpacity = Math.min(factorLeft, factorTop, factorRight, factorBottom);\r\n newOpacity = Math.max(newOpacity, 0); \/\/ ensure not below 0\r\n\r\n gsap.to(customCursor, { duration: 0.15, opacity: newOpacity, overwrite: \"auto\" });\r\n };\r\n\r\n target.addEventListener('pointermove', moveHandler);\r\n\r\n target.addEventListener('pointerleave', function() {\r\n \/\/ console.log(\"Pointer left dynamic element:\", target);\r\n gsap.killTweensOf(customCursor);\r\n customCursor.remove();\r\n target.removeEventListener('pointermove', moveHandler);\r\n delete target.dataset.hasCursor;\r\n \/\/ console.log(\"Custom cursor removed\");\r\n });\r\n });\r\n });\r\n });\r\n<\/script>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-efaca4e elementor-widget elementor-widget-html\" data-id=\"efaca4e\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n \/\/ The container that will get its background color updated.\r\n const container = document.querySelector('#home-main-container');\r\n \/\/ Each section is expected to be a direct child with the common class \"section-item\".\r\n const sections = Array.from(document.querySelectorAll('#home-main-container > .section-item'));\r\n let currentActive = null;\r\n let ticking = false;\r\n\r\n \/\/ Compute how much of the viewport is filled by the element.\r\n \/\/ Returns a ratio between 0 and 1: 1 means the element fills 100% of the viewport height.\r\n function computeViewportFillRatio(el) {\r\n const rect = el.getBoundingClientRect();\r\n const viewportHeight = window.innerHeight || document.documentElement.clientHeight;\r\n\r\n \/\/ If the element is completely off-screen, return 0.\r\n if (rect.bottom <= 0 || rect.top >= viewportHeight) return 0;\r\n\r\n \/\/ Clamp visible portion between 0 and viewport height.\r\n const visibleTop = Math.max(rect.top, 0);\r\n const visibleBottom = Math.min(rect.bottom, viewportHeight);\r\n const visibleHeight = visibleBottom - visibleTop;\r\n \r\n return visibleHeight \/ viewportHeight;\r\n }\r\n\r\n \/\/ Given a section, look for a class in the format \"active-threshold-0.X\" and return that value.\r\n \/\/ If not found or not valid, return the default threshold (0.9).\r\n function getThresholdForSection(section) {\r\n const defaultThreshold = 0.9;\r\n const thresholdClass = Array.from(section.classList).find(c => c.indexOf(\"active-threshold-\") === 0);\r\n if (thresholdClass) {\r\n const parts = thresholdClass.split(\"-\");\r\n const value = parseFloat(parts[parts.length - 1]);\r\n if (!isNaN(value)) {\r\n return value;\r\n }\r\n }\r\n return defaultThreshold;\r\n }\r\n\r\n \/\/ Check all sections, and if one meets its threshold, mark the one with the highest ratio as active.\r\n function updateActiveSection() {\r\n ticking = false;\r\n let bestSection = null;\r\n let highestRatio = 0;\r\n\r\n sections.forEach(section => {\r\n const ratio = computeViewportFillRatio(section);\r\n const threshold = getThresholdForSection(section);\r\n \/\/ Only consider a section if it fills at least its threshold percentage of the viewport.\r\n if (ratio >= threshold && ratio > highestRatio) {\r\n highestRatio = ratio;\r\n bestSection = section;\r\n }\r\n });\r\n\r\n \/\/ If no section qualifies, clear any active state and set container background to white.\r\n if (!bestSection) {\r\n if (currentActive) {\r\n currentActive.classList.remove(\"active\");\r\n currentActive = null;\r\n }\r\n container.style.backgroundColor = \"white\";\r\n return;\r\n }\r\n \r\n \/\/ If the best section has changed, update the active state.\r\n if (bestSection !== currentActive) {\r\n if (currentActive) {\r\n currentActive.classList.remove(\"active\");\r\n }\r\n currentActive = bestSection;\r\n currentActive.classList.add(\"active\");\r\n\r\n \/\/ Read the new background color from a class in the format bg-XXXXXX.\r\n const bgClass = Array.from(currentActive.classList).find(cls => cls.indexOf(\"bg-\") === 0);\r\n if (bgClass) {\r\n const newBgColor = '#' + bgClass.substring(3);\r\n container.style.backgroundColor = newBgColor;\r\n } else {\r\n container.style.backgroundColor = \"white\";\r\n }\r\n }\r\n }\r\n\r\n function onScroll() {\r\n if (!ticking) {\r\n window.requestAnimationFrame(updateActiveSection);\r\n ticking = true;\r\n }\r\n }\r\n\r\n window.addEventListener(\"scroll\", onScroll);\r\n window.addEventListener(\"resize\", onScroll);\r\n\r\n \/\/ Initial check.\r\n updateActiveSection();\r\n});\r\n<\/script>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1c6393b elementor-widget elementor-widget-html\" data-id=\"1c6393b\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<script>\r\n(function() {\r\n \/\/ Adjust these selectors as needed\r\n const container = document.querySelector(\".cards-container\");\r\n const cards = Array.from(document.querySelectorAll(\".card-container-our-work\"));\r\n if (!container || cards.length === 0) return;\r\n\r\n let scrollEndTimer = null;\r\n const SCROLL_END_DELAY = 100; \/\/ ms after user stops scrolling\r\n const DIRECTION_BIAS_FACTOR = 0.8; \/\/ tweak to taste (0.7 = more sensitive, 0.9 = less)\r\n\r\n \/\/ Track last scroll position for direction detection\r\n let lastScrollY = window.pageYOffset;\r\n\r\n \/\/ --- Event Listeners ---\r\n window.addEventListener(\"scroll\", onScroll);\r\n window.addEventListener(\"resize\", onResize);\r\n\r\n function onScroll() {\r\n if (!isBelow1024()) return;\r\n if (!isContainerOverHalfViewport(container)) return;\r\n\r\n clearTimeout(scrollEndTimer);\r\n scrollEndTimer = setTimeout(() => {\r\n snapToNearestCard();\r\n }, SCROLL_END_DELAY);\r\n }\r\n\r\n function onResize() {\r\n if (!isBelow1024()) {\r\n clearTimeout(scrollEndTimer);\r\n }\r\n }\r\n\r\n \/\/ --- Main Snap Logic ---\r\n function snapToNearestCard() {\r\n if (!isBelow1024()) return;\r\n if (!isContainerOverHalfViewport(container)) return;\r\n\r\n \/\/ Determine scrolling direction\r\n const currentScrollY = window.pageYOffset;\r\n const direction = (currentScrollY > lastScrollY) ? 'down'\r\n : (currentScrollY < lastScrollY) ? 'up'\r\n : 'none';\r\n lastScrollY = currentScrollY; \/\/ update for next time\r\n\r\n const viewportCenter = window.innerHeight \/ 2;\r\n let closestCard = null;\r\n let closestDistance = Infinity;\r\n\r\n for (const card of cards) {\r\n const rect = card.getBoundingClientRect();\r\n const cardCenter = rect.top + (rect.height \/ 2);\r\n\r\n \/\/ Base distance from viewport center\r\n let distance = Math.abs(viewportCenter - cardCenter);\r\n\r\n \/\/ Apply a \"directional bias\" if:\r\n \/\/ - scrolling down and this card is below center, or\r\n \/\/ - scrolling up and this card is above center.\r\n if (direction === 'down' && cardCenter > viewportCenter) {\r\n distance *= DIRECTION_BIAS_FACTOR;\r\n } else if (direction === 'up' && cardCenter < viewportCenter) {\r\n distance *= DIRECTION_BIAS_FACTOR;\r\n }\r\n\r\n \/\/ Keep track of the card with the smallest final distance\r\n if (distance < closestDistance) {\r\n closestDistance = distance;\r\n closestCard = card;\r\n }\r\n }\r\n\r\n if (closestCard) {\r\n const rect = closestCard.getBoundingClientRect();\r\n const cardCenter = rect.top + (rect.height \/ 2);\r\n const offset = cardCenter - viewportCenter;\r\n\r\n window.scrollBy({\r\n top: offset,\r\n left: 0,\r\n behavior: \"smooth\"\r\n });\r\n }\r\n }\r\n\r\n \/\/ --- Helpers ---\r\n function isBelow1024() {\r\n return window.innerWidth <= 1024;\r\n }\r\n\r\n \/\/ Check if container is at least 50% in the viewport\r\n function isContainerOverHalfViewport(element) {\r\n const rect = element.getBoundingClientRect();\r\n const viewportHeight = window.innerHeight;\r\n\r\n const intersectionTop = Math.max(0, rect.top);\r\n const intersectionBottom = Math.min(viewportHeight, rect.bottom);\r\n const intersectionHeight = intersectionBottom - intersectionTop;\r\n\r\n return intersectionHeight >= (viewportHeight * 0.5);\r\n }\r\n})();\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7903d71 elementor-widget elementor-widget-html\" data-id=\"7903d71\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\n .ai-banner {\n display: block!important;\n}\nmain#main, html {\n background-color: #1c1c1c;\n transition-duration: unset !important;\n}\n<\/style>\n<style>\n.latest-posts {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 40px min(5%, 79px);\n}\n\n.latest-posts .post {\n display: flex;\n flex-direction: column;\n height: 100%;\n background-color: #fff;\n box-shadow: 0px 1px 4px 0px #0c0c0d2b;\n}\n\n.latest-posts .post .img img {\n width: 100%;\n height: auto;\n display: block;\n aspect-ratio: 120\/77;\n object-fit: cover;\n}\n\n.latest-posts .post .details {\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n padding: 0 15px 10px;\n}\n\n.latest-posts .post .details .top {\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n margin-top: 18px;\n}\n\n.latest-posts .post .details .top span {\n font-family: 'Inter', sans-serif;\n font-size: 18px;\n color: #585858;\n}\n\n.latest-posts .post .details h3 {\n font-family: 'Lexend', sans-serif;\n font-size: 28px;\n color: #1C1C1C!important;\n margin: 2px 0 6px 0;\n font-weight: 400;\n line-height: 125%;\n}\n\n.latest-posts .post .details h3 a {\n color: #1C1C1C!important;\n}\n\n.latest-posts .post .details .extract {\n flex-grow: 1;\n}\n.latest-posts .post .details .extract p {\n font-family: 'Inter', sans-serif;\n font-size: 24px;\n color: #1C1C1C;\n margin: 0;\n line-height: 127%;\n font-weight: 300;\n overflow: hidden;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 3;\n line-clamp: 3;\n}\n\n.latest-posts .post .details .tags {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n margin-top: 1em;\n}\n.latest-posts .post .details .tags span {\n font-family: 'Inter', sans-serif;\n font-size: 18px;\n color: #4788F1;\n}\n\n@media (max-width: 767px) {\n .latest-posts .post .details h3 {\n font-size: 30px;\n }\n .latest-posts .post .details .extract p {\n font-size: 18px;\n }\n .latest-posts .post .details .tags span,\n .latest-posts .post .details .top span{\n font-size: 16px;\n }\n}\n@media (max-width: 400px) {\n .latest-posts {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));\n gap: 30px 25px;\n }\n}\n<\/style>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>FishHeader We create Digital Products that elevate your business See our work WE CREATE Digital Products Creative Coefficient works with startups and corporations thinking, designing, building and launching their core digital products. Our work Casos de \u00e9xito Stories of Innovation and Success View all projects Ver proyectos https:\/\/creativecoefficient.net\/wp-content\/uploads\/2024\/09\/Gappex_final.mp4 Gappex Our digital solution to manage your \u2026<\/p>","protected":false},"author":9,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"nav_color_scheme":[48],"class_list":["post-18574","page","type-page","status-publish","hentry","nav_color_scheme-default"],"blocksy_meta":[],"yoast_head":"\n<title>Home - Creative Coefficient<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/creativecoefficient.net\/es\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Home - Creative Coefficient\" \/>\n<meta property=\"og:description\" content=\"FishHeader We create Digital Products that elevate your business See our work WE CREATE Digital Products Creative Coefficient works with startups and corporations thinking, designing, building and launching their core digital products. Our work Casos de \u00e9xito Stories of Innovation and Success View all projects Ver proyectos https:\/\/creativecoefficient.net\/wp-content\/uploads\/2024\/09\/Gappex_final.mp4 Gappex Our digital solution to manage your \u2026\" \/>\n<meta property=\"og:url\" content=\"https:\/\/creativecoefficient.net\/es\/\" \/>\n<meta property=\"og:site_name\" content=\"Creative Coefficient\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-31T19:52:43+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/creativecoefficient.net\/wp-content\/uploads\/2024\/08\/GAPPEX-707x1024.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/creativecoefficient.net\/\",\"url\":\"https:\/\/creativecoefficient.net\/\",\"name\":\"Home - Creative Coefficient\",\"isPartOf\":{\"@id\":\"https:\/\/creativecoefficient.net\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/creativecoefficient.net\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/creativecoefficient.net\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/creativecoefficient.net\/wp-content\/uploads\/2024\/08\/GAPPEX-707x1024.png\",\"datePublished\":\"2025-07-23T12:22:58+00:00\",\"dateModified\":\"2026-03-31T19:52:43+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/creativecoefficient.net\/#breadcrumb\"},\"inLanguage\":\"es-AR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/creativecoefficient.net\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es-AR\",\"@id\":\"https:\/\/creativecoefficient.net\/#primaryimage\",\"url\":\"https:\/\/creativecoefficient.net\/wp-content\/uploads\/2024\/08\/GAPPEX-707x1024.png\",\"contentUrl\":\"https:\/\/creativecoefficient.net\/wp-content\/uploads\/2024\/08\/GAPPEX-707x1024.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/creativecoefficient.net\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/creativecoefficient.net\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/creativecoefficient.net\/#website\",\"url\":\"https:\/\/creativecoefficient.net\/\",\"name\":\"Creative Coefficient\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/creativecoefficient.net\/#organization\"},\"alternateName\":\"Creative Coefficient\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/creativecoefficient.net\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"es-AR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/creativecoefficient.net\/#organization\",\"name\":\"Creative Coefficient\",\"url\":\"https:\/\/creativecoefficient.net\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es-AR\",\"@id\":\"https:\/\/creativecoefficient.net\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/creativecoefficient.net\/wp-content\/uploads\/2024\/08\/isotipo.png\",\"contentUrl\":\"https:\/\/creativecoefficient.net\/wp-content\/uploads\/2024\/08\/isotipo.png\",\"width\":229,\"height\":208,\"caption\":\"Creative Coefficient\"},\"image\":{\"@id\":\"https:\/\/creativecoefficient.net\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.linkedin.com\/company\/creative-coefficient\/\",\"https:\/\/www.instagram.com\/creative_coefficient\/\"]}]}<\/script>\n","yoast_head_json":{"title":"Home - Creative Coefficient","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/creativecoefficient.net\/es\/","og_locale":"es_ES","og_type":"article","og_title":"Home - Creative Coefficient","og_description":"FishHeader We create Digital Products that elevate your business See our work WE CREATE Digital Products Creative Coefficient works with startups and corporations thinking, designing, building and launching their core digital products. Our work Casos de \u00e9xito Stories of Innovation and Success View all projects Ver proyectos https:\/\/creativecoefficient.net\/wp-content\/uploads\/2024\/09\/Gappex_final.mp4 Gappex Our digital solution to manage your \u2026","og_url":"https:\/\/creativecoefficient.net\/es\/","og_site_name":"Creative Coefficient","article_modified_time":"2026-03-31T19:52:43+00:00","og_image":[{"url":"https:\/\/creativecoefficient.net\/wp-content\/uploads\/2024\/08\/GAPPEX-707x1024.png"}],"twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"4 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/creativecoefficient.net\/","url":"https:\/\/creativecoefficient.net\/","name":"Home - Creative Coefficient","isPartOf":{"@id":"https:\/\/creativecoefficient.net\/#website"},"primaryImageOfPage":{"@id":"https:\/\/creativecoefficient.net\/#primaryimage"},"image":{"@id":"https:\/\/creativecoefficient.net\/#primaryimage"},"thumbnailUrl":"https:\/\/creativecoefficient.net\/wp-content\/uploads\/2024\/08\/GAPPEX-707x1024.png","datePublished":"2025-07-23T12:22:58+00:00","dateModified":"2026-03-31T19:52:43+00:00","breadcrumb":{"@id":"https:\/\/creativecoefficient.net\/#breadcrumb"},"inLanguage":"es-AR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/creativecoefficient.net\/"]}]},{"@type":"ImageObject","inLanguage":"es-AR","@id":"https:\/\/creativecoefficient.net\/#primaryimage","url":"https:\/\/creativecoefficient.net\/wp-content\/uploads\/2024\/08\/GAPPEX-707x1024.png","contentUrl":"https:\/\/creativecoefficient.net\/wp-content\/uploads\/2024\/08\/GAPPEX-707x1024.png"},{"@type":"BreadcrumbList","@id":"https:\/\/creativecoefficient.net\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/creativecoefficient.net\/"},{"@type":"ListItem","position":2,"name":"Home"}]},{"@type":"WebSite","@id":"https:\/\/creativecoefficient.net\/#website","url":"https:\/\/creativecoefficient.net\/","name":"Creative Coefficient","description":"","publisher":{"@id":"https:\/\/creativecoefficient.net\/#organization"},"alternateName":"Creative Coefficient","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/creativecoefficient.net\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"es-AR"},{"@type":"Organization","@id":"https:\/\/creativecoefficient.net\/#organization","name":"Creative Coefficient","url":"https:\/\/creativecoefficient.net\/","logo":{"@type":"ImageObject","inLanguage":"es-AR","@id":"https:\/\/creativecoefficient.net\/#\/schema\/logo\/image\/","url":"https:\/\/creativecoefficient.net\/wp-content\/uploads\/2024\/08\/isotipo.png","contentUrl":"https:\/\/creativecoefficient.net\/wp-content\/uploads\/2024\/08\/isotipo.png","width":229,"height":208,"caption":"Creative Coefficient"},"image":{"@id":"https:\/\/creativecoefficient.net\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.linkedin.com\/company\/creative-coefficient\/","https:\/\/www.instagram.com\/creative_coefficient\/"]}]}},"_links":{"self":[{"href":"https:\/\/creativecoefficient.net\/es\/wp-json\/wp\/v2\/pages\/18574","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/creativecoefficient.net\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/creativecoefficient.net\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/creativecoefficient.net\/es\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/creativecoefficient.net\/es\/wp-json\/wp\/v2\/comments?post=18574"}],"version-history":[{"count":129,"href":"https:\/\/creativecoefficient.net\/es\/wp-json\/wp\/v2\/pages\/18574\/revisions"}],"predecessor-version":[{"id":24416,"href":"https:\/\/creativecoefficient.net\/es\/wp-json\/wp\/v2\/pages\/18574\/revisions\/24416"}],"wp:attachment":[{"href":"https:\/\/creativecoefficient.net\/es\/wp-json\/wp\/v2\/media?parent=18574"}],"wp:term":[{"taxonomy":"nav_color_scheme","embeddable":true,"href":"https:\/\/creativecoefficient.net\/es\/wp-json\/wp\/v2\/nav_color_scheme?post=18574"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t

\n\t\t\t\t

\n\t\t\t\r\n\r\n\r\n \r\n FishHeader<\/title>\r\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/gsap.min.js\"><\/script>\r\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/MotionPathPlugin.min.js\"><\/script>\r\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.11.4\/ScrollToPlugin.min.js\"><\/script>\r\n\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Reenie+Beanie&display=swap\" rel=\"stylesheet\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Lexend+Deca:wght@100..900&display=swap\" rel=\"stylesheet\">\r\n\r\n\r\n <style>\r\n \/* RECUPERO tama\u00f1o original del t\u00edtulo *\/\r\n .home-header-text-title {\r\n font-size: 70px;\r\n font-weight: 200;\r\n font-family: 'Lexend Deca', sans-serif;\r\n }\r\n\r\n .header-home-body {\r\n margin: 0 auto;\r\n display: flex;\r\n justify-content: center;\r\n max-width: 1800px;\r\n width: 100%;\r\n padding: 104px 120px 0;\r\n }\r\n body.admin-bar .header-home-body {\r\n padding-top: calc(104px - 32px);\r\n }\r\n .container {\r\n position: relative;\r\n width: 100%;\r\n }\r\n span {\r\n color: #F9F7F1;\r\n }\r\n .home-header-text-container {\r\n display: flex;\r\n flex-direction: column;\r\n height: calc(100vh - 104px);\r\n justify-content: center;\r\n z-index: 100;\r\n max-width: 100%;\r\n }\r\n .auto-complete {\r\n font-family: \"Reenie Beanie\", cursive;\r\n font-weight: 400;\r\n font-size: 40px;\r\n color: #F9F7F1;\r\n max-width: 100%;\r\n }\r\n .auto-complete-container {\r\n margin-top: 10px;\r\n max-width: 100%;\r\n }\r\n .btn-home-work {\r\n display: inline-block;\r\n margin-top: 20px;\r\n padding: 6px 24px;\r\n background: transparent;\r\n border: 2px solid #fff;\r\n border-radius: 9999px;\r\n font-family: 'Lexend', sans-serif;\r\n font-size: 24px;\r\n font-weight: 500;\r\n color: #fff;\r\n text-decoration: none;\r\n width: auto;\r\n text-align: left;\r\n align-self: flex-start;\r\n }\r\n .btn-home-work:hover {\r\n opacity: 0.9;\r\n color: #fff;\r\n }\r\n .home-header-video {\r\n position: absolute;\r\n right: 0;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n z-index: 100;\r\n }\r\n .home-header-video video {\r\n max-width: 600px;\r\n width: 100%;\r\n height: auto;\r\n display: block;\r\n }\r\n @media (max-width: 1620px) {\r\n .home-header-text-container {\r\n \/*padding-left: 120px;*\/\r\n }\r\n }\r\n @media (max-width: 1400px) {\r\n .home-header-video video {\r\n max-width: 400px;\r\n }\r\n .header-home-body {\r\n padding-left: 80px;\r\n padding-right: 80px;\r\n }\r\n .home-header-text-title {\r\n font-size: 50px;\r\n }\r\n }\r\n\r\n @media (max-width: 1027px) {\r\n .home-header-text-title {\r\n font-size: 40px;\r\n }\r\n .header-home-body > div > div {\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 30px;\r\n }\r\n .header-home-body, body.admin-bar .header-home-body {\r\n padding-top: 195px;\r\n padding-left: 30px;\r\n padding-right: 30px;\r\n }\r\n .header-home-body > div {\r\n height: auto!important;\r\n }\r\n .btn-home-work {\r\n align-self: center;\r\n }\r\n .auto-complete-container {\r\n margin: 25px 0;\r\n }\r\n }\r\n @media (max-width: 1025px) {\r\n .home-header-text-container {\r\n padding-left: 0;\r\n align-items: center;\r\n flex: 1;\r\n }\r\n .home-header-text-title {\r\n font-size: 40px;\r\n text-align: center;\r\n }\r\n .home-header-video {\r\n position: static;\r\n transform: none;\r\n margin-top: 20px;\r\n width: 100%;\r\n text-align: center;\r\n }\r\n .home-header-video video {\r\n max-width: 100%;\r\n }\r\n .auto-complete-container * {\r\n font-size: 30px;\r\n }\r\n }\r\n .image-arrow {\r\n position: absolute;\r\n width: 70px;\r\n height: 70px;\r\n left: 0;\r\n top: 0;\r\n z-index: 0;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div id=\"container\" class=\"container\" style=\"overflow: hidden\">\r\n <div class=\"header-home-body cc-content\">\r\n <div style=\"width: 100%; position: relative;height: calc(100vh - 104px);\">\r\n <div style=\"display: flex; z-index: 2\">\r\n <div class=\"home-header-text-container\">\r\n <span class=\"home-header-text-title\">Creamos<\/span>\r\n <span class=\"home-header-text-title\">Productos Digitales<\/span>\r\n\r\n <div class=\"auto-complete-container\">\r\n <span class=\"auto-complete\">que impulsan tu negocio<\/span>\r\n <\/div>\r\n\r\n <a href=\"#ourWorkSection\" class=\"btn-home-work\">Ver proyectos<\/a>\r\n <\/div>\r\n\r\n <div class=\"home-header-text-container\" id=\"home-right-header\">\r\n <div class=\"home-header-video\">\r\n <video\r\n src=\"https:\/\/creativecoefficient.net\/wp-content\/uploads\/2025\/10\/CC-Home.mp4\"\r\n autoplay loop muted playsinline webkit-playsinline\r\n><\/video>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <svg width=\"64\" height=\"93\" viewbox=\"0 0 64 93\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"image-arrow\" id=\"yellow\">\r\n <path d=\"M-0.00426727 0.952651C11.7229 13.7589 19.834 30.2907 22.5006 49.309C24.6262 64.4596 24.0961 78.8393 20.453 92.2183C25.6586 88.5175 30.7534 84.645 35.7652 80.638L36.7406 79.8583C44.4531 73.678 52.175 67.4932 58.4594 59.8526C65.6908 51.0694 65.2325 43.3103 57.0747 35.3093C56.846 35.0586 56.5792 34.8132 56.3109 34.5677L55.9984 34.2802C46.461 25.647 35.7697 18.3522 24.2263 12.6004C16.2343 8.54113 8.18683 4.58432 -0.00426727 0.952651Z\" fill=\"#F8B925\"\/>\r\n <\/svg>\r\n <svg width=\"100\" height=\"129\" viewbox=\"0 0 100 129\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"image-arrow\" id=\"red\">\r\n <path d=\"M0.785524 0.518564C17.9254 13.5039 29.9177 31.7642 34.0613 52.8728C39.6611 81.3586 31.6514 108.583 14.4534 128.375C15.0715 128.126 15.6902 127.874 16.3064 127.619C36.3969 119.494 54.5407 108.14 71.6981 95.1638L72.6974 94.4077C80.292 88.665 87.9081 82.905 94.1891 75.6935C101.429 67.3312 101.259 59.7809 93.7572 51.6699C93.3822 51.3006 93.03 50.9586 92.6898 50.6178C83.8628 41.8435 73.862 34.3181 62.9704 28.2534C45.1506 18.1064 26.8903 8.56108 7.13452 2.39781C5.0239 1.73904 2.90931 1.10767 0.785524 0.518564Z\" fill=\"#E64039\"\/>\r\n <\/svg>\r\n <svg width=\"76\" height=\"108\" viewbox=\"0 0 76 108\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"image-arrow\" id=\"green\">\r\n <path d=\"M13.8231 16.8756C16.0645 19.7949 20.5096 28.0559 22.0552 34.4007C25.4624 47.03 25.4516 59.946 24.5817 72.7656C23.8328 83.8669 17.64 107.072 16.5302 107.816C16.5024 107.783 16.4732 107.75 16.4453 107.717C16.4216 107.793 16.3965 107.869 16.3729 107.945C28.3099 100.579 39.4886 92.0435 50.1885 82.8164L51.1368 82.0011C58.2123 75.9074 65.2878 69.8133 71.02 62.3368C77.6051 53.7086 77.0591 46.2215 69.3619 38.6191C69.1068 38.4028 68.8621 38.187 68.6228 37.9755L68.4583 37.8303L68.4136 37.7892L68.2519 37.6454C59.2437 29.4769 49.1637 22.6012 38.2955 17.2126C25.9005 10.9876 13.3703 5.01292 0.352664 0.274502C5.17555 5.25095 9.90528 11.6157 12.4867 15.091C13.0362 15.8303 13.4876 16.4387 13.8231 16.8756Z\" fill=\"#3CA755\"\/>\r\n <\/svg>\r\n <svg width=\"61\" height=\"100\" viewbox=\"0 0 61 100\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"image-arrow\" id=\"blue\">\r\n <path d=\"M13.7026 99.1621C18.0757 88.2652 20.6732 76.2621 21.1554 63.5791C21.1279 62.797 21.1058 61.9504 21.0826 61.0534C21.0129 58.3582 20.9318 55.2158 20.6543 52.0703C19.1271 32.5532 12.5537 15.1229 0.105781 0.202996C4.99704 1.70247 9.86809 3.28143 14.7276 4.89785C27.414 9.01216 39.474 14.8579 50.5678 22.2707C50.7475 22.395 50.9296 22.5167 51.1118 22.6384C51.3679 22.809 51.6246 22.9812 51.8766 23.1635C61.4542 30.1785 63.2467 38.2025 57.4286 48.5911C52.4011 57.5513 45.6899 65.2433 38.9884 72.9228L37.985 74.0747C30.3027 82.8872 22.2639 91.3125 13.7026 99.1621Z\" fill=\"#4788F1\"\/>\r\n <\/svg>\r\n <\/div>\r\n\r\n <script>\r\n gsap.registerPlugin(ScrollToPlugin, MotionPathPlugin);\r\n\r\n \/\/ === Flags globales ===\r\n let roamingEnabled = true;\r\n\r\n \/\/ === Inicio \/ parada roaming ===\r\n function startRoaming() {\r\n roamingEnabled = true;\r\n\r\n \/\/ Amarillo\r\n const initialYellow = getPoints(true);\r\n const finalYellow = getPoints(false);\r\n const middleYellow = calculateIntermediatePoints(initialYellow[initialYellow.length - 1], finalYellow[0]);\r\n animateArrow(true, [...initialYellow, ...middleYellow, ...finalYellow], \"#yellow\");\r\n\r\n \/\/ Rojo\r\n const initialRed = getPoints(false);\r\n const finalRed = getPoints(true);\r\n const middleRed = calculateIntermediatePoints(initialRed[initialRed.length - 1], finalRed[0]);\r\n animateArrow(false, [...initialRed, ...middleRed, ...finalRed], \"#red\");\r\n\r\n \/\/ Verde\r\n const initialGreen = getPoints(true);\r\n const finalGreen = getPoints(false);\r\n const middleGreen = calculateIntermediatePoints(initialGreen[initialGreen.length - 1], finalGreen[0]);\r\n animateArrow(true, [...initialGreen, ...middleGreen, ...finalGreen], \"#green\");\r\n\r\n \/\/ Azul\r\n const initialBlue = getPoints(false);\r\n const finalBlue = getPoints(true);\r\n const middleBlue = calculateIntermediatePoints(initialBlue[initialBlue.length - 1], finalBlue[0]);\r\n animateArrow(false, [...initialBlue, ...middleBlue, ...finalBlue], \"#blue\");\r\n }\r\n\r\n function stopRoaming() {\r\n roamingEnabled = false;\r\n gsap.killTweensOf(\"#yellow\");\r\n gsap.killTweensOf(\"#red\");\r\n gsap.killTweensOf(\"#green\");\r\n gsap.killTweensOf(\"#blue\");\r\n }\r\n\r\n \/\/ === Helpers de roaming ===\r\n function getRandomPointWithinLimits(width, height, left) {\r\n const minX = left ? 0 : 0.6 * width;\r\n const maxX = left ? 0.4 * width : width;\r\n return {\r\n x: minX + Math.random() * (maxX - minX),\r\n y: Math.random() * height\r\n };\r\n }\r\n\r\n function getPoints(left) {\r\n const container = document.querySelector('.container');\r\n const w = container.clientWidth;\r\n const h = container.clientHeight;\r\n const P1 = getRandomPointWithinLimits(w, h, left);\r\n const radius = 0.1 * w;\r\n const P2 = { x: P1.x, y: left ? P1.y - radius : P1.y + radius };\r\n const midX = (P1.x + P2.x) \/ 2;\r\n const midY = (P1.y + P2.y) \/ 2;\r\n const dx = P2.x - P1.x, dy = P2.y - P1.y;\r\n const len = Math.hypot(dx, dy);\r\n const perp = radius \/ 2;\r\n const P3 = {\r\n x: midX + (perp * dy) \/ len,\r\n y: midY - (perp * dx) \/ len\r\n };\r\n return [P1, P3, P2];\r\n }\r\n\r\n function calculateIntermediatePoints(PA, PB) {\r\n const points = [];\r\n const container = document.querySelector('.container');\r\n const distance = 0.1 * container.clientWidth;\r\n const dx = PB.x - PA.x, dy = PB.y - PA.y;\r\n const len = Math.hypot(dx, dy);\r\n const steps = Math.floor(len \/ distance) || 1;\r\n for (let i = 0; i <= steps; i++) {\r\n const t = i \/ steps;\r\n points.push({ x: PA.x + dx * t, y: PA.y + dy * t });\r\n }\r\n return points;\r\n }\r\n\r\n function calculatePathLength(path) {\r\n return path.slice(1).reduce((sum, p, i) => {\r\n const prev = path[i];\r\n return sum + Math.hypot(p.x - prev.x, p.y - prev.y);\r\n }, 0);\r\n }\r\n\r\n function animateArrow(isLeft, positions, selector) {\r\n gsap.to(selector, {\r\n duration: 10,\r\n ease: 'none',\r\n motionPath: { path: positions, autoRotate: true, fromCurrent: false },\r\n onComplete: () => {\r\n if (!roamingEnabled) return;\r\n const nextLeft = !isLeft;\r\n const finalPts = getPoints(nextLeft);\r\n const middlePts = calculateIntermediatePoints(positions[positions.length - 1], finalPts[0]);\r\n animateArrow(nextLeft, [...middlePts, ...finalPts], selector);\r\n }\r\n });\r\n }\r\n\r\n \/\/ === Inicializamos roaming ===\r\n startRoaming();\r\n\r\n \/\/ === TxtRotate: animaci\u00f3n letra a letra ===\r\n function TxtRotate(el, toRotate, period) {\r\n this.toRotate = toRotate;\r\n this.el = el;\r\n this.period = parseInt(period, 10) || 2000;\r\n this.txt = '';\r\n this.isDeleting = false;\r\n this.loopNum = 0;\r\n this.tick();\r\n }\r\n\r\n TxtRotate.prototype.tick = function() {\r\n const i = this.loopNum % this.toRotate.length;\r\n const fullTxt = this.toRotate[i];\r\n this.txt = this.isDeleting\r\n ? fullTxt.substring(0, this.txt.length - 1)\r\n : fullTxt.substring(0, this.txt.length + 1);\r\n this.el.innerHTML = '<span class=\"wrap\">'+ this.txt +'<\/span>';\r\n let delta = 150 - Math.random() * 100;\r\n if (this.isDeleting) { delta \/= 2; }\r\n if (!this.isDeleting && this.txt === fullTxt) {\r\n delta = this.period;\r\n this.isDeleting = true;\r\n } else if (this.isDeleting && this.txt === '') {\r\n this.isDeleting = false;\r\n this.loopNum++;\r\n delta = 500;\r\n }\r\n setTimeout(() => this.tick(), delta);\r\n };\r\n\r\n function textAnimate() {\r\n const elems = document.getElementsByClassName('txt-rotate');\r\n for (let i = 0; i < elems.length; i++) {\r\n const toRot = elems[i].getAttribute('data-rotate');\r\n const per = elems[i].getAttribute('data-period');\r\n if (toRot) {\r\n new TxtRotate(elems[i], JSON.parse(toRot), per);\r\n }\r\n }\r\n }\r\n \/\/ arrancar texto\r\n textAnimate();\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-22ecf8c future-ready-home bg-ffffff section-item active-threshold-0.2 e-flex e-con-boxed e-con e-child\" data-id=\"22ecf8c\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ed23251 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"ed23251\" data-element_type=\"widget\" data-settings=\"{"_animation":"fadeIn","_animation_delay":500}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.23.0 - 05-08-2024 *\/\n.elementor-heading-title{padding:0;margin:0;line-height:1}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}<\/style><span class=\"elementor-heading-title elementor-size-default\">DISE\u00d1AMOS Y DESARROLLAMOS<\/span>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-10709fb elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"10709fb\" data-element_type=\"widget\" data-settings=\"{"_animation":"fadeIn","_animation_delay":500}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<span class=\"elementor-heading-title elementor-size-default\">Productos Digitales<\/span>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7b80af0 elementor-widget__width-initial elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"7b80af0\" data-element_type=\"widget\" data-settings=\"{"_animation":"fadeIn","_animation_delay":500}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<span class=\"elementor-heading-title elementor-size-default\"><b>Creative Coefficient<\/b> works with startups and corporations thinking, designing, building and launching their core <b>digital products.<\/b><\/span>\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-c20814d bg-ffffff section-item cc-container e-flex e-con-boxed e-con e-child\" data-id=\"c20814d\" data-element_type=\"container\" id=\"ourWorkSection\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-4f9ec93 e-con-full e-flex e-con e-child\" data-id=\"4f9ec93\" data-element_type=\"container\" id=\"our-work-2-subcontainer\">\n\t\t<div class=\"elementor-element elementor-element-3b8f3f6 e-con-full text-container e-flex e-con e-child\" data-id=\"3b8f3f6\" data-element_type=\"container\" id=\"ourWorkSectionTitle\" data-settings=\"{"background_background":"classic"}\">\n\t\t<div class=\"elementor-element elementor-element-25b14ea e-con-full e-flex e-con e-child\" data-id=\"25b14ea\" data-element_type=\"container\" id=\"our-work-2\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e9fa87e elementor-widget__width-initial ow-tx elementor-widget elementor-widget-heading\" data-id=\"e9fa87e\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<span class=\"elementor-heading-title elementor-size-default\"><span data-no-translation style=\"color:#000\">Our <br \/> work<\/span><\/span>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2b3a3ce elementor-widget__width-initial ow-tx-es elementor-widget elementor-widget-heading\" data-id=\"2b3a3ce\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<span class=\"elementor-heading-title elementor-size-default\"><span data-no-translation style=\"color:#000\">Casos de <br \/> \u00e9xito<\/span><\/span>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-94dfd0b elementor-widget__width-initial ow-tx elementor-widget elementor-widget-heading\" data-id=\"94dfd0b\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><span data-no-translation style=\"color:#000\">Stories of Innovation and Success<\/span><\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cc97af6 cc-btn-1 ow-tx elementor-mobile-align-center elementor-widget elementor-widget-button\" data-id=\"cc97af6\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"\/es\/our-work\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\"><span data-no-translation style=\"color:#000\">View all projects<\/span><\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0067ba1 cc-btn-1 ow-tx-es elementor-mobile-align-center elementor-widget elementor-widget-button\" data-id=\"0067ba1\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"\/es\/our-work\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\"><span data-no-translation style=\"color:#000\">Ver proyectos<\/span><\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\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-50f6ae1 e-con-full cards-container e-flex e-con e-child\" data-id=\"50f6ae1\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t<div class=\"elementor-element elementor-element-a944f46 e-con-full card-container-our-work e-flex e-con e-child\" data-id=\"a944f46\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-81c89cf e-con-full card-our-work-2 hover-target dynamic e-flex e-con e-child\" data-id=\"81c89cf\" data-element_type=\"container\" id=\"gappexCard\" data-settings=\"{"background_background":"classic"}\">\n\t\t<div class=\"elementor-element elementor-element-a595111 e-con-full degrade-container-our-work e-flex e-con e-child\" data-id=\"a595111\" data-element_type=\"container\" data-settings=\"{"position":"absolute"}\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a1cb110 e-con-full card-up-container e-flex e-con e-child\" data-id=\"a1cb110\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-521b86a e-con-full custom-video-container e-flex e-con e-child\" data-id=\"521b86a\" data-element_type=\"container\" id=\"custom-video-container-gappex\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f01b020 elementor-widget__width-inherit custom-video elementor-widget elementor-widget-video\" data-id=\"f01b020\" data-element_type=\"widget\" data-settings=\"{"video_type":"hosted","autoplay":"yes","play_on_mobile":"yes","mute":"yes","loop":"yes"}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.23.0 - 05-08-2024 *\/\n.elementor-widget-video .elementor-widget-container{overflow:hidden;transform:translateZ(0)}.elementor-widget-video .elementor-wrapper{aspect-ratio:var(--video-aspect-ratio)}.elementor-widget-video .elementor-wrapper iframe,.elementor-widget-video .elementor-wrapper video{height:100%;width:100%;display:flex;border:none;background-color:#000}@supports not (aspect-ratio:1\/1){.elementor-widget-video .elementor-wrapper{position:relative;overflow:hidden;height:0;padding-bottom:calc(100% \/ var(--video-aspect-ratio))}.elementor-widget-video .elementor-wrapper iframe,.elementor-widget-video .elementor-wrapper video{position:absolute;top:0;right:0;bottom:0;left:0}}.elementor-widget-video .elementor-open-inline .elementor-custom-embed-image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:50%}.elementor-widget-video .elementor-custom-embed-image-overlay{cursor:pointer;text-align:center}.elementor-widget-video .elementor-custom-embed-image-overlay:hover .elementor-custom-embed-play i{opacity:1}.elementor-widget-video .elementor-custom-embed-image-overlay img{display:block;width:100%;aspect-ratio:var(--video-aspect-ratio);-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center}@supports not (aspect-ratio:1\/1){.elementor-widget-video .elementor-custom-embed-image-overlay{position:relative;overflow:hidden;height:0;padding-bottom:calc(100% \/ var(--video-aspect-ratio))}.elementor-widget-video .elementor-custom-embed-image-overlay img{position:absolute;top:0;right:0;bottom:0;left:0}}.elementor-widget-video .e-hosted-video .elementor-video{-o-object-fit:cover;object-fit:cover}.e-con-inner>.elementor-widget-video,.e-con>.elementor-widget-video{width:var(--container-widget-width);--flex-grow:var(--container-widget-flex-grow)}<\/style>\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/creativecoefficient.net\/wp-content\/uploads\/2024\/09\/Gappex_final.mp4\" autoplay=\"\" loop=\"\" muted=\"muted\" playsinline=\"\" controlslist=\"nodownload\"><\/video>\n\t\t\t\t<\/div>\n\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-d4c938e e-con-full background-container e-flex e-con e-child\" data-id=\"d4c938e\" data-element_type=\"container\" id=\"background-gappex-image-container\" data-settings=\"{"position":"absolute"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a649630 elementor-widget elementor-widget-image\" data-id=\"a649630\" data-element_type=\"widget\" id=\"background-gappex-image\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.23.0 - 05-08-2024 *\/\n.elementor-widget-image{text-align:center}.elementor-widget-image a{display:inline-block}.elementor-widget-image a img[src$=\".svg\"]{width:48px}.elementor-widget-image img{vertical-align:middle;display:inline-block}<\/style>\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"707\" height=\"1024\" src=\"https:\/\/creativecoefficient.net\/wp-content\/uploads\/2024\/08\/GAPPEX-707x1024.png\" class=\"attachment-large size-large wp-image-7749\" alt=\"\" srcset=\"https:\/\/creativecoefficient.net\/wp-content\/uploads\/2024\/08\/GAPPEX-707x1024.png 707w, https:\/\/creativecoefficient.net\/wp-content\/uploads\/2024\/08\/GAPPEX-207x300.png 207w, https:\/\/creativecoefficient.net\/wp-content\/uploads\/2024\/08\/GAPPEX-768x1112.png 768w, https:\/\/creativecoefficient.net\/wp-content\/uploads\/2024\/08\/GAPPEX.png 831w\" sizes=\"auto, (max-width: 707px) 100vw, 707px\" \/>\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<\/div>\n\t\t<div class=\"elementor-element elementor-element-4661486 e-con-full our-work-2-titlecontainer e-flex e-con e-child\" data-id=\"4661486\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-57d8096 elementor-widget elementor-widget-heading\" data-id=\"57d8096\" data-element_type=\"widget\" id=\"our-work-title-gappex\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<span class=\"elementor-heading-title elementor-size-default\">Gappex<\/span>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f9cf03d elementor-widget__width-initial elementor-absolute elementor-widget elementor-widget-heading\" data-id=\"f9cf03d\" data-element_type=\"widget\" id=\"subtitle-card-gappex\" data-settings=\"{"_position":"absolute"}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<span class=\"elementor-heading-title elementor-size-default\">Nuestra soluci\u00f3n digital para gestionar tu salud eficientemente y con calidad m\u00e9dica.<\/span>\t\t<\/div>\n\t\t\t\t<\/div>\n\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-00c9075 e-con-full card-container-our-work e-flex e-con e-child\" data-id=\"00c9075\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-2446cbb e-con-full card-our-work-2 hover-target dynamic e-flex e-con e-child\" data-id=\"2446cbb\" data-element_type=\"container\" id=\"sitixCard\" data-settings=\"{"background_background":"classic"}\">\n\t\t<div class=\"elementor-element elementor-element-427984c e-con-full card-up-container e-flex e-con e-child\" data-id=\"427984c\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-f70efb2 e-con-full custom-video-container e-flex e-con e-child\" data-id=\"f70efb2\" data-element_type=\"container\" id=\"custom-video-container-sitickets\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1768fd4 elementor-widget__width-inherit custom-video elementor-widget elementor-widget-video\" data-id=\"1768fd4\" data-element_type=\"widget\" data-settings=\"{"video_type":"hosted","autoplay":"yes","play_on_mobile":"yes","mute":"yes","loop":"yes"}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/creativecoefficient.net\/wp-content\/uploads\/2024\/08\/SITICKETS.mp4\" autoplay=\"\" loop=\"\" muted=\"muted\" playsinline=\"\" controlslist=\"nodownload\"><\/video>\n\t\t\t\t<\/div>\n\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-b029a2a e-con-full background-container e-flex e-con e-child\" data-id=\"b029a2a\" data-element_type=\"container\" id=\"background-sitickets-image-container\" data-settings=\"{"position":"absolute"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d237eee elementor-widget elementor-widget-image\" data-id=\"d237eee\" data-element_type=\"widget\" id=\"background-sitickets-image\" 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<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"949\" src=\"https:\/\/creativecoefficient.net\/wp-content\/uploads\/2024\/08\/SITIX-1024x949.png\" class=\"attachment-large size-large wp-image-7794\" alt=\"\" srcset=\"https:\/\/creativecoefficient.net\/wp-content\/uploads\/2024\/08\/SITIX-1024x949.png 1024w, https:\/\/creativecoefficient.net\/wp-content\/uploads\/2024\/08\/SITIX-300x278.png 300w, https:\/\/creativecoefficient.net\/wp-content\/uploads\/2024\/08\/SITIX-768x712.png 768w, https:\/\/creativecoefficient.net\/wp-content\/uploads\/2024\/08\/SITIX.png 1070w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-35042aa e-con-full e-flex e-con e-child\" data-id=\"35042aa\" data-element_type=\"container\" id=\"image-sitickets-degrade\" data-settings=\"{"position":"absolute"}\">\n\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-031a33c e-con-full degrade-container-our-work e-flex e-con e-child\" data-id=\"031a33c\" data-element_type=\"container\" data-settings=\"{"position":"absolute"}\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e9ba4db e-con-full our-work-2-titlecontainer e-flex e-con e-child\" data-id=\"e9ba4db\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f6818e3 elementor-widget elementor-widget-heading\" data-id=\"f6818e3\" data-element_type=\"widget\" id=\"our-work-title-sitickets\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<span class=\"elementor-heading-title elementor-size-default\">SI Tickets<\/span>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7f483ec elementor-widget__width-initial elementor-absolute elementor-widget elementor-widget-heading\" data-id=\"7f483ec\" data-element_type=\"widget\" id=\"subtitle-card-sitickets\" data-settings=\"{"_position":"absolute"}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<span class=\"elementor-heading-title elementor-size-default\">Ofrece entradas para miles de eventos deportivos, conciertos y obras teatrales.<\/span>\t\t<\/div>\n\t\t\t\t<\/div>\n\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-f4d104f e-con-full card-container-our-work e-flex e-con e-child\" data-id=\"f4d104f\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-452b2f9 e-con-full card-our-work-2 hover-target dynamic e-flex e-con e-child\" data-id=\"452b2f9\" data-element_type=\"container\" id=\"betterVetCard\" data-settings=\"{"background_background":"classic"}\">\n\t\t<div class=\"elementor-element elementor-element-beb4d41 e-con-full card-up-container e-flex e-con e-child\" data-id=\"beb4d41\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-1881f3c e-con-full custom-video-container e-flex e-con e-child\" data-id=\"1881f3c\" data-element_type=\"container\" id=\"custom-video-container-bettervet\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6734298 elementor-widget__width-inherit custom-video elementor-widget elementor-widget-video\" data-id=\"6734298\" data-element_type=\"widget\" data-settings=\"{"video_type":"hosted","autoplay":"yes","play_on_mobile":"yes","mute":"yes","loop":"yes"}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/creativecoefficient.net\/wp-content\/uploads\/2024\/09\/BetterVet_final.mp4\" autoplay=\"\" loop=\"\" muted=\"muted\" playsinline=\"\" controlslist=\"nodownload\"><\/video>\n\t\t\t\t<\/div>\n\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-b5ef299 e-con-full background-container e-flex e-con e-child\" data-id=\"b5ef299\" data-element_type=\"container\" id=\"background-bettervet-image-container\" data-settings=\"{"position":"absolute"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8562c8a elementor-widget elementor-widget-image\" data-id=\"8562c8a\" data-element_type=\"widget\" id=\"background-bettervet-image\" 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<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"876\" src=\"https:\/\/creativecoefficient.net\/wp-content\/uploads\/2024\/08\/BV-1024x876.png\" class=\"attachment-large size-large wp-image-7835\" alt=\"\" srcset=\"https:\/\/creativecoefficient.net\/wp-content\/uploads\/2024\/08\/BV-1024x876.png 1024w, https:\/\/creativecoefficient.net\/wp-content\/uploads\/2024\/08\/BV-300x257.png 300w, https:\/\/creativecoefficient.net\/wp-content\/uploads\/2024\/08\/BV-768x657.png 768w, https:\/\/creativecoefficient.net\/wp-content\/uploads\/2024\/08\/BV.png 1162w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6d4cdab e-con-full e-flex e-con e-child\" data-id=\"6d4cdab\" data-element_type=\"container\" id=\"image-bettervet-degrade\" data-settings=\"{"position":"absolute"}\">\n\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-528cf97 e-con-full degrade-container-our-work e-flex e-con e-child\" data-id=\"528cf97\" data-element_type=\"container\" data-settings=\"{"position":"absolute"}\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bff8510 e-con-full our-work-2-titlecontainer e-flex e-con e-child\" data-id=\"bff8510\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b25edeb elementor-widget elementor-widget-heading\" data-id=\"b25edeb\" data-element_type=\"widget\" id=\"our-work-title-bettervet\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<span class=\"elementor-heading-title elementor-size-default\">BetterVet<\/span>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ca3caf8 elementor-widget__width-initial elementor-absolute elementor-widget elementor-widget-heading\" data-id=\"ca3caf8\" data-element_type=\"widget\" id=\"subtitle-card-bettervet\" data-settings=\"{"_position":"absolute"}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<span class=\"elementor-heading-title elementor-size-default\">Usamos tecnolog\u00eda de vanguardia para ofrecer atenci\u00f3n veterinaria de m\u00e1xima calidad.<\/span>\t\t<\/div>\n\t\t\t\t<\/div>\n\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-a2a31cf e-con-full card-container-our-work e-flex e-con e-child\" data-id=\"a2a31cf\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-74c5f6dd e-con-full card-our-work-2 hover-target dynamic e-flex e-con e-child\" data-id=\"74c5f6dd\" data-element_type=\"container\" id=\"dropoffCard\" data-settings=\"{"background_background":"classic"}\">\n\t\t<div class=\"elementor-element elementor-element-6f8df353 e-con-full card-up-container e-flex e-con e-child\" data-id=\"6f8df353\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-75ea0e8 e-con-full custom-video-container e-flex e-con e-child\" data-id=\"75ea0e8\" data-element_type=\"container\" id=\"custom-video-container-dropoff\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-762cb870 elementor-widget__width-inherit custom-video elementor-widget elementor-widget-video\" data-id=\"762cb870\" data-element_type=\"widget\" data-settings=\"{"video_type":"hosted","autoplay":"yes","play_on_mobile":"yes","mute":"yes","loop":"yes"}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/creativecoefficient.net\/wp-content\/uploads\/2025\/04\/DropOff.mp4\" autoplay=\"\" loop=\"\" muted=\"muted\" playsinline=\"\" controlslist=\"nodownload\"><\/video>\n\t\t\t\t<\/div>\n\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-fc80217 e-con-full background-container e-flex e-con e-child\" data-id=\"fc80217\" data-element_type=\"container\" id=\"background-dropoff-image-container\" data-settings=\"{"position":"absolute"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-70be73a5 dropoff-hover-img elementor-widget elementor-widget-image\" data-id=\"70be73a5\" data-element_type=\"widget\" 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<img loading=\"lazy\" decoding=\"async\" width=\"473\" height=\"840\" src=\"https:\/\/creativecoefficient.net\/wp-content\/uploads\/2025\/03\/cecaf49fabee7522964c2c6ab9205e1a.png\" class=\"attachment-large size-large wp-image-14758\" alt=\"\" srcset=\"https:\/\/creativecoefficient.net\/wp-content\/uploads\/2025\/03\/cecaf49fabee7522964c2c6ab9205e1a.png 473w, https:\/\/creativecoefficient.net\/wp-content\/uploads\/2025\/03\/cecaf49fabee7522964c2c6ab9205e1a-169x300.png 169w\" sizes=\"auto, (max-width: 473px) 100vw, 473px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-76e569e6 e-con-full e-flex e-con e-child\" data-id=\"76e569e6\" data-element_type=\"container\" data-settings=\"{"position":"absolute"}\">\n\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-70c9e83e e-con-full degrade-container-our-work e-flex e-con e-child\" data-id=\"70c9e83e\" data-element_type=\"container\" data-settings=\"{"position":"absolute"}\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-212360c5 e-con-full our-work-2-titlecontainer e-flex e-con e-child\" data-id=\"212360c5\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-137f3550 elementor-widget elementor-widget-heading\" data-id=\"137f3550\" data-element_type=\"widget\" id=\"our-work-title-dropoff\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<span class=\"elementor-heading-title elementor-size-default\">Dropoff<\/span>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8a8f8c1 elementor-widget__width-initial elementor-absolute elementor-widget elementor-widget-heading\" data-id=\"8a8f8c1\" data-element_type=\"widget\" id=\"subtitle-card-dropoff\" data-settings=\"{"_position":"absolute"}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<span class=\"elementor-heading-title elementor-size-default\">Servicios de mensajer\u00eda personalizados para entregas m\u00e1s seguras, r\u00e1pidas y confiables.<\/span>\t\t<\/div>\n\t\t\t\t<\/div>\n\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-63cdd28 e-con-full card-container-our-work e-flex e-con e-child\" data-id=\"63cdd28\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-8552643 e-con-full card-our-work-2 hover-target dynamic e-flex e-con e-child\" data-id=\"8552643\" data-element_type=\"container\" id=\"npalCard\" data-settings=\"{"background_background":"classic"}\">\n\t\t<div class=\"elementor-element elementor-element-4e1fee31 e-con-full card-up-container e-flex e-con e-child\" data-id=\"4e1fee31\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-b25c00f e-con-full custom-video-container e-flex e-con e-child\" data-id=\"b25c00f\" data-element_type=\"container\" id=\"custom-video-container-npal\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4c8ca257 elementor-widget__width-inherit custom-video elementor-widget elementor-widget-video\" data-id=\"4c8ca257\" data-element_type=\"widget\" data-settings=\"{"video_type":"hosted","autoplay":"yes","play_on_mobile":"yes","mute":"yes","loop":"yes"}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/creativecoefficient.net\/wp-content\/uploads\/2025\/04\/NeighborhoodPal.mp4\" autoplay=\"\" loop=\"\" muted=\"muted\" playsinline=\"\" controlslist=\"nodownload\"><\/video>\n\t\t\t\t<\/div>\n\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-6c042f2c e-con-full background-container e-flex e-con e-child\" data-id=\"6c042f2c\" data-element_type=\"container\" id=\"background-npal-image-container\" data-settings=\"{"position":"absolute"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-587ba789 npal-hover-img elementor-widget elementor-widget-image\" data-id=\"587ba789\" data-element_type=\"widget\" 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<img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"784\" src=\"https:\/\/creativecoefficient.net\/wp-content\/uploads\/2025\/04\/npalimg.png\" class=\"attachment-large size-large wp-image-15132\" alt=\"\" srcset=\"https:\/\/creativecoefficient.net\/wp-content\/uploads\/2025\/04\/npalimg.png 400w, https:\/\/creativecoefficient.net\/wp-content\/uploads\/2025\/04\/npalimg-153x300.png 153w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2c132dbe e-con-full e-flex e-con e-child\" data-id=\"2c132dbe\" data-element_type=\"container\" data-settings=\"{"position":"absolute"}\">\n\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-2f7acad e-con-full degrade-container-our-work e-flex e-con e-child\" data-id=\"2f7acad\" data-element_type=\"container\" data-settings=\"{"position":"absolute"}\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5a6b8dfd e-con-full our-work-2-titlecontainer e-flex e-con e-child\" data-id=\"5a6b8dfd\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-18ff3691 elementor-widget elementor-widget-heading\" data-id=\"18ff3691\" data-element_type=\"widget\" id=\"our-work-title-npal\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<span class=\"elementor-heading-title elementor-size-default\">NeighborhoodPal<\/span>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-24968f1 elementor-widget__width-initial elementor-absolute elementor-widget elementor-widget-heading\" data-id=\"24968f1\" data-element_type=\"widget\" id=\"subtitle-card-npal\" data-settings=\"{"_position":"absolute"}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<span class=\"elementor-heading-title elementor-size-default\">Recorridos virtuales e informaci\u00f3n sobre barrios y comunidades para tu pr\u00f3xima mudanza.<\/span>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\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-08d3b2e e-con-full bg-1c1c1c section-item active-threshold-0.5 e-flex e-con e-child\" data-id=\"08d3b2e\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-140955a elementor-widget elementor-widget-html\" data-id=\"140955a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\r\n .marquee {\r\n display: flex;\r\n overflow: hidden;\r\n \/*height: 50vh;*\/\r\n user-select: none;\r\n gap: 2rem;\r\n padding-top: 1rem;\r\n padding-bottom: 1rem;\r\n opacity: 1!important;\r\n will-change: transform;\r\n }\r\n \r\n .marquee__group {\r\n flex-shrink: 0;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 2rem;\r\n min-width: 100%;\r\n animation: scroll 60s linear infinite;\r\n }\r\n \r\n .marquee__group span {\r\n color: #000000!important;\r\n font-size: 90px!important;\r\n font-weight: 700;\r\n white-space: nowrap;\r\n font-family: 'Lexend' !important;\r\n }\r\n \r\n @keyframes scroll {\r\n from {\r\n transform: translateX(0);\r\n }\r\n to {\r\n transform: translateX(calc(-100% - 2rem));\r\n }\r\n }\r\n \r\n @media only screen and (min-width: 360px) {\r\n .marquee__group span {\r\n font-size: 180px;\r\n }\r\n }\r\n \/*.marquee:hover .marquee__group span,*\/\r\n \/*.marquee:hover .marquee__group svg path {*\/\r\n \/* color: #fff!important;*\/\r\n \/* fill: #fff!important;*\/\r\n \/* stroke: #fff!important;*\/\r\n \/*}*\/\r\n \/*.home-section-container {*\/\r\n \/* will-change: background-color;*\/\r\n \/*}*\/\r\n \/*.home-section-container:has(.marquee:hover) {*\/\r\n \/* background-color: #000!important;*\/\r\n \/*}*\/\r\n<\/style>\r\n\r\n<div class=\"marquee\">\r\n <div class=\"marquee__group\">\r\n <span>Somos Creative Coefficient<\/span>\r\n <svg width=\"187\" height=\"80\" viewbox=\"0 0 187 80\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M52.1534 74.1923C42.4123 62.5635 38.0355 46.7163 41.5156 30.269C44.0979 18.0789 51.178 7.61232 61.1787 0.251548C59.9479 0.572431 58.7209 0.917265 57.4972 1.27758C46.0549 4.65851 35.4303 10.0146 25.0623 15.723C18.7298 19.1387 12.8955 23.4025 7.72204 28.3955L7.09664 28.995C2.69811 33.6289 2.53177 37.9948 6.64059 42.9143C10.3549 47.3382 14.9217 50.8529 19.4368 54.4024C29.218 62.0907 39.58 68.8349 51.0882 73.735L51.9452 74.1045L52.1534 74.1923Z\" fill=\"#000000\"\/>\r\n<path d=\"M104.438 9.5L70.4375 70.5\" stroke=\"#000000\" stroke-width=\"8\" stroke-linecap=\"square\"\/>\r\n<path d=\"M121.473 71.7387C130.684 60.9844 134.933 46.2396 131.855 30.8561C129.571 19.4543 123.071 9.61585 113.814 2.64646C114.959 2.95825 116.101 3.29236 117.239 3.64088C127.883 6.91073 137.744 12.0157 147.361 17.4467C153.236 20.6977 158.637 24.7352 163.413 29.4466L163.991 30.0124C168.048 34.3808 168.158 38.4568 164.273 43.0064C160.76 47.0976 156.462 50.3317 152.211 53.5988C143.003 60.6755 133.263 66.8653 122.472 71.3225L121.668 71.6588L121.473 71.7387Z\" fill=\"#000000\"\/>\r\n<\/svg>\r\n\r\n <span>Somos Creative Coefficient<\/span>\r\n <svg width=\"187\" height=\"80\" viewbox=\"0 0 187 80\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M52.1534 74.1923C42.4123 62.5635 38.0355 46.7163 41.5156 30.269C44.0979 18.0789 51.178 7.61232 61.1787 0.251548C59.9479 0.572431 58.7209 0.917265 57.4972 1.27758C46.0549 4.65851 35.4303 10.0146 25.0623 15.723C18.7298 19.1387 12.8955 23.4025 7.72204 28.3955L7.09664 28.995C2.69811 33.6289 2.53177 37.9948 6.64059 42.9143C10.3549 47.3382 14.9217 50.8529 19.4368 54.4024C29.218 62.0907 39.58 68.8349 51.0882 73.735L51.9452 74.1045L52.1534 74.1923Z\" fill=\"#000000\"\/>\r\n<path d=\"M104.438 9.5L70.4375 70.5\" stroke=\"#000000\" stroke-width=\"8\" stroke-linecap=\"square\"\/>\r\n<path d=\"M121.473 71.7387C130.684 60.9844 134.933 46.2396 131.855 30.8561C129.571 19.4543 123.071 9.61585 113.814 2.64646C114.959 2.95825 116.101 3.29236 117.239 3.64088C127.883 6.91073 137.744 12.0157 147.361 17.4467C153.236 20.6977 158.637 24.7352 163.413 29.4466L163.991 30.0124C168.048 34.3808 168.158 38.4568 164.273 43.0064C160.76 47.0976 156.462 50.3317 152.211 53.5988C143.003 60.6755 133.263 66.8653 122.472 71.3225L121.668 71.6588L121.473 71.7387Z\" fill=\"#000000\"\/>\r\n<\/svg>\r\n\r\n <span>Somos Creative Coefficient<\/span>\r\n <svg width=\"187\" height=\"80\" viewbox=\"0 0 187 80\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M52.1534 74.1923C42.4123 62.5635 38.0355 46.7163 41.5156 30.269C44.0979 18.0789 51.178 7.61232 61.1787 0.251548C59.9479 0.572431 58.7209 0.917265 57.4972 1.27758C46.0549 4.65851 35.4303 10.0146 25.0623 15.723C18.7298 19.1387 12.8955 23.4025 7.72204 28.3955L7.09664 28.995C2.69811 33.6289 2.53177 37.9948 6.64059 42.9143C10.3549 47.3382 14.9217 50.8529 19.4368 54.4024C29.218 62.0907 39.58 68.8349 51.0882 73.735L51.9452 74.1045L52.1534 74.1923Z\" fill=\"#000000\"\/>\r\n<path d=\"M104.438 9.5L70.4375 70.5\" stroke=\"#000000\" stroke-width=\"8\" stroke-linecap=\"square\"\/>\r\n<path d=\"M121.473 71.7387C130.684 60.9844 134.933 46.2396 131.855 30.8561C129.571 19.4543 123.071 9.61585 113.814 2.64646C114.959 2.95825 116.101 3.29236 117.239 3.64088C127.883 6.91073 137.744 12.0157 147.361 17.4467C153.236 20.6977 158.637 24.7352 163.413 29.4466L163.991 30.0124C168.048 34.3808 168.158 38.4568 164.273 43.0064C160.76 47.0976 156.462 50.3317 152.211 53.5988C143.003 60.6755 133.263 66.8653 122.472 71.3225L121.668 71.6588L121.473 71.7387Z\" fill=\"#000000\"\/>\r\n<\/svg>\r\n\r\n <\/div>\r\n <div class=\"marquee__group\" aria-hidden=\"true\">\r\n <span>Somos Creative Coefficient<\/span>\r\n <svg width=\"187\" height=\"80\" viewbox=\"0 0 187 80\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M52.1534 74.1923C42.4123 62.5635 38.0355 46.7163 41.5156 30.269C44.0979 18.0789 51.178 7.61232 61.1787 0.251548C59.9479 0.572431 58.7209 0.917265 57.4972 1.27758C46.0549 4.65851 35.4303 10.0146 25.0623 15.723C18.7298 19.1387 12.8955 23.4025 7.72204 28.3955L7.09664 28.995C2.69811 33.6289 2.53177 37.9948 6.64059 42.9143C10.3549 47.3382 14.9217 50.8529 19.4368 54.4024C29.218 62.0907 39.58 68.8349 51.0882 73.735L51.9452 74.1045L52.1534 74.1923Z\" fill=\"#000000\"\/>\r\n<path d=\"M104.438 9.5L70.4375 70.5\" stroke=\"#000000\" stroke-width=\"8\" stroke-linecap=\"square\"\/>\r\n<path d=\"M121.473 71.7387C130.684 60.9844 134.933 46.2396 131.855 30.8561C129.571 19.4543 123.071 9.61585 113.814 2.64646C114.959 2.95825 116.101 3.29236 117.239 3.64088C127.883 6.91073 137.744 12.0157 147.361 17.4467C153.236 20.6977 158.637 24.7352 163.413 29.4466L163.991 30.0124C168.048 34.3808 168.158 38.4568 164.273 43.0064C160.76 47.0976 156.462 50.3317 152.211 53.5988C143.003 60.6755 133.263 66.8653 122.472 71.3225L121.668 71.6588L121.473 71.7387Z\" fill=\"#000000\"\/>\r\n<\/svg>\r\n\r\n <span>Somos Creative Coefficient<\/span>\r\n <svg width=\"187\" height=\"80\" viewbox=\"0 0 187 80\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M52.1534 74.1923C42.4123 62.5635 38.0355 46.7163 41.5156 30.269C44.0979 18.0789 51.178 7.61232 61.1787 0.251548C59.9479 0.572431 58.7209 0.917265 57.4972 1.27758C46.0549 4.65851 35.4303 10.0146 25.0623 15.723C18.7298 19.1387 12.8955 23.4025 7.72204 28.3955L7.09664 28.995C2.69811 33.6289 2.53177 37.9948 6.64059 42.9143C10.3549 47.3382 14.9217 50.8529 19.4368 54.4024C29.218 62.0907 39.58 68.8349 51.0882 73.735L51.9452 74.1045L52.1534 74.1923Z\" fill=\"#000000\"\/>\r\n<path d=\"M104.438 9.5L70.4375 70.5\" stroke=\"#000000\" stroke-width=\"8\" stroke-linecap=\"square\"\/>\r\n<path d=\"M121.473 71.7387C130.684 60.9844 134.933 46.2396 131.855 30.8561C129.571 19.4543 123.071 9.61585 113.814 2.64646C114.959 2.95825 116.101 3.29236 117.239 3.64088C127.883 6.91073 137.744 12.0157 147.361 17.4467C153.236 20.6977 158.637 24.7352 163.413 29.4466L163.991 30.0124C168.048 34.3808 168.158 38.4568 164.273 43.0064C160.76 47.0976 156.462 50.3317 152.211 53.5988C143.003 60.6755 133.263 66.8653 122.472 71.3225L121.668 71.6588L121.473 71.7387Z\" fill=\"#000000\"\/>\r\n<\/svg>\r\n\r\n <span>Somos Creative Coefficient<\/span>\r\n <svg width=\"187\" height=\"80\" viewbox=\"0 0 187 80\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M52.1534 74.1923C42.4123 62.5635 38.0355 46.7163 41.5156 30.269C44.0979 18.0789 51.178 7.61232 61.1787 0.251548C59.9479 0.572431 58.7209 0.917265 57.4972 1.27758C46.0549 4.65851 35.4303 10.0146 25.0623 15.723C18.7298 19.1387 12.8955 23.4025 7.72204 28.3955L7.09664 28.995C2.69811 33.6289 2.53177 37.9948 6.64059 42.9143C10.3549 47.3382 14.9217 50.8529 19.4368 54.4024C29.218 62.0907 39.58 68.8349 51.0882 73.735L51.9452 74.1045L52.1534 74.1923Z\" fill=\"#000000\"\/>\r\n<path d=\"M104.438 9.5L70.4375 70.5\" stroke=\"#000000\" stroke-width=\"8\" stroke-linecap=\"square\"\/>\r\n<path d=\"M121.473 71.7387C130.684 60.9844 134.933 46.2396 131.855 30.8561C129.571 19.4543 123.071 9.61585 113.814 2.64646C114.959 2.95825 116.101 3.29236 117.239 3.64088C127.883 6.91073 137.744 12.0157 147.361 17.4467C153.236 20.6977 158.637 24.7352 163.413 29.4466L163.991 30.0124C168.048 34.3808 168.158 38.4568 164.273 43.0064C160.76 47.0976 156.462 50.3317 152.211 53.5988C143.003 60.6755 133.263 66.8653 122.472 71.3225L121.668 71.6588L121.473 71.7387Z\" fill=\"#000000\"\/>\r\n<\/svg>\r\n\r\n <\/div>\r\n<\/div>\r\n<script>\r\n \/\/ Debounced scroll listener to force a repaint\r\nlet ticking = false;\r\nwindow.addEventListener('scroll', () => {\r\n if (!ticking) {\r\n window.requestAnimationFrame(() => {\r\n \/\/ Reading offsetHeight forces a reflow on the container.\r\n document.querySelector('.home-section-container').offsetHeight;\r\n ticking = false;\r\n });\r\n ticking = true;\r\n }\r\n});\r\n\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7d9a5cc bg-ffffff section-item e-flex e-con-boxed e-con e-child\" data-id=\"7d9a5cc\" data-element_type=\"container\" id=\"cf-tech-partner\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-67eb441 e-con-full e-flex e-con e-child\" data-id=\"67eb441\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-6586cef e-con-full cf-titles e-flex e-con e-child\" data-id=\"6586cef\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ce79039 elementor-widget elementor-widget-heading\" data-id=\"ce79039\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">We are not just a vendor <br class=\"\"only-mobile\">but a <\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1f1f016 elementor-widget elementor-widget-heading\" data-id=\"1f1f016\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Client-First<br>Tech Partner<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8d4ccab e-con-full e-flex e-con e-child\" data-id=\"8d4ccab\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ab1d547 elementor-widget elementor-widget-html\" data-id=\"ab1d547\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\r\n<div class=\"tech-anim-container\">\r\n <img decoding=\"async\" src=\"https:\/\/creativecoefficient.net\/wp-content\/uploads\/2024\/10\/Combined-Shape-Copy-130.svg\" class=\"tech-anim-item\" alt=\"Tech 1\">\r\n <img decoding=\"async\" src=\"https:\/\/creativecoefficient.net\/wp-content\/uploads\/2024\/10\/Combined-Shape-Copy-127.svg\" class=\"tech-anim-item\" alt=\"Tech 2\">\r\n <img decoding=\"async\" src=\"https:\/\/creativecoefficient.net\/wp-content\/uploads\/2024\/10\/Combined-Shape-Copy-128.svg\" class=\"tech-anim-item\" alt=\"Tech 3\">\r\n <img decoding=\"async\" src=\"https:\/\/creativecoefficient.net\/wp-content\/uploads\/2024\/10\/Combined-Shape-Copy-129.svg\" class=\"tech-anim-item\" alt=\"Tech 4\">\r\n<\/div>\r\n\r\n\r\n\r\n<style>\r\n \/* Container for the animated arrows *\/\r\n .tech-anim-container {\r\n display: flex;\r\n justify-content: space-around;\r\n align-items: center;\r\n width: 100%;\r\n margin: 0 auto;\r\n }\r\n \/* Each arrow\/tech image styling *\/\r\n .tech-anim-item {\r\n width: 50px; \/* Adjust as needed *\/\r\n height: auto;\r\n }\r\n<\/style>\r\n\r\n<script>\r\n document.addEventListener('DOMContentLoaded', function(){\r\n \r\n \/\/ Check if ScrollTrigger is available\r\n if (typeof ScrollTrigger === \"undefined\") {\r\n console.error(\"ScrollTrigger not found. Make sure GSAP and ScrollTrigger are loaded.\");\r\n }\r\n \r\n \/\/ Animate the tech items (arrows) using fromTo to ensure a final x of 0 and y of 0.\r\n var techItems = gsap.utils.toArray(\".tech-anim-item\");\r\n if (techItems.length === 0) {\r\n console.warn(\"No elements found with class .tech-anim-item\");\r\n }\r\n techItems.forEach(function(item, i) {\r\n gsap.fromTo(item,\r\n {\r\n x: \"-150vw\",\r\n y: gsap.utils.random(-50, 50)\r\n },\r\n {\r\n scrollTrigger: {\r\n trigger: \"#cf-tech-partner\",\r\n start: \"top center\",\r\n once: true\r\n },\r\n delay: 0.1 + i * 0.4,\r\n duration: 2.5,\r\n x: 0, \/\/ Animate to natural horizontal position\r\n y: 0, \/\/ Force final y to be 0 for alignment\r\n ease: \"power2.out\",\r\n onStart: function() {\r\n \/\/ console.log(\"Tech item animation started for item\", i, item);\r\n },\r\n onComplete: function() {\r\n \/\/ console.log(\"Tech item entrance complete for item\", i, item);\r\n \/\/ Capture the final y value (which should be 0)\r\n var baseline = gsap.getProperty(item, \"y\");\r\n \/\/ console.log(\"Baseline for tech item\", i, \"is\", baseline);\r\n \/\/ Start infinite vertical oscillation (\"wave\") relative to baseline.\r\n \/\/ We remove randomness so that the wave is synchronized.\r\n gsap.to(item, {\r\n y: baseline + 80, \/\/ Oscillate from 0 to 40px\r\n duration: 3, \/\/ Fixed duration for all items\r\n yoyo: true,\r\n repeat: -1,\r\n ease: \"sine.inOut\",\r\n onStart: function() {\r\n \/\/ console.log(\"Tech item wave animation started for item\", i, item);\r\n }\r\n });\r\n }\r\n }\r\n );\r\n });\r\n \r\n \/\/ Animate the titles (.cf-titles) from off-screen left to x:0.\r\n var titleItems = gsap.utils.toArray(\".cf-titles\");\r\n if (titleItems.length === 0) {\r\n console.warn(\"No elements found with class .cf-titles\");\r\n }\r\n titleItems.forEach(function(title, j) {\r\n \/\/ console.log(\"Animating title\", j, title);\r\n gsap.fromTo(title,\r\n {\r\n x: \"-150vw\",\r\n y: gsap.utils.random(-50, 50)\r\n },\r\n {\r\n scrollTrigger: {\r\n trigger: \"#cf-tech-partner\",\r\n start: \"top center\",\r\n once: true\r\n },\r\n delay: 0.2 + j * 0.2, \/\/ start 0.5s after the arrows, with stagger\r\n duration: 2.5,\r\n x: 0, \/\/ animate to natural position\r\n ease: \"linear\"\r\n }\r\n );\r\n });\r\n });\r\n<\/script>\r\n\t\t<\/div>\n\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-b65d632 e-con-full bg-ffffff section-item e-flex e-con e-child\" data-id=\"b65d632\" data-element_type=\"container\" id=\"data-container\">\n\t\t<div class=\"elementor-element elementor-element-019b1a3 e-con-full e-flex e-con e-child\" data-id=\"019b1a3\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b501f20 elementor-widget elementor-widget-html\" data-id=\"b501f20\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/animate.css\/4.1.1\/animate.min.css\"\/>\r\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.11.4\/gsap.min.js\"><\/script>\r\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.11.4\/ScrollTrigger.min.js\"><\/script>\r\n\r\n <style>\r\n .data-container {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n width: 100%;\r\n height: 100%;\r\n margin: 0;\r\n }\r\n\r\n .progress-bar {\r\n max-width: 80vw;\r\n width: 1200px;\r\n height: 80px;\r\n background-color: transparent;\r\n border-radius: 10px;\r\n overflow: hidden;\r\n position: relative;\r\n margin-bottom: 20px;\r\n transition: height 0.5s ease-in-out;\r\n display: flex;\r\n }\r\n\r\n .progress {\r\n width: 0;\r\n height: 100%;\r\n background-color: #4788F1;\r\n border-radius: 10px;\r\n transition: width 0.1s ease-in-out, background-color 0.5s ease-in-out;\r\n display: flex;\r\n align-items: center;\r\n justify-content: flex-start;\r\n }\r\n\r\n .progress-text {\r\n font-size: 24px;\r\n opacity: 1;\r\n transition: opacity 0.5s ease-in-out;\r\n }\r\n\r\n .final-text {\r\n font-family: 'Lexend Deca' , sans-serif;\r\n font-size: 70px;\r\n font-weight: 500;\r\n line-height: 79px;\r\n color: white;\r\n opacity: 0;\r\n transition: opacity 0.5s ease-in-out;\r\n padding-left: 110px;\r\n width: 70%;\r\n margin-bottom: 85px;\r\n }\r\n\r\n .progress-gradient {\r\n background: linear-gradient(105.58deg, #E64039 0%, #F8B925 33.3%, #3CA755 66.6%, #4788F1 100%);\r\n background-size: 400% 400%;\r\n animation: gradientShift 12s infinite ease-in-out;\r\n }\r\n\r\n @keyframes gradientShift {\r\n 0% {\r\n background-position: 0% 0%;\r\n }\r\n 50% {\r\n background-position: 100% 100%;\r\n }\r\n 100% {\r\n background-position: 0% 0%;\r\n }\r\n }\r\n .contact-us-container {\r\n position: absolute;\r\n right: 102px;\r\n opacity: 0;\r\n cursor: pointer;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n z-index: 2;\r\n }\r\n\r\n .contact-us-pointer {\r\n width: 10px;\r\n height: 10px;\r\n background-color: #F9F7F1;\r\n border-radius: 50%;\r\n position: absolute;\r\n z-index: 2;\r\n }\r\n\r\n .contact-us-select {\r\n border-radius: 50%;\r\n position: absolute;\r\n animation: shrink 0.5s forwards;\r\n }\r\n @keyframes grow {\r\n to {\r\n width: 190px;\r\n height: 190px;\r\n }\r\n }\r\n\r\n @keyframes shrink {\r\n to {\r\n width: 1px;\r\n height: 1px;\r\n }\r\n }\r\n\r\n #contact-us-container-img img {\r\n width: 235px;\r\n }\r\n\r\n #contact-us-container-img {\r\n position: absolute;\r\n bottom: -80px;\r\n right: -80px;\r\n }\r\n \r\n @media (min-width: 1024px) {\r\n #contact-us-container-img img {\r\n width: 375px;\r\n }\r\n\r\n #contact-us-container-img {\r\n position: absolute;\r\n bottom: -144px;\r\n right: -144px;\r\n }\r\n }\r\n\r\n #contact-us-container-img:hover .contact-us-select {\r\n animation: grow 0.5s forwards;\r\n }\r\n\r\n #contact-us-container-img:not(:hover) .contact-us-select {\r\n animation: shrink 0.5s forwards;\r\n }\r\n \r\n @media (max-width: 1024px) {\r\n .progress-bar .button-container {\r\n left: 0;\r\n right: 0;\r\n justify-content: center;\r\n bottom: 120px !important;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .progress-bar {\r\n width: 80vw;\r\n }\r\n #contact-us-container-img {\r\n display: none;\r\n }\r\n .final-text {\r\n font-size: 60px;\r\n font-weight: 500;\r\n line-height: 80px;\r\n padding-left: 23px;\r\n width: 90%;\r\n }\r\n }\r\n\r\n @media (max-width: 425px) {\r\n .final-text {\r\n font-size: 40px;\r\n font-weight: 500;\r\n line-height: 50px;\r\n padding-left: 23px;\r\n }\r\n .progress-bar .button-container {\r\n bottom: 155px!important;\r\n }\r\n }\r\n \r\n .arrow-talent {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -60%) scale(0.2);\r\n opacity: 0;\r\n }\r\n \r\n .contact-us-btn {\r\n display: inline-block;\r\n padding: 10px 20px;\r\n font-size: 18px;\r\n text-decoration: none;\r\n background-color: #fff;\r\n border-radius: 40px;\r\n margin-top: 20px;\r\n position: relative;\r\n z-index: 3;\r\n transition-duration: .3s;\r\n }\r\n\r\n a.contact-us-btn:hover {\r\n background-color: #1c1c1c;\r\n color: #fff;\r\n }\r\n\r\n .progress-bar .button-container {\r\n opacity: 0;\r\n position: absolute;\r\n bottom: 51px;\r\n left: 110px;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<svg width=\"278\" height=\"301\" viewbox=\"0 0 278 301\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"arrow-talent\" id=\"arrow1\">\r\n <path d=\"M52.0421 300.045C49.6919 246.408 65.7992 194.042 99.9992 152.015C146.139 95.285 211.654 66.5092 277.516 67.2509C276.044 66.4758 274.564 65.7056 273.082 64.9454C225.157 39.8286 174.105 23.6411 121.495 11.9538L118.43 11.2751C95.1447 6.10123 71.7913 0.913189 47.7698 0.615318C19.9853 0.351648 5.64743 12.8861 1.98129 40.2882C1.86574 41.598 1.769 42.8226 1.65601 44.0226C-1.17053 75.0197 0.29957 106.233 6.02263 136.781C14.9545 187.123 25.7578 237.331 45.501 284.917C47.6095 290.001 49.7777 295.049 52.0421 300.045Z\" fill=\"#F8CF6E\"\/>\r\n<\/svg>\r\n<svg width=\"218\" height=\"203\" viewbox=\"0 0 218 203\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"arrow-talent\" id=\"arrow2\">\r\n <path d=\"M217.09 180.14C178.166 177.912 141.512 162.431 113.653 134.625C76.046 97.1103 60.0539 47.6331 65.413 0.0670988C64.7452 1.07458 64.0804 2.08807 63.4226 3.10405C41.7666 35.9165 26.3328 71.6433 14.0363 108.826L13.3215 110.993C7.87822 127.45 2.41976 143.955 0.445412 161.301C-1.7798 181.371 6.22609 192.656 25.755 197.313C26.6929 197.493 27.5706 197.653 28.4293 197.822C50.617 202.136 73.2758 203.359 95.765 201.458C132.79 198.686 169.855 194.552 205.681 183.762C209.509 182.61 213.314 181.412 217.09 180.14Z\" fill=\"#7DAAF1\"\/>\r\n<\/svg>\r\n<svg width=\"291\" height=\"314\" viewbox=\"0 0 291 314\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"arrow-talent\" id=\"arrow3\">\r\n <path d=\"M252.445 0.813917C251.014 56.8256 230.458 110.178 191.814 151.457C139.677 207.18 69.3887 232.398 0.874043 226.86C2.3504 227.773 3.83526 228.682 5.32334 229.581C53.4023 259.198 105.382 279.744 159.309 295.719L162.45 296.647C186.318 303.718 210.256 310.809 235.243 312.858C264.151 315.143 279.984 303.131 285.782 274.868C285.997 273.512 286.186 272.245 286.391 271.003C291.574 238.937 292.301 206.334 288.551 174.117C282.892 121.06 275.275 68.0077 258.161 17.0377C256.334 11.5918 254.441 6.17989 252.445 0.813917Z\" fill=\"#EA645E\"\/>\r\n<\/svg>\r\n<svg width=\"154\" height=\"135\" viewbox=\"0 0 154 135\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"arrow-talent\" id=\"arrow4\">\r\n <path d=\"M0.227087 75.4966C24.7323 63.8923 52.2622 61.1349 78.5247 68.831C113.97 79.2078 140.201 104.087 152.76 134.912C152.833 134.074 152.901 133.234 152.965 132.395C155.265 105.149 152.797 78.197 147.928 51.4008L147.644 49.8402C145.49 37.98 143.329 26.0852 138.761 14.8374C133.439 1.84343 124.796 -2.37933 111.323 1.282C110.691 1.48482 110.102 1.6797 109.521 1.86219C94.5397 6.619 80.2993 13.4196 67.2021 22.0709C45.5204 36.0952 24.2678 50.965 5.9872 69.4854C4.0338 71.4638 2.10917 73.4627 0.227087 75.4966Z\" fill=\"#88C793\"\/>\r\n<\/svg>\r\n\r\n<div class=\"data-container\" id=\"data-container\">\r\n <div class=\"progress-bar\">\r\n <div class=\"progress\" id=\"progress\">\r\n <span class=\"final-text animate__animated\" id=\"final-text\" data-no-translation><\/span>\r\n <div class=\"contact-us-container\" id=\"contact-us-container-img\">\r\n <img decoding=\"async\" src=\"https:\/\/creativecoefficient.net\/wp-content\/uploads\/2025\/08\/spinner-know-about-us-web-2.webp\" alt=\"\" id=\"contact-us-image\">\r\n <\/div>\r\n <div class=\"button-container\">\r\n <a href=\"#contact-us-container\" class=\"contact-us-btn\" id=\"contact-us-btn-text\" data-no-translation>Contact us<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"progress-text\" id=\"progress-text\" data-no-translation>16 years<\/div>\r\n<\/div>\r\n\r\n<script>\r\n \/\/ 1. Ejecuci\u00f3n inmediata para configurar el idioma y textos\r\n const htmlLang = document.documentElement.lang.toLowerCase();\r\n const isSpanish = htmlLang.startsWith('es') || window.location.pathname.endsWith('\/es') || window.location.pathname.endsWith('\/es\/');\r\n \r\n const translations = {\r\n en: {\r\n btnText: \"Contact us\",\r\n initText: \"16 years\",\r\n progressSteps: [\"16 years\", \"20 countries\", \"+60 talented experts\", \"100% creative\"],\r\n finalTexts: ['+300<br>projects launched', '+60 talented<br>experts', 'Since 2008']\r\n },\r\n es: {\r\n btnText: \"Cont\u00e1ctanos\",\r\n initText: \"18 a\u00f1os\",\r\n progressSteps: [\"18 a\u00f1os\", \"30 pa\u00edses\", \"+60 expertos\", \"100% Creativos\"],\r\n finalTexts: ['+300<br>proyectos creados', '+60<br>expertos', 'Desde 2008']\r\n }\r\n };\r\n\r\n const currentLang = isSpanish ? 'es' : 'en';\r\n const langData = translations[currentLang];\r\n\r\n \/\/ Forzamos el texto correcto inmediatamente por JS (ahora libre de TranslatePress)\r\n document.getElementById('contact-us-btn-text').innerText = langData.btnText;\r\n document.getElementById('progress-text').innerText = langData.initText;\r\n\r\n \/\/ 2. Animaciones al cargar la p\u00e1gina completamente\r\n window.addEventListener('load', function() {\r\n\r\n const image = document.getElementById(\"contact-us-image\");\r\n\r\n let rotating = gsap.to(\"#contact-us-image\", {\r\n rotation: \"-=360\",\r\n duration: 20,\r\n ease: \"linear\",\r\n repeat: -1\r\n });\r\n \r\n document.getElementById('contact-us-image').addEventListener('click', function() {\r\n document.getElementById('contact-us-container').scrollIntoView({ behavior: 'smooth' });\r\n });\r\n\r\n document.querySelector('.button-container .contact-us-btn').addEventListener('click', function() {\r\n document.getElementById('contact-us-container').scrollIntoView({ behavior: 'smooth' });\r\n });\r\n \r\n const animateArrows = () => {\r\n document.querySelector('#arrow1').style.opacity = 1;\r\n document.querySelector('#arrow2').style.opacity = 1;\r\n document.querySelector('#arrow3').style.opacity = 1;\r\n document.querySelector('#arrow4').style.opacity = 1;\r\n gsap.to(\"#arrow1\", {\r\n duration: 3, xPercent: -600, yPercent: -600, scale: 1, ease: \"power1.inOut\",\r\n onComplete: () => { gsap.to(\"#arrow1\", { opacity: 0, duration: 0.1 }); }\r\n });\r\n gsap.to(\"#arrow2\", {\r\n duration: 3, xPercent: -600, yPercent: 600, scale: 1, ease: \"power1.inOut\",\r\n onComplete: () => { gsap.to(\"#arrow2\", { opacity: 0, duration: 0.1 }); }\r\n });\r\n gsap.to(\"#arrow3\", {\r\n duration: 3, xPercent: 600, yPercent: 600, scale: 1, ease: \"power1.inOut\",\r\n onComplete: () => { gsap.to(\"#arrow3\", { opacity: 0, duration: 0.1 }); }\r\n });\r\n gsap.to(\"#arrow4\", {\r\n duration: 3, xPercent: 600, yPercent: -600, scale: 1, ease: \"power1.inOut\",\r\n onComplete: () => { gsap.to(\"#arrow4\", { opacity: 0, duration: 0.1 }); }\r\n });\r\n }\r\n\r\n const animateBar = () => {\r\n const progress = document.querySelector('.progress');\r\n const progressText = document.getElementById('progress-text');\r\n const finalText = document.getElementById('final-text');\r\n const contactUsContainer = document.getElementById('contact-us-container-img');\r\n\r\n let width = 0;\r\n const texts = langData.finalTexts;\r\n let textIndex = 0;\r\n\r\n const showTexts = () => {\r\n finalText.addEventListener('animationend', (event) => {\r\n if (event.animationName === 'fadeOut') {\r\n textIndex++;\r\n if (textIndex >= texts.length) {\r\n textIndex = 0;\r\n }\r\n finalText.innerHTML = texts[textIndex];\r\n finalText.classList.remove('animate__fadeOut');\r\n finalText.classList.add('animate__slideInUp');\r\n } else if (event.animationName === 'slideInUp') {\r\n finalText.classList.remove('animate__slideInUp');\r\n }\r\n });\r\n\r\n const textsIntervals = setInterval(() => {\r\n finalText.classList.add('animate__fadeOut');\r\n }, 3500);\r\n }\r\n\r\n const interval = setInterval(() => {\r\n if (width >= 100) {\r\n clearInterval(interval);\r\n progress.style.backgroundColor = '#EF7831';\r\n\r\n animateArrows();\r\n\r\n setTimeout(() => {\r\n progressText.style.opacity = 0;\r\n document.querySelector('.progress-bar').style.height = '443px';\r\n progress.classList.add('progress-gradient');\r\n finalText.style.opacity = 1;\r\n contactUsContainer.style.opacity = 1;\r\n finalText.innerHTML = texts[textIndex];\r\n finalText.classList.add('animate__slideInUp');\r\n showTexts();\r\n gsap.to(\".button-container\", { opacity: 1, y: 0, duration: 1, delay: 0.5 });\r\n }, 1500);\r\n } else {\r\n width++;\r\n progress.style.width = `${width}%`;\r\n updateText(width);\r\n }\r\n }, 20);\r\n\r\n function updateText(width) {\r\n let newText = langData.progressSteps[0];\r\n\r\n if (width <= 16) {\r\n newText = langData.progressSteps[0];\r\n } else if (width <= 40) {\r\n newText = langData.progressSteps[1];\r\n } else if (width <= 75) {\r\n newText = langData.progressSteps[2];\r\n } else {\r\n newText = langData.progressSteps[3];\r\n }\r\n\r\n if (progressText.textContent !== newText) {\r\n progressText.classList.remove('animate__fadeIn');\r\n progressText.classList.add('animate__fadeOut');\r\n\r\n setTimeout(() => {\r\n progressText.textContent = newText;\r\n progressText.classList.remove('animate__fadeOut');\r\n progressText.classList.add('animate__fadeIn');\r\n }, 500);\r\n }\r\n }\r\n }\r\n\r\n gsap.registerPlugin(ScrollTrigger);\r\n\r\n ScrollTrigger.create({\r\n trigger: \"#data-container\",\r\n start: \"top 80%\",\r\n onEnter: animateBar,\r\n once: true\r\n });\r\n\r\n });\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\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-b233a80 e-con-full bg-4788F1 section-item active-threshold-0.8 e-flex e-con e-child\" data-id=\"b233a80\" data-element_type=\"container\" id=\"asking-questions\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a1ff094 elementor-widget elementor-widget-heading\" data-id=\"a1ff094\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Creamos soluciones de<br class=\"only-mobile\"> alto impacto<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4ccc60b elementor-widget elementor-widget-heading\" data-id=\"4ccc60b\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">haciendo las preguntas correctas<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1eb095e bg-ffffff section-item active-threshold-0.3 e-con-full e-flex e-con e-child\" data-id=\"1eb095e\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-739dd44 cc-container e-flex e-con-boxed e-con e-child\" data-id=\"739dd44\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-33f244b elementor-widget elementor-widget-heading\" data-id=\"33f244b\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">El equipo Creative<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1a1832b elementor-widget elementor-widget-heading\" data-id=\"1a1832b\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Juntos podemos crear grandes <br class=\"only-mobile\">soluciones<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d25debf cc-btn-1 elementor-mobile-align-center elementor-widget elementor-widget-button\" data-id=\"d25debf\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"\/es\/about-us\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Con\u00f3cenos<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-daf01e2 elementor-widget elementor-widget-spacer\" data-id=\"daf01e2\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.23.0 - 05-08-2024 *\/\n.elementor-column .elementor-spacer-inner{height:var(--spacer-size)}.e-con{--container-widget-width:100%}.e-con-inner>.elementor-widget-spacer,.e-con>.elementor-widget-spacer{width:var(--container-widget-width,var(--spacer-size));--align-self:var(--container-widget-align-self,initial);--flex-shrink:0}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container,.e-con>.elementor-widget-spacer>.elementor-widget-container{height:100%;width:100%}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer,.e-con>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer{height:100%}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer>.elementor-spacer-inner,.e-con>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer>.elementor-spacer-inner{height:var(--container-widget-height,var(--spacer-size))}.e-con-inner>.elementor-widget-spacer.elementor-widget-empty,.e-con>.elementor-widget-spacer.elementor-widget-empty{position:relative;min-height:22px;min-width:22px}.e-con-inner>.elementor-widget-spacer.elementor-widget-empty .elementor-widget-empty-icon,.e-con>.elementor-widget-spacer.elementor-widget-empty .elementor-widget-empty-icon{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;padding:0;width:22px;height:22px}<\/style>\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\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-ae41b58 e-con-full e-flex e-con e-child\" data-id=\"ae41b58\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6ca5d1e elementor-absolute constant-spinner elementor-hidden-mobile elementor-widget elementor-widget-image\" data-id=\"6ca5d1e\" data-element_type=\"widget\" data-settings=\"{"_position":"absolute"}\" 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<img loading=\"lazy\" decoding=\"async\" width=\"321\" height=\"321\" src=\"https:\/\/creativecoefficient.net\/wp-content\/uploads\/2025\/04\/Vector-1.png\" class=\"attachment-full size-full wp-image-15033\" alt=\"\" srcset=\"https:\/\/creativecoefficient.net\/wp-content\/uploads\/2025\/04\/Vector-1.png 321w, https:\/\/creativecoefficient.net\/wp-content\/uploads\/2025\/04\/Vector-1-300x300.png 300w, https:\/\/creativecoefficient.net\/wp-content\/uploads\/2025\/04\/Vector-1-150x150.png 150w\" sizes=\"auto, (max-width: 321px) 100vw, 321px\" \/>\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-1ad689b ow-tx elementor-widget elementor-widget-html\" data-id=\"1ad689b\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\r\n\r\n<link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/swiper\/swiper-bundle.min.css\" \/>\r\n\r\n\r\n\r\n<style>\r\n\r\n \/* Container with responsive side padding (peek) *\/\r\n\r\n .swiper-container.team-slider {\r\n\r\n width: 100%;\r\n\r\n box-sizing: border-box;\r\n\r\n padding-left: 30px; \/* Desktop peek *\/\r\n\r\n padding-right: 30px;\r\n\r\n transform: rotate(-3deg);\r\n\r\n }\r\n\r\n\r\n\r\n \/* Base slide styles *\/\r\n\r\n .team-slider .swiper-slide {\r\n\r\n box-sizing: border-box;\r\n\r\n flex-shrink: 0;\r\n\r\n border-radius: 10px;\r\n\r\n }\r\n\r\n \/* Odd slides: 1:1 ratio, fixed 300x300 *\/\r\n\r\n .team-slider .swiper-slide.odd {\r\n\r\n width: 300px;\r\n\r\n height: 300px;\r\n\r\n background-color: #fb7777;\r\n\r\n display: flex;\r\n\r\n align-items: center;\r\n\r\n justify-content: center;\r\n\r\n background-size: cover;\r\n\r\n background-repeat: no-repeat;\r\n\r\n background-position: center;\r\n\r\n }\r\n\r\n .team-slider .swiper-slide.odd h2 {\r\n\r\n margin: 0;\r\n\r\n font-size: 1.5rem;\r\n\r\n color: #333;\r\n\r\n }\r\n\r\n \/* Even slides: 4:3 ratio, fixed 400x300 *\/\r\n\r\n .team-slider .swiper-slide.even {\r\n\r\n width: 400px;\r\n\r\n height: 300px;\r\n\r\n background-size: cover;\r\n\r\n background-position: center;\r\n\r\n }\r\n\r\n \r\n\r\n @media (max-width: 1024px) {\r\n\r\n .swiper-container.team-slider {\r\n\r\n padding-left: 60px; \/* Tablet peek *\/\r\n\r\n padding-right: 60px;\r\n\r\n }\r\n\r\n }\r\n\r\n @media (max-width: 767px) {\r\n\r\n .swiper-container.team-slider {\r\n\r\n padding-left: 40px; \/* Mobile peek *\/\r\n\r\n padding-right: 40px;\r\n\r\n }\r\n\r\n \/* responsive slide sizes *\/\r\n\r\n .team-slider .swiper-slide.odd {\r\n\r\n width: 275px;\r\n\r\n height: 275px;\r\n\r\n }\r\n\r\n .team-slider .swiper-slide.even {\r\n\r\n width: 300px;\r\n\r\n height: 275px;\r\n\r\n }\r\n\r\n }\r\n\r\n \/* evita \u201carranques\u201d y \u201cfrenadas\u201d *\/\r\n\r\n.swiper-container.team-slider .swiper-wrapper{\r\n\r\n transition-timing-function: linear !important;\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n\r\n\r\n<div class=\"swiper-container team-slider\">\r\n\r\n <div class=\"swiper-wrapper\">\r\n\r\n <div class=\"swiper-slide even\" style=\"background-image:url('https:\/\/creativecoefficient.net\/wp-content\/uploads\/2026\/03\/home_carousel_01-new.webp');\">\r\n\r\n <\/div>\r\n\r\n <div class=\"swiper-slide even\" style=\"background-image:url('https:\/\/creativecoefficient.net\/wp-content\/uploads\/2026\/03\/home_carousel_02-new.webp');\">\r\n\r\n <\/div>\r\n\r\n <div class=\"swiper-slide odd\" style=\"background-image:url('https:\/\/creativecoefficient.net\/wp-content\/uploads\/2025\/07\/home_carousel_03.webp');\">\r\n\r\n <\/div>\r\n\r\n <div class=\"swiper-slide even\" style=\"background-image:url('https:\/\/creativecoefficient.net\/wp-content\/uploads\/2025\/07\/home_carousel_04.webp');\">\r\n\r\n <\/div>\r\n\r\n <div class=\"swiper-slide even\" style=\"background-image:url('https:\/\/creativecoefficient.net\/wp-content\/uploads\/2026\/03\/Ezequiel_Zbogar2.png');\">\r\n\r\n <\/div>\r\n\r\n <div class=\"swiper-slide odd\" style=\"background-image:url('https:\/\/creativecoefficient.net\/wp-content\/uploads\/2025\/07\/home_carousel_06.webp');\">\r\n\r\n <\/div>\r\n\r\n <div class=\"swiper-slide even\" style=\"background-image:url('https:\/\/creativecoefficient.net\/wp-content\/uploads\/2025\/07\/home_carousel_07.webp');\">\r\n\r\n <\/div>\r\n\r\n <div class=\"swiper-slide even\" style=\"background-image:url('https:\/\/creativecoefficient.net\/wp-content\/uploads\/2025\/07\/home_carousel_08.webp');\">\r\n\r\n <\/div>\r\n\r\n <div class=\"swiper-slide odd\" style=\"background-image:url('https:\/\/creativecoefficient.net\/wp-content\/uploads\/2025\/07\/home_carousel_09.webp');\">\r\n\r\n <\/div>\r\n\r\n <div class=\"swiper-slide even\" style=\"background-image:url('https:\/\/creativecoefficient.net\/wp-content\/uploads\/2025\/10\/Santiago-Marinano2_webp_1700.webp');\">\r\n\r\n <\/div>\r\n\r\n <div class=\"swiper-slide even\" style=\"background-image:url('https:\/\/creativecoefficient.net\/wp-content\/uploads\/2025\/10\/Valeria-Delgado_webp_1700.webp');\">\r\n\r\n <\/div>\r\n\r\n <div class=\"swiper-slide odd\" style=\"background-image:url('https:\/\/creativecoefficient.net\/wp-content\/uploads\/2025\/07\/home_carousel_12.webp');\">\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n<script src=\"https:\/\/unpkg.com\/swiper\/swiper-bundle.min.js\"><\/script>\r\n\r\n<script>\r\n\r\n var swiper = new Swiper('.swiper-container.team-slider', {\r\n\r\n slidesPerView: 'auto',\r\n\r\n centeredSlides: true,\r\n\r\n centeredSlidesBounds: true,\r\n\r\n loop: true,\r\n\r\n loopedSlides: 8,\r\n\r\n speed: 8000, \/\/ 8 s para recorrer cada slide \u2192 ajust\u00e1 el n\u00famero a gusto\r\n\r\n autoplay: {\r\n\r\n delay: 0, \/\/ sin pausa entre slides\r\n\r\n disableOnInteraction: false,\r\n\r\n },\r\n\r\n grabCursor: true,\r\n\r\n spaceBetween: 12\r\n\r\n });\r\n\r\n\r\n\r\n \/\/ Fire a window resize event after every slide transition end (including autoplay).\r\n\r\n swiper.on('slideChangeTransitionEnd', function() {\r\n\r\n window.dispatchEvent(new Event('resize'));\r\n\r\n });\r\n\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2720150 ow-tx-es elementor-widget elementor-widget-html\" data-id=\"2720150\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\r\n\r\n<link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/swiper\/swiper-bundle.min.css\" \/>\r\n\r\n\r\n\r\n<style>\r\n\r\n \/* Container with responsive side padding (peek) *\/\r\n\r\n .swiper-container.team-slider {\r\n\r\n width: 100%;\r\n\r\n box-sizing: border-box;\r\n\r\n padding-left: 30px; \/* Desktop peek *\/\r\n\r\n padding-right: 30px;\r\n\r\n transform: rotate(-3deg);\r\n\r\n }\r\n\r\n\r\n\r\n \/* Base slide styles *\/\r\n\r\n .team-slider .swiper-slide {\r\n\r\n box-sizing: border-box;\r\n\r\n flex-shrink: 0;\r\n\r\n border-radius: 10px;\r\n\r\n }\r\n\r\n \/* Odd slides: 1:1 ratio, fixed 300x300 *\/\r\n\r\n .team-slider .swiper-slide.odd {\r\n\r\n width: 300px;\r\n\r\n height: 300px;\r\n\r\n background-color: #fb7777;\r\n\r\n display: flex;\r\n\r\n align-items: center;\r\n\r\n justify-content: center;\r\n\r\n background-size: cover;\r\n\r\n background-repeat: no-repeat;\r\n\r\n background-position: center;\r\n\r\n }\r\n\r\n .team-slider .swiper-slide.odd h2 {\r\n\r\n margin: 0;\r\n\r\n font-size: 1.5rem;\r\n\r\n color: #333;\r\n\r\n }\r\n\r\n \/* Even slides: 4:3 ratio, fixed 400x300 *\/\r\n\r\n .team-slider .swiper-slide.even {\r\n\r\n width: 400px;\r\n\r\n height: 300px;\r\n\r\n background-size: cover;\r\n\r\n background-position: center;\r\n\r\n }\r\n\r\n \r\n\r\n @media (max-width: 1024px) {\r\n\r\n .swiper-container.team-slider {\r\n\r\n padding-left: 60px; \/* Tablet peek *\/\r\n\r\n padding-right: 60px;\r\n\r\n }\r\n\r\n }\r\n\r\n @media (max-width: 767px) {\r\n\r\n .swiper-container.team-slider {\r\n\r\n padding-left: 40px; \/* Mobile peek *\/\r\n\r\n padding-right: 40px;\r\n\r\n }\r\n\r\n \/* responsive slide sizes *\/\r\n\r\n .team-slider .swiper-slide.odd {\r\n\r\n width: 275px;\r\n\r\n height: 275px;\r\n\r\n }\r\n\r\n .team-slider .swiper-slide.even {\r\n\r\n width: 300px;\r\n\r\n height: 275px;\r\n\r\n }\r\n\r\n }\r\n\r\n \/* evita \u201carranques\u201d y \u201cfrenadas\u201d *\/\r\n\r\n.swiper-container.team-slider .swiper-wrapper{\r\n\r\n transition-timing-function: linear !important;\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n\r\n\r\n<div class=\"swiper-container team-slider\">\r\n\r\n <div class=\"swiper-wrapper\">\r\n\r\n <div class=\"swiper-slide even\" style=\"background-image:url('https:\/\/creativecoefficient.net\/wp-content\/uploads\/2026\/03\/home_carousel_01-new.webp');\">\r\n\r\n <\/div>\r\n\r\n <div class=\"swiper-slide even\" style=\"background-image:url('https:\/\/creativecoefficient.net\/wp-content\/uploads\/2026\/03\/home_carousel_02-new.webp');\">\r\n\r\n <\/div>\r\n\r\n <div class=\"swiper-slide odd\" style=\"background-image:url('https:\/\/creativecoefficient.net\/wp-content\/uploads\/2026\/03\/home_carousel_03_es.webp');\">\r\n\r\n <\/div>\r\n\r\n <div class=\"swiper-slide even\" style=\"background-image:url('https:\/\/creativecoefficient.net\/wp-content\/uploads\/2025\/07\/home_carousel_04.webp');\">\r\n\r\n <\/div>\r\n\r\n <div class=\"swiper-slide even\" style=\"background-image:url('https:\/\/creativecoefficient.net\/wp-content\/uploads\/2026\/03\/Ezequiel_Zbogar2.png');\">\r\n\r\n <\/div>\r\n\r\n <div class=\"swiper-slide odd\" style=\"background-image:url('https:\/\/creativecoefficient.net\/wp-content\/uploads\/2026\/03\/home_carousel_06_es.webp');\">\r\n\r\n <\/div>\r\n\r\n <div class=\"swiper-slide even\" style=\"background-image:url('https:\/\/creativecoefficient.net\/wp-content\/uploads\/2025\/07\/home_carousel_07.webp');\">\r\n\r\n <\/div>\r\n\r\n <div class=\"swiper-slide even\" style=\"background-image:url('https:\/\/creativecoefficient.net\/wp-content\/uploads\/2025\/07\/home_carousel_08.webp');\">\r\n\r\n <\/div>\r\n\r\n <div class=\"swiper-slide odd\" style=\"background-image:url('https:\/\/creativecoefficient.net\/wp-content\/uploads\/2026\/03\/home_carousel_09_es.webp');\">\r\n\r\n <\/div>\r\n\r\n <div class=\"swiper-slide even\" style=\"background-image:url('https:\/\/creativecoefficient.net\/wp-content\/uploads\/2025\/10\/Santiago-Marinano2_webp_1700.webp');\">\r\n\r\n <\/div>\r\n\r\n <div class=\"swiper-slide even\" style=\"background-image:url('https:\/\/creativecoefficient.net\/wp-content\/uploads\/2025\/10\/Valeria-Delgado_webp_1700.webp');\">\r\n\r\n <\/div>\r\n\r\n <div class=\"swiper-slide odd\" style=\"background-image:url('https:\/\/creativecoefficient.net\/wp-content\/uploads\/2026\/03\/Frame.webp');\">\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n<script src=\"https:\/\/unpkg.com\/swiper\/swiper-bundle.min.js\"><\/script>\r\n\r\n<script>\r\n\r\n var swiper = new Swiper('.swiper-container.team-slider', {\r\n\r\n slidesPerView: 'auto',\r\n\r\n centeredSlides: true,\r\n\r\n centeredSlidesBounds: true,\r\n\r\n loop: true,\r\n\r\n loopedSlides: 8,\r\n\r\n speed: 8000, \/\/ 8 s para recorrer cada slide \u2192 ajust\u00e1 el n\u00famero a gusto\r\n\r\n autoplay: {\r\n\r\n delay: 0, \/\/ sin pausa entre slides\r\n\r\n disableOnInteraction: false,\r\n\r\n },\r\n\r\n grabCursor: true,\r\n\r\n spaceBetween: 12\r\n\r\n });\r\n\r\n\r\n\r\n \/\/ Fire a window resize event after every slide transition end (including autoplay).\r\n\r\n swiper.on('slideChangeTransitionEnd', function() {\r\n\r\n window.dispatchEvent(new Event('resize'));\r\n\r\n });\r\n\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d8ac175 elementor-widget elementor-widget-html\" data-id=\"d8ac175\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<script>\r\n document.addEventListener('DOMContentLoaded', function() {\r\n var spinners = document.querySelectorAll('.constant-spinner');\r\n if (spinners.length) {\r\n spinners.forEach(function(el) {\r\n gsap.to(el, {\r\n rotation: 360,\r\n duration: 20, \/\/ adjust duration for a slower or faster spin\r\n ease: \"linear\",\r\n repeat: -1\r\n });\r\n });\r\n }\r\n });\r\n<\/script>\r\n\t\t<\/div>\n\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-2b177ce bg-F9F7F1 section-item active-threshold-0.5 cc-container e-flex e-con-boxed e-con e-child\" data-id=\"2b177ce\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a0ee935 elementor-widget elementor-widget-heading\" data-id=\"a0ee935\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Blog de Creative<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4c30caa e-con-full e-flex e-con e-child\" data-id=\"4c30caa\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c8b97c6 elementor-widget elementor-widget-heading\" data-id=\"c8b97c6\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u00daltimos art\u00edculos<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-30386d9 underline-h arrow-h elementor-widget elementor-widget-heading\" data-id=\"30386d9\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><a href=\"\/es\/blog\/\">L\u00e9elos<\/a><\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-60ed5cc elementor-widget elementor-widget-shortcode\" data-id=\"60ed5cc\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-shortcode\"> <div class=\"latest-posts-shortcode\">\n <div class=\"related-posts\">\n <div class=\"post-item\">\n <div class=\"img\">\n <a href=\"https:\/\/creativecoefficient.net\/es\/2025\/10\/02\/from-cost-to-investment-how-software-transforms-business-value\/\">\n <img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"512\" src=\"https:\/\/creativecoefficient.net\/wp-content\/uploads\/2025\/10\/From-Cost-to-Investment_-How-Software-Transforms-Business-Value-768x512.png\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"From Cost to Investment: How Software Transforms Business Value\" srcset=\"https:\/\/creativecoefficient.net\/wp-content\/uploads\/2025\/10\/From-Cost-to-Investment_-How-Software-Transforms-Business-Value-768x512.png 768w, https:\/\/creativecoefficient.net\/wp-content\/uploads\/2025\/10\/From-Cost-to-Investment_-How-Software-Transforms-Business-Value-300x200.png 300w, https:\/\/creativecoefficient.net\/wp-content\/uploads\/2025\/10\/From-Cost-to-Investment_-How-Software-Transforms-Business-Value-1024x683.png 1024w, https:\/\/creativecoefficient.net\/wp-content\/uploads\/2025\/10\/From-Cost-to-Investment_-How-Software-Transforms-Business-Value.png 1536w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/> <\/a>\n <\/div>\n <div class=\"txt\">\n <div class=\"post-categories\">\n <a href=\"https:\/\/creativecoefficient.net\/es\/blog\/?category=ai\" class=\"post-category-item\">AI<\/a> <span class=\"category-separator\">|<\/span> <a href=\"https:\/\/creativecoefficient.net\/es\/blog\/?category=development\" class=\"post-category-item\">Desarrollo<\/a> <span class=\"category-separator\">|<\/span> <a href=\"https:\/\/creativecoefficient.net\/es\/blog\/?category=tech-world\" class=\"post-category-item\">Mundo tech<\/a> <\/div>\n \n <a href=\"https:\/\/creativecoefficient.net\/es\/2025\/10\/02\/from-cost-to-investment-how-software-transforms-business-value\/\"><h3>De gasto a inversi\u00f3n: c\u00f3mo el software transforma el valor de negocio<\/h3><\/a>\n <div class=\"post-extract\"><p>Durante a\u00f1os, el desarrollo de software fue visto como un gasto necesario. Algo que hab\u00eda que pagar para \u201cestar al d\u00eda\u201d con la tecnolog\u00eda, comparable a cambiar computadoras o renovar licencias. Esa mirada reduccionista lo convert\u00eda en un centro de costos m\u00e1s dentro de la hoja de Excel.<\/p><\/div>\n <\/div>\n<\/div><div class=\"post-item\">\n <div class=\"img\">\n <a href=\"https:\/\/creativecoefficient.net\/es\/2025\/09\/12\/stop-buying-features-start-buying-results-2\/\">\n <img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"512\" src=\"https:\/\/creativecoefficient.net\/wp-content\/uploads\/2025\/09\/ChatGPT-Image-9-sept-2025-14_59_14.png\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"Stop Buying Features. Start Buying Results.\" srcset=\"https:\/\/creativecoefficient.net\/wp-content\/uploads\/2025\/09\/ChatGPT-Image-9-sept-2025-14_59_14.png 1536w, https:\/\/creativecoefficient.net\/wp-content\/uploads\/2025\/09\/ChatGPT-Image-9-sept-2025-14_59_14-300x200.png 300w, https:\/\/creativecoefficient.net\/wp-content\/uploads\/2025\/09\/ChatGPT-Image-9-sept-2025-14_59_14-1024x683.png 1024w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/> <\/a>\n <\/div>\n <div class=\"txt\">\n <div class=\"post-categories\">\n <a href=\"https:\/\/creativecoefficient.net\/es\/blog\/?category=ai\" class=\"post-category-item\">AI<\/a> <span class=\"category-separator\">|<\/span> <a href=\"https:\/\/creativecoefficient.net\/es\/blog\/?category=development\" class=\"post-category-item\">Desarrollo<\/a> <span class=\"category-separator\">|<\/span> <a href=\"https:\/\/creativecoefficient.net\/es\/blog\/?category=tech-world\" class=\"post-category-item\">Mundo tech<\/a> <\/div>\n \n <a href=\"https:\/\/creativecoefficient.net\/es\/2025\/09\/12\/stop-buying-features-start-buying-results-2\/\"><h3>Deja de comprar funcionalidades. Empieza a comprar resultados.<\/h3><\/a>\n <div class=\"post-extract\"><p>En Creative Coefficient, hemos visto a demasiadas organizaciones invertir en software que parec\u00eda prometedor sobre en la teor\u00eda, pero que no logr\u00f3 generar un impacto real en el negocio. El problema normalmente no es la tecnolog\u00eda, sino la forma en que se plantea el proyecto. Por eso animamos a cada empresa con la que trabajamos a cambiar el enfoque: pasar de funcionalidades y horas de programaci\u00f3n a resultados medibles. La diferencia entre un proyecto que consume recursos y uno que impulsa un crecimiento real suele reducirse a este cambio de mentalidad.<\/p><\/div>\n <\/div>\n<\/div><div class=\"post-item\">\n <div class=\"img\">\n <a href=\"https:\/\/creativecoefficient.net\/es\/2025\/06\/09\/communicating-through-design-from-confusion-to-conversion\/\">\n <img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"768\" src=\"https:\/\/creativecoefficient.net\/wp-content\/uploads\/2025\/06\/miniatura-1-768x768.webp\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"Communicating through design: from confusion to conversion\" srcset=\"https:\/\/creativecoefficient.net\/wp-content\/uploads\/2025\/06\/miniatura-1-768x768.webp 768w, https:\/\/creativecoefficient.net\/wp-content\/uploads\/2025\/06\/miniatura-1-300x300.webp 300w, https:\/\/creativecoefficient.net\/wp-content\/uploads\/2025\/06\/miniatura-1-1024x1024.webp 1024w, https:\/\/creativecoefficient.net\/wp-content\/uploads\/2025\/06\/miniatura-1-150x150.webp 150w, https:\/\/creativecoefficient.net\/wp-content\/uploads\/2025\/06\/miniatura-1-1536x1536.webp 1536w, https:\/\/creativecoefficient.net\/wp-content\/uploads\/2025\/06\/miniatura-1-2048x2048.webp 2048w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/> <\/a>\n <\/div>\n <div class=\"txt\">\n <div class=\"post-categories\">\n <a href=\"https:\/\/creativecoefficient.net\/es\/blog\/?category=design\" class=\"post-category-item\">Dise\u00f1o<\/a> <\/div>\n \n <a href=\"https:\/\/creativecoefficient.net\/es\/2025\/06\/09\/communicating-through-design-from-confusion-to-conversion\/\"><h3>El dise\u00f1o como forma de comunicaci\u00f3n<\/h3><\/a>\n <div class=\"post-extract\"><p>En la creaci\u00f3n de productos digitales -SaaS, aplicaciones web y m\u00f3viles, sitios web- el dise\u00f1o trasciende su funci\u00f3n est\u00e9tica para convertirse en una herramienta estrat\u00e9gica de comunicaci\u00f3n. No solo permite mostrar y validar ideas, as\u00ed como alinear a los equipos de trabajo, sino que se convierte en la herramienta que traduce las funcionalidades complejas en experiencias simples para el usuario.<\/p><\/div>\n <\/div>\n<\/div> <\/div>\n <\/div>\n <\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-937dca4 elementor-widget__width-auto elementor-absolute elementor-widget elementor-widget-image\" data-id=\"937dca4\" data-element_type=\"widget\" data-settings=\"{"_position":"absolute"}\" 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<img loading=\"lazy\" decoding=\"async\" width=\"128\" height=\"119\" src=\"https:\/\/creativecoefficient.net\/wp-content\/uploads\/2025\/07\/Combined-Shape-Copy-60.svg\" class=\"attachment-large size-large wp-image-18815\" alt=\"\" \/>\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-63ff044 elementor-widget__width-auto elementor-absolute elementor-widget elementor-widget-image\" data-id=\"63ff044\" data-element_type=\"widget\" data-settings=\"{"_position":"absolute"}\" 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<img loading=\"lazy\" decoding=\"async\" width=\"65\" height=\"62\" src=\"https:\/\/creativecoefficient.net\/wp-content\/uploads\/2025\/07\/Combined-Shape-Copy-60-1.svg\" class=\"attachment-large size-large wp-image-18814\" alt=\"\" \/>\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\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d4187c2 e-con-full bottom-home-container bg-1c1c1c section-item active-threshold-0.4 e-flex e-con e-child\" data-id=\"d4187c2\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t<div class=\"elementor-element elementor-element-726992f e-con-full e-flex e-con e-child\" data-id=\"726992f\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c0a68ec elementor-widget elementor-widget-html\" data-id=\"c0a68ec\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\r\n .marquee_2 {\r\n display: flex;\r\n overflow: hidden;\r\n \/*height: 50vh;*\/\r\n user-select: none;\r\n gap: 2rem;\r\n padding-top: 1rem;\r\n padding-bottom: 1rem;\r\n opacity: 0.2\r\n }\r\n \r\n .marquee__group_2 {\r\n flex-shrink: 0;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 2rem;\r\n min-width: 100%;\r\n animation: scroll 60s linear infinite;\r\n }\r\n \r\n .marquee__group_2 span {\r\n color: #B0AFAE;\r\n font-size: 90px;\r\n font-weight: 700;\r\n white-space: nowrap;\r\n font-family: 'Lexend' !important;\r\n }\r\n \r\n @keyframes scroll {\r\n from {\r\n transform: translateX(0);\r\n }\r\n to {\r\n transform: translateX(calc(-100% - 2rem));\r\n }\r\n }\r\n \r\n @media only screen and (min-width: 360px) {\r\n .marquee__group_2 span {\r\n font-size: 90px;\r\n }\r\n }\r\n<\/style>\r\n\r\n<div class=\"marquee_2\">\r\n <div class=\"marquee__group_2\">\r\n <span>be inspired, get Creative<\/span>\r\n <svg width=\"187\" height=\"80\" viewbox=\"0 0 187 80\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M52.1534 74.1923C42.4123 62.5635 38.0355 46.7163 41.5156 30.269C44.0979 18.0789 51.178 7.61232 61.1787 0.251548C59.9479 0.572431 58.7209 0.917265 57.4972 1.27758C46.0549 4.65851 35.4303 10.0146 25.0623 15.723C18.7298 19.1387 12.8955 23.4025 7.72204 28.3955L7.09664 28.995C2.69811 33.6289 2.53177 37.9948 6.64059 42.9143C10.3549 47.3382 14.9217 50.8529 19.4368 54.4024C29.218 62.0907 39.58 68.8349 51.0882 73.735L51.9452 74.1045L52.1534 74.1923Z\" fill=\"#B0AFAE\"\/>\r\n<path d=\"M104.438 9.5L70.4375 70.5\" stroke=\"#B0AFAE\" stroke-width=\"8\" stroke-linecap=\"square\"\/>\r\n<path d=\"M121.473 71.7387C130.684 60.9844 134.933 46.2396 131.855 30.8561C129.571 19.4543 123.071 9.61585 113.814 2.64646C114.959 2.95825 116.101 3.29236 117.239 3.64088C127.883 6.91073 137.744 12.0157 147.361 17.4467C153.236 20.6977 158.637 24.7352 163.413 29.4466L163.991 30.0124C168.048 34.3808 168.158 38.4568 164.273 43.0064C160.76 47.0976 156.462 50.3317 152.211 53.5988C143.003 60.6755 133.263 66.8653 122.472 71.3225L121.668 71.6588L121.473 71.7387Z\" fill=\"#B0AFAE\"\/>\r\n<\/svg>\r\n <span>be inspired, get Creative<\/span>\r\n <svg width=\"187\" height=\"80\" viewbox=\"0 0 187 80\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M52.1534 74.1923C42.4123 62.5635 38.0355 46.7163 41.5156 30.269C44.0979 18.0789 51.178 7.61232 61.1787 0.251548C59.9479 0.572431 58.7209 0.917265 57.4972 1.27758C46.0549 4.65851 35.4303 10.0146 25.0623 15.723C18.7298 19.1387 12.8955 23.4025 7.72204 28.3955L7.09664 28.995C2.69811 33.6289 2.53177 37.9948 6.64059 42.9143C10.3549 47.3382 14.9217 50.8529 19.4368 54.4024C29.218 62.0907 39.58 68.8349 51.0882 73.735L51.9452 74.1045L52.1534 74.1923Z\" fill=\"#B0AFAE\"\/>\r\n<path d=\"M104.438 9.5L70.4375 70.5\" stroke=\"#B0AFAE\" stroke-width=\"8\" stroke-linecap=\"square\"\/>\r\n<path d=\"M121.473 71.7387C130.684 60.9844 134.933 46.2396 131.855 30.8561C129.571 19.4543 123.071 9.61585 113.814 2.64646C114.959 2.95825 116.101 3.29236 117.239 3.64088C127.883 6.91073 137.744 12.0157 147.361 17.4467C153.236 20.6977 158.637 24.7352 163.413 29.4466L163.991 30.0124C168.048 34.3808 168.158 38.4568 164.273 43.0064C160.76 47.0976 156.462 50.3317 152.211 53.5988C143.003 60.6755 133.263 66.8653 122.472 71.3225L121.668 71.6588L121.473 71.7387Z\" fill=\"#B0AFAE\"\/>\r\n<\/svg>\r\n <span>be inspired, get Creative<\/span>\r\n <svg width=\"187\" height=\"80\" viewbox=\"0 0 187 80\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M52.1534 74.1923C42.4123 62.5635 38.0355 46.7163 41.5156 30.269C44.0979 18.0789 51.178 7.61232 61.1787 0.251548C59.9479 0.572431 58.7209 0.917265 57.4972 1.27758C46.0549 4.65851 35.4303 10.0146 25.0623 15.723C18.7298 19.1387 12.8955 23.4025 7.72204 28.3955L7.09664 28.995C2.69811 33.6289 2.53177 37.9948 6.64059 42.9143C10.3549 47.3382 14.9217 50.8529 19.4368 54.4024C29.218 62.0907 39.58 68.8349 51.0882 73.735L51.9452 74.1045L52.1534 74.1923Z\" fill=\"#B0AFAE\"\/>\r\n<path d=\"M104.438 9.5L70.4375 70.5\" stroke=\"#B0AFAE\" stroke-width=\"8\" stroke-linecap=\"square\"\/>\r\n<path d=\"M121.473 71.7387C130.684 60.9844 134.933 46.2396 131.855 30.8561C129.571 19.4543 123.071 9.61585 113.814 2.64646C114.959 2.95825 116.101 3.29236 117.239 3.64088C127.883 6.91073 137.744 12.0157 147.361 17.4467C153.236 20.6977 158.637 24.7352 163.413 29.4466L163.991 30.0124C168.048 34.3808 168.158 38.4568 164.273 43.0064C160.76 47.0976 156.462 50.3317 152.211 53.5988C143.003 60.6755 133.263 66.8653 122.472 71.3225L121.668 71.6588L121.473 71.7387Z\" fill=\"#B0AFAE\"\/>\r\n<\/svg>\r\n <\/div>\r\n <div class=\"marquee__group_2\" aria-hidden=\"true\">\r\n <span>be inspired, get Creative<\/span>\r\n <svg width=\"187\" height=\"80\" viewbox=\"0 0 187 80\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M52.1534 74.1923C42.4123 62.5635 38.0355 46.7163 41.5156 30.269C44.0979 18.0789 51.178 7.61232 61.1787 0.251548C59.9479 0.572431 58.7209 0.917265 57.4972 1.27758C46.0549 4.65851 35.4303 10.0146 25.0623 15.723C18.7298 19.1387 12.8955 23.4025 7.72204 28.3955L7.09664 28.995C2.69811 33.6289 2.53177 37.9948 6.64059 42.9143C10.3549 47.3382 14.9217 50.8529 19.4368 54.4024C29.218 62.0907 39.58 68.8349 51.0882 73.735L51.9452 74.1045L52.1534 74.1923Z\" fill=\"#B0AFAE\"\/>\r\n<path d=\"M104.438 9.5L70.4375 70.5\" stroke=\"#B0AFAE\" stroke-width=\"8\" stroke-linecap=\"square\"\/>\r\n<path d=\"M121.473 71.7387C130.684 60.9844 134.933 46.2396 131.855 30.8561C129.571 19.4543 123.071 9.61585 113.814 2.64646C114.959 2.95825 116.101 3.29236 117.239 3.64088C127.883 6.91073 137.744 12.0157 147.361 17.4467C153.236 20.6977 158.637 24.7352 163.413 29.4466L163.991 30.0124C168.048 34.3808 168.158 38.4568 164.273 43.0064C160.76 47.0976 156.462 50.3317 152.211 53.5988C143.003 60.6755 133.263 66.8653 122.472 71.3225L121.668 71.6588L121.473 71.7387Z\" fill=\"#B0AFAE\"\/>\r\n<\/svg>\r\n <span>be inspired, get Creative<\/span>\r\n <svg width=\"187\" height=\"80\" viewbox=\"0 0 187 80\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M52.1534 74.1923C42.4123 62.5635 38.0355 46.7163 41.5156 30.269C44.0979 18.0789 51.178 7.61232 61.1787 0.251548C59.9479 0.572431 58.7209 0.917265 57.4972 1.27758C46.0549 4.65851 35.4303 10.0146 25.0623 15.723C18.7298 19.1387 12.8955 23.4025 7.72204 28.3955L7.09664 28.995C2.69811 33.6289 2.53177 37.9948 6.64059 42.9143C10.3549 47.3382 14.9217 50.8529 19.4368 54.4024C29.218 62.0907 39.58 68.8349 51.0882 73.735L51.9452 74.1045L52.1534 74.1923Z\" fill=\"#B0AFAE\"\/>\r\n<path d=\"M104.438 9.5L70.4375 70.5\" stroke=\"#B0AFAE\" stroke-width=\"8\" stroke-linecap=\"square\"\/>\r\n<path d=\"M121.473 71.7387C130.684 60.9844 134.933 46.2396 131.855 30.8561C129.571 19.4543 123.071 9.61585 113.814 2.64646C114.959 2.95825 116.101 3.29236 117.239 3.64088C127.883 6.91073 137.744 12.0157 147.361 17.4467C153.236 20.6977 158.637 24.7352 163.413 29.4466L163.991 30.0124C168.048 34.3808 168.158 38.4568 164.273 43.0064C160.76 47.0976 156.462 50.3317 152.211 53.5988C143.003 60.6755 133.263 66.8653 122.472 71.3225L121.668 71.6588L121.473 71.7387Z\" fill=\"#B0AFAE\"\/>\r\n<\/svg>\r\n <span>be inspired, get Creative<\/span>\r\n <svg width=\"187\" height=\"80\" viewbox=\"0 0 187 80\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M52.1534 74.1923C42.4123 62.5635 38.0355 46.7163 41.5156 30.269C44.0979 18.0789 51.178 7.61232 61.1787 0.251548C59.9479 0.572431 58.7209 0.917265 57.4972 1.27758C46.0549 4.65851 35.4303 10.0146 25.0623 15.723C18.7298 19.1387 12.8955 23.4025 7.72204 28.3955L7.09664 28.995C2.69811 33.6289 2.53177 37.9948 6.64059 42.9143C10.3549 47.3382 14.9217 50.8529 19.4368 54.4024C29.218 62.0907 39.58 68.8349 51.0882 73.735L51.9452 74.1045L52.1534 74.1923Z\" fill=\"#B0AFAE\"\/>\r\n<path d=\"M104.438 9.5L70.4375 70.5\" stroke=\"#B0AFAE\" stroke-width=\"8\" stroke-linecap=\"square\"\/>\r\n<path d=\"M121.473 71.7387C130.684 60.9844 134.933 46.2396 131.855 30.8561C129.571 19.4543 123.071 9.61585 113.814 2.64646C114.959 2.95825 116.101 3.29236 117.239 3.64088C127.883 6.91073 137.744 12.0157 147.361 17.4467C153.236 20.6977 158.637 24.7352 163.413 29.4466L163.991 30.0124C168.048 34.3808 168.158 38.4568 164.273 43.0064C160.76 47.0976 156.462 50.3317 152.211 53.5988C143.003 60.6755 133.263 66.8653 122.472 71.3225L121.668 71.6588L121.473 71.7387Z\" fill=\"#B0AFAE\"\/>\r\n<\/svg>\r\n <\/div>\r\n<\/div>\r\n\t\t<\/div>\n\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-73b9818 e-con-full header-bar-gradient e-flex e-con e-child\" data-id=\"73b9818\" data-element_type=\"container\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ab1d663 section-item active-threshold-0.2 bg-1c1c1c e-con-full e-flex e-con e-child\" data-id=\"ab1d663\" data-element_type=\"container\" id=\"contact-us-container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1743219 elementor-widget elementor-widget-shortcode\" data-id=\"1743219\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-shortcode\">\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"13646\" class=\"elementor elementor-13646\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7b643da contact-wrapper cc-container e-flex e-con-boxed e-con e-child\" data-id=\"7b643da\" data-element_type=\"container\" id=\"contact-us\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-c96a8a2 e-con-full e-flex e-con e-child\" data-id=\"c96a8a2\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1a346d5 elementor-widget-tablet__width-inherit elementor-widget elementor-widget-heading\" data-id=\"1a346d5\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Estamos aqu\u00ed<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0ce2d7b elementor-widget elementor-widget-heading\" data-id=\"0ce2d7b\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">USA - Espa\u00f1a - Argentina<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-00b7502 elementor-widget elementor-widget-heading\" data-id=\"00b7502\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Comp\u00e1rtenos tus ideas en<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9d887d2 elementor-widget elementor-widget-heading\" data-id=\"9d887d2\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><a href=\"mailto:info@creativecoefficient.net\">info@creativecoefficient.net<\/a><\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f90f1cc e-grid-align-left elementor-widget__width-inherit social-icons elementor-shape-rounded elementor-grid-0 elementor-widget elementor-widget-social-icons\" data-id=\"f90f1cc\" data-element_type=\"widget\" data-widget_type=\"social-icons.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.23.0 - 05-08-2024 *\/\n.elementor-widget-social-icons.elementor-grid-0 .elementor-widget-container,.elementor-widget-social-icons.elementor-grid-mobile-0 .elementor-widget-container,.elementor-widget-social-icons.elementor-grid-tablet-0 .elementor-widget-container{line-height:1;font-size:0}.elementor-widget-social-icons:not(.elementor-grid-0):not(.elementor-grid-tablet-0):not(.elementor-grid-mobile-0) .elementor-grid{display:inline-grid}.elementor-widget-social-icons .elementor-grid{grid-column-gap:var(--grid-column-gap,5px);grid-row-gap:var(--grid-row-gap,5px);grid-template-columns:var(--grid-template-columns);justify-content:var(--justify-content,center);justify-items:var(--justify-content,center)}.elementor-icon.elementor-social-icon{font-size:var(--icon-size,25px);line-height:var(--icon-size,25px);width:calc(var(--icon-size, 25px) + 2 * var(--icon-padding, .5em));height:calc(var(--icon-size, 25px) + 2 * var(--icon-padding, .5em))}.elementor-social-icon{--e-social-icon-icon-color:#fff;display:inline-flex;background-color:#69727d;align-items:center;justify-content:center;text-align:center;cursor:pointer}.elementor-social-icon i{color:var(--e-social-icon-icon-color)}.elementor-social-icon svg{fill:var(--e-social-icon-icon-color)}.elementor-social-icon:last-child{margin:0}.elementor-social-icon:hover{opacity:.9;color:#fff}.elementor-social-icon-android{background-color:#a4c639}.elementor-social-icon-apple{background-color:#999}.elementor-social-icon-behance{background-color:#1769ff}.elementor-social-icon-bitbucket{background-color:#205081}.elementor-social-icon-codepen{background-color:#000}.elementor-social-icon-delicious{background-color:#39f}.elementor-social-icon-deviantart{background-color:#05cc47}.elementor-social-icon-digg{background-color:#005be2}.elementor-social-icon-dribbble{background-color:#ea4c89}.elementor-social-icon-elementor{background-color:#d30c5c}.elementor-social-icon-envelope{background-color:#ea4335}.elementor-social-icon-facebook,.elementor-social-icon-facebook-f{background-color:#3b5998}.elementor-social-icon-flickr{background-color:#0063dc}.elementor-social-icon-foursquare{background-color:#2d5be3}.elementor-social-icon-free-code-camp,.elementor-social-icon-freecodecamp{background-color:#006400}.elementor-social-icon-github{background-color:#333}.elementor-social-icon-gitlab{background-color:#e24329}.elementor-social-icon-globe{background-color:#69727d}.elementor-social-icon-google-plus,.elementor-social-icon-google-plus-g{background-color:#dd4b39}.elementor-social-icon-houzz{background-color:#7ac142}.elementor-social-icon-instagram{background-color:#262626}.elementor-social-icon-jsfiddle{background-color:#487aa2}.elementor-social-icon-link{background-color:#818a91}.elementor-social-icon-linkedin,.elementor-social-icon-linkedin-in{background-color:#0077b5}.elementor-social-icon-medium{background-color:#00ab6b}.elementor-social-icon-meetup{background-color:#ec1c40}.elementor-social-icon-mixcloud{background-color:#273a4b}.elementor-social-icon-odnoklassniki{background-color:#f4731c}.elementor-social-icon-pinterest{background-color:#bd081c}.elementor-social-icon-product-hunt{background-color:#da552f}.elementor-social-icon-reddit{background-color:#ff4500}.elementor-social-icon-rss{background-color:#f26522}.elementor-social-icon-shopping-cart{background-color:#4caf50}.elementor-social-icon-skype{background-color:#00aff0}.elementor-social-icon-slideshare{background-color:#0077b5}.elementor-social-icon-snapchat{background-color:#fffc00}.elementor-social-icon-soundcloud{background-color:#f80}.elementor-social-icon-spotify{background-color:#2ebd59}.elementor-social-icon-stack-overflow{background-color:#fe7a15}.elementor-social-icon-steam{background-color:#00adee}.elementor-social-icon-stumbleupon{background-color:#eb4924}.elementor-social-icon-telegram{background-color:#2ca5e0}.elementor-social-icon-threads{background-color:#000}.elementor-social-icon-thumb-tack{background-color:#1aa1d8}.elementor-social-icon-tripadvisor{background-color:#589442}.elementor-social-icon-tumblr{background-color:#35465c}.elementor-social-icon-twitch{background-color:#6441a5}.elementor-social-icon-twitter{background-color:#1da1f2}.elementor-social-icon-viber{background-color:#665cac}.elementor-social-icon-vimeo{background-color:#1ab7ea}.elementor-social-icon-vk{background-color:#45668e}.elementor-social-icon-weibo{background-color:#dd2430}.elementor-social-icon-weixin{background-color:#31a918}.elementor-social-icon-whatsapp{background-color:#25d366}.elementor-social-icon-wordpress{background-color:#21759b}.elementor-social-icon-x-twitter{background-color:#000}.elementor-social-icon-xing{background-color:#026466}.elementor-social-icon-yelp{background-color:#af0606}.elementor-social-icon-youtube{background-color:#cd201f}.elementor-social-icon-500px{background-color:#0099e5}.elementor-shape-rounded .elementor-icon.elementor-social-icon{border-radius:10%}.elementor-shape-circle .elementor-icon.elementor-social-icon{border-radius:50%}<\/style>\t\t<div class=\"elementor-social-icons-wrapper elementor-grid\">\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon- elementor-repeater-item-9838c11\" href=\"https:\/\/www.linkedin.com\/company\/creative-coefficient\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\"><\/span>\n\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"33\" viewbox=\"0 0 32 33\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M32 32.0156H25.6V20.8172C25.6 17.7452 24.2448 16.0312 21.8144 16.0312C19.1696 16.0312 17.6 17.8172 17.6 20.8172V32.0156H11.2V11.2156H17.6V13.5547C17.6 13.5547 19.608 10.0312 24.1328 10.0312C28.6592 10.0312 32 12.7934 32 18.5086V32.0156ZM3.9072 7.88906C1.7488 7.88906 0 6.12596 0 3.95156C0 1.77876 1.7488 0.015625 3.9072 0.015625C6.064 0.015625 7.81279 1.77876 7.81279 3.95156C7.81439 6.12596 6.064 7.88906 3.9072 7.88906ZM0 32.0156H8V11.2156H0V32.0156Z\" fill=\"#1C1C1C\"><\/path><\/svg>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t<\/div>\n\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-57abd66 e-con-full e-flex e-con e-child\" data-id=\"57abd66\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4860e7c hide-after-submit elementor-widget elementor-widget-heading\" data-id=\"4860e7c\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u00a1Hablemos!<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2ddb4a6 hide-after-submit elementor-widget elementor-widget-heading\" data-id=\"2ddb4a6\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u00bfBuscas un aliado para transformar tu negocio?<br>Puedes <a href=\"https:\/\/calendar.google.com\/calendar\/u\/0\/appointments\/schedules\/AcZssZ12KcHBcPwLH8j5sjpJqGtUBxEAVZyS-mAB9j-1gm9fwxwjFWvpstBEQKxkI4TCChV9zX8AGQO2\" target=\"_blank\" class=\"classic_link\"> agendar una reuni\u00f3n<\/a> o completar el formulario.<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-906ea7e contact-form elementor-widget elementor-widget-shortcode\" data-id=\"906ea7e\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-shortcode\">\n<div class=\"wpcf7 no-js\" id=\"wpcf7-f2144-o1\" lang=\"en-US\" dir=\"ltr\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/es\/wp-json\/wp\/v2\/pages\/18574#wpcf7-f2144-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\" data-trp-original-action=\"\/es\/wp-json\/wp\/v2\/pages\/18574#wpcf7-f2144-o1\">\n<div style=\"display: none;\">\n<input type=\"hidden\" name=\"_wpcf7\" value=\"2144\" \/>\n<input type=\"hidden\" name=\"_wpcf7_version\" value=\"5.9.8\" \/>\n<input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/>\n<input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f2144-o1\" \/>\n<input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/>\n<input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<input type=\"hidden\" name=\"_wpcf7_recaptcha_response\" value=\"\" \/>\n<\/div>\n <style>\n .uacf7-uacf7style-2144 label {\n font-family: lexend;font-style: normal;font-weight: normal; }\n\n .uacf7-uacf7style-2144 input[type=\"email\"],\n .uacf7-uacf7style-2144 input[type=\"number\"],\n .uacf7-uacf7style-2144 input[type=\"password\"],\n .uacf7-uacf7style-2144 input[type=\"search\"],\n .uacf7-uacf7style-2144 input[type=\"tel\"],\n .uacf7-uacf7style-2144 input[type=\"text\"],\n .uacf7-uacf7style-2144 input[type=\"url\"],\n .uacf7-uacf7style-2144 input[type=\"date\"],\n .uacf7-uacf7style-2144 select,\n .uacf7-uacf7style-2144 textarea {\n font-style: normal;font-weight: normal;border-style: solid; }\n\n .uacf7-uacf7style-2144 .wpcf7-radio span,\n .uacf7-uacf7style-2144 .wpcf7-checkbox span {\n font-style: normal;font-weight: normal; }\n\n .uacf7-uacf7style-2144 textarea {\n }\n\n .wpcf7-form-control-wrap select {\n width: 100%;\n }\n\n .uacf7-uacf7style-2144 input[type=\"submit\"] {\n font-style: normal;font-weight: normal;border-style: none; }\n\n .uacf7-uacf7style-2144 input[type=\"submit\"]:hover {\n }\n\n <\/style>\n\n\t\t\t\t<div class=\"uacf7-uacf7style uacf7-uacf7style-2144\"><div class=\"uacf7-form-2144\"><span class=\"wpcf7-form-control-wrap\" data-name=\"name-user\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" id=\"input-name\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Nombre\" value=\"\" type=\"text\" name=\"name-user\" \/><\/span>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"email-user\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" id=\"input-email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Email\" value=\"\" type=\"email\" name=\"email-user\" \/><\/span>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"message-user\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required\" id=\"input-message\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Cu\u00e9ntanos tus ideas\" name=\"message-user\"><\/textarea><\/span>\n<input class=\"wpcf7-form-control wpcf7-submit has-spinner buttonSubmit\" id=\"buttonSubmit\" type=\"submit\" value=\"Enviar\" \/><\/div><\/div><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<input type=\"hidden\" name=\"trp-form-language\" value=\"es\"\/><\/form>\n<\/div>\n<\/div>\n\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-5e9788e script-home e-flex e-con-boxed e-con e-parent\" data-id=\"5e9788e\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8306825 elementor-widget elementor-widget-html\" data-id=\"8306825\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\n<style>\n\n\t\t.wpcf7-spinner {\n\t\t\tdisplay: none !important;\n\t\t}\n\n\t\t.wpcf7 .wpcf7-submit {\n\t\t\t\tfloat: right;\n\t\t}\n\n\t\t.titleNotification {\n\t\t\tfont-family: \"Lexend\", Sans-serif;\n\t\t\tfont-size: 70px;\n\t\t\tcolor: #35ABE1;\n\t\t\tfont-weight: 500;\n\t\t\tmargin-bottom: 1rem !important;\n\t\t}\n\n\t\t#input-name,\n\t\t#input-email,\n\t\t#input-message {\n\t\t\twidth: 100%;\n\t\t\tpadding: 10px;\n\t\t\tmargin: 25px 0;\n\t\t\tbackground-color: transparent; \n\t\t\tborder: none;\n\t\t\tborder-bottom: 1px solid #F9F7F1;\n\t\t\tcolor: #F9F7F1;\n\t\t\toutline: none;\n\t\t\tbox-sizing: border-box;\n\t\t\tborder-radius: inherit;\n\t\t\tfont-family: \"Inter\", Sans-serif;\n\t\t\tfont-size: 28px !important;\n\t\t\tfont-weight: 400;\n\t\t\t\n\t\t\t&::placeholder {\n\t\t\t\tcolor: #F9F7F1 !important;\n\t\t\t\tfont-family: \"Inter\", Sans-serif;\n\t\t\t\tfont-weight: 300;\n\t\t\t\tfont-size: 28px !important;\n\t\t\t}\n\t\t\t\n\t\t\t&:focus-visible {\n\t\t\t\tborder-color: #35ABE1 !important;\n\t\t\t}\n\t\t}\n\n\t\t.wpcf7-not-valid-tip {\n\t\t\t\tfont-family: \"Inter\", Sans-serif;\n\t\t\t\tfont-weight: 400;\n\t\t\t\tfont-size: 18px !important;\n\t\t\t\tline-height: 22px;\n\t\t\t\tcolor: #EF9B95;\n\t\t\t\tmargin-top: 0;\n\t\t\t\tfont-style: normal !important;\n\t\t}\n\n\t\t#input-message {\n\t\t\tresize: none;\n\t\t\theight: 150px;\n\t\t}\n\n\t\t.button-container {\n\t\t\tdisplay: flex;\n\t\t\tjustify-content: flex-end;\n\t\t\talign-items: center;\n\t\t\tmargin-top: 1rem;\n\t\t\tgap: 3rem;\n\t\t}\n\n\t\t.buttonBackSecondForm {\n\t\t\tfont-family: \"Lexend\", Sans-serif;\n\t\t\tfont-size: 24px;\n\t\t\tfont-weight: 300;\n\t\t\tcursor: pointer;\n\t\t\tbackground: transparent;\n\t\t\tcolor: #F9F7F1;\n\t\t}\n\n\t\t.notificationContainer {\n\t\t\tdisplay: none;\n\t\t}\n\n\t\t.buttonSubmit {\n\t\t\tborder: 1px solid #F9F7F1;\n\t\t\tborder-radius: 60px;\n\t\t\tbackground-color: transparent;\n\t\t\tpadding: 5px 2rem;\n\t\t\tfont-family: \"Lexend\", Sans-serif;\n\t\t\tcolor: #F9F7F1;\n\t\t\tfont-weight: 500;\n\t\t\tfont-size: 24px;\n\t\t\tcursor: pointer;\n\t\t\ttransition: .5s all;\n\t\t\tborder-style: solid !important;\n\t\t\t\n\t\t\t&:hover {\n\t\t\t\tcolor: #ebe4d1;\n\t\t\t}\n\t\t\t\n\t\t\t&:hover {\n\t\t\t\tbackground-color: #8c8c8c;\n\t\t\t}\n\t\t}\n\n\t\t.dataContainer {\n \t\t\talign-self: flex-start;\n \tmargin-top: 2rem;\n\t\t}\n\n\t\t.secondFormTitle {\n\t\t\tmargin-top: 0 !important;\n\t\t\tmargin-bottom: 0 !important;\n\t\t}\n\n\t\t.secondFormDescription, .descriptionNotification {\n\t\t\tfont-family: \"Lexend\", Sans-serif;\n\t\t\tfont-size: 24px;\n\t\t\tcolor: #F9F7F1;\n\t\t\tfont-weight: 200;\n\t\t\tmargin-top: 0;\n\t\t}\n.wpcf7 textarea + .wpcf7-not-valid-tip {\n margin-bottom: 20px;\n}\n<\/style>\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<\/div>\n\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-991dc64 script-home e-flex e-con-boxed e-con e-child\" data-id=\"991dc64\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c23dda9 elementor-widget elementor-widget-html\" data-id=\"c23dda9\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<script>\r\n\r\ndocument.addEventListener(\"DOMContentLoaded\", function(event){\r\n \r\nwindow.addEventListener(\"load\", \r\n function(e){\r\n \r\n \/\/ Verificamos si la URL actual termina en \/es\/\r\n var isSpanish = window.location.pathname.endsWith('\/es\/') || window.location.href.endsWith('\/es\/');\r\n\r\n \/\/Gappex card\r\n document.getElementById('gappexCard').addEventListener('click', function() {\r\n var url = isSpanish ? 'https:\/\/creativecoefficient.net\/es\/gappex\/' : 'https:\/\/creativecoefficient.net\/gappex\/';\r\n window.open(url, '_self');\r\n });\r\n \r\n \/\/SI Tickets card\r\n document.getElementById('sitixCard').addEventListener('click', function() {\r\n var url = isSpanish ? 'https:\/\/creativecoefficient.net\/es\/sitickets\/' : 'https:\/\/creativecoefficient.net\/sitickets\/';\r\n window.open(url, '_self');\r\n });\r\n \r\n \/\/Better Vet card\r\n document.getElementById('betterVetCard').addEventListener('click', function() {\r\n var url = isSpanish ? 'https:\/\/creativecoefficient.net\/es\/bettervet\/' : 'https:\/\/creativecoefficient.net\/bettervet\/';\r\n window.open(url, '_self');\r\n });\r\n\r\n \/\/Neighborhood Pal card (npalCard)\r\n document.getElementById('npalCard').addEventListener('click', function() {\r\n var url = isSpanish ? 'https:\/\/creativecoefficient.net\/es\/neighborhoodpal\/' : 'https:\/\/creativecoefficient.net\/neighborhoodpal\/';\r\n window.open(url, '_self');\r\n });\r\n\r\n \/\/Dropoff card (dropoffCard)\r\n document.getElementById('dropoffCard').addEventListener('click', function() {\r\n var url = isSpanish ? 'https:\/\/creativecoefficient.net\/es\/dropoff\/' : 'https:\/\/creativecoefficient.net\/dropoff\/';\r\n window.open(url, '_self');\r\n });\r\n \r\n setTimeout(() => {\r\n \/\/ Contact Form\r\n \r\n \r\n var secondFormElement = document.querySelector(\".wpcf7-form\");\r\n secondFormElement.addEventListener('submit', function(event) {\r\n event.preventDefault();\r\n let inputName = document.getElementById('input-name');\r\n let inputEmail = document.getElementById('input-email');\r\n let inputMessage = document.getElementById('input-message');\r\n let letsTalk = document.getElementById('letsTalkText');\r\n let gotQuestions = document.getElementById('gotQuestionsText');\r\n \r\n function isValidEmail(email) {\r\n const emailRegex = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/;\r\n return emailRegex.test(email);\r\n }\r\n \r\n if (inputName.value.length > 0 && isValidEmail(inputEmail.value) && inputMessage.value.length > 0) {\r\n let textTitle = document.createElement('div');\r\n textTitle.classList.add('titleNotification');\r\n textTitle.textContent = 'Roger that!';\r\n let textDescription = document.createElement('div');\r\n textDescription.classList.add('descriptionNotification');\r\n textDescription.textContent = 'We\u2019ll get in touch with you as soon as possible.';\r\n let notificationDiv = document.createElement('div');\r\n notificationDiv.classList.add('divNotificationForm');\r\n notificationDiv.appendChild(textTitle);\r\n notificationDiv.appendChild(textDescription);\r\n secondFormElement.parentNode.insertBefore(notificationDiv, secondFormElement.nextSibling);\r\n secondFormElement.classList.add('notificationContainer');\r\n let notificationContainer = document.querySelector('.wpcf7-response-output');\r\n notificationContainer.classList.add('notificationContainer');\r\n letsTalk.classList.add('notificationContainer');\r\n gotQuestions.classList.add('notificationContainer');\r\n }\r\n });\r\n }, 0)\r\n \r\n \/\/ End Contact Form\r\n \r\n \/\/ Menu redirect\r\n \r\n \r\n var ourWorkButtonMobile = document.querySelectorAll('.ourWorkButton')[0] \/\/ Menu mobile;\r\n var contactUsButtonMobile = document.querySelectorAll('.contactUsButton')[0] \/\/ Menu mobile;\r\n \r\n ourWorkButtonMobile.addEventListener('click', function() {\r\n var buttonClose = document.querySelector('.ct-toggle-close');\r\n buttonClose.click();\r\n var section = document.getElementById('ourWorkSection');\r\n var offset = -75;\r\n var bodyRect = document.body.getBoundingClientRect().top;\r\n var elementRect = section.getBoundingClientRect().top;\r\n var elementPosition = elementRect - bodyRect;\r\n var offsetPosition = elementPosition + offset;\r\n \r\n window.scrollTo({\r\n top: offsetPosition,\r\n behavior: 'smooth'\r\n });\r\n });\r\n \r\n contactUsButtonMobile.addEventListener('click', function() {\r\n var buttonClose = document.querySelector('.ct-toggle-close');\r\n buttonClose.click();\r\n var section = document.getElementById('contactUsSection');\r\n var offset = -50;\r\n var bodyRect = document.body.getBoundingClientRect().top;\r\n var elementRect = section.getBoundingClientRect().top;\r\n var elementPosition = elementRect - bodyRect;\r\n var offsetPosition = elementPosition + offset;\r\n \r\n window.scrollTo({\r\n top: offsetPosition,\r\n behavior: 'smooth'\r\n });\r\n });\r\n \r\n var ourWorkButtonDesktop = document.querySelectorAll('.ourWorkButton')[1] \/\/ Menu desktop;\r\n var contactUsButtonDesktop = document.querySelectorAll('.contactUsButton')[1] \/\/ Menu desktop;\r\n \r\n }, false)\r\n\r\n});\r\n\r\n<\/script>\r\n\r\n<script>\r\n \/*SCRIPT PARA OCULTAR DIV EN ESPA\u00d1OL*\/\r\n \r\n document.addEventListener(\"DOMContentLoaded\", function() {\r\n \/\/ Obtenemos la ruta de la URL actual\r\n const rutaActual = window.location.pathname;\r\n\r\n \/\/ Verificamos si la ruta termina exactamente en \"\/es\/\"\r\n if (rutaActual.endsWith('\/es\/')) {\r\n \/\/ Buscamos el div por su ID\r\n const divOcultar = document.getElementById(\"cf-tech-partner\");\r\n \r\n \/\/ Si el div existe en la p\u00e1gina, lo ocultamos\r\n if (divOcultar) {\r\n divOcultar.style.display = \"none\";\r\n }\r\n }\r\n});\r\n \r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d493731 elementor-widget elementor-widget-html\" data-id=\"d493731\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\r\n\r\n<script>\r\n\r\ndocument.addEventListener(\"DOMContentLoaded\", function(event){\r\n \r\n\r\n window.addEventListener(\"load\", function(e){\r\n \r\n gsap.registerPlugin(ScrollTrigger);\r\n \r\n \r\n ScrollTrigger.create({\r\n trigger: \".home-section-container\",\r\n start: \"800 center\",\r\n end: \"+=100 center\",\r\n onEnter: () => gsap.to(\".home-section-container\", { backgroundColor: \"#F9F7F1\", duration: 0.5 }),\r\n onLeaveBack: () => gsap.to(\".home-section-container\", { backgroundColor: \"#1C1C1C\", duration: 0.5 })\r\n });\r\n \r\n ScrollTrigger.create({\r\n trigger: \".bottom-home-container\",\r\n start: \"-=200 200\",\r\n end: \"0 200\",\r\n onEnter: () => gsap.to(\".home-section-container\", { backgroundColor: \"#1C1C1C\", duration: 0.5 }),\r\n onLeaveBack: () => gsap.to(\".home-section-container\", { backgroundColor: \"#F9F7F1\", duration: 0.5 })\r\n });\r\n\r\n const logo = document.querySelector('#header-home-big-logo img');\r\n const texto = document.getElementById('header-home-isotipo');\r\n const homeHeaderBar = document.getElementById('homeHeaderBar');\r\n const mobileMenu = document.getElementById('mobile-menu');\r\n ScrollTrigger.create({\r\n trigger: document.body,\r\n start: \"50px top\",\r\n end: \"50px top\",\r\n onUpdate: (self) => {\r\n let progress = self.progress;\r\n let opacity = 1 - progress;\r\n let scale = progress > 0.5 ? 0.7 : 1;\r\n let heightHeader = progress > 0.5 ? 55 : 100;\r\n let mobileMenuHeight = progress > 0.5 ? 166 : 214;\r\n gsap.to(homeHeaderBar, { height: `${heightHeader}px`, duration: 0.25, ease: \"none\" });\r\n gsap.to(mobileMenu, { minHeight: `${mobileMenuHeight}px`, duration: 0.25, ease: \"none\" });\r\n gsap.to(logo, { scale: scale, duration: 0.25, ease: \"none\" });\r\n gsap.to(texto, { opacity: opacity, duration: 0.25, ease: \"none\" });\r\n }\r\n });\r\n \r\n }, false);\r\n\r\n});\r\n\r\n\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fb9d4dd elementor-widget elementor-widget-html\" data-id=\"fb9d4dd\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\n<style>\n\n #contactUsHome {\n background-color: transparent !important;\n }\n\n #link-header-container {\n width: fit-content;\n }\n \n #mobile-menu-close {\n display: none;\n }\n\n\n #mobile-menu {\n display: none;\n position: fixed;\n height: 100vh;\n }\n\n .header-bar-gradient {\n height: 4px;\n background: linear-gradient(to right, #E64039, #F8B925, #3CA755, #4788F1);\n }\n .sticky-home-header {\n position: fixed;\n top: 0;\n z-index: 10;\n }\n \n .header-button-sections {\n\t\tfont-family: \"Lexend\", Sans-serif;\n\t\tcolor: #F9F7F1;\n\t\tfont-size: 24px;\n\t\tcursor: pointer;\n\t\ttransition: .2s;\n\t\t\n\t\t&:hover {\n\t\t\ttransform: scale(1.05)\n\t\t}\n\t}\n\t\n\t#homeHeaderBar {\n\t height: 100px;\n\t}\n\t\n\t#header-home-small-logo {\n\t display: none;\n\t}\n\t\n\n\n .titleContainer {\n height: 110px;\n }\n\n\n \n #data-container {\n position: relative;\n }\n \n .data-images {\n top: 0;\n left: 0;\n position: absolute;\n width: 100%;\n height: 100%\n }\n \n @media (max-height: 580px) {\n \n .future-ready-home {\n min-height: 600px !important;\n }\n }\n \n\n .ct-container-full {\n padding-bottom: 0;\n}\n.btn-home-work:hover {\n background-color: #ffffff;\n color: #1c1c1c;\n}\n\n<\/style>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7b86f2a elementor-widget elementor-widget-html\" data-id=\"7b86f2a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\n\n<script>\n\n\n\nlet scrollTriggerInstance = null;\n\ndocument.addEventListener(\"DOMContentLoaded\", function(event){\n\n\n\n window.addEventListener(\"load\", function(e) {\n \n const animateOurWork = () => {\n if (window.innerWidth > 1024 && scrollTriggerInstance === null) {\n const containerStyle = document.querySelector('.text-container');\n containerStyle.style.transition = '0s';\n containerStyle.style.overscrollBehavior = 'none';\n\n \n gsap.registerPlugin(ScrollTrigger)\n\n let boxes = gsap.utils.toArray(\"#ourWorkSection .card-container-our-work\"),\n container = document.querySelector(\"#ourWorkSection\"),\n text = document.querySelector(\"#text-container\"),\n padding = gsap.getProperty(container, \"paddingTop\", \"px\"),\n snapTriggers = boxes.map(box => ScrollTrigger.create({\n trigger: box,\n start: \"top \" + padding + \"px\"\n })),\n snaps = [];\n \n scrollTriggerInstance = ScrollTrigger.create({\n trigger: '#ourWorkSection',\n pin: '#ourWorkSectionTitle',\n pinSpacing: false,\n start: \"top top\",\n end: () => \"+=\" + (boxes[boxes.length-1].getBoundingClientRect().top - boxes[0].getBoundingClientRect().top),\n onRefresh: self => {\n let distance = self.end - self.start;\n snapTriggers.forEach((trigger, i) => snaps[i] = (trigger.start - self.start) \/ distance);\n },\n snap: snaps\n });\n \n } else if (window.innerWidth <= 1024 && !!scrollTriggerInstance) {\n scrollTriggerInstance.kill();\n scrollTriggerInstance = null;\n }\n \n \n \n } \n \n animateOurWork(); \n \n window.addEventListener('resize', function() {\n animateOurWork();\n });\n \n }, false);\n \n function mobileVideoObserver(){\n if (innerWidth>1024) return; \/\/ solo mobile\n\n const videos=document.querySelectorAll('#ourWorkSection video');\n if(!videos.length) return;\n\n \/\/ 1) Desactivamos autoplay que pone Elementor\n videos.forEach(v=>{\n v.pause();\n v.removeAttribute('autoplay');\n });\n\n \/\/ 2) Observer: play si la card es \u226560 % visible\n const io=new IntersectionObserver(entries=>{\n entries.forEach(({target,intersectionRatio:r})=>{\n if(r>=0.6){ target.play().catch(()=>{}); }\n else { target.pause(); }\n });\n },{threshold:[0,0.6,1]});\n\n videos.forEach(v=>io.observe(v));\n}\n\ndocument.addEventListener('DOMContentLoaded',mobileVideoObserver);\naddEventListener('resize',mobileVideoObserver); \/\/ reaplica si cambian breakpoints\n});\n\n\n<\/script>\n\n<script>\n \/\/script para traducir texto scroll \n document.addEventListener(\"DOMContentLoaded\", function() {\n \/\/ Definimos si estamos en la versi\u00f3n en espa\u00f1ol (\/es) o en la ra\u00edz (Home)\n const isSpanishHome = window.location.pathname === '\/es' || window.location.pathname === '\/es\/';\n const isDefaultHome = window.location.pathname === '\/' || window.location.pathname === '';\n\n const style = document.createElement('style');\n style.id = \"home-language-toggle\";\n \n if (isSpanishHome) {\n \/\/ Si es \/es: Mostramos la clase espa\u00f1ola, ocultamos la default\n style.textContent = `\n .ow-tx-es { display: block !important; }\n .ow-tx { display: none !important; }\n `;\n console.log(\"Home: Versi\u00f3n ES activa.\");\n } else if (isDefaultHome) {\n \/\/ Si es el Home ra\u00edz: Mostramos la default, ocultamos la espa\u00f1ola\n style.textContent = `\n .ow-tx { display: block !important; }\n .ow-tx-es { display: none !important; }\n `;\n console.log(\"Home: Versi\u00f3n Default activa.\");\n }\n\n if (style.textContent !== \"\") {\n document.head.appendChild(style);\n }\n});\n \n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-629acdc elementor-widget elementor-widget-html\" data-id=\"629acdc\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\n\n .card-container-our-work {\n min-height: 100vh;\n }\n .card-container-our-work {\n position: relative;\n top: 0;\n padding-top: calc(10px + 60px);\n max-height: calc(100vh - 70px);\n max-width: calc(100vh - 70px);\n}\n \n @media (max-height: 580px) {\n \n .card-container-our-work {\n min-height: 550px !important;\n }\n \n .custom-video-container {\n padding-top: 60px;\n }\n }\n\n\n #image-sitickets-degrade {\n top: 0;\n bottom: 0;\n right: 0;\n left: 0;\n background: linear-gradient(180deg, rgba(196, 196, 196, 0) 48.8%, #F8B925 99.04%);\n\n }\n\n #image-bettervet-degrade {\n top: 0;\n bottom: 0;\n right: 0;\n left: 0;\n background: linear-gradient(180deg, rgba(196, 196, 196, 0) 48.8%, #4788F1 99.04%);\n\n }\n \n #background-gappex-image-container {\n opacity: 0;\n }\n\n #background-gappex-image {\n height: 100%;\n }\n \n #background-gappex-image img {\n height: 100%;\n width: auto;\n }\n \n #background-sitickets-image-container {\n opacity: 0;\n }\n\n #background-bettervet-image-container {\n opacity: 0;\n }\n \n #background-sitickets-image {\n height: 100%;\n }\n \n #background-sitickets-image img {\n height: 100%;\n width: auto;\n }\n\n #background-bettervet-image {\n height: 100%;\n }\n \n #background-bettervet-image img {\n height: 100%;\n width: auto;\n }\n\n .background-container {\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n }\n\n #subtitle-card-gappex {\n opacity: 0;\n }\n \n #subtitle-card-sitickets {\n opacity: 0;\n }\n\n #subtitle-card-bettervet {\n opacity: 0;\n }\n\n .degrade-container-our-work {\n background: linear-gradient(180deg, rgba(217, 217, 217, 0) 36.16%, rgba(28, 28, 28, 0.4) 77.65%);\n top: 0;\n bottom: 0;\n right: 0;\n left: 0;\n }\n\n\n .custom-video {\n height: 100%;\n }\n\n .custom-video div {\n height: 100%;\n display: flex;\n justify-content: center;\n }\n\n \n .custom-video-container {\n height: 100%;\n width: 100%;\n }\n \n \n .card-our-work-2:hover #custom-video-container-gappex {\n opacity: 0;\n transition: opacity 0.3s ease;\n }\n \n .card-our-work-2:hover #custom-video-container-sitickets {\n opacity: 0;\n transition: opacity 0.3s ease;\n }\n\n .card-our-work-2:hover #custom-video-container-bettervet {\n opacity: 0;\n transition: opacity 0.3s ease;\n }\n \n .card-our-work-2:hover #background-gappex-image-container {\n opacity: 1;\n transition: opacity 0.3s ease;\n }\n \n .card-our-work-2:hover #background-sitickets-image-container {\n opacity: 1;\n transition: opacity 0.3s ease;\n }\n\n .card-our-work-2:hover #background-bettervet-image-container {\n opacity: 1;\n transition: opacity 0.3s ease;\n }\n \n .card-our-work-2:hover #subtitle-card-gappex {\n opacity: 1;\n transition: opacity 0.3s ease;\n }\n \n .card-our-work-2:hover #subtitle-card-sitickets {\n opacity: 1;\n transition: opacity 0.3s ease;\n }\n\n .card-our-work-2:hover #subtitle-card-bettervet {\n opacity: 1;\n transition: opacity 0.3s ease;\n }\n \n .card-our-work-2:hover #our-work-title-gappex {\n transform: translateY(-100%);\n transition: transform 0.3s ease;\n }\n \n .card-our-work-2:hover #our-work-title-gappex span {\n font-size: 40px;\n transition: font-size 0.3s ease;\n }\n \n #our-work-title-gappex {\n transform: translateY(0)%);\n transition: transform 0.3s ease;\n }\n \n #our-work-title-gappex span {\n font-size: 70px;\n transition: font-size 0.3s ease;\n }\n \n \n .card-our-work-2:hover #our-work-title-sitickets {\n transform: translateY(-100%);\n transition: transform 0.3s ease;\n }\n \n .card-our-work-2:hover #our-work-title-sitickets span {\n font-size: 40px;\n transition: font-size 0.3s ease;\n }\n \n #our-work-title-sitickets {\n transform: translateY(0)%);\n transition: transform 0.3s ease;\n }\n \n #our-work-title-sitickets span {\n font-size: 70px;\n transition: font-size 0.3s ease;\n }\n\n .card-our-work-2:hover #our-work-title-bettervet {\n transform: translateY(-100%);\n transition: transform 0.3s ease;\n }\n \n .card-our-work-2:hover #our-work-title-bettervet span {\n font-size: 40px;\n transition: font-size 0.3s ease;\n }\n \n #our-work-title-bettervet {\n transform: translateY(0)%);\n transition: transform 0.3s ease;\n }\n \n #our-work-title-bettervet span {\n font-size: 70px;\n transition: font-size 0.3s ease;\n }\n \n \n .card-up-container {\n height: calc(100% - 102px);\n width: 100%;\n }\n\n \n .our-work-2-titlecontainer {\n height: 102px;\n width: 100%;\n }\n\n .card-our-work-2 {\n aspect-ratio: 680\/655;\n width: 100%;\n height: auto;\n max-height: calc(100vh - 74px);\n max-width: 655px;\n cursor: pointer;\n \/*cursor: url('https:\/\/web-site-cc.s3.us-east-2.amazonaws.com\/test_cursor.png'), auto;*\/\n }\n \n\n #ourWorkSection {\n margin 0 auto;\n }\n\n #our-work-2-subcontainer {\n width: 100%;\n max-width: 1620px;\n display: flex;\n \/*background-color: pink*\/\n }\n\n #our-work-2 {\n width: fit-content;\n }\n\n @media (max-width: 768px) or (max-height: 580px) {\n \n .card-container-our-work {\n margin-top: 69px;\n min-height: 0;\n }\n .card-our-work-2 {\n aspect-ratio: 318\/382;\n }\n \n .card-our-work-2:hover #custom-video-container-gappex {\n opacity: 1;\n transition: none;\n }\n \n .card-our-work-2:hover #custom-video-container-sitickets {\n opacity: 1;\n transition: none;\n }\n\n .card-our-work-2:hover #custom-video-container-bettervet {\n opacity: 1;\n transition: none;\n }\n \n .card-our-work-2:hover #background-gappex-image-container {\n opacity: 0;\n transition: none;\n }\n \n .card-our-work-2:hover #background-sitickets-image-container {\n opacity: 0;\n transition: none;\n }\n\n .card-our-work-2:hover #background-bettervet-image-container {\n opacity: 0;\n transition: none;\n }\n \n .card-our-work-2:hover #subtitle-card-gappex {\n opacity: 0;\n transition: none;\n }\n \n .card-our-work-2:hover #subtitle-card-sitickets {\n opacity: 0;\n transition: none;\n }\n \n .card-our-work-2:hover #subtitle-card-bettervet {\n opacity: 0;\n transition: none;\n }\n \n .card-our-work-2:hover #our-work-title-gappex {\n transform: translateY(0%);\n transition: none;\n }\n \n #our-work-title-gappex span {\n font-size: 32px;\n transition: font-size 0.3s ease;\n }\n \n .card-our-work-2:hover #our-work-title-gappex span {\n font-size: 32px;\n transition: none;\n }\n \n \n .card-our-work-2:hover #our-work-title-sitickets {\n transform: translateY(0%);\n transition: none;\n }\n \n #our-work-title-sitickets span {\n font-size: 32px;\n transition: font-size 0.3s ease;\n }\n \n .card-our-work-2:hover #our-work-title-sitickets span {\n font-size: 32px;\n transition: none;\n }\n\n .card-our-work-2:hover #our-work-title-bettervet {\n transform: translateY(0%);\n transition: none;\n }\n \n #our-work-title-bettervet span {\n font-size: 32px;\n transition: font-size 0.3s ease;\n }\n \n .card-our-work-2:hover #our-work-title-bettervet span {\n font-size: 32px;\n transition: none;\n }\n \n .card-up-container {\n height: calc(100% - 80px);\n width: 100%;\n }\n \n \n .our-work-2-titlecontainer {\n height: 80px;\n width: 100%;\n }\n \n \n }\n\n\/* \u2264 1024 px -------------------------------------------------------------- *\/\n@media (max-width:1024px){\n\n \/* CONTENEDOR que agrupa todas las cards ------------------------------- *\/\n .cards-container{ \/* \u00abelementor-element-9a18156\u00bb *\/\n overflow-y:auto; \/* hace scroll vertical interno *\/\n scroll-snap-type:y mandatory; \/* snap vertical *\/\n padding-block:40px; \/* deja 40 px antes y despu\u00e9s *\/\n gap:40px; \/* 40 px entre cada card *\/\n -webkit-overflow-scrolling:touch;\n }\n\n \/* CADA CARD ----------------------------------------------------------- *\/\n .card-container-our-work{ \/* \u00abelementor-element-e90fdc0\u00bb, etc. *\/\n scroll-snap-align:start; \/* alinea su borde superior justo *\/\n min-height:auto !important; \/* anula el min-height:100vh desktop*\/\n margin:0; \/* gap ya lo pone el contenedor *\/\n padding-top: 10px;\n }\n}\n\n<\/style>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d5cd7d9 elementor-widget elementor-widget-html\" data-id=\"d5cd7d9\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\r\n\r\n<script>\r\n\r\ndocument.addEventListener(\"DOMContentLoaded\", function(event){\r\n\r\n window.addEventListener(\"load\", function(e){\r\n \r\n gsap.registerPlugin(ScrollTrigger)\r\n\r\n ScrollTrigger.matchMedia({\r\n \"(max-width: 767px)\": () => {\r\n gsap.to(\"#header-home-container\", {\r\n scrollTrigger: {\r\n trigger: \"#header-home-container\",\r\n start: \"bottom 60%\",\r\n end: \"bottom 50%\",\r\n scrub: true,\r\n },\r\n opacity: 0.5\r\n });\r\n },\r\n \"(min-width: 768px)\": () => {\r\n gsap.to(\"#header-home-container\", {\r\n scrollTrigger: {\r\n trigger: \"#header-home-container\",\r\n start: \"bottom 100%\",\r\n end: \"bottom 70%\",\r\n scrub: true,\r\n },\r\n opacity: 0.5\r\n });\r\n }\r\n });\r\n \r\n }, false);\r\n\r\n});\r\n\r\n\r\n<\/script>\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-a824083 e-con-full e-flex e-con e-child\" data-id=\"a824083\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b028b99 elementor-widget elementor-widget-html\" data-id=\"b028b99\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\r\n \/* Ensure dynamic target elements are relatively positioned and clip overflow *\/\r\n .hover-target.dynamic {\r\n cursor: none;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n \r\n \/* Custom cursor styling \u2013 this will be injected into the target *\/\r\n .custom-cursor {\r\n position: absolute;\r\n width: 100px;\r\n height: 100px;\r\n z-index: 5;\r\n background: url('https:\/\/creativecoefficient.net\/wp-content\/uploads\/2025\/05\/Vector-2.png') no-repeat center center;\r\n background-size: contain;\r\n \/* Optional: add a debugging border during development *\/\r\n \/* border: 2px solid blue; *\/\r\n }\r\n .our-work-2-titlecontainer {\r\n z-index: 2;\r\n}\r\n<\/style>\r\n\r\n<script>\r\n document.addEventListener('DOMContentLoaded', function() {\r\n if (window.innerWidth <= 1024) return;\r\n var dynamicTargets = document.querySelectorAll('.hover-target.dynamic');\r\n \/\/ console.log(\"Found dynamic targets:\", dynamicTargets);\r\n\r\n dynamicTargets.forEach(function(target) {\r\n target.addEventListener('pointerenter', function(e) {\r\n \/\/ console.log(\"Pointer entered dynamic element:\", target);\r\n if (target.dataset.hasCursor === \"true\") return;\r\n target.dataset.hasCursor = \"true\";\r\n\r\n \/\/ Create and inject the custom cursor into the target (so overflow:hidden applies)\r\n var customCursor = document.createElement('div');\r\n customCursor.className = 'custom-cursor';\r\n target.appendChild(customCursor);\r\n\r\n \/\/ Calculate local pointer coordinates relative to the target\r\n var rect = target.getBoundingClientRect();\r\n var localX = e.clientX - rect.left;\r\n var localY = e.clientY - rect.top;\r\n\r\n \/\/ Center the custom cursor on the pointer using GSAP's xPercent\/yPercent\r\n gsap.set(customCursor, { x: localX, y: localY, xPercent: -50, yPercent: -50, opacity: 1 });\r\n \/\/ console.log(\"Custom cursor created at (local):\", localX, localY);\r\n\r\n \/\/ Start a continuous spin animation\r\n gsap.to(customCursor, {\r\n rotation: 360,\r\n repeat: -1,\r\n duration: 6,\r\n ease: \"linear\"\r\n });\r\n\r\n var offset = 50; \/\/ threshold in pixels (half the 85px size)\r\n var moveHandler = function(e) {\r\n var rect = target.getBoundingClientRect();\r\n var localX = e.clientX - rect.left;\r\n var localY = e.clientY - rect.top;\r\n\r\n \/\/ Update the cursor position centered on the pointer\r\n gsap.to(customCursor, {\r\n duration: 0.15,\r\n x: localX,\r\n y: localY,\r\n xPercent: -50,\r\n yPercent: -50,\r\n ease: \"power2.out\",\r\n overwrite: \"auto\"\r\n });\r\n\r\n \/* Calculate fade factors:\r\n - For left and top: when localX (or localY) is below the offset, use localX\/offset (or localY\/offset).\r\n - For right and bottom: when the pointer is beyond (rect.width - offset) or (rect.height - offset),\r\n calculate the factor as (edgeDistance \/ offset).\r\n When the pointer is within the safe zone, factor = 1.\r\n *\/\r\n var factorLeft = localX < offset ? localX \/ offset : 1;\r\n var factorTop = localY < offset ? localY \/ offset : 1;\r\n var factorRight = localX > rect.width - offset ? (rect.width - localX) \/ offset : 1;\r\n var factorBottom = localY > rect.height - offset ? (rect.height - localY) \/ offset : 1;\r\n var newOpacity = Math.min(factorLeft, factorTop, factorRight, factorBottom);\r\n newOpacity = Math.max(newOpacity, 0); \/\/ ensure not below 0\r\n\r\n gsap.to(customCursor, { duration: 0.15, opacity: newOpacity, overwrite: \"auto\" });\r\n };\r\n\r\n target.addEventListener('pointermove', moveHandler);\r\n\r\n target.addEventListener('pointerleave', function() {\r\n \/\/ console.log(\"Pointer left dynamic element:\", target);\r\n gsap.killTweensOf(customCursor);\r\n customCursor.remove();\r\n target.removeEventListener('pointermove', moveHandler);\r\n delete target.dataset.hasCursor;\r\n \/\/ console.log(\"Custom cursor removed\");\r\n });\r\n });\r\n });\r\n });\r\n<\/script>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-efaca4e elementor-widget elementor-widget-html\" data-id=\"efaca4e\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n \/\/ The container that will get its background color updated.\r\n const container = document.querySelector('#home-main-container');\r\n \/\/ Each section is expected to be a direct child with the common class \"section-item\".\r\n const sections = Array.from(document.querySelectorAll('#home-main-container > .section-item'));\r\n let currentActive = null;\r\n let ticking = false;\r\n\r\n \/\/ Compute how much of the viewport is filled by the element.\r\n \/\/ Returns a ratio between 0 and 1: 1 means the element fills 100% of the viewport height.\r\n function computeViewportFillRatio(el) {\r\n const rect = el.getBoundingClientRect();\r\n const viewportHeight = window.innerHeight || document.documentElement.clientHeight;\r\n\r\n \/\/ If the element is completely off-screen, return 0.\r\n if (rect.bottom <= 0 || rect.top >= viewportHeight) return 0;\r\n\r\n \/\/ Clamp visible portion between 0 and viewport height.\r\n const visibleTop = Math.max(rect.top, 0);\r\n const visibleBottom = Math.min(rect.bottom, viewportHeight);\r\n const visibleHeight = visibleBottom - visibleTop;\r\n \r\n return visibleHeight \/ viewportHeight;\r\n }\r\n\r\n \/\/ Given a section, look for a class in the format \"active-threshold-0.X\" and return that value.\r\n \/\/ If not found or not valid, return the default threshold (0.9).\r\n function getThresholdForSection(section) {\r\n const defaultThreshold = 0.9;\r\n const thresholdClass = Array.from(section.classList).find(c => c.indexOf(\"active-threshold-\") === 0);\r\n if (thresholdClass) {\r\n const parts = thresholdClass.split(\"-\");\r\n const value = parseFloat(parts[parts.length - 1]);\r\n if (!isNaN(value)) {\r\n return value;\r\n }\r\n }\r\n return defaultThreshold;\r\n }\r\n\r\n \/\/ Check all sections, and if one meets its threshold, mark the one with the highest ratio as active.\r\n function updateActiveSection() {\r\n ticking = false;\r\n let bestSection = null;\r\n let highestRatio = 0;\r\n\r\n sections.forEach(section => {\r\n const ratio = computeViewportFillRatio(section);\r\n const threshold = getThresholdForSection(section);\r\n \/\/ Only consider a section if it fills at least its threshold percentage of the viewport.\r\n if (ratio >= threshold && ratio > highestRatio) {\r\n highestRatio = ratio;\r\n bestSection = section;\r\n }\r\n });\r\n\r\n \/\/ If no section qualifies, clear any active state and set container background to white.\r\n if (!bestSection) {\r\n if (currentActive) {\r\n currentActive.classList.remove(\"active\");\r\n currentActive = null;\r\n }\r\n container.style.backgroundColor = \"white\";\r\n return;\r\n }\r\n \r\n \/\/ If the best section has changed, update the active state.\r\n if (bestSection !== currentActive) {\r\n if (currentActive) {\r\n currentActive.classList.remove(\"active\");\r\n }\r\n currentActive = bestSection;\r\n currentActive.classList.add(\"active\");\r\n\r\n \/\/ Read the new background color from a class in the format bg-XXXXXX.\r\n const bgClass = Array.from(currentActive.classList).find(cls => cls.indexOf(\"bg-\") === 0);\r\n if (bgClass) {\r\n const newBgColor = '#' + bgClass.substring(3);\r\n container.style.backgroundColor = newBgColor;\r\n } else {\r\n container.style.backgroundColor = \"white\";\r\n }\r\n }\r\n }\r\n\r\n function onScroll() {\r\n if (!ticking) {\r\n window.requestAnimationFrame(updateActiveSection);\r\n ticking = true;\r\n }\r\n }\r\n\r\n window.addEventListener(\"scroll\", onScroll);\r\n window.addEventListener(\"resize\", onScroll);\r\n\r\n \/\/ Initial check.\r\n updateActiveSection();\r\n});\r\n<\/script>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1c6393b elementor-widget elementor-widget-html\" data-id=\"1c6393b\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<script>\r\n(function() {\r\n \/\/ Adjust these selectors as needed\r\n const container = document.querySelector(\".cards-container\");\r\n const cards = Array.from(document.querySelectorAll(\".card-container-our-work\"));\r\n if (!container || cards.length === 0) return;\r\n\r\n let scrollEndTimer = null;\r\n const SCROLL_END_DELAY = 100; \/\/ ms after user stops scrolling\r\n const DIRECTION_BIAS_FACTOR = 0.8; \/\/ tweak to taste (0.7 = more sensitive, 0.9 = less)\r\n\r\n \/\/ Track last scroll position for direction detection\r\n let lastScrollY = window.pageYOffset;\r\n\r\n \/\/ --- Event Listeners ---\r\n window.addEventListener(\"scroll\", onScroll);\r\n window.addEventListener(\"resize\", onResize);\r\n\r\n function onScroll() {\r\n if (!isBelow1024()) return;\r\n if (!isContainerOverHalfViewport(container)) return;\r\n\r\n clearTimeout(scrollEndTimer);\r\n scrollEndTimer = setTimeout(() => {\r\n snapToNearestCard();\r\n }, SCROLL_END_DELAY);\r\n }\r\n\r\n function onResize() {\r\n if (!isBelow1024()) {\r\n clearTimeout(scrollEndTimer);\r\n }\r\n }\r\n\r\n \/\/ --- Main Snap Logic ---\r\n function snapToNearestCard() {\r\n if (!isBelow1024()) return;\r\n if (!isContainerOverHalfViewport(container)) return;\r\n\r\n \/\/ Determine scrolling direction\r\n const currentScrollY = window.pageYOffset;\r\n const direction = (currentScrollY > lastScrollY) ? 'down'\r\n : (currentScrollY < lastScrollY) ? 'up'\r\n : 'none';\r\n lastScrollY = currentScrollY; \/\/ update for next time\r\n\r\n const viewportCenter = window.innerHeight \/ 2;\r\n let closestCard = null;\r\n let closestDistance = Infinity;\r\n\r\n for (const card of cards) {\r\n const rect = card.getBoundingClientRect();\r\n const cardCenter = rect.top + (rect.height \/ 2);\r\n\r\n \/\/ Base distance from viewport center\r\n let distance = Math.abs(viewportCenter - cardCenter);\r\n\r\n \/\/ Apply a \"directional bias\" if:\r\n \/\/ - scrolling down and this card is below center, or\r\n \/\/ - scrolling up and this card is above center.\r\n if (direction === 'down' && cardCenter > viewportCenter) {\r\n distance *= DIRECTION_BIAS_FACTOR;\r\n } else if (direction === 'up' && cardCenter < viewportCenter) {\r\n distance *= DIRECTION_BIAS_FACTOR;\r\n }\r\n\r\n \/\/ Keep track of the card with the smallest final distance\r\n if (distance < closestDistance) {\r\n closestDistance = distance;\r\n closestCard = card;\r\n }\r\n }\r\n\r\n if (closestCard) {\r\n const rect = closestCard.getBoundingClientRect();\r\n const cardCenter = rect.top + (rect.height \/ 2);\r\n const offset = cardCenter - viewportCenter;\r\n\r\n window.scrollBy({\r\n top: offset,\r\n left: 0,\r\n behavior: \"smooth\"\r\n });\r\n }\r\n }\r\n\r\n \/\/ --- Helpers ---\r\n function isBelow1024() {\r\n return window.innerWidth <= 1024;\r\n }\r\n\r\n \/\/ Check if container is at least 50% in the viewport\r\n function isContainerOverHalfViewport(element) {\r\n const rect = element.getBoundingClientRect();\r\n const viewportHeight = window.innerHeight;\r\n\r\n const intersectionTop = Math.max(0, rect.top);\r\n const intersectionBottom = Math.min(viewportHeight, rect.bottom);\r\n const intersectionHeight = intersectionBottom - intersectionTop;\r\n\r\n return intersectionHeight >= (viewportHeight * 0.5);\r\n }\r\n})();\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7903d71 elementor-widget elementor-widget-html\" data-id=\"7903d71\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\n .ai-banner {\n display: block!important;\n}\nmain#main, html {\n background-color: #1c1c1c;\n transition-duration: unset !important;\n}\n<\/style>\n<style>\n.latest-posts {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 40px min(5%, 79px);\n}\n\n.latest-posts .post {\n display: flex;\n flex-direction: column;\n height: 100%;\n background-color: #fff;\n box-shadow: 0px 1px 4px 0px #0c0c0d2b;\n}\n\n.latest-posts .post .img img {\n width: 100%;\n height: auto;\n display: block;\n aspect-ratio: 120\/77;\n object-fit: cover;\n}\n\n.latest-posts .post .details {\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n padding: 0 15px 10px;\n}\n\n.latest-posts .post .details .top {\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n margin-top: 18px;\n}\n\n.latest-posts .post .details .top span {\n font-family: 'Inter', sans-serif;\n font-size: 18px;\n color: #585858;\n}\n\n.latest-posts .post .details h3 {\n font-family: 'Lexend', sans-serif;\n font-size: 28px;\n color: #1C1C1C!important;\n margin: 2px 0 6px 0;\n font-weight: 400;\n line-height: 125%;\n}\n\n.latest-posts .post .details h3 a {\n color: #1C1C1C!important;\n}\n\n.latest-posts .post .details .extract {\n flex-grow: 1;\n}\n.latest-posts .post .details .extract p {\n font-family: 'Inter', sans-serif;\n font-size: 24px;\n color: #1C1C1C;\n margin: 0;\n line-height: 127%;\n font-weight: 300;\n overflow: hidden;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 3;\n line-clamp: 3;\n}\n\n.latest-posts .post .details .tags {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n margin-top: 1em;\n}\n.latest-posts .post .details .tags span {\n font-family: 'Inter', sans-serif;\n font-size: 18px;\n color: #4788F1;\n}\n\n@media (max-width: 767px) {\n .latest-posts .post .details h3 {\n font-size: 30px;\n }\n .latest-posts .post .details .extract p {\n font-size: 18px;\n }\n .latest-posts .post .details .tags span,\n .latest-posts .post .details .top span{\n font-size: 16px;\n }\n}\n@media (max-width: 400px) {\n .latest-posts {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));\n gap: 30px 25px;\n }\n}\n<\/style>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>FishHeader We create Digital Products that elevate your business See our work WE CREATE Digital Products Creative Coefficient works with startups and corporations thinking, designing, building and launching their core digital products. Our work Casos de \u00e9xito Stories of Innovation and Success View all projects Ver proyectos https:\/\/creativecoefficient.net\/wp-content\/uploads\/2024\/09\/Gappex_final.mp4 Gappex Our digital solution to manage your \u2026<\/p>","protected":false},"author":9,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"nav_color_scheme":[48],"class_list":["post-18574","page","type-page","status-publish","hentry","nav_color_scheme-default"],"blocksy_meta":[],"yoast_head":"\n<title>Home - Creative Coefficient<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/creativecoefficient.net\/es\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Home - Creative Coefficient\" \/>\n<meta property=\"og:description\" content=\"FishHeader We create Digital Products that elevate your business See our work WE CREATE Digital Products Creative Coefficient works with startups and corporations thinking, designing, building and launching their core digital products. Our work Casos de \u00e9xito Stories of Innovation and Success View all projects Ver proyectos https:\/\/creativecoefficient.net\/wp-content\/uploads\/2024\/09\/Gappex_final.mp4 Gappex Our digital solution to manage your \u2026\" \/>\n<meta property=\"og:url\" content=\"https:\/\/creativecoefficient.net\/es\/\" \/>\n<meta property=\"og:site_name\" content=\"Creative Coefficient\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-31T19:52:43+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/creativecoefficient.net\/wp-content\/uploads\/2024\/08\/GAPPEX-707x1024.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/creativecoefficient.net\/\",\"url\":\"https:\/\/creativecoefficient.net\/\",\"name\":\"Home - Creative Coefficient\",\"isPartOf\":{\"@id\":\"https:\/\/creativecoefficient.net\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/creativecoefficient.net\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/creativecoefficient.net\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/creativecoefficient.net\/wp-content\/uploads\/2024\/08\/GAPPEX-707x1024.png\",\"datePublished\":\"2025-07-23T12:22:58+00:00\",\"dateModified\":\"2026-03-31T19:52:43+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/creativecoefficient.net\/#breadcrumb\"},\"inLanguage\":\"es-AR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/creativecoefficient.net\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es-AR\",\"@id\":\"https:\/\/creativecoefficient.net\/#primaryimage\",\"url\":\"https:\/\/creativecoefficient.net\/wp-content\/uploads\/2024\/08\/GAPPEX-707x1024.png\",\"contentUrl\":\"https:\/\/creativecoefficient.net\/wp-content\/uploads\/2024\/08\/GAPPEX-707x1024.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/creativecoefficient.net\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/creativecoefficient.net\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/creativecoefficient.net\/#website\",\"url\":\"https:\/\/creativecoefficient.net\/\",\"name\":\"Creative Coefficient\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/creativecoefficient.net\/#organization\"},\"alternateName\":\"Creative Coefficient\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/creativecoefficient.net\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"es-AR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/creativecoefficient.net\/#organization\",\"name\":\"Creative Coefficient\",\"url\":\"https:\/\/creativecoefficient.net\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es-AR\",\"@id\":\"https:\/\/creativecoefficient.net\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/creativecoefficient.net\/wp-content\/uploads\/2024\/08\/isotipo.png\",\"contentUrl\":\"https:\/\/creativecoefficient.net\/wp-content\/uploads\/2024\/08\/isotipo.png\",\"width\":229,\"height\":208,\"caption\":\"Creative Coefficient\"},\"image\":{\"@id\":\"https:\/\/creativecoefficient.net\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.linkedin.com\/company\/creative-coefficient\/\",\"https:\/\/www.instagram.com\/creative_coefficient\/\"]}]}<\/script>\n","yoast_head_json":{"title":"Home - Creative Coefficient","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/creativecoefficient.net\/es\/","og_locale":"es_ES","og_type":"article","og_title":"Home - Creative Coefficient","og_description":"FishHeader We create Digital Products that elevate your business See our work WE CREATE Digital Products Creative Coefficient works with startups and corporations thinking, designing, building and launching their core digital products. Our work Casos de \u00e9xito Stories of Innovation and Success View all projects Ver proyectos https:\/\/creativecoefficient.net\/wp-content\/uploads\/2024\/09\/Gappex_final.mp4 Gappex Our digital solution to manage your \u2026","og_url":"https:\/\/creativecoefficient.net\/es\/","og_site_name":"Creative Coefficient","article_modified_time":"2026-03-31T19:52:43+00:00","og_image":[{"url":"https:\/\/creativecoefficient.net\/wp-content\/uploads\/2024\/08\/GAPPEX-707x1024.png"}],"twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"4 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/creativecoefficient.net\/","url":"https:\/\/creativecoefficient.net\/","name":"Home - Creative Coefficient","isPartOf":{"@id":"https:\/\/creativecoefficient.net\/#website"},"primaryImageOfPage":{"@id":"https:\/\/creativecoefficient.net\/#primaryimage"},"image":{"@id":"https:\/\/creativecoefficient.net\/#primaryimage"},"thumbnailUrl":"https:\/\/creativecoefficient.net\/wp-content\/uploads\/2024\/08\/GAPPEX-707x1024.png","datePublished":"2025-07-23T12:22:58+00:00","dateModified":"2026-03-31T19:52:43+00:00","breadcrumb":{"@id":"https:\/\/creativecoefficient.net\/#breadcrumb"},"inLanguage":"es-AR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/creativecoefficient.net\/"]}]},{"@type":"ImageObject","inLanguage":"es-AR","@id":"https:\/\/creativecoefficient.net\/#primaryimage","url":"https:\/\/creativecoefficient.net\/wp-content\/uploads\/2024\/08\/GAPPEX-707x1024.png","contentUrl":"https:\/\/creativecoefficient.net\/wp-content\/uploads\/2024\/08\/GAPPEX-707x1024.png"},{"@type":"BreadcrumbList","@id":"https:\/\/creativecoefficient.net\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/creativecoefficient.net\/"},{"@type":"ListItem","position":2,"name":"Home"}]},{"@type":"WebSite","@id":"https:\/\/creativecoefficient.net\/#website","url":"https:\/\/creativecoefficient.net\/","name":"Creative Coefficient","description":"","publisher":{"@id":"https:\/\/creativecoefficient.net\/#organization"},"alternateName":"Creative Coefficient","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/creativecoefficient.net\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"es-AR"},{"@type":"Organization","@id":"https:\/\/creativecoefficient.net\/#organization","name":"Creative Coefficient","url":"https:\/\/creativecoefficient.net\/","logo":{"@type":"ImageObject","inLanguage":"es-AR","@id":"https:\/\/creativecoefficient.net\/#\/schema\/logo\/image\/","url":"https:\/\/creativecoefficient.net\/wp-content\/uploads\/2024\/08\/isotipo.png","contentUrl":"https:\/\/creativecoefficient.net\/wp-content\/uploads\/2024\/08\/isotipo.png","width":229,"height":208,"caption":"Creative Coefficient"},"image":{"@id":"https:\/\/creativecoefficient.net\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.linkedin.com\/company\/creative-coefficient\/","https:\/\/www.instagram.com\/creative_coefficient\/"]}]}},"_links":{"self":[{"href":"https:\/\/creativecoefficient.net\/es\/wp-json\/wp\/v2\/pages\/18574","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/creativecoefficient.net\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/creativecoefficient.net\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/creativecoefficient.net\/es\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/creativecoefficient.net\/es\/wp-json\/wp\/v2\/comments?post=18574"}],"version-history":[{"count":129,"href":"https:\/\/creativecoefficient.net\/es\/wp-json\/wp\/v2\/pages\/18574\/revisions"}],"predecessor-version":[{"id":24416,"href":"https:\/\/creativecoefficient.net\/es\/wp-json\/wp\/v2\/pages\/18574\/revisions\/24416"}],"wp:attachment":[{"href":"https:\/\/creativecoefficient.net\/es\/wp-json\/wp\/v2\/media?parent=18574"}],"wp:term":[{"taxonomy":"nav_color_scheme","embeddable":true,"href":"https:\/\/creativecoefficient.net\/es\/wp-json\/wp\/v2\/nav_color_scheme?post=18574"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}