{"id":13687,"date":"2024-10-17T14:42:49","date_gmt":"2024-10-17T14:42:49","guid":{"rendered":"https:\/\/creativecoefficient.net\/?page_id=13687"},"modified":"2025-11-12T13:35:18","modified_gmt":"2025-11-12T13:35:18","slug":"careers","status":"publish","type":"page","link":"https:\/\/creativecoefficient.net\/es\/careers\/","title":{"rendered":"Carreras"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"13687\" class=\"elementor elementor-13687\">\n\t\t\t\t<div class=\"elementor-element elementor-element-11bcd74 home-section-container e-con-full e-flex e-con e-parent\" data-id=\"11bcd74\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-48459fd e-con-full section-item bg-1C1C1C active-threshold-0.3 e-flex e-con e-child\" data-id=\"48459fd\" data-element_type=\"container\" id=\"header-home-container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a1ec7ab elementor-widget__width-inherit e-transform elementor-widget elementor-widget-html\" data-id=\"a1ec7ab\" data-element_type=\"widget\" data-settings=\"{&quot;_transform_translateX_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_widescreen&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_laptop&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_tablet_extra&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_widescreen&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_laptop&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_tablet_extra&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" 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=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\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    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Reenie+Beanie&amp;display=swap\" rel=\"stylesheet\">\r\n\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&amp;display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n.header-home-body {\r\n    margin: 0 auto;\r\n    display: flex;\r\n    justify-content: center;\r\n    flex-direction: column;\r\n    width: 100%;\r\n}\r\n.container {\r\n    position: relative;\r\n    width: 100%;\r\n}\r\nspan {\r\n    color: #F9F7F1;\r\n}\r\n.home-header-text-title {\r\n    font-size: 90px;\r\n    font-weight: 500;\r\n    font-family: 'Lexend Deca' , sans-serif;\r\n    text-align: center;\r\n}\r\n.home-heaader-text-subtitle {\r\n    font-size: 40px;\r\n    font-weight: 500;\r\n    font-family: 'Reenie Beanie' , sans-serif;\r\n    text-align: center; \r\n}\r\n.home-header-text-container {\r\n    display: flex;\r\n    flex-direction: column;\r\n    \/*height: 98vh;*\/\r\n    height: 100vh;\r\n    justify-content: flex-end;\r\n    z-index: 100;\r\n    max-width: 100%;\r\n}\r\n\r\nbody.admin-bar .home-header-text-container {\r\n    height: calc(100vh - 32px);\r\n}\r\n\r\n.marquee-header:hover {\r\n    background-color: #F9F7F1CC;\r\n    opacity: 1;\r\n}\r\n\r\n.marquee-header:hover .marquee__group-header span {\r\n    color: #585858;\r\n}\r\n\r\n@media (max-height: 580px) {\r\n\r\n    .home-header-text-container {\r\n        height: 580px;\r\n    }\r\n}\r\n\r\n@media (max-width: 1400px) {\r\n    #home-right-header {\r\n        display: none;\r\n    }\r\n}\r\n@media (max-width: 1025px) {\r\n    .home-header-text-title {\r\n        font-size: 40px;\r\n    }\r\n    .home-header-text-title {\r\n        text-align: center;\r\n    }\r\n    .home-heaader-text-subtitle{\r\n        font-size: 30px;\r\n    }\r\n}\r\n\r\n.headerContainer {\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    height: 75%\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\r\n.marquee-header {\r\n    display: flex;\r\n    overflow: hidden;\r\n    transition-duration: .5s;\r\n    user-select: none;\r\n    gap: .5rem;\r\n    padding: 1rem 0;\r\n    opacity: 0.2;\r\n}\r\n\r\n.marquee__group-header {\r\n  flex-shrink: 0;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: .5rem;\r\n  animation: scroll 60s linear infinite;\r\n}\r\n\r\n.marquee__group-header span {\r\n  color: #F9F7F1;\r\n  font-size: 50px;\r\n  font-weight: 500;\r\n  white-space: nowrap;\r\n  font-family: 'Lexend' !important;\r\n  transition-duration: .5s;\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-header span {\r\n        font-size: 32px;\r\n    }\r\n}\r\n\r\n<\/style>\r\n<\/head>\r\n<div id=\"container\" class=\"container\"  style=\"overflow: hidden\">\r\n\r\n    <div class=\"header-home-body\">\r\n        <div style=\"width: 100%; position: relative\"  >\r\n            <div style=\"display: flex; z-index: 2;justify-content: center;\">\r\n                <div class=\"home-header-text-container\">\r\n                   <div class=\"headerContainer\">\r\n                        <span class=\"home-header-text-title\">\r\n                            \u00danete\r\n                        <\/span>\r\n                        <span class=\"home-heaader-text-subtitle\">\r\n                            Encuentra la posici\u00f3n perfecta para ti\r\n                        <\/span>\r\n                   <\/div>\r\n                    \r\n                    <div class=\"marquee-header\">\r\n                        <div class=\"marquee__group-header\">\r\n                          <span>Back end  |  Front end  |  QA  |  Design  |  DevOps  |  Back end  |  Front end  |  QA  |  Design  |  DevOps  |<\/span>\r\n                    \r\n                        <\/div>\r\n                        <div class=\"marquee__group-header\" aria-hidden=\"true\">\r\n                          <span>Back end  |  Front end  |  QA  |  Design  |  DevOps  |  Back end  |  Front end  |  QA  |  Design  |  DevOps  |<\/span>\r\n                        <\/div>\r\n                        <div class=\"marquee__group-header\" aria-hidden=\"true\">\r\n                          <span>Back end  |  Front end  |  QA  |  Design  |  DevOps  |  Back end  |  Front end  |  QA  |  Design  |  DevOps  |<\/span>\r\n                        <\/div>\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\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=\"#F8B925\"\/>\r\n    <\/svg>\r\n\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=\"#F8B925\"\/>\r\n    <\/svg>\r\n\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=\"#F8B925\"\/>\r\n    <\/svg>\r\n\r\n    <script>\r\n\r\n        const SPEED = 25;\r\n\r\n\r\n        function calculatePathLength(path) {\r\n            let length = 0;\r\n            for (let i = 1; i < path.length; i++) {\r\n                const dx = path[i].x - path[i - 1].x;\r\n                const dy = path[i].y - path[i - 1].y;\r\n                length += Math.sqrt(dx * dx + dy * dy);\r\n            }\r\n            return length;\r\n        }\r\n\r\n\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            const x = minX + Math.random() * (maxX - minX);\r\n            const y = Math.random() * height;\r\n            return { x, y };\r\n        }\r\n\r\n        function getPoints(left) {\r\n            const container = document.querySelector('.container');\r\n            const containerWidth = container.clientWidth;\r\n            const containerHeight = container.clientHeight;\r\n\r\n            const P1 = getRandomPointWithinLimits(containerWidth, containerHeight, left);\r\n\r\n            const radius = 0.1 * containerWidth;\r\n            const P2 = {\r\n                x: P1.x,\r\n                y: left ? P1.y - radius : P1.y + radius\r\n            };\r\n\r\n            const midPoint = {\r\n                x: (P1.x + P2.x) \/ 2,\r\n                y: (P1.y + P2.y) \/ 2\r\n            };\r\n\r\n            const perpDirection = 1;\r\n            const dx = P2.x - P1.x;\r\n            const dy = P2.y - P1.y;\r\n            const length = Math.sqrt(dx * dx + dy * dy);\r\n            const perpOffset = (radius \/ 2) * perpDirection;\r\n            const P3 = {\r\n                x: midPoint.x + (perpOffset * dy) \/ length,\r\n                y: midPoint.y - (perpOffset * dx) \/ length\r\n            };\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 containerWidth = container.clientWidth;\r\n            const distance = 0.1 * containerWidth; \/\/ 10% del ancho\r\n\r\n            const dx = PB.x - PA.x;\r\n            const dy = PB.y - PA.y;\r\n            const length = Math.sqrt(dx * dx + dy * dy);\r\n\r\n            const numPoints = Math.floor(length \/ distance);\r\n\r\n            for (let i = 0; i <= numPoints; i++) {\r\n                const t = i \/ numPoints;\r\n                const x = PA.x + t * dx;\r\n                const y = PA.y + t * dy;\r\n                points.push({ x, y });\r\n            }\r\n\r\n            return points;\r\n        }\r\n\r\n        function animateArrow(isLeft, positions, idImage) {\r\n\r\n            const pathLength = calculatePathLength(positions);\r\n            \/\/   const duration = 70\/\/pathLength \/ SPEED;\r\n            \/\/   console.log(\"duration\", duration, \"pathLength\",pathLength);\r\n            gsap.to(idImage, {\r\n                duration: 10,\r\n                ease: 'none',\r\n                motionPath: {\r\n                    path: positions,\r\n                    autoRotate: true,\r\n                    fromCurrent: false,\r\n                },\r\n                onComplete: () => animateArrow(isLeft, positions, idImage)\r\n            });\r\n            isLeft = !isLeft;\r\n            const finalPoints = getPoints(!isLeft);\r\n            const middlePoints = calculateIntermediatePoints(positions[positions.length - 1], finalPoints[0]);\r\n            positions = [...middlePoints, ...finalPoints];\r\n        }\r\n\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        const yellowPositions = [...initialYellow, ...middleYellow, ...finalYellow];\r\n        animateArrow(true, yellowPositions, \"#yellow\");\r\n\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        const redPositions = [...initialRed, ...middleRed, ...finalRed];\r\n        animateArrow(false, redPositions, \"#red\");\r\n\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        const greenPositions = [...initialGreen, ...middleGreen, ...finalGreen];\r\n        animateArrow(true, greenPositions, \"#green\");\r\n\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        const bluePositions = [...initialBlue, ...middleBlue, ...finalBlue];\r\n        animateArrow(false, bluePositions, \"#blue\");\r\n\r\n    <\/script>\r\n\r\n\r\n<\/div>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-025e965 animated-slow future-ready-home section-item bg-F9F7F1 active-threshold-0.3 e-flex e-con-boxed e-con e-child\" data-id=\"025e965\" data-element_type=\"container\" id=\"mission-container\" data-settings=\"{&quot;animation_delay&quot;:2000,&quot;animation&quot;:&quot;none&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b209901 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"b209901\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div id=\"svg-cc-arrows\">\n    <img decoding=\"async\" \n        id=\"arrow-1\"\n        src=\"https:\/\/creativecoefficient.net\/wp-content\/uploads\/2024\/10\/Combined-Shape-Copy-130.svg\"\n        title=\"Arrow CC\"\n    \/>\n    <img decoding=\"async\" \n        id=\"arrow-2\"\n        src=\"https:\/\/creativecoefficient.net\/wp-content\/uploads\/2024\/10\/Combined-Shape-Copy-127.svg\"\n        class=\"cc-with-offset\"\n        title=\"Arrow CC\"\n    \/>\n    <img decoding=\"async\" \n        id=\"arrow-3\"\n        src=\"https:\/\/creativecoefficient.net\/wp-content\/uploads\/2024\/10\/Combined-Shape-Copy-128.svg\"\n        title=\"Arrow CC\"\n    \/>\n    <img decoding=\"async\" \n        id=\"arrow-4\"\n        src=\"https:\/\/creativecoefficient.net\/wp-content\/uploads\/2024\/10\/Combined-Shape-Copy-129.svg\"\n        class=\"cc-with-offset\"\n        title=\"Arrow CC\"\n    \/>\n<\/div>\n\n<style>\n#svg-cc-arrows {\n    display: flex;\n    justify-content: space-between;\n}\n\n#svg-cc-arrows img {\n    animation: wave 4s ease-in-out infinite;\n}\n\n@keyframes wave {\n    0%, 100% {\n        transform: translateY(0);\n    }\n    50% {\n        transform: translateY(-40px);\n    }\n}\n\n#svg-cc-arrows img:nth-child(1) {\n    animation-delay: 0s;\n}\n\n#svg-cc-arrows img:nth-child(2) {\n    animation-delay: 0.5s;\n}\n\n#svg-cc-arrows img:nth-child(3) {\n    animation-delay: 1s;\n}\n\n#svg-cc-arrows img:nth-child(4) {\n    animation-delay: 1.5s;\n}\n\n@media screen and (max-width: 500px) {\n    #svg-cc-arrows {\n        margin: 6rem 0;\n    }\n}\n<\/style>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ccb210d elementor-widget__width-initial elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"ccb210d\" data-element_type=\"widget\" id=\"mission-text\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInRight&quot;,&quot;_animation_delay&quot;:500}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container translation-block\"><span class=\"elementor-heading-title elementor-size-default\">En Creative Coefficient creamos un <b>entorno colaborativo<\/b> que valora la <b>mejora continua<\/b> y fomenta el aprendizaje.<\/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-e68a21b section-item bg-F9F7F1 active-threshold-0.3 cc-content e-con-full e-flex e-con e-child\" data-id=\"e68a21b\" data-element_type=\"container\" id=\"openings\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-542f47d e-con-full e-flex e-con e-child\" data-id=\"542f47d\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-470c818 elementor-widget elementor-widget-heading\" data-id=\"470c818\" 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\">Posiciones abiertas<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-620176f elementor-hidden-tablet_extra elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-heading\" data-id=\"620176f\" 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 translation-block\">\u00bfNo encuentras tu rol? <br>\nCont\u00e1ctanos a trav\u00e9s del siguiente formulario.<\/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-9d2d801 e-con-full e-flex e-con e-child\" data-id=\"9d2d801\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6ad2917 elementor-widget elementor-widget-shortcode\" data-id=\"6ad2917\" 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=\"careers_list\">\r\n                    <div class=\"career_opening\">\r\n                <div class=\"left\">\r\n                                            <p class=\"seniority\">Mid- Level<\/p>\r\n                                        <h3>QA Automation<\/h3>\r\n                <\/div>\r\n                <div class=\"right\">\r\n                                    <\/div>\r\n            <\/div>\r\n                    <div class=\"career_opening\">\r\n                <div class=\"left\">\r\n                                            <p class=\"seniority\">Mid- Level<\/p>\r\n                                        <h3>Project Manager<\/h3>\r\n                <\/div>\r\n                <div class=\"right\">\r\n                                    <\/div>\r\n            <\/div>\r\n                    <div class=\"career_opening\">\r\n                <div class=\"left\">\r\n                                            <p class=\"seniority\">Mid- Level<\/p>\r\n                                        <h3>Developer Backend<\/h3>\r\n                <\/div>\r\n                <div class=\"right\">\r\n                                    <\/div>\r\n            <\/div>\r\n                    <div class=\"career_opening\">\r\n                <div class=\"left\">\r\n                                            <p class=\"seniority\">Mid- Level<\/p>\r\n                                        <h3>Developer Fullstack<\/h3>\r\n                <\/div>\r\n                <div class=\"right\">\r\n                                    <\/div>\r\n            <\/div>\r\n                    <div class=\"career_opening\">\r\n                <div class=\"left\">\r\n                                            <p class=\"seniority\">Junior<\/p>\r\n                                        <h3>Developer Backend<\/h3>\r\n                <\/div>\r\n                <div class=\"right\">\r\n                                    <\/div>\r\n            <\/div>\r\n            <\/div>\r\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-d2c4860 elementor-hidden-widescreen elementor-hidden-desktop elementor-hidden-laptop elementor-widget elementor-widget-heading\" data-id=\"d2c4860\" 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 translation-block\">\u00bfNo encuentras tu rol? <br>\nCont\u00e1ctanos a trav\u00e9s del siguiente formulario.<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-61c50a0 elementor-widget elementor-widget-html\" data-id=\"61c50a0\" 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.careers_list {\n    display: flex;\n    flex-direction: column;\n}\n\n.careers_list .career_opening {\n    border-bottom: 1px solid #1c1c1c;\n    padding: 20px 15px;\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-end;\n    margin-bottom: 15px;\n}\n\n.careers_list .career_opening h3 {\n    margin: 0px 0px 5px 0px;\n    font-family: 'Lexend', sans-serif;\n    color: #1c1c1c;\n    font-weight: 400;\n    font-size: 32px;\n    line-height: 130%;\n}\n\n.careers_list .career_opening .details {\n    border: 1px solid #1c1c1c;\n    color: #1c1c1c;\n    border-radius: 50px;\n    padding: 5px 25px;\n    font-family: 'Inter', sans-serif;\n    font-weight: 500;\n    font-size: 22px;\n    display: inline-block;\n}\n\n.careers_list .career_opening .details:hover {\n    background-color: #1c1c1c;\n    color: #f9f7f1;\n}\n\n.careers_list .career_opening .seniority {\n    margin-bottom: 10px;\n    margin*bott: ;\n    font-size: 18px;\n    font-family: 'Inter', sans-serif;\n    color: #1c1c1c;\n}\n\n@media (max-width: 767px) {\n    #openings > div {\n    width: 100%;\n}\n.careers_list .career_opening .details {\n    font-size: 20px;\n    padding: 2px 18px;\n}\n\n.careers_list .career_opening h3 {\n    font-size: 20px;\n    font-weight: 300;\n}\n\n\n.careers_list .career_opening {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 0;\n}\n\n.careers_list .career_opening .seniority {\n    font-size: 14px;\n}\n\n.careers_list .career_opening .right {\n    display: flex;\n    justify-content: flex-end;\n    width: 100%;\n}\n}\n<\/style>\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-d842111 e-con-full section-item bg-1C1C1C e-flex e-con e-child\" data-id=\"d842111\" data-element_type=\"container\" id=\"join-our-team\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-266c5ce elementor-absolute elementor-widget elementor-widget-shortcode\" data-id=\"266c5ce\" data-element_type=\"widget\" id=\"career-form-join-us\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" 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=\"13803\" class=\"elementor elementor-13803\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7b643da careers-outer-div e-flex e-con-boxed e-con e-child\" data-id=\"7b643da\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-57abd66 e-con-full careers-inner-div e-flex e-con e-child\" data-id=\"57abd66\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4860e7c change-after-submit-title 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\">\u00a1El equipo quiere conocerte!<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2ddb4a6 change-after-submit-txt 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\">Sube tu CV y nos pondremos en contacto contigo<\/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-f13802-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\/13687#wpcf7-f13802-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" enctype=\"multipart\/form-data\" novalidate=\"novalidate\" data-status=\"init\" data-trp-original-action=\"\/es\/wp-json\/wp\/v2\/pages\/13687#wpcf7-f13802-o1\">\n<div style=\"display: none;\">\n<input type=\"hidden\" name=\"_wpcf7\" value=\"13802\" \/>\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-f13802-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<div class=\"uacf7-form-13802\"><div class=\"form-row\">\n    <div class=\"form-column\">\n        <span class=\"wpcf7-form-control-wrap\" data-name=\"name-user-career\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" id=\"input-name-career\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Nombre completo *\" value=\"\" type=\"text\" name=\"name-user-career\" \/><\/span>\n    <\/div>\n    <div class=\"form-column\">\n        <span class=\"wpcf7-form-control-wrap\" data-name=\"email-user-career\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" id=\"input-email-career\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Email\" value=\"\" type=\"email\" name=\"email-user-career\" \/><\/span>\n    <\/div>\n<\/div>\n\n<div class=\"form-row\">\n    <div class=\"form-column\">\n        <span class=\"wpcf7-form-control-wrap\" data-name=\"select-position-career\"><select class=\"wpcf7-form-control wpcf7-select wpcf7-validates-as-required\" id=\"select-position-career\" aria-required=\"true\" aria-invalid=\"false\" name=\"select-position-career\"><option value=\"\">Posici\u00f3n<\/option><option value=\"Project manager\">Project manager<\/option><option value=\"Front end\">Front end<\/option><option value=\"Back end\">Back end<\/option><option value=\"DevOps\">DevOps<\/option><option value=\"QA\">QA<\/option><option value=\"Design\">Dise\u00f1o<\/option><\/select><\/span>\n\n    <\/div>\n    <div class=\"form-column upload-div\" id=\"upload-user-career-wrapper\">\n        <span class=\"wpcf7-form-control-wrap\" data-name=\"upload-user-career\"><input size=\"40\" class=\"wpcf7-form-control wpcf7-file wpcf7-validates-as-required screen-reader-text\" id=\"upload-user-career\" accept=\".pdf,.docx,.txt,.html,.png,.jpeg,.jpg\" aria-required=\"true\" aria-invalid=\"false\" type=\"file\" name=\"upload-user-career\" \/><\/span>\n\n         <div class=\"shown\">\n           <label class=\"custom-upload-label\" for=\"upload-user-career\">Subir CV<\/label>\n           <span id=\"upload-user-career-clear\" class=\"clear-upload\" style=\"display:none;cursor:pointer;\">&times;<\/span>\n           <small id=\"file-hint-career\" class=\"file-hint\">\n           Tipos de archivo: JPEG, PDF, PNG, DOC, TXT, HTML.<br\/> Max: 2 MB.\n           <\/small>\n        <\/div>\n    <\/div>\n<\/div>\n\n<div class=\"form-row\">\n    <span class=\"wpcf7-form-control-wrap\" data-name=\"message-user-career\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea\" id=\"input-message-career\" aria-invalid=\"false\" placeholder=\"Deja un comentario\" name=\"message-user-career\"><\/textarea><\/span>\n<\/div>\n\n<div class=\"form-row\">\n    <input class=\"wpcf7-form-control wpcf7-submit has-spinner buttonSubmit-career\" id=\"buttonSubmit\" type=\"submit\" value=\"Enviar\" \/>\n<\/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<script>\r\n\r\ndocument.addEventListener(\"DOMContentLoaded\", function(event){\r\n    \r\nwindow.addEventListener(\"load\", \r\n    function(e){\r\n        \r\n        setTimeout(() => {\r\n            \/\/ Contact Form\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              \/\/ Crear todo el HTML de una vez\r\n                let notificationDiv = document.createElement('div');\r\n                notificationDiv.classList.add('divNotificationForm');\r\n                notificationDiv.innerHTML = `\r\n                    <div class=\"notificationContentContainer\">\r\n                        <div class=\"notificationTextContainer\">\r\n                            <div class=\"titleNotification\">We've got your info!<\/div>\r\n                            <div class=\"descriptionNotification\">Thanks for your interest. Feel free to check out our open positions and find the ones that best suit your profile.<\/div>\r\n                        <\/div>\r\n                        <div class=\"notificationButtonContainer\">\r\n                            <a href=\"#\" class=\"actionButtonNotification\">See openings<\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                `;\r\n                \r\n                secondFormElement.parentNode.insertBefore(notificationDiv, secondFormElement.nextSibling);\r\n                \r\n              \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            \/\/ 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 = \"We've got your info!\";\r\n            \/\/     let textDescription = document.createElement('div');\r\n            \/\/     textDescription.classList.add('descriptionNotification');\r\n            \/\/     textDescription.textContent =\"Thanks for your interest. Keep an eye on our site for new opportunities.\";\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                \r\n            \/\/ }\r\n        });\r\n        }, 0)\r\n        \r\n        \/\/ End Contact Form\r\n        \r\n    }, false)\r\n\r\n});\r\n\r\n<\/script>\r\n\r\n<style>\r\n#contact-us-container input:-webkit-autofill,\r\n#contact-us-container input:-webkit-autofill:hover, \r\n#contact-us-container input:-webkit-autofill:focus, \r\n#contact-us-container input:-webkit-autofill:active{\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: #ffffff;\r\n    transition: background-color 5000s ease-in-out 0s;\r\n    box-shadow: inset 0 0 20px 20px #23232329;\r\n}\r\n\r\n#career-form-join-us input:-webkit-autofill,\r\n#career-form-join-us input:-webkit-autofill:hover, \r\n#career-form-join-us input:-webkit-autofill:focus, \r\n#career-form-join-us input:-webkit-autofill:active{\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: #1c1c1c;\r\n    transition: background-color 5000s ease-in-out 0s;\r\n    box-shadow: inset 0 0 20px 20px #5ac6d7;\r\n}\r\n    .wpcf7-spinner {\r\n      display: none !important;\r\n    }\r\n\r\n    .wpcf7 .wpcf7-submit {\r\n        float: right;\r\n    }\r\n\r\n    .titleNotification {\r\n      font-family: \"Lexend\", Sans-serif;\r\n      font-size: 50px;\r\n      color: #1C1C1C;\r\n      font-weight: 500;\r\n      margin-bottom: 1rem !important;\r\n    }\r\n\r\n    #input-name-career,\r\n    #input-email-career,\r\n    #select-position-career,\r\n    #input-message-career {\r\n      width: 100%;\r\n      padding: 10px;\r\n      margin: 0 0 20px;\r\n      background-color: transparent; \r\n      border: none;\r\n      border-bottom: 1px solid #1C1C1C;\r\n      color: #1C1C1C;\r\n      outline: none;\r\n      box-sizing: border-box;\r\n      border-radius: inherit;\r\n      font-family: \"Inter\", Sans-serif;\r\n      font-size: 24px !important;\r\n      font-weight: 400;\r\n      \r\n      &::placeholder {\r\n        color: #1C1C1C !important;\r\n        font-family: \"Inter\", Sans-serif;\r\n        opacity: 1;\r\n        font-weight: 300;\r\n        font-size: 24px !important;\r\n      }\r\n      \r\n      &:focus-visible {\r\n        border-color: #FFFFFF !important;\r\n      }\r\n    }\r\n\r\n    #input-message {\r\n      resize: none;\r\n      height: 150px;\r\n    }\r\n\r\n    .notificationContainer {\r\n      display: none;\r\n    }\r\n    \r\n    .buttonSubmit-career:hover {\r\n        background-color: #1c1c1c;\r\n        border-color: #1c1c1c;\r\n    }\r\n\r\n    select#select-position-career.wpcf7-not-valid {\r\n        font-weight: 300;\r\n    }\r\n\r\n    .buttonSubmit-career {\r\n      border: 1px solid #1C1C1C;\r\n      border-radius: 60px;\r\n      background-color: transparent;\r\n      padding: 5px 2rem;\r\n      font-family: \"Lexend\", Sans-serif;\r\n      color: #1C1C1C;\r\n      font-weight: 500;\r\n      font-size: 24px;\r\n      cursor: pointer;\r\n      transition: .5s all;\r\n      border-style: solid !important;\r\n      \r\n      &:hover {\r\n        color: #ebe4d1;\r\n      }\r\n      \r\n      &:hover {\r\n        background-color: #8c8c8c;\r\n      }\r\n    }\r\n    \r\n        .descriptionNotification {\r\n      font-family: \"Lexend\", Sans-serif;\r\n      font-size: 24px;\r\n      color: #1C1C1C;\r\n      font-weight: 200;\r\n      margin-top: 0;\r\n    }\r\n    \r\n        .form-row {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            margin-bottom: 15px;\r\n        }\r\n        \r\n        .form-column {\r\n            flex: 0 0 48%;\r\n            \r\n        .wpcf7-not-valid-tip {\r\n            font-family: \"Inter\", Sans-serif;\r\n            font-weight: 400;\r\n            font-size: 18px !important;\r\n            line-height: 22px;\r\n            color: #1C1C1C !important;\r\n            margin-top: 0 !important;\r\n            font-style: normal !important;\r\n        }\r\n        }\r\n        \r\n        .form-row textarea {\r\n            width: 100%;\r\n            resize: vertical;\r\n        }\r\n        \r\n        .form-row #buttonSubmit {\r\n            display: inline-block;\r\n            margin-left: auto;\r\n        }\r\n        \r\n        .wpcf7-form-control-wrap {\r\n            width: 100%\r\n        }\r\n        \r\n        #upload-user-career {\r\n            opacity: 0;\r\n            position: absolute;\r\n            z-index: -1;\r\n        }\r\n        \r\n        .custom-upload-label {\r\n            font-family: \"Inter\", Sans-serif;\r\n            display: flex !important;\r\n            align-items: center;\r\n            width: fit-content;\r\n            height: fit-content;\r\n            padding-left: 10px;\r\n            color: #1C1C1C;\r\n            text-decoration: underline;\r\n            cursor: pointer;\r\n            font-size: 24px !important;\r\n            font-weight: 500 !important;\r\n        }\r\n        \r\n        .upload-div {\r\n            display: flex;\r\n            flex-direction: column-reverse;\r\n                justify-content: flex-end;\r\n            padding-top: 10px;\r\n        }\r\n        \r\n        \r\n        .custom-upload-label:hover {\r\n            \/* color: #2575fc; *\/\r\n        }\r\n        \r\n        \/* Mobile *\/\r\n        @media screen and (max-width: 768px) {\r\n            .form-row {\r\n                flex-direction: column;\r\n                margin-bottom: 15px;\r\n            }\r\n        \r\n            .form-column {\r\n                flex: 0 0 100%;\r\n                margin-bottom: 15px;\r\n            }\r\n        \r\n            .form-row #buttonSubmit {\r\n                display: inline-block;\r\n                margin-left: auto;\r\n                width: fit-content;\r\n            }\r\n            \r\n            #input-name-career,\r\n        #input-email-career,\r\n        #select-position-career,\r\n        #input-message-career, #input-name-career::placeholder,\r\n        #input-email-career::placeholder,\r\n        #select-position-career::placeholder,\r\n        #input-message-career::placeholder {\r\n          font-size: 17px !important;\r\n        }\r\n        \r\n        .custom-upload-label {\r\n            font-size: 17px !important;\r\n        }\r\n        \r\n        .upload-div {\r\n                display: flex;\r\n                justify-content: flex-end;\r\n                        \r\n                .wpcf7-form-control-wrap {\r\n                    width: 50%;\r\n                }\r\n            }\r\n            \r\n            \r\n        }\r\n\/* Basic reset *\/\r\n.contact-form select {\r\n    appearance: none;\r\n    -webkit-appearance: none;\r\n    -moz-appearance: none;\r\n    background-color: #fff;\r\n    padding: 10px 40px 10px 15px;\r\n    border: 1px solid #ccc;\r\n    border-radius: 4px;\r\n    font-size: 16px;\r\n    position: relative;\r\n    background-image: url('data:image\/svg+xml;utf8,<svg fill=\"%23333\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M7 10l5 5 5-5z\"\/><\/svg>');\r\n    background-repeat: no-repeat;\r\n    background-position: right 10px center;\r\n    background-size: 25px;\r\n}\r\n\r\n\/* For Firefox *\/\r\n.contact-form select::-ms-expand {\r\n    display: none;\r\n}\r\n#join-our-team .wpcf7-not-valid-tip {\r\n        color: #c81616 !important;\r\n    }\r\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 class=\"elementor-element elementor-element-0488cdf elementor-widget elementor-widget-html\" data-id=\"0488cdf\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<head>\r\n     <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/animate.css\/4.1.1\/animate.min.css\"\/>\r\n     <style>\r\n\r\n    .image-container-join-us {\r\n        padding: 22px;\r\n        background-color: rgba(249, 247, 241, 0.2);\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        border-radius: 50%;\r\n\r\n        animation: pulse 1.5s infinite;\r\n    }\r\n\r\n    .drag-image-join-us {\r\n        transform: translate(0%, 6%);\r\n    }\r\n\r\n\r\n    @keyframes pulse {\r\n        0% {\r\n            box-shadow: 0 0 0 0 rgba(249, 247, 241, 0.5);\r\n        }\r\n        70% {\r\n            box-shadow: 0 0 0 50px rgba(249, 247, 241, 0);\r\n        }\r\n        100% {\r\n            box-shadow: 0 0 0 0 rgba(249, 247, 241, 0);\r\n        }\r\n    }\r\n\r\n    .draggable-join-us {\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        margin-left: -50px;\r\n        margin-top: -50px;\r\n        cursor: grab;\r\n    }\r\n\r\n    .drop-zone-join-us {\r\n        position: absolute;\r\n        width: 200px;\r\n        height: 200px;\r\n        background-color: transparent;\r\n        top: 150px;\r\n        right: 0;\r\n    }\r\n\r\n    .line-container-join-us {\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 100%;\r\n        top: 0;\r\n        left: 0;\r\n        pointer-events: none;\r\n    }\r\n    img {\r\n        user-select: none;\r\n        -webkit-user-drag: none;\r\n        pointer-events: none;\r\n    }\r\n\r\n    .drop-image-join-us {\r\n        transform: translate(0%, 15%);\r\n    }\r\n\r\n    .drag-text-join-us {\r\n        position: absolute;\r\n        bottom: calc(50% - 120px);\r\n        left: 50.5%;\r\n        transform: translate(-50%, 50%);\r\n    }\r\n\r\n    .drag-container-join-us {\r\n        position: relative;\r\n        height: 100vh;\r\n        width: 100%;\r\n    }\r\n    .drag-text {\r\n        font-size: 40px;\r\n        font-family: 'Reenie Beanie' , sans-serif;\r\n        user-select: none;\r\n    }\r\n    \r\n    .title-container-join {\r\n        padding-top: 120px;\r\n        display: flex;\r\n        justify-content: center;\r\n    }\r\n    \r\n    .title-subcontainer-join {\r\n        max-width: 583px;\r\n        text-align: center;\r\n    }\r\n    \r\n    .title-join-our-team {\r\n        font-size: 50px;\r\n        color: #F9F7F1;\r\n        font-family: 'Lexend Deca' , sans-serif;\r\n        user-select: none;\r\n    }\r\n    \r\n    #form-container-join-team {\r\n        background: rgba(90, 198, 215, 0.7);\r\n        position: relative;\r\n        min-height: 100vh;\r\n        width: 100%;\r\n        align-items: center;\r\n        justify-content: center;\r\n        display: none;\r\n    }\r\n    \r\n    .form-our-team-container {\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        align-items: center;\r\n    }\r\n\r\n    .form-our-team-title {\r\n        font-size: 90px;\r\n        color: #1C1C1C;\r\n        font-family: 'Lexend Deca' , sans-serif;\r\n        user-select: none;\r\n    }\r\n    \r\n    .form-our-team-subtitle {\r\n        font-size: 40px;\r\n        color: #1C1C1C;\r\n        font-family: 'Reenie Beanie' , sans-serif;\r\n        user-select: none;\r\n    }\r\n    \r\n    .line-cc-gradient {\r\n        position: absolute;\r\n        bottom: 0;\r\n        right: 0;\r\n        left: 0;\r\n        height: 4px;\r\n        background: linear-gradient(90deg, #E64039, #F8B925, #3CA755, #4788F1);\r\n    }\r\n    \r\n    @media screen and (max-width: 500px) {\r\n        #form-container-join-team {\r\n            \/\/ min-height: 1036px;\r\n            align-items: center;\r\n            justify-content: center;\r\n        }\r\n        .form-our-team-container .form-our-team-title {\r\n            font-size: 63px;\r\n            text-align: center;\r\n        }\r\n        #guide-line {\r\n            display: none;\r\n        }\r\n        .drop-image-join-us {\r\n            display: none;\r\n        }\r\n        .title-subcontainer-join {\r\n            max-width: 303px;\r\n        }\r\n        .title-join-our-team {\r\n            font-size: 27px;\r\n        }\r\n    }\r\n<\/style>\r\n<\/head>\r\n\r\n    \r\n    \r\n<div id=\"form-container-join-team\" class=\"animate__animated\">\r\n    <div class=\"form-our-team-container\">\r\n        <span class=\"form-our-team-title\">\u00danete a nosotros<\/span>\r\n        <span  class=\"form-our-team-subtitle\">en esta aventura<\/span>\r\n    <\/div>\r\n<\/div>\r\n<div class=\"drag-container-join-us\">\r\n    <div class=\"title-container-join\">\r\n        <div class=\"title-subcontainer-join\">\r\n            <span class=\"title-join-our-team\">\r\n                \u00bfTe gustar\u00eda ser parte de nuestro equipo? \r\n            <\/span>\r\n        <\/div>\r\n    <\/div>\r\n    \r\n    <svg class=\"line-container-join-us\">\r\n        <line id=\"guide-line\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"0\" stroke=\"#F9F7F166\" stroke-dasharray=\"8, 12\" stroke-width=\"2\" \/>\r\n    <\/svg>\r\n    <div class=\"drop-zone-join-us\">\r\n        <img decoding=\"async\" src=\"https:\/\/creativecoefficient.net\/wp-content\/uploads\/2024\/11\/final.svg\" class=\"drop-image-join-us\" alt=\"arrows\" id=\"yellow_arrows\">\r\n    <\/div>\r\n\r\n    <div class=\"drag-text-join-us\">\r\n        <span class=\"drag-text\">\u00a1Arr\u00e1strame!<\/span>\r\n    <\/div>\r\n    <div class=\"image-container-join-us draggable-join-us\" id=\"draggable\" draggable=\"false\">\r\n        <img decoding=\"async\" src=\"https:\/\/creativecoefficient.net\/wp-content\/uploads\/2024\/11\/arrow.svg\" class=\"drag-image-join-us\" alt=\"arrow\">\r\n    <\/div>\r\n<\/div>\r\n<div class=\"line-cc-gradient\"><\/div>\r\n\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function (event) {\r\n    window.addEventListener(\"load\", function (e) {\r\n        const joinFormContainerJoinOurTeam = document.querySelector('#form-container-join-team');\r\n        const joinOurTeamContainer = document.querySelector('#join-our-team');\r\n        const draggable = document.querySelector('.draggable-join-us');\r\n        const dropZone = document.querySelector('.drop-zone-join-us');\r\n        const guideLine = document.getElementById('guide-line');\r\n        const container = document.querySelector('.drag-container-join-us');\r\n        const form = document.querySelector('#career-form-join-us');\r\n        const dragTextElement = document.querySelector('.drag-text');\r\n        const yellowArrows = document.getElementById(\"yellow_arrows\");\r\n\r\n        const containerRect = container.getBoundingClientRect();\r\n        const draggableRect = draggable.getBoundingClientRect();\r\n        const dropZoneRect = dropZone.getBoundingClientRect();\r\n\r\n        const arrowOffsetX = 80;\r\n        const arrowOffsetY = -40;\r\n\r\n        const startX = draggableRect.left - containerRect.left + draggableRect.width \/ 2;\r\n        const startY = draggableRect.top - containerRect.top + draggableRect.height \/ 2;\r\n        const endX = dropZoneRect.left - containerRect.left + dropZoneRect.width \/ 2;\r\n        const endY = dropZoneRect.top - containerRect.top + dropZoneRect.height \/ 2;\r\n\r\n        draggable.style.left = `${startX}px`;\r\n        draggable.style.top = `${startY}px`;\r\n\r\n        let isDragging = false;\r\n        let alpha = 0;\r\n        let projectedDistance = 0;\r\n\r\n        function triggerSuccess() {\r\n          const waves = document.querySelector('.wave-container');\r\n            if (waves && container.contains(waves)) {\r\n              container.parentNode.insertBefore(waves, container); \/\/ <- one\u2011liner\r\n            }\r\n            draggable.style.left = `${endX}px`;\r\n            draggable.style.top = `${endY}px`;\r\n            container.style.display = 'none';\r\n            joinFormContainerJoinOurTeam.style.display = 'flex';\r\n            joinFormContainerJoinOurTeam.classList.add(\"animate__fadeIn\");\r\n\r\n            const h = `${form.offsetHeight}px`;\r\n            joinFormContainerJoinOurTeam.style.height = h;\r\n            joinOurTeamContainer.style.height = h;\r\n        \r\n            setTimeout(() => {\r\n                form.style.zIndex = 3;\r\n            }, 1500);\r\n        }\r\n\r\n        function updateGuideLine() {\r\n            guideLine.setAttribute('x1', startX + arrowOffsetX);\r\n            guideLine.setAttribute('y1', startY + arrowOffsetY * 0.5);\r\n            guideLine.setAttribute('x2', endX - arrowOffsetX);\r\n            guideLine.setAttribute('y2', endY - arrowOffsetY);\r\n        }\r\n\r\n        function getEventCoordinates(e) {\r\n            if (e.touches && e.touches.length > 0) {\r\n                return { x: e.touches[0].clientX, y: e.touches[0].clientY };\r\n            }\r\n            return { x: e.clientX, y: e.clientY };\r\n        }\r\n\r\n        function startDrag(e) {\r\n            isDragging = true;\r\n            draggable.style.cursor = 'grabbing';\r\n            e.preventDefault();\r\n        }\r\n\r\n        function moveDrag(e) {\r\n            if (!isDragging) return;\r\n\r\n            const { x, y } = getEventCoordinates(e);\r\n            const rect = container.getBoundingClientRect();\r\n            const mouseX = x - rect.left;\r\n            const mouseY = y - rect.top;\r\n\r\n            const dx = endX - startX;\r\n            const dy = endY - startY;\r\n            const distance = Math.sqrt(dx * dx + dy * dy);\r\n\r\n            const maxDistance = distance * 0.85;\r\n            \/\/ const maxDistance = distance - 50;\r\n\r\n            const normX = dx \/ distance;\r\n            const normY = dy \/ distance;\r\n\r\n            const mouseDistX = mouseX - startX;\r\n            const mouseDistY = mouseY - startY;\r\n            projectedDistance = Math.max(\r\n                0,\r\n                Math.min(maxDistance, mouseDistX * normX + mouseDistY * normY)\r\n            );\r\n\r\n            const newX = startX + normX * projectedDistance;\r\n            const newY = startY + normY * projectedDistance;\r\n\r\n            draggable.style.left = `${newX}px`;\r\n            draggable.style.top = `${newY}px`;\r\n\r\n            alpha = Math.min(1, Math.max(0, projectedDistance \/ 150));\r\n            joinOurTeamContainer.style.backgroundColor = `rgba(90, 198, 215, ${alpha})`;\r\n        }\r\n\r\n        function endDrag(e) {\r\n            if (!isDragging) return;\r\n            isDragging = false;\r\n            draggable.style.cursor = 'grab';\r\n\r\n            const rect = draggable.getBoundingClientRect();\r\n            const dropZoneRect = dropZone.getBoundingClientRect();\r\n\r\n            if (projectedDistance > 0) {\r\n              triggerSuccess();\r\n            } else {\r\n                draggable.style.left = `${startX}px`;\r\n                draggable.style.top = `${startY}px`;\r\n                alpha = 0;\r\n                joinOurTeamContainer.style.backgroundColor = `rgba(90, 198, 215, ${alpha})`;\r\n            }\r\n        }\r\n\r\n        function updateDragText() {\r\n            if (window.innerWidth <= 728) {\r\n                dragTextElement.textContent = \"Tap me!\";\r\n            } else {\r\n                dragTextElement.textContent = \"Drag me!\";\r\n            }\r\n        }\r\n\r\n        function handleTap(e) {\r\n            if (window.innerWidth <= 728) {\r\n                triggerSuccess();\r\n            }\r\n        }\r\n\r\n        updateGuideLine();\r\n        updateDragText();\r\n\r\n        window.addEventListener('resize', updateGuideLine);\r\n        window.addEventListener('resize', updateDragText);\r\n\r\n        draggable.addEventListener('mousedown', startDrag);\r\n        window.addEventListener('mousemove', moveDrag);\r\n        window.addEventListener('mouseup', endDrag);\r\n\r\n        draggable.addEventListener('touchstart', startDrag);\r\n        window.addEventListener('touchmove', moveDrag);\r\n        window.addEventListener('touchend', endDrag);\r\n\r\n        draggable.addEventListener('touchend', handleTap);\r\n    });\r\n});\r\n\r\n<\/script>\r\n\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-42c0e0c elementor-widget elementor-widget-html\" data-id=\"42c0e0c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\"wave-container\">\r\n  <!-- Background Arrows -->\r\n  <div class=\"arrows-container\">\r\n    <svg class=\"arrow arrow-1\" width=\"96\" height=\"106\" viewbox=\"0 0 96 106\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n      <path d=\"M4.46216 26.3139C17.3201 24.7891 30.2103 25.5904 42.9959 26.8539C50.7745 27.5548 58.4204 29.3175 65.7203 32.0929L66.601 32.4244C72.9743 35.1728 75.0134 39.468 73.0279 46.1498C71.223 52.1669 68.1782 57.6401 65.1999 63.126C58.7474 75.0091 51.3108 86.1971 41.9402 96.0321C53.9141 37.2842 -2.83983 27.187 4.46216 26.3139Z\" fill=\"#7F8184\"\/>\r\n    <\/svg>\r\n    <svg class=\"arrow arrow-2\" width=\"42\" height=\"42\" viewbox=\"0 0 42 42\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n      <path d=\"M0.799435 0.654717C8.30233 -0.349419 15.8444 0.00591502 23.3295 0.632341C27.8827 0.973865 32.3676 1.93723 36.6592 3.49557L37.177 3.6816C40.9267 5.23233 42.1563 7.72525 41.0543 11.6486C40.052 15.1818 38.3201 18.4079 36.6272 21.6408C32.9596 28.6439 28.7106 35.2492 23.3191 41.0805C29.8033 6.63374 -3.46137 1.2291 0.799435 0.654717Z\" fill=\"#7F8184\"\/>\r\n    <\/svg>\r\n    <svg class=\"arrow arrow-3\" width=\"42\" height=\"42\" viewbox=\"0 0 42 42\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n      <path d=\"M0.799435 0.654717C8.30233 -0.349419 15.8444 0.00591502 23.3295 0.632341C27.8827 0.973865 32.3676 1.93723 36.6592 3.49557L37.177 3.6816C40.9267 5.23233 42.1563 7.72525 41.0543 11.6486C40.052 15.1818 38.3201 18.4079 36.6272 21.6408C32.9596 28.6439 28.7106 35.2492 23.3191 41.0805C29.8033 6.63374 -3.46137 1.2291 0.799435 0.654717Z\" fill=\"#7F8184\"\/>\r\n    <\/svg>\r\n  <\/div>\r\n\r\n  <!-- Waves -->\r\n  <svg class=\"wave wave-1\" width=\"1440\" height=\"334\" viewbox=\"0 0 1440 334\" preserveaspectratio=\"none\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n    <path d=\"M220.772 180.361C128.784 160.472 39.2816 110.747 0 117.211V333.508H1439.99V249.475C1386.29 249.475 1317.67 136.104 1157.56 45.1105C997.453 -45.8835 753.311 19.2555 653.367 78.9244C553.422 138.593 312.761 200.25 220.772 180.361Z\" fill=\"white\" fill-opacity=\"0.05\"\/>\r\n  <\/svg>\r\n  <svg class=\"wave wave-2\" width=\"1440\" height=\"334\" viewbox=\"0 0 1440 334\" preserveaspectratio=\"none\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n    <path d=\"M1219.22 180.361C1311.21 160.472 1400.71 110.747 1439.99 117.211V333.508H0V249.475C53.7013 249.475 122.32 136.104 282.429 45.1105C442.539 -45.8835 686.681 19.2555 786.626 78.9244C886.57 138.593 1127.23 200.25 1219.22 180.361Z\" fill=\"white\" fill-opacity=\"0.05\"\/>\r\n  <\/svg>\r\n  <svg class=\"wave wave-3\" width=\"1440\" height=\"405\" viewbox=\"0 0 1440 405\" preserveaspectratio=\"none\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n    <path d=\"M868.662 105.764C1006.4 25.2101 1095.9 -26.0122 1187.39 13.7731C1278.88 53.5585 1349.42 112.241 1439.99 131.089V404.598H-0.00012207V298.338C53.7012 298.338 730.927 186.317 868.662 105.764Z\" fill=\"white\" fill-opacity=\"0.05\"\/>\r\n  <\/svg>\r\n  <svg class=\"wave wave-4\" width=\"1440\" height=\"462\" viewbox=\"0 0 1440 462\" preserveaspectratio=\"none\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n    <path d=\"M149.668 148.884C129.778 172.751 39.2816 238.883 0 245.347V461.644H1439.99V377.611C1386.29 377.611 1089.94 205.071 929.829 114.077C769.72 23.0831 594.693 -12.2206 439.556 3.69093C284.418 19.6024 169.557 125.016 149.668 148.884Z\" fill=\"white\" fill-opacity=\"0.05\"\/>\r\n  <\/svg>\r\n<\/div>\r\n\r\n<style>\r\n  .wave-container {\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 1000px;\r\n    overflow: hidden;\r\n    z-index: 1;\r\n    pointer-events: none;\r\n  }\r\n  \r\n  .wave {\r\n    position: absolute;\r\n    bottom: 0;\r\n    width: 200%;\r\n    height: 700px;\r\n    min-width: 2880px;\r\n    transform-origin: center bottom;\r\n    opacity: 0; \/* Start with 0 opacity for smooth fade-in *\/\r\n  }\r\n\r\n  .wave-1 {\r\n    bottom: -10px;\r\n  }\r\n  \r\n  .wave-2 {\r\n    bottom: -20px;\r\n  }\r\n  \r\n  .wave-3 {\r\n    bottom: -15px;\r\n  }\r\n  \r\n  .wave-4 {\r\n    bottom: -25px;\r\n  }\r\n  \r\n  \/* Arrow styles *\/\r\n  .arrows-container {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    z-index: 2; \/* Place arrows above waves *\/\r\n    pointer-events: none;\r\n  }\r\n  \r\n  .arrow {\r\n    position: absolute;\r\n    opacity: 0.5;\r\n  }\r\n  \r\n  .arrow-1 {\r\n    left: 10%;\r\n    bottom: 200px;\r\n  }\r\n  \r\n  .arrow-2 {\r\n    left: 35%;\r\n    bottom: 220px;\r\n  }\r\n  \r\n  .arrow-3 {\r\n    left: 70%;\r\n    bottom: 180px;\r\n  }\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n  \/\/ Check if GSAP is loaded\r\n  if (typeof gsap === 'undefined') {\r\n    loadGSAP();\r\n  } else {\r\n    \/\/ Start animation immediately if GSAP is already loaded\r\n    initAnimations();\r\n  }\r\n});\r\n\r\nfunction loadGSAP() {\r\n  const script = document.createElement('script');\r\n  script.src = 'https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js';\r\n  script.onload = initAnimations;\r\n  document.head.appendChild(script);\r\n}\r\n\r\nfunction initAnimations() {\r\n  \/\/ Make sure we don't initialize more than once\r\n  if (window.animationsInitialized) return;\r\n  window.animationsInitialized = true;\r\n  \r\n  \/\/ Setup wave animations first\r\n  setupWaves();\r\n  \r\n  \/\/ Wait for wave animations to be fully initialized\r\n  setTimeout(() => {\r\n    \/\/ Setup arrows to follow waves\r\n    setupArrows();\r\n  }, 100);\r\n}\r\n\r\nfunction setupWaves() {\r\n  \/\/ Set initial positions for waves\r\n  gsap.set('.wave-1', { x: 0, opacity: 0 });\r\n  gsap.set('.wave-2', { x: -720, opacity: 0 });\r\n  gsap.set('.wave-3', { x: -360, opacity: 0 });\r\n  gsap.set('.wave-4', { x: -1080, opacity: 0 });\r\n  \r\n  \/\/ Fade in waves\r\n  gsap.to('.wave-1', { opacity: 0.7, duration: 1.5, delay: 0.1 });\r\n  gsap.to('.wave-2', { opacity: 0.5, duration: 1.5, delay: 0.3 });\r\n  gsap.to('.wave-3', { opacity: 0.6, duration: 1.5, delay: 0.5 });\r\n  gsap.to('.wave-4', { opacity: 0.4, duration: 1.5, delay: 0.7 });\r\n  \r\n  \/\/ Create horizontal loops for waves\r\n  createHorizontalLoop('.wave-1', 80);\r\n  createHorizontalLoop('.wave-2', 95);\r\n  createHorizontalLoop('.wave-3', 110);\r\n  createHorizontalLoop('.wave-4', 125);\r\n  \r\n  \/\/ Add vertical wave motion\r\n  addVerticalMotion('.wave-1', 15, 7, 0);\r\n  addVerticalMotion('.wave-2', 12, 8.5, 2.1);\r\n  addVerticalMotion('.wave-3', 18, 7.8, 4.2);\r\n  addVerticalMotion('.wave-4', 10, 9.2, 1.4);\r\n  \r\n  \/\/ Add subtle scaling\r\n  addScalingEffect('.wave-1', 0.02, 12, 0);\r\n  addScalingEffect('.wave-2', 0.015, 14, 3);\r\n  addScalingEffect('.wave-3', 0.025, 13, 2);\r\n  addScalingEffect('.wave-4', 0.018, 15, 1);\r\n}\r\n\r\nfunction setupArrows() {\r\n  \/\/ Randomly assign each arrow to follow a wave\r\n  const arrowWavePairs = [\r\n    { arrow: '.arrow-1', wave: getRandomWave() },\r\n    { arrow: '.arrow-2', wave: getRandomWave() },\r\n    { arrow: '.arrow-3', wave: getRandomWave() }\r\n  ];\r\n  \r\n  \/\/ Set initial positions and opacity for arrows\r\n  gsap.set('.arrow', { opacity: 0 });\r\n  \r\n  \/\/ Fade in arrows with delay\r\n  gsap.to('.arrow-1', { opacity: 0.5, duration: 1, delay: 1.5 });\r\n  gsap.to('.arrow-2', { opacity: 0.5, duration: 1, delay: 2 });\r\n  gsap.to('.arrow-3', { opacity: 0.5, duration: 1, delay: 2.5 });\r\n  \r\n  \/\/ Make arrows follow their assigned waves\r\n  arrowWavePairs.forEach(pair => {\r\n    followWave(pair.arrow, pair.wave);\r\n  });\r\n}\r\n\r\nfunction getRandomWave() {\r\n  const waves = ['.wave-1', '.wave-2', '.wave-3', '.wave-4'];\r\n  return waves[Math.floor(Math.random() * waves.length)];\r\n}\r\n\r\nfunction followWave(arrowSelector, waveSelector) {\r\n  const arrow = document.querySelector(arrowSelector);\r\n  const wave = document.querySelector(waveSelector);\r\n  \r\n  \/\/ Create a timeline for this arrow\r\n  const tl = gsap.timeline({\r\n    repeat: -1,\r\n    onRepeat: () => {\r\n      \/\/ Reset arrow position when looping\r\n      const startX = parseInt(arrowSelector.charAt(7)) * 15 - 5; \/\/ Spacing based on arrow number\r\n      gsap.set(arrowSelector, { x: `${startX}%` });\r\n    }\r\n  });\r\n  \r\n  \/\/ Initial position - spread the arrows out horizontally\r\n  const startX = parseInt(arrowSelector.charAt(7)) * 15 - 5; \/\/ Spacing based on arrow number\r\n  gsap.set(arrowSelector, { x: `${startX}%` });\r\n  \r\n  \/\/ Get the wave's animation properties to match\r\n  const waveAnimations = gsap.getById(waveSelector);\r\n  const waveDuration = gsap.getById(waveSelector)?.duration() || 80;\r\n  \r\n  \/\/ Horizontal movement that matches the wave's speed\r\n  tl.to(arrowSelector, {\r\n    x: '+=100%', \/\/ Move across 100% of the container width\r\n    duration: waveDuration,\r\n    ease: \"linear\"\r\n  });\r\n  \r\n  \/\/ Add vertical motion that syncs with the wave\r\n  \/\/ This is a simplified approach - we copy the wave's vertical motion\r\n  \/\/ and apply it to the arrow\r\n  \r\n  \/\/ Match the wave's vertical motion\r\n  matchVerticalMotion(arrowSelector, waveSelector);\r\n  \r\n  \/\/ Add some slight rotation for organic feel\r\n  gsap.to(arrowSelector, {\r\n    rotation: () => gsap.utils.random(-10, 10),\r\n    duration: () => gsap.utils.random(5, 8),\r\n    ease: \"sine.inOut\",\r\n    yoyo: true,\r\n    repeat: -1\r\n  });\r\n}\r\n\r\nfunction matchVerticalMotion(arrowSelector, waveSelector) {\r\n  \/\/ Calculate the wave's vertical movement pattern\r\n  const waveAmplitude = waveSelector === '.wave-1' ? 15 : \r\n                        waveSelector === '.wave-2' ? 12 : \r\n                        waveSelector === '.wave-3' ? 18 : 10;\r\n  \r\n  const waveDuration = waveSelector === '.wave-1' ? 7 : \r\n                       waveSelector === '.wave-2' ? 8.5 : \r\n                       waveSelector === '.wave-3' ? 7.8 : 9.2;\r\n  \r\n  \/\/ Create a vertical motion animation for the arrow that mimics the wave\r\n  gsap.to(arrowSelector, {\r\n    y: -waveAmplitude,\r\n    duration: waveDuration \/ 2,\r\n    ease: \"sine.inOut\",\r\n    yoyo: true,\r\n    repeat: -1\r\n  });\r\n}\r\n\r\nfunction createHorizontalLoop(selector, duration) {\r\n  const timeline = gsap.timeline({\r\n    id: selector, \/\/ Store reference to timeline by selector\r\n    repeat: -1,\r\n    onRepeat: function() {\r\n      gsap.set(selector, { x: 0 });\r\n    }\r\n  });\r\n  \r\n  timeline.to(selector, {\r\n    x: '-50%',\r\n    duration: duration,\r\n    ease: \"linear\"\r\n  });\r\n  \r\n  return timeline;\r\n}\r\n\r\nfunction addVerticalMotion(selector, amplitude, duration, delay) {\r\n  const timeline = gsap.timeline({\r\n    repeat: -1,\r\n    yoyo: true,\r\n    delay: delay\r\n  });\r\n  \r\n  gsap.set(selector, { y: 0 });\r\n  \r\n  timeline.to(selector, {\r\n    y: -amplitude,\r\n    duration: duration \/ 2,\r\n    ease: \"sine.inOut\"\r\n  });\r\n  \r\n  timeline.to(selector, {\r\n    y: amplitude,\r\n    duration: duration,\r\n    ease: \"sine.inOut\"\r\n  });\r\n  \r\n  timeline.to(selector, {\r\n    y: 0,\r\n    duration: duration \/ 2,\r\n    ease: \"sine.inOut\"\r\n  });\r\n  \r\n  return timeline;\r\n}\r\n\r\nfunction addScalingEffect(selector, amount, duration, delay) {\r\n  const baseScale = 1;\r\n  \r\n  return gsap.to(selector, {\r\n    scaleY: baseScale + amount,\r\n    duration: duration \/ 2,\r\n    ease: \"sine.inOut\",\r\n    yoyo: true,\r\n    repeat: -1,\r\n    delay: delay\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-724f3fb section-item bg-F9F7F1 active-threshold-0.3 e-con-full e-flex e-con e-child\" data-id=\"724f3fb\" data-element_type=\"container\" id=\"contact-us-container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1f14ec4 elementor-widget elementor-widget-shortcode\" data-id=\"1f14ec4\" 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=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\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=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\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=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\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-o2\" 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\/13687#wpcf7-f2144-o2\" 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\/13687#wpcf7-f2144-o2\">\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-o2\" \/>\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\" 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<!--backupeado: scripts y estilos custom originales contact form -->\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-2d226ea script-home  e-flex e-con-boxed e-con e-child\" data-id=\"2d226ea\" 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-08bc471 elementor-widget elementor-widget-html\" data-id=\"08bc471\" 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        setTimeout(() => {\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>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-03d3644 elementor-widget elementor-widget-html\" data-id=\"03d3644\" 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\ndocument.addEventListener(\"DOMContentLoaded\", function(event){\n    \n\n    window.addEventListener(\"load\", function(e){\n    \n        gsap.registerPlugin(ScrollTrigger);\n        \n        \n        ScrollTrigger.create({\n            trigger: \".home-section-container\",\n            start: \"800 center\",\n            end: \"+=100 center\",\n            onEnter: () => gsap.to(\".home-section-container\", { backgroundColor: \"#F9F7F1\", duration: 0.5 }),\n            onLeaveBack: () => gsap.to(\".home-section-container\", { backgroundColor: \"#1C1C1C\", duration: 0.5 })\n        });\n        \n        ScrollTrigger.create({\n            trigger: \".bottom-home-container\",\n            start: \"-=200 200\",\n            end: \"0 200\",\n            onEnter: () => gsap.to(\".home-section-container\", { backgroundColor: \"#1C1C1C\", duration: 0.5 }),\n            onLeaveBack: () => gsap.to(\".home-section-container\", { backgroundColor: \"#F9F7F1\", duration: 0.5 })\n        });\n        \n        \/\/TODO ANIMATION.\n        ScrollTrigger.create({\n          trigger: \"#mission-container\",\n          start: \"top 90%\",\n          onEnter: ()=>{},\n          once: true,\n          markers: false\n        });\n\n    const logo = document.querySelector('#header-home-big-logo img');\n    const texto = document.getElementById('header-home-isotipo');\n    const homeHeaderBar = document.getElementById('homeHeaderBar');\n    const mobileMenu = document.getElementById('mobile-menu');\n    ScrollTrigger.create({\n      trigger: document.body,\n      start: \"50px top\",\n      end: \"50px top\",\n      onUpdate: (self) => {\n        let progress = self.progress;\n        let opacity = 1 - progress;\n        let scale = progress > 0.5 ? 0.7 : 1;\n        let heightHeader = progress > 0.5 ? 55 : 100;\n        let mobileMenuHeight = progress > 0.5 ? 166 : 214;\n        gsap.to(homeHeaderBar, { height: `${heightHeader}px`, duration: 0.25, ease: \"none\" });\n        gsap.to(mobileMenu, { minHeight: `${mobileMenuHeight}px`, duration: 0.25, ease: \"none\" });\n        gsap.to(logo, { scale: scale, duration: 0.25, ease: \"none\" });\n        gsap.to(texto, { opacity: opacity, duration: 0.25, ease: \"none\" });\n      }\n    });\n        \n    }, false);\n\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-50aef34 elementor-widget elementor-widget-html\" data-id=\"50aef34\" 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    \n<\/style>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a8dc19a elementor-widget elementor-widget-html\" data-id=\"a8dc19a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!--backup: banner fadeout careers-->\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e7635a3 elementor-widget elementor-widget-html\" data-id=\"e7635a3\" 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  .entry-content > div[data-elementor-type=\"wp-page\"] {transition-duration: .3s;}\r\n<\/style>\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n  \/\/ The container that will get its background color updated.\r\n  const container = document.querySelector('.home-section-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-section-container .section-item'));\r\n  let currentActive = null;\r\n  let ticking = false;\r\n\r\n  let lastBgColor = getComputedStyle(container).backgroundColor;\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    \/* completely off\u2011screen *\/\r\n    if (rect.bottom <= 0 || rect.top >= viewportHeight) return 0;\r\n\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 \/ rect.height;\r\n    return visibleHeight \/ Math.min(rect.height, viewportHeight);\r\n  }\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 nothing met its threshold, pick the section with the highest ratio anyway *\/\r\n    if (!bestSection && highestRatio > 0) {\r\n      bestSection = sections.reduce((a, b) =>\r\n        computeViewportFillRatio(a) > computeViewportFillRatio(b) ? a : b\r\n      );\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 = lastBgColor;\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        lastBgColor = 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\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>Want to join us? Find the perfect position for you Back end | Front end | QA | Design | DevOps | Back end | Front end | QA | Design | DevOps | Back end | Front end | QA | Design | DevOps | Back end | Front end | QA | Design \u2026<\/p>","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"nav_color_scheme":[48],"class_list":["post-13687","page","type-page","status-publish","hentry","nav_color_scheme-default"],"blocksy_meta":{"page_title_panel":"","has_hero_section":"disabled","fca5fc54bd659027cb117cf3b0d380d8":"","hero_section":"type-1","hero_elements":[{"id":"custom_title","enabled":true,"heading_tag":"h1","title":"Home"},{"id":"custom_description","enabled":true,"description_visibility":{"desktop":true,"tablet":true,"mobile":false}},{"id":"custom_meta","enabled":false,"meta_elements":[{"id":"author","enabled":true,"label":"By","has_author_avatar":"yes","avatar_size":25},{"id":"post_date","enabled":true,"label":"On","date_format_source":"default","date_format":"M j, Y"},{"id":"updated_date","enabled":false,"label":"On","date_format_source":"default","date_format":"M j, Y"},{"id":"categories","enabled":false,"label":"In","style":"simple"},{"id":"comments","enabled":true}],"page_meta_elements":{"joined":true,"articles_count":true,"comments":true}},{"id":"breadcrumbs","enabled":false}],"de2abe0009eb0b8700407ce490e7cc11":"","hero_alignment1":"CT_CSS_SKIP_RULE","hero_margin":40,"hero_alignment2":"center","hero_vertical_alignment":"center","6558c8a7cf503422aef7bb5cb0419c84":"","hero_structure":"narrow","091d153dd309d965cc617e75bd9568bb":"","page_title_bg_type":"featured_image","custom_hero_background":{"attachment_id":null},"parallax":{"desktop":false,"tablet":false,"mobile":false},"2dbada6b4660ae5cac5059061838fe30":"","hero_height":"250px","pageTitleFont":{"family":"Default","variation":"Default","size":"30px","line-height":"CT_CSS_SKIP_RULE","letter-spacing":"CT_CSS_SKIP_RULE","text-transform":"CT_CSS_SKIP_RULE","text-decoration":"CT_CSS_SKIP_RULE"},"pageTitleFontColor":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"pageMetaFont":{"family":"Default","variation":"n6","size":"12px","line-height":"1.3","letter-spacing":"CT_CSS_SKIP_RULE","text-transform":"uppercase","text-decoration":"CT_CSS_SKIP_RULE"},"pageMetaFontColor":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"},"hover":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"page_meta_button_type_font_colors":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"},"hover":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"page_meta_button_type_background_colors":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"},"hover":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"pageExcerptFont":{"family":"Default","variation":"Default","size":"CT_CSS_SKIP_RULE","line-height":"CT_CSS_SKIP_RULE","letter-spacing":"CT_CSS_SKIP_RULE","text-transform":"CT_CSS_SKIP_RULE","text-decoration":"CT_CSS_SKIP_RULE"},"pageExcerptColor":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"breadcrumbsFont":{"family":"Default","variation":"Default","size":"CT_CSS_SKIP_RULE","line-height":"CT_CSS_SKIP_RULE","letter-spacing":"CT_CSS_SKIP_RULE","text-transform":"CT_CSS_SKIP_RULE","text-decoration":"CT_CSS_SKIP_RULE"},"breadcrumbsFontColor":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"},"initial":{"color":"CT_CSS_SKIP_RULEDEFAULT"},"hover":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"pageTitleOverlay":{"background_type":"color","background_pattern":"type-1","background_image":{"attachment_id":null,"x":0,"y":0},"gradient":"linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%)","background_repeat":"repeat","background_size":"auto","background_attachment":"scroll","patternColor":{"default":{"color":"#e5e7ea"}},"overlayColor":{"default":{"color":"CT_CSS_SKIP_RULE"}},"backgroundColor":{"default":{"color":"CT_CSS_SKIP_RULE"}}},"pageTitleBackground":{"background_type":"color","background_pattern":"type-1","background_image":{"attachment_id":null,"x":0,"y":0},"gradient":"linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%)","background_repeat":"repeat","background_size":"auto","background_attachment":"scroll","patternColor":{"default":{"color":"#e5e7ea"}},"overlayColor":{"default":{"color":"CT_CSS_SKIP_RULE"}},"backgroundColor":{"default":{"color":"var(--theme-palette-color-6)"}}},"pageTitlePadding":{"top":"50px","bottom":"50px","left":"auto","right":"auto","linked":true},"73d0e8f268928ca5c2c9545c665948da":"","page_structure_type":"default","910fe72c27927ac9088f803dc36d1d1a":"","content_style_source":"custom","content_style":"wide","vertical_spacing_source":"custom","content_area_spacing":"none","background":{"background_type":"color","background_pattern":"type-1","background_image":{"attachment_id":null,"x":0,"y":0},"gradient":"linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%)","background_repeat":"repeat","background_size":"auto","background_attachment":"scroll","patternColor":{"default":{"color":"#e5e7ea"}},"overlayColor":{"default":{"color":"CT_CSS_SKIP_RULE"}},"backgroundColor":{"default":{"color":"CT_CSS_SKIP_RULE"}}},"content_background":{"background_type":"color","background_pattern":"type-1","background_image":{"attachment_id":null,"x":0,"y":0},"gradient":"linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%)","background_repeat":"repeat","background_size":"auto","background_attachment":"scroll","patternColor":{"default":{"color":"#e5e7ea"}},"overlayColor":{"default":{"color":"CT_CSS_SKIP_RULE"}},"backgroundColor":{"default":{"color":"var(--theme-palette-color-8)"}}},"content_boxed_shadow":{"inherit":false,"blur":18,"spread":-6,"v_offset":12,"h_offset":0,"inset":false,"enable":true,"color":{"color":"rgba(34, 56, 101, 0.04)"}},"boxed_content_spacing":{"desktop":{"top":"40px","bottom":"40px","left":"40px","right":"40px","linked":true},"tablet":{"top":"35px","bottom":"35px","left":"35px","right":"35px","linked":true},"mobile":{"top":"20px","bottom":"20px","left":"20px","right":"20px","linked":true}},"content_boxed_radius":{"top":"3px","bottom":"3px","left":"3px","right":"3px","linked":true},"6b8995c6cb0a288b8592ffbd554b1936":"","disable_featured_image":"no","disable_share_box":"no","disable_header":"no","disable_footer":"no","styles_descriptor":{"styles":{"desktop":"[data-prefix=\"single_page\"] [class*=\"ct-container\"] > article[class*=\"post\"] {--has-boxed:var(--false);--has-wide:var(--true);}","tablet":"","mobile":""},"google_fonts":[],"version":6}},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Future-Ready Digital Solutions<\/title>\n<meta name=\"description\" content=\"Creative Coefficient partners with startups and corporate endeavors to think, design, build and launch their core digital products.\" \/>\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\/careers\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Future-Ready Digital Solutions\" \/>\n<meta property=\"og:description\" content=\"Creative Coefficient partners with startups and corporate endeavors to think, design, build and launch their core digital products.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/creativecoefficient.net\/es\/careers\/\" \/>\n<meta property=\"og:site_name\" content=\"Creative Coefficient\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-12T13:35:18+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/creativecoefficient.net\/wp-content\/uploads\/2024\/10\/Combined-Shape-Copy-130.svg\" \/>\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=\"2 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/creativecoefficient.net\/careers\/\",\"url\":\"https:\/\/creativecoefficient.net\/careers\/\",\"name\":\"Future-Ready Digital Solutions\",\"isPartOf\":{\"@id\":\"https:\/\/creativecoefficient.net\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/creativecoefficient.net\/careers\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/creativecoefficient.net\/careers\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/creativecoefficient.net\/wp-content\/uploads\/2024\/10\/Combined-Shape-Copy-130.svg\",\"datePublished\":\"2024-10-17T14:42:49+00:00\",\"dateModified\":\"2025-11-12T13:35:18+00:00\",\"description\":\"Creative Coefficient partners with startups and corporate endeavors to think, design, build and launch their core digital products.\",\"breadcrumb\":{\"@id\":\"https:\/\/creativecoefficient.net\/careers\/#breadcrumb\"},\"inLanguage\":\"es-AR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/creativecoefficient.net\/careers\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es-AR\",\"@id\":\"https:\/\/creativecoefficient.net\/careers\/#primaryimage\",\"url\":\"https:\/\/creativecoefficient.net\/wp-content\/uploads\/2024\/10\/Combined-Shape-Copy-130.svg\",\"contentUrl\":\"https:\/\/creativecoefficient.net\/wp-content\/uploads\/2024\/10\/Combined-Shape-Copy-130.svg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/creativecoefficient.net\/careers\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/creativecoefficient.net\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Careers\"}]},{\"@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 SEO plugin. -->","yoast_head_json":{"title":"Future-Ready Digital Solutions","description":"Creative Coefficient partners with startups and corporate endeavors to think, design, build and launch their core digital products.","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\/careers\/","og_locale":"es_ES","og_type":"article","og_title":"Future-Ready Digital Solutions","og_description":"Creative Coefficient partners with startups and corporate endeavors to think, design, build and launch their core digital products.","og_url":"https:\/\/creativecoefficient.net\/es\/careers\/","og_site_name":"Creative Coefficient","article_modified_time":"2025-11-12T13:35:18+00:00","og_image":[{"url":"https:\/\/creativecoefficient.net\/wp-content\/uploads\/2024\/10\/Combined-Shape-Copy-130.svg"}],"twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"2 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/creativecoefficient.net\/careers\/","url":"https:\/\/creativecoefficient.net\/careers\/","name":"Future-Ready Digital Solutions","isPartOf":{"@id":"https:\/\/creativecoefficient.net\/#website"},"primaryImageOfPage":{"@id":"https:\/\/creativecoefficient.net\/careers\/#primaryimage"},"image":{"@id":"https:\/\/creativecoefficient.net\/careers\/#primaryimage"},"thumbnailUrl":"https:\/\/creativecoefficient.net\/wp-content\/uploads\/2024\/10\/Combined-Shape-Copy-130.svg","datePublished":"2024-10-17T14:42:49+00:00","dateModified":"2025-11-12T13:35:18+00:00","description":"Creative Coefficient partners with startups and corporate endeavors to think, design, build and launch their core digital products.","breadcrumb":{"@id":"https:\/\/creativecoefficient.net\/careers\/#breadcrumb"},"inLanguage":"es-AR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/creativecoefficient.net\/careers\/"]}]},{"@type":"ImageObject","inLanguage":"es-AR","@id":"https:\/\/creativecoefficient.net\/careers\/#primaryimage","url":"https:\/\/creativecoefficient.net\/wp-content\/uploads\/2024\/10\/Combined-Shape-Copy-130.svg","contentUrl":"https:\/\/creativecoefficient.net\/wp-content\/uploads\/2024\/10\/Combined-Shape-Copy-130.svg"},{"@type":"BreadcrumbList","@id":"https:\/\/creativecoefficient.net\/careers\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/creativecoefficient.net\/"},{"@type":"ListItem","position":2,"name":"Careers"}]},{"@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\/13687","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\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/creativecoefficient.net\/es\/wp-json\/wp\/v2\/comments?post=13687"}],"version-history":[{"count":12,"href":"https:\/\/creativecoefficient.net\/es\/wp-json\/wp\/v2\/pages\/13687\/revisions"}],"predecessor-version":[{"id":22846,"href":"https:\/\/creativecoefficient.net\/es\/wp-json\/wp\/v2\/pages\/13687\/revisions\/22846"}],"wp:attachment":[{"href":"https:\/\/creativecoefficient.net\/es\/wp-json\/wp\/v2\/media?parent=13687"}],"wp:term":[{"taxonomy":"nav_color_scheme","embeddable":true,"href":"https:\/\/creativecoefficient.net\/es\/wp-json\/wp\/v2\/nav_color_scheme?post=13687"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}