{"id":4285,"date":"2025-10-15T14:31:38","date_gmt":"2025-10-15T17:31:38","guid":{"rendered":"https:\/\/retec.com.ar\/?page_id=4285"},"modified":"2025-10-16T00:31:45","modified_gmt":"2025-10-16T03:31:45","slug":"nosotros","status":"publish","type":"page","link":"https:\/\/retec.com.ar\/en\/about-us\/","title":{"rendered":"About us"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"4285\" class=\"elementor elementor-4285\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fa9ec75 fondo-animado e-flex e-con-boxed e-con e-parent\" data-id=\"fa9ec75\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-5809860 e-con-full e-flex e-con e-child\" data-id=\"5809860\" data-element_type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8ccdce5 elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"8ccdce5\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:500}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Our <strong>history<\/strong><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9ab47c9 elementor-invisible elementor-widget elementor-widget-image\" data-id=\"9ab47c9\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:800}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"219\" height=\"2\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/09\/Rectangle.png\" class=\"attachment-large size-large wp-image-1544 lazyload\" alt=\"\" data-srcset=\"https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/09\/Rectangle.png 219w, https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/09\/Rectangle-150x2.png 150w\" sizes=\"(max-width: 219px) 100vw, 219px\" \/><noscript><img decoding=\"async\" width=\"219\" height=\"2\" src=\"https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/09\/Rectangle.png\" class=\"attachment-large size-large wp-image-1544 lazyload\" alt=\"\" srcset=\"https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/09\/Rectangle.png 219w, https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/09\/Rectangle-150x2.png 150w\" sizes=\"(max-width: 219px) 100vw, 219px\" \/><\/noscript>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1d6e801 elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"1d6e801\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:1100}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>RETEC was born with a vision of connecting the main resellers in the country in <strong>a network that boosts their collective growth.<\/strong>.<\/p><p>In the late 2000s, <strong>Gustavo Donn<\/strong> brought together entrepreneurs from the sector with the goal of building a community that would allow them to share resources, knowledge, and opportunities. This gave rise to the \"Technology Network,\" which in 2009 was consolidated as RETEC.<\/p><p>From the beginning, RETEC is based on the <strong>philosophy of &#034;coopetition&#034;<\/strong>A combination of cooperation and competition that allows us to grow together.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8e2f501 fondo-animado elementor-widget elementor-widget-html\" data-id=\"8e2f501\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Fondo Animado para Elementor<\/title>\r\n    <style>\r\n        \/*\r\n         * Este c\u00f3digo est\u00e1 preparado para funcionar en Elementor.\r\n         * Aseg\u00farate de que CADA CONTENEDOR donde quieras el efecto tenga:\r\n         * 1. CLASE de CSS: fondo-animado\r\n         * 2. En la pesta\u00f1a Avanzado -> Disposici\u00f3n -> Posici\u00f3n: Relativa\r\n        *\/\r\n\r\n        .fondo-animado {\r\n           position: relative; \r\n           overflow: hidden; \r\n        }\r\n        \r\n        \/* Estilos para el <canvas> que el script crea dentro del contenedor *\/\r\n        .fondo-animado > canvas {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            z-index: -1; \r\n            overflow: hidden;\r\n            filter: blur(10px);\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <script>\r\n    (function() {\r\n        \/\/ ======================= INICIO DE LA MODIFICACI\u00d3N =======================\r\n        \/\/ Se comprueba el ancho de la ventana del navegador.\r\n        \/\/ Si es 768px o menos (un tama\u00f1o t\u00edpico para m\u00f3viles y tablets en vertical),\r\n        \/\/ detenemos la ejecuci\u00f3n del script por completo con 'return'.\r\n        if (window.innerWidth <= 768) {\r\n            console.log(\"Animaci\u00f3n desactivada en vista m\u00f3vil para mejorar el rendimiento.\");\r\n            return; \r\n        }\r\n        \/\/ ======================= FIN DE LA MODIFICACI\u00d3N =======================\r\n        \r\n        var pi = Math.PI;\r\n        var pi2 = 2 * Math.PI;\r\n\r\n        this.Waves = function(holder, options) {\r\n            var Waves = this;\r\n\r\n            Waves.options = extend(options || {}, {\r\n                resize: true,\r\n                rotation: 45,\r\n                waves: 5,\r\n                width: 100,\r\n                \/\/ CAMBIO: Se reemplaza 'hue' por un array de colores fijos.\r\n                \/\/ Color 1: #2D8D81 (verde principal), Color 2: Un verde m\u00e1s oscuro e intermedio.\r\n                colors: ['hsla(173, 52%, 36%, 0.1)', 'hsla(166, 99%, 33%, 0.1)'],\r\n                amplitude: 0.5,\r\n                background: true,\r\n                preload: true,\r\n                speed: [0.004, 0.008],\r\n            });\r\n\r\n            Waves.waves = [];\r\n            Waves.holder = document.querySelector(holder);\r\n            Waves.canvas = document.createElement('canvas');\r\n            Waves.ctx = Waves.canvas.getContext('2d');\r\n            Waves.holder.appendChild(Waves.canvas);\r\n\r\n            Waves.resize();\r\n            Waves.init(Waves.options.preload);\r\n\r\n            if (Waves.options.resize)\r\n                window.addEventListener('resize', function() {\r\n                    Waves.resize();\r\n                }, false);\r\n        };\r\n\r\n        Waves.prototype.init = function(preload) {\r\n            var Waves = this;\r\n            var options = Waves.options;\r\n\r\n            \/\/ CAMBIO: Se pasa el \u00edndice 'i' para que cada onda sepa qu\u00e9 color tomar.\r\n            for (var i = 0; i < options.waves; i++)\r\n                Waves.waves[i] = new Wave(Waves, i);\r\n\r\n            if (preload) Waves.preload();\r\n        };\r\n\r\n        Waves.prototype.preload = function() {\r\n            var Waves = this;\r\n            var options = Waves.options;\r\n\r\n            for (var i = 0; i < options.waves; i++) {\r\n                \/\/ Se elimina la llamada a updateColor()\r\n                for (var j = 0; j < options.width; j++) {\r\n                    Waves.waves[i].update();\r\n                }\r\n            }\r\n        };\r\n\r\n        Waves.prototype.render = function() {\r\n            var Waves = this;\r\n            var ctx = Waves.ctx;\r\n            \r\n            \/\/ Se elimina la llamada a updateColor()\r\n            Waves.clear();\r\n\r\n            if (Waves.options.background) {\r\n                Waves.background();\r\n            }\r\n\r\n            each(Waves.waves, function(wave, i) {\r\n                wave.update();\r\n                wave.draw();\r\n            });\r\n        };\r\n\r\n        Waves.prototype.animate = function() {\r\n            var Waves = this;\r\n            Waves.render();\r\n            window.requestAnimationFrame(Waves.animate.bind(Waves));\r\n        };\r\n\r\n        Waves.prototype.clear = function() {\r\n            this.ctx.clearRect(0, 0, this.width, this.height);\r\n        };\r\n\r\n        \/\/ CAMBIO: El fondo ahora es un color s\u00f3lido oscuro, como en la imagen de referencia.\r\n        Waves.prototype.background = function() {\r\n            var Waves = this;\r\n            var ctx = Waves.ctx;\r\n\r\n            ctx.fillStyle = '#080808';\r\n            ctx.fillRect(0, 0, Waves.width, Waves.height);\r\n        };\r\n\r\n        Waves.prototype.resize = function() {\r\n            var Waves = this;\r\n            var width = Waves.holder.offsetWidth;\r\n            var height = Waves.holder.offsetHeight;\r\n            Waves.scale = window.devicePixelRatio || 1;\r\n            Waves.width = width * Waves.scale;\r\n            Waves.height = height * Waves.scale;\r\n            Waves.canvas.width = Waves.width;\r\n            Waves.canvas.height = Waves.height;\r\n            Waves.canvas.style.width = width + 'px';\r\n            Waves.canvas.style.height = height + 'px';\r\n            Waves.radius = Math.sqrt(Math.pow(Waves.width, 2) + Math.pow(Waves.height, 2)) \/ 2;\r\n            Waves.centerX = Waves.width \/ 2;\r\n            Waves.centerY = Waves.height \/ 2;\r\n        };\r\n\r\n        \/\/ ELIMINADO: La funci\u00f3n updateColor ya no es necesaria.\r\n        \r\n        \/\/ CAMBIO: La funci\u00f3n Wave ahora acepta un \u00edndice 'i' para asignarle un color.\r\n        function Wave(Waves, i) {\r\n            var Wave = this;\r\n            var speed = Waves.options.speed;\r\n\r\n            Wave.Waves = Waves;\r\n            Wave.Lines = [];\r\n            \/\/ Se le asigna un color del array de opciones. El m\u00f3dulo (%) asegura que si hay m\u00e1s ondas que colores, se repitan.\r\n            Wave.color = Waves.options.colors[i % Waves.options.colors.length];\r\n\r\n            Wave.angle = [\r\n                rnd(pi2),\r\n                rnd(pi2),\r\n                rnd(pi2),\r\n                rnd(pi2)\r\n            ];\r\n\r\n            Wave.speed = [\r\n                rnd(speed[0], speed[1]) * rnd_sign(),\r\n                rnd(speed[0], speed[1]) * rnd_sign(),\r\n                rnd(speed[0], speed[1]) * rnd_sign(),\r\n                rnd(speed[0], speed[1]) * rnd_sign(),\r\n            ];\r\n\r\n            return Wave;\r\n        }\r\n\r\n        Wave.prototype.update = function() {\r\n            var Wave = this;\r\n            var Lines = Wave.Lines;\r\n            \/\/ CAMBIO: Ahora usa el color propio de la onda, no uno global.\r\n            var color = Wave.color;\r\n\r\n            Lines.push(new Line(Wave, color));\r\n\r\n            if (Lines.length > Wave.Waves.options.width) {\r\n                Lines.shift();\r\n            }\r\n        };\r\n\r\n        Wave.prototype.draw = function() {\r\n            var Wave = this;\r\n            var Waves = Wave.Waves;\r\n\r\n            var ctx = Waves.ctx;\r\n            var radius = Waves.radius;\r\n            var radius3 = radius \/ 3;\r\n            var x = Waves.centerX;\r\n            var y = Waves.centerY;\r\n            var rotation = dtr(Waves.options.rotation);\r\n            var amplitude = Waves.options.amplitude;\r\n\r\n            var Lines = Wave.Lines;\r\n\r\n            each(Lines, function(line, i) {\r\n\r\n                var angle = line.angle;\r\n\r\n                var x1 = x - radius * Math.cos(angle[0] * amplitude + rotation);\r\n                var y1 = y - radius * Math.sin(angle[0] * amplitude + rotation);\r\n                var x2 = x + radius * Math.cos(angle[3] * amplitude + rotation);\r\n                var y2 = y + radius * Math.sin(angle[3] * amplitude + rotation);\r\n                var cpx1 = x - radius3 * Math.cos(angle[1] * amplitude * 2);\r\n                var cpy1 = y - radius3 * Math.sin(angle[1] * amplitude * 2);\r\n                var cpx2 = x + radius3 * Math.cos(angle[2] * amplitude * 2);\r\n                var cpy2 = y + radius3 * Math.sin(angle[2] * amplitude * 2);\r\n\r\n                ctx.strokeStyle = line.color;\r\n\r\n                ctx.beginPath();\r\n                ctx.moveTo(x1, y1);\r\n                ctx.bezierCurveTo(cpx1, cpy1, cpx2, cpy2, x2, y2);\r\n                ctx.stroke();\r\n            });\r\n        };\r\n\r\n        function Line(Wave, color) {\r\n            var Line = this;\r\n\r\n            var angle = Wave.angle;\r\n            var speed = Wave.speed;\r\n\r\n            Line.angle = [\r\n                Math.sin(angle[0] += speed[0]),\r\n                Math.sin(angle[1] += speed[1]),\r\n                Math.sin(angle[2] += speed[2]),\r\n                Math.sin(angle[3] += speed[3])\r\n            ];\r\n\r\n            Line.color = color;\r\n        }\r\n        \r\n        function each(items, callback) {\r\n            for (var i = 0; i < items.length; i++) {\r\n                callback(items[i], i);\r\n            }\r\n        }\r\n\r\n        function extend(options, defaults) {\r\n            for (var key in options)\r\n                if (defaults.hasOwnProperty(key))\r\n                    defaults[key] = options[key];\r\n            return defaults;\r\n        }\r\n\r\n        function dtr(deg) {\r\n            return deg * pi \/ 180;\r\n        }\r\n\r\n        function rnd(a, b) {\r\n            if (arguments.length == 1)\r\n                return Math.random() * a;\r\n            return a + Math.random() * (b - a);\r\n        }\r\n\r\n        function rnd_sign() {\r\n            return (Math.random() > 0.5) ? 1 : -1;\r\n        }\r\n        \r\n        \/* --- BLOQUE DE INICIALIZACI\u00d3N --- *\/\r\n        const animatedContainers = document.querySelectorAll('.fondo-animado');\r\n\r\n        animatedContainers.forEach((container, index) => {\r\n            const uniqueId = 'wave-container-' + index;\r\n            container.id = uniqueId;\r\n\r\n            \/\/ La configuraci\u00f3n de 'waves: 2' en esta secci\u00f3n har\u00e1 que se usen los dos colores definidos en las opciones.\r\n            var waves = new Waves('#' + uniqueId, {\r\n                rotation: 0,\r\n                waves: 2,\r\n                width: 300,\r\n            });\r\n            waves.animate();\r\n        });\r\n\r\n    })();\r\n    <\/script>\r\n<\/body>\r\n<\/html>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-defcc49 e-con-full e-flex e-con e-child\" data-id=\"defcc49\" data-element_type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9b77639 elementor-invisible elementor-widget elementor-widget-html\" data-id=\"9b77639\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInRight&quot;,&quot;_animation_delay&quot;:1500}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Carrusel de Im\u00e1genes<\/title>\r\n    <style>\r\n        \/* --- Estilos Generales --- *\/\r\n        \/* Se ha eliminado el selector 'body' que causaba el conflicto con los estilos de tu p\u00e1gina de Elementor. *\/\r\n\r\n        \/* --- Contenedor Principal --- *\/\r\n        .img-gallery-container {\r\n            width: 100%;\r\n            max-width: 800px; \/* Ancho m\u00e1ximo para el carrusel *\/\r\n            position: relative;\r\n            user-select: none;\r\n        }\r\n\r\n        \/* --- El \"Carrusel\" que contendr\u00e1 las im\u00e1genes --- *\/\r\n        .img-gallery-wrapper {\r\n            position: relative;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            margin-bottom: 40px;\r\n            cursor: grab;\r\n            height: 50vh;\r\n        }\r\n        .img-gallery-wrapper:active {\r\n             cursor: grabbing;\r\n        }\r\n\r\n        \/* --- Estilo de cada item de imagen --- *\/\r\n        .img-gallery-item {\r\n            position: absolute;\r\n            width: 100%;\r\n            height: 45vh;\r\n            background-color: #000;\r\n            border-radius: 16px;\r\n            text-align: center;\r\n            transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n            transform: scale(0.6);\r\n            opacity: 0;\r\n            z-index: 1;\r\n            overflow: hidden; \/* Para que la imagen respete el borde redondeado *\/\r\n        }\r\n\r\n        .img-gallery-item img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover; \/* Asegura que la imagen cubra el item sin deformarse *\/\r\n            display: block;\r\n        }\r\n\r\n        \/* --- Estilos para los estados de las tarjetas --- *\/\r\n        .img-gallery-item.active {\r\n            transform: scale(1);\r\n            opacity: 1;\r\n            z-index: 3;\r\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);\r\n        }\r\n\r\n        .img-gallery-item.prev,\r\n        .img-gallery-item.next {\r\n            opacity: 0.5;\r\n            z-index: 2;\r\n            cursor: pointer; \/* Cambia el cursor para indicar que son clickables *\/\r\n        }\r\n        \r\n        .img-gallery-item.prev {\r\n             transform: translateX(-30%) scale(0.6);\r\n        }\r\n\r\n        .img-gallery-item.next {\r\n            transform: translateX(30%) scale(0.6);\r\n        }\r\n\r\n        \/* --- Barra de Progreso con Puntos --- *\/\r\n        .img-gallery-points-container {\r\n            position: relative;\r\n            width: 100%;\r\n            display: flex;\r\n            justify-content: center;\r\n            gap: 16px;\r\n            margin-top: -15px;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .img-gallery-point {\r\n            width: 12px;\r\n            height: 12px;\r\n            background-color: #555;\r\n            border-radius: 50%;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .img-gallery-point.active {\r\n            background-color: #2D8D81;\r\n            box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.10);\r\n        }\r\n\r\n        \/* --- Botones de Navegaci\u00f3n --- *\/\r\n        .img-gallery-nav {\r\n            position: absolute;\r\n            top: 50%;\r\n            transform: translateY(-50%);\r\n            width: 130%; \/* Ajustado para acercar los botones *\/\r\n            left: -15%;   \/* Ajustado para centrar el contenedor *\/\r\n            display: flex;\r\n            justify-content: space-between;\r\n            z-index: 4;\r\n            pointer-events: none;\r\n        }\r\n\r\n        .img-gallery-nav button {\r\n            pointer-events: all;\r\n            background-color: rgba(255, 255, 255, 0.1);\r\n            border: 0px solid rgba(255, 255, 255, 0.2);\r\n            backdrop-filter: blur(5px);\r\n            width: 50px;\r\n            height: 50px;\r\n            border-radius: 50%;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n        }\r\n\r\n        .img-gallery-nav button svg path {\r\n            transition: all 0.3s ease;\r\n            stroke: #fff;\r\n        }\r\n        \r\n        .img-gallery-nav button:hover {\r\n            background-image: linear-gradient(90deg, #2D8D81 0%, #01A781 100%);\r\n        }\r\n        \r\n        \/* --- Estilos Responsivos para M\u00f3viles --- *\/\r\n        @media (max-width: 800px) {\r\n            .img-gallery-wrapper {\r\n                height: 250px;\r\n                margin-bottom: 30px;\r\n            }\r\n\r\n            .img-gallery-item {\r\n                width: 280px;\r\n                height: 200px;\r\n            }\r\n\r\n            .img-gallery-item.prev {\r\n                transform: translateX(-80px) scale(0.7);\r\n            }\r\n\r\n            .img-gallery-item.next {\r\n                transform: translateX(80px) scale(0.7);\r\n            }\r\n\r\n            .img-gallery-nav { \r\n                display: none;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <div class=\"img-gallery-container\" id=\"imgGalleryContainer\">\r\n        \r\n        <div class=\"img-gallery-wrapper\" id=\"imgGallery\">\r\n            <!-- Las im\u00e1genes se insertar\u00e1n aqu\u00ed din\u00e1micamente -->\r\n        <\/div>\r\n\r\n        <div class=\"img-gallery-nav\">\r\n            <button id=\"imgGalleryPrevBtn\">\r\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"21\" height=\"36\" viewbox=\"0 0 21 36\" fill=\"none\">\r\n                    <path d=\"M19 2L3 18L19 34\" stroke-width=\"3\"\/>\r\n                <\/svg>\r\n            <\/button>\r\n            <button id=\"imgGalleryNextBtn\">\r\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"21\" height=\"36\" viewbox=\"0 0 21 36\" fill=\"none\">\r\n                    <path d=\"M2 34L18 18L2 2\" stroke-width=\"3\"\/>\r\n                <\/svg>\r\n            <\/button>\r\n        <\/div>\r\n\r\n        <div class=\"img-gallery-points-container\" id=\"imgGalleryProgressPoints\">\r\n            <!-- Los puntos se insertar\u00e1n aqu\u00ed din\u00e1micamente -->\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            \/\/ --- CONFIGURATION ---\r\n            const imageUrls = [\r\n                \"https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/10\/1.jpg\",\r\n                \"https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/10\/3-1.jpg\",\r\n                \"https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/10\/Copia-de-CYN18719.jpg\",\r\n                \"https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/10\/Copia-de-CYN18738.jpg\",\r\n                \"https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/10\/Copia-de-CYN18798.jpg\",\r\n                \"https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/10\/Copia-de-DSC01814.jpg\",\r\n                \"https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/10\/Copia-de-CYN18632.jpg\"\r\n                \r\n            ];\r\n\r\n            \/\/ --- DOM Selectors ---\r\n            const container = document.getElementById('imgGalleryContainer');\r\n            const carousel = document.getElementById('imgGallery');\r\n            const progressPointsContainer = document.getElementById('imgGalleryProgressPoints');\r\n            const prevBtn = document.getElementById('imgGalleryPrevBtn');\r\n            const nextBtn = document.getElementById('imgGalleryNextBtn');\r\n            \r\n            let currentIndex = 0;\r\n\r\n            \/\/ --- Element Creation ---\r\n            function createCarouselItems() {\r\n                carousel.innerHTML = '';\r\n                imageUrls.forEach((url, index) => {\r\n                    const itemDiv = document.createElement('div');\r\n                    itemDiv.classList.add('img-gallery-item');\r\n                    itemDiv.dataset.index = index;\r\n                    itemDiv.innerHTML = `<img decoding=\"async\" class=\"lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"${url}\" alt=\"Imagen del carrusel ${index + 1}\" draggable=\"false\"><noscript><img decoding=\"async\" class=\"lazyload\" src=\"${url}\" alt=\"Imagen del carrusel ${index + 1}\" draggable=\"false\"><\/noscript>`;\r\n                    carousel.appendChild(itemDiv);\r\n                });\r\n            }\r\n            \r\n            function createProgressPoints() {\r\n                progressPointsContainer.innerHTML = '';\r\n                imageUrls.forEach((_, index) => {\r\n                    const point = document.createElement('div');\r\n                    point.classList.add('img-gallery-point');\r\n                    point.dataset.index = index;\r\n                    progressPointsContainer.appendChild(point);\r\n                });\r\n            }\r\n\r\n            \/\/ --- Carousel Logic ---\r\n            function updateActivePoint() {\r\n                document.querySelectorAll('.img-gallery-point').forEach((point, index) => {\r\n                    point.classList.toggle('active', index === currentIndex);\r\n                });\r\n            }\r\n\r\n            function updateCarousel() {\r\n                const items = document.querySelectorAll('.img-gallery-item');\r\n                items.forEach((item) => {\r\n                    item.classList.remove('active', 'prev', 'next');\r\n                    const realIndex = parseInt(item.dataset.index);\r\n\r\n                    if (realIndex === currentIndex) {\r\n                        item.classList.add('active');\r\n                    } else if (realIndex === (currentIndex - 1 + items.length) % items.length) {\r\n                        item.classList.add('prev');\r\n                    } else if (realIndex === (currentIndex + 1) % items.length) {\r\n                        item.classList.add('next');\r\n                    }\r\n                });\r\n                updateActivePoint();\r\n            }\r\n            \r\n            function slide(direction) {\r\n                if (direction === 'next') {\r\n                    currentIndex = (currentIndex + 1) % imageUrls.length;\r\n                } else {\r\n                    currentIndex = (currentIndex - 1 + imageUrls.length) % imageUrls.length;\r\n                }\r\n                updateCarousel();\r\n            }\r\n\r\n            function navigateTo(index) {\r\n                currentIndex = index;\r\n                updateCarousel();\r\n            }\r\n            \r\n            \/\/ --- Autoplay, Pause & Visibility Logic ---\r\n            let autoplayInterval = null;\r\n            let resumeTimeout = null;\r\n            const AUTOPLAY_DURATION = 5000;\r\n            const RESUME_DELAY_ON_LEAVE = 1000;\r\n\r\n            function pauseAutoplay() {\r\n                clearInterval(autoplayInterval);\r\n                clearTimeout(resumeTimeout);\r\n            }\r\n\r\n            function startAutoplay() {\r\n                pauseAutoplay(); \/\/ Clear any previous instance\r\n                autoplayInterval = setInterval(() => slide('next'), AUTOPLAY_DURATION);\r\n            }\r\n\r\n            function resetAutoplayTimer() {\r\n                pauseAutoplay();\r\n                resumeTimeout = setTimeout(startAutoplay, AUTOPLAY_DURATION);\r\n            }\r\n            \r\n            \/\/ --- EVENT LISTENERS ---\r\n            nextBtn.addEventListener('click', () => {\r\n                slide('next');\r\n                resetAutoplayTimer();\r\n            });\r\n\r\n            prevBtn.addEventListener('click', () => {\r\n                slide('prev');\r\n                resetAutoplayTimer();\r\n            });\r\n            \r\n            progressPointsContainer.addEventListener('click', (e) => {\r\n                if(e.target.classList.contains('img-gallery-point')) {\r\n                    navigateTo(parseInt(e.target.dataset.index));\r\n                    resetAutoplayTimer();\r\n                }\r\n            });\r\n\r\n            carousel.addEventListener('click', (e) => {\r\n                const clickedItem = e.target.closest('.img-gallery-item');\r\n                if (!clickedItem || clickedItem.classList.contains('active')) return;\r\n\r\n                if (clickedItem.classList.contains('next')) {\r\n                    slide('next');\r\n                } else if (clickedItem.classList.contains('prev')) {\r\n                    slide('prev');\r\n                }\r\n                resetAutoplayTimer();\r\n            });\r\n\r\n            \/\/ --- Swipe\/Drag Logic ---\r\n            let isDragging = false, startPos = 0, currentTranslate = 0;\r\n\r\n            function gestureStart(e) {\r\n                isDragging = true;\r\n                startPos = e.type.includes('mouse') ? e.pageX : e.touches[0].clientX;\r\n                carousel.style.transition = 'none'; \/\/ Desactiva la transici\u00f3n durante el arrastre\r\n                pauseAutoplay(); \/\/ Pausa al empezar a arrastrar\r\n            }\r\n\r\n            function gestureMove(e) {\r\n                if (isDragging) {\r\n                    const currentPosition = e.type.includes('mouse') ? e.pageX : e.touches[0].clientX;\r\n                    currentTranslate = currentPosition - startPos;\r\n                }\r\n            }\r\n            \r\n            function gestureEnd() {\r\n                if (!isDragging) return;\r\n                isDragging = false;\r\n                carousel.style.transition = ''; \/\/ Reactiva la transici\u00f3n\r\n                \r\n                let slided = false;\r\n                if (currentTranslate < -100) { \/\/ Umbral de 100px a la izquierda\r\n                     slide('next');\r\n                     slided = true;\r\n                } else if (currentTranslate > 100) { \/\/ Umbral de 100px a la derecha\r\n                    slide('prev');\r\n                    slided = true;\r\n                }\r\n                \r\n                \/\/ Reinicia el autoplay solo si hubo un deslizamiento exitoso\r\n                if(slided) {\r\n                    resetAutoplayTimer();\r\n                } else {\r\n                    \/\/ Si no se desliz\u00f3 lo suficiente, reanuda despu\u00e9s de un breve momento\r\n                    resumeTimeout = setTimeout(startAutoplay, RESUME_DELAY_ON_LEAVE);\r\n                }\r\n\r\n                currentTranslate = 0;\r\n            }\r\n\r\n            carousel.addEventListener('mousedown', gestureStart);\r\n            carousel.addEventListener('mouseup', gestureEnd);\r\n            carousel.addEventListener('mouseleave', gestureEnd);\r\n            carousel.addEventListener('mousemove', gestureMove);\r\n            carousel.addEventListener('touchstart', gestureStart, { passive: true });\r\n            carousel.addEventListener('touchend', gestureEnd);\r\n            carousel.addEventListener('touchmove', gestureMove, { passive: true });\r\n\r\n            \/\/ --- Pause\/Resume on Hover ---\r\n            container.addEventListener('mouseenter', pauseAutoplay);\r\n            container.addEventListener('mouseleave', () => {\r\n                clearTimeout(resumeTimeout);\r\n                resumeTimeout = setTimeout(startAutoplay, RESUME_DELAY_ON_LEAVE);\r\n            });\r\n\r\n            \/\/ --- Pause\/Resume based on Visibility ---\r\n            const observer = new IntersectionObserver((entries) => {\r\n                const entry = entries[0];\r\n                if (entry.isIntersecting) {\r\n                    startAutoplay();\r\n                } else {\r\n                    pauseAutoplay();\r\n                }\r\n            }, { threshold: 0.1 }); \/\/ Trigger when 10% is visible\r\n\r\n            \/\/ --- Initialization ---\r\n            function init() {\r\n                createCarouselItems();\r\n                createProgressPoints();\r\n                updateCarousel();\r\n                observer.observe(container); \/\/ Start observing the carousel\r\n            }\r\n\r\n            init();\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\r\n\r\n\r\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-a67052f e-flex e-con-boxed e-con e-child\" data-id=\"a67052f\" data-element_type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&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-76c0c32 elementor-invisible elementor-widget elementor-widget-html\" data-id=\"76c0c32\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:200}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <style>\r\n        \/* Estilos que no afectan al layout global de tu p\u00e1gina *\/\r\n        .info-section-wrapper {\r\n            font-family: 'Bricolage Grotesque', sans-serif !important;\r\n            padding: 0px 10px;\r\n            box-sizing: border-box;\r\n        }\r\n        \r\n        \/* --- Contenedor Principal para las Tarjetas --- *\/\r\n        .info-section {\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            gap: 50px; \/* Espacio entre las tarjetas *\/\r\n            width: 100%;\r\n            \/* Por defecto, los elementos estar\u00e1n en una fila *\/\r\n        }\r\n\r\n        \/* --- Estilo de cada Tarjeta de Informaci\u00f3n --- *\/\r\n        .info-card {\r\n            position: relative; \/* Clave para posicionar el texto encima de la imagen *\/\r\n            width: 100%;\r\n            max-width: 575px; \/* Ancho m\u00e1ximo basado en la imagen *\/\r\n            flex-shrink: 0; \/* Evita que las tarjetas se encojan y deformen el texto *\/\r\n        }\r\n\r\n        \/* --- Imagen de fondo (el contorno PNG) --- *\/\r\n        .info-card .card-background-png {\r\n            width: 100%;\r\n            height: auto;\r\n            display: block; \/* Elimina espacio extra debajo de la imagen *\/\r\n        }\r\n        \r\n        \/* Contenedor del contenido (texto) posicionado sobre la imagen *\/\r\n        .card-content {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            \r\n            \/* Padding para mantener el texto dentro del \u00e1rea segura de la imagen *\/\r\n            box-sizing: border-box;\r\n            padding: 12% 12% 12% 20%;\r\n\r\n            \/* Centra el texto verticalmente *\/\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: center;\r\n        }\r\n\r\n        \/* --- Estilos del Texto --- *\/\r\n        .info-card h2 {color: #1A1A1A;\r\n        color: #1A1A1A;\r\n        text-align: center;\r\n        font-family: 'Bricolage Grotesque', sans-serif !important;\r\n        font-size: 2rem;\r\n        font-style: normal;\r\n        font-weight: 600;\r\n        line-height: 60px; \/* 130.435% *\/\r\n        }\r\n\r\n        .info-card p {\r\n            color: #1E1E1E;\r\n            text-align: center;\r\n            font-family: 'Bricolage Grotesque', sans-serif !important;\r\n            font-size: 16.668px;\r\n            font-style: normal;\r\n            font-weight: 500;\r\n            line-height: 150%;\r\n            letter-spacing: -0.183px;\r\n        }\r\n\r\n        \/* Estilo para el texto en negrita dentro del p\u00e1rrafo *\/\r\n        .info-card p strong {\r\n            font-weight: 700;\r\n            font-family: 'Bricolage Grotesque', sans-serif !important;\r\n        }\r\n        \r\n        \/* --- Responsividad --- *\/\r\n        @media (max-width: 1250px) {\r\n            .info-section {\r\n                flex-direction: column; \/* Apila las tarjetas verticalmente *\/\r\n            }\r\n        }\r\n\r\n        @media (max-width: 600px) {\r\n            .info-card h2 {\r\n                font-size: 1.6rem;\r\n                line-height: 10%;\r\n            }\r\n            .info-card p {\r\n                font-size: 0.9rem;\r\n                line-height: 1.1;\r\n            }\r\n            .info-card p strong {\r\n                \r\n            }\r\n            .card-content {\r\n                \/* Ajusta el padding para m\u00f3viles para dar m\u00e1s espacio al texto *\/\r\n                padding: 5% 5% 0% 18%;\r\n            }\r\n            .info-section{\r\n                gap:20px;\r\n            }\r\n        }\r\n         @media (max-width: 400px) {\r\n            .card-content {\r\n                \/* Reduce a\u00fan m\u00e1s el padding en pantallas muy peque\u00f1as *\/\r\n                padding: 5% 3% 0% 19%;\r\n            }\r\n            \r\n            .info-section{\r\n                gap:20px;\r\n            }\r\n        }\r\n\r\n    <\/style>\r\n<\/head>\r\n<div class=\"info-section-wrapper\">\r\n    <section class=\"info-section\">\r\n\r\n        <!-- Tarjeta 1: Nuestra Misi\u00f3n -->\r\n        <div class=\"info-card\">\r\n            <img decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/10\/CONTENEDOR-NOSOTROS-2.png\" class=\"card-background-png lazyload\" alt=\"Fondo para Nuestra Misi\u00f3n\"><noscript><img decoding=\"async\" src=\"https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/10\/CONTENEDOR-NOSOTROS-2.png\" class=\"card-background-png lazyload\" alt=\"Fondo para Nuestra Misi\u00f3n\"><\/noscript>\r\n            <div class=\"card-content\">\r\n                <h2>Our mission<\/h2>\r\n                <p><strong>Facilitate access to technological products and services throughout the country,<\/strong> while empowering our partners&#039; growth in the market through <strong>innovative solutions, collective collaboration, and access to cutting-edge resources.<\/strong><\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Tarjeta 2: Nuestra Visi\u00f3n -->\r\n        <div class=\"info-card\">\r\n             <img decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/10\/CONTENEDOR-NOSOTROS-1.png\" class=\"card-background-png lazyload\" alt=\"Fondo para Nuestra Visi\u00f3n\"><noscript><img decoding=\"async\" src=\"https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/10\/CONTENEDOR-NOSOTROS-1.png\" class=\"card-background-png lazyload\" alt=\"Fondo para Nuestra Visi\u00f3n\"><\/noscript>\r\n            <div class=\"card-content\">\r\n                <h2>Our vision<\/h2>\r\n                <p><strong>To be the leading technology group in the market,<\/strong> recognized for transforming the way our partners operate, collaborate, compete and grow. <strong>We aspire to establish ourselves as a cohesive, modern and professional community,<\/strong> that drives innovation through technological tools and advanced processes.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/section>\r\n<\/div>\r\n<\/html>\r\n\r\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-71ffb80 e-flex e-con-boxed e-con e-parent\" data-id=\"71ffb80\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2daa990 elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"2daa990\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:200}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Values \u200b\u200band Attributes<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-369e56d e-con-full e-grid e-con e-child\" data-id=\"369e56d\" data-element_type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c69295b elementor-align-justify elementor-invisible elementor-widget elementor-widget-button\" data-id=\"c69295b\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInLeft&quot;,&quot;_animation_delay&quot;:200}\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-size-sm\" role=\"button\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Commitment<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1679697 elementor-align-justify elementor-invisible elementor-widget elementor-widget-button\" data-id=\"1679697\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInLeft&quot;,&quot;_animation_delay&quot;:400}\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-size-sm\" role=\"button\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Trust<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3da42aa elementor-align-justify elementor-invisible elementor-widget elementor-widget-button\" data-id=\"3da42aa\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInLeft&quot;,&quot;_animation_delay&quot;:600}\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-size-sm\" role=\"button\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Evolution<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-707920b elementor-align-justify elementor-invisible elementor-widget elementor-widget-button\" data-id=\"707920b\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInLeft&quot;,&quot;_animation_delay&quot;:800}\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-size-sm\" role=\"button\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Union<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-018184e e-flex e-con-boxed e-con e-parent\" data-id=\"018184e\" data-element_type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-33e036c elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"33e036c\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:200}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Timeline<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7ebd789 elementor-widget__width-inherit elementor-invisible elementor-widget elementor-widget-html\" data-id=\"7ebd789\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:400}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <style>\r\n        \/* --- Estilos Generales --- *\/\r\n        \/* Se ha eliminado el selector 'body' que causaba el conflicto con los estilos de tu p\u00e1gina de Elementor. *\/\r\n\r\n        \/* --- Contenedor Principal de la L\u00ednea de Tiempo --- *\/\r\n        .timeline-container {\r\n            width: 100%;\r\n            position: relative;\r\n            user-select: none; \/* Evita que el texto se seleccione al arrastrar *\/\r\n        }\r\n\r\n        \/* --- El \"Carrusel\" que contendr\u00e1 los eventos --- *\/\r\n        .timeline-carousel {\r\n            position: relative;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            margin-bottom: 40px;\r\n            cursor: grab;\r\n        }\r\n        .timeline-carousel:active {\r\n             cursor: grabbing;\r\n        }\r\n\r\n\r\n        \/* --- Estilo de cada tarjeta de evento --- *\/\r\n        .timeline-item {\r\n            position: absolute;\r\n            width: 100%;\r\n            max-width: 45%;\r\n            padding: 25px;\r\n            background-color: #fff;\r\n            border-radius: 37px;\r\n            border: 1px solid #EAEAEA;\r\n            text-align: center;\r\n            transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n            transform: scale(0.5);\r\n            opacity: 0;\r\n            z-index: 1;\r\n            cursor: pointer;\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: center;\r\n            font-family: 'Bricolage Grotesque';\r\n        }\r\n\r\n        \/* --- Contenedor para el \u00edcono y la fecha --- *\/\r\n        .item-header {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 12px;\r\n            justify-content: center;\r\n        }\r\n        \r\n        .item-header svg {\r\n            width: 48px;\r\n            height: 48px;\r\n            fill: #1E1E1E;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .timeline-item h3 {\r\n            color: #1A1A1A;\r\n            text-align: center;\r\n            font-family: \"Bricolage Grotesque\";\r\n            font-size: 35px;\r\n            font-style: normal;\r\n            font-weight: 600;\r\n            line-height: 140%;\r\n            padding-top: 10px;\r\n        }\r\n\r\n        .timeline-item p {\r\n            color: #595959;\r\n            text-align: center;\r\n            font-family: \"Bricolage Grotesque\";\r\n            font-size: 20px;\r\n            font-style: normal;\r\n            font-weight: 300;\r\n            line-height: 150%;\r\n            letter-spacing: -0.22px;\r\n        }\r\n\r\n        \/* --- Estilos para los estados de las tarjetas --- *\/\r\n        .timeline-item.active {\r\n            transform: scale(1);\r\n            opacity: 1;\r\n            z-index: 3;\r\n            border-color: #2d8d81;\r\n        }\r\n\r\n        .timeline-item.prev,\r\n        .timeline-item.next {\r\n            opacity: 0.6;\r\n            z-index: 2;\r\n        }\r\n        \r\n        .timeline-item.prev {\r\n             transform: translateX(-80%) scale(0.5);\r\n        }\r\n\r\n        .timeline-item.next {\r\n            transform: translateX(80%) scale(0.5);\r\n        }\r\n\r\n        \/* --- Barra de Progreso con Puntos --- *\/\r\n        .timeline-progress-bar {\r\n            position: relative;\r\n            width: 80%;\r\n            margin: 0 auto;\r\n            height: 4px;\r\n            background-color: #EAEAEA;\r\n        }\r\n\r\n        .progress-points-container {\r\n            position: absolute;\r\n            top: 50%;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            display: flex;\r\n            justify-content: space-between;\r\n        }\r\n\r\n        .progress-point {\r\n            width: 12px;\r\n            height: 12px;\r\n            background-color: #ccc;\r\n            border-radius: 50%;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            transform: translateY(-50%);\r\n        }\r\n\r\n        .progress-point.active {\r\n            background-color: #2d8d81;\r\n            transform: translateY(-50%) scale(1.8);\r\n        }\r\n\r\n        \/* --- Botones de Navegaci\u00f3n --- *\/\r\n        .timeline-nav {\r\n            position: absolute;\r\n            top: 50%; \/* Centrado verticalmente respecto a la tarjeta *\/\r\n            transform: translateY(-50%);\r\n            width: 100%;\r\n            display: flex;\r\n            justify-content: space-between;\r\n            z-index: 4;\r\n            pointer-events: none;\r\n        }\r\n\r\n        .timeline-nav button {\r\n            pointer-events: all;\r\n            background-color: transparent;\r\n            border: none;\r\n            width: 60px;\r\n            height: 60px;\r\n            border-radius: 50%;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n        }\r\n\r\n        .timeline-nav button svg path {\r\n            transition: all 0.3s ease;\r\n        }\r\n        \r\n        .timeline-nav button:hover {\r\n            background-image: linear-gradient(90deg, #2D8D81 0%, #01A781 100%);;\r\n        }\r\n\r\n        .timeline-nav button:hover svg path {\r\n           stroke: #fff;\r\n        }\r\n        \r\n        #prevBtn { transform: translateX(-80px); }\r\n        #nextBtn { transform: translateX(80px); }\r\n\r\n        @media (max-width: 768px){\r\n            .timeline-item.next { transform: translateX(40%) scale(0.5); }\r\n            .timeline-item.prev { transform: translateX(-40%) scale(0.5); }\r\n            #prevBtn { display: none; }\r\n            #nextBtn { display: none; }\r\n            .timeline-item h3 { font-size: 30px; }\r\n            .item-header svg { width: 30px; height: 30px; }\r\n            .timeline-item p{ line-height: 1.5; }\r\n            .timeline-nav button { width: 20px; height: 20px; }\r\n            .timeline-progress-bar { width: 100%; }\r\n            .progress-point{ width: 8px; height: 8px; }\r\n            .timeline-item { max-width: 80%; }\r\n        }\r\n\r\n    <\/style>\r\n<\/head>\r\n\r\n    <div class=\"timeline-container\" id=\"timelineContainer\">\r\n        \r\n        <div class=\"timeline-carousel\" id=\"timelineCarousel\">\r\n            <!-- Los items se insertar\u00e1n aqu\u00ed -->\r\n        <\/div>\r\n\r\n        <div class=\"timeline-nav\">\r\n            <button id=\"prevBtn\">\r\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"21\" height=\"36\" viewbox=\"0 0 21 36\" fill=\"none\">\r\n                    <path d=\"M19 2L3 18L19 34\" stroke=\"#2D8D81\" stroke-width=\"3\"\/>\r\n                <\/svg>\r\n            <\/button>\r\n            <button id=\"nextBtn\">\r\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"21\" height=\"36\" viewbox=\"0 0 21 36\" fill=\"none\">\r\n                    <path d=\"M2 34L18 18L2 2\" stroke=\"#2D8D81\" stroke-width=\"3\"\/>\r\n                <\/svg>\r\n            <\/button>\r\n        <\/div>\r\n\r\n        <div class=\"timeline-progress-bar\">\r\n            <div class=\"progress-points-container\" id=\"progressPoints\">\r\n                <!-- Los puntos se insertar\u00e1n aqu\u00ed -->\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            const timelineData = [\r\n                { date: \"Octubre 2008\", description: \"Un grupo de 12 empresarios de venta de productos tecnol\u00f3gicos de diferentes puntos del pa\u00eds se re\u00fanen con la intenci\u00f3n de comenzar a operar sus compras de manera conjunta.\" },\r\n                { date: \"Noviembre 2009\", description: \"Nace Red de Tecnolog\u00eda ACE.\" },\r\n                { date: \"Diciembre 2009\", description: \"Presentamos la sociedad a proveedores y fabricantes en un desayuno realizado en Madero Tango ubicado en Puerto Madero, Buenos Aires.\" },\r\n                { date: \"Noviembre 2013\", description: \"Nos transformamos en RETEC CCE a partir de la contracci\u00f3n de las palabras de Red de Tecnolog\u00eda.\" },\r\n                { date: \"Diciembre 2013\", description: \"Presentamos en sociedad a RETEC CCE y mostramos nuestras marcas de compra conjunta a proveedores y fabricantes en un almuerzo en el Hotel Abasto.\" },\r\n                { date: \"Marzo 2016\", description: \"Nuestro primer evento invitando a participar a proveedores uno a uno.\" },\r\n                { date: \"Marzo 2018\", description: \"Cambiamos la metodolog\u00eda de nuestros eventos invitando a que los proveedores puedan exponer e interactuar con los asociados.\" },\r\n                { date: \"Noviembre 2019\", description: \"Cumplimos 10 a\u00f1os junto a 46 empresas asociadas, el evento fue en el Hotel Alvear.\" },\r\n                { date: \"Enero 2020\", description: \"Un grupo de 13 asociados viaj\u00f3 a Las Vegas para que se pongan m\u00e1s a tono del pa\u00eds, el evento de tecnolog\u00eda m\u00e1s importante del mundo, en nombre de RETEC.\" },\r\n                { date: \"Junio 2020\", description: \"Comenzamos a realizar compras por medio del comercio exterior.\" },\r\n                { date: \"Noviembre 2021\", description: \"Cumbre anual de RETEC en Posadas, Misiones.\" },\r\n                { date: \"Noviembre 2023\", description: \"El grupo se conforma con 62 asociados de todo el pa\u00eds.\" },\r\n                { date: \"Junio 2024\", description: \"Realizamos nuestro primer evento en el Hotel Scala de la Ciudad Aut\u00f3noma de Buenos Aires con 16 proveedores presentes.\" },\r\n                { date: \"Mayo 2025\", description: \"Realizamos rebranding de nuestra imagen de marca luego de conservar nuestro logo anterior por m\u00e1s de 15 a\u00f1os.\" },\r\n                { date: \"Junio 2025\", description: \"En la edici\u00f3n del RETEC Summit de este mes, realizamos un evento de tres d\u00edas con la participaci\u00f3n de 24 distribuidores y marcas l\u00edderes del pa\u00eds y latinoam\u00e9rica.\" },\r\n                { date: \"Agosto 2025\", description: \"Ya somos 71 asociados a lo largo del pa\u00eds.\" }\r\n            ];\r\n\r\n            const container = document.getElementById('timelineContainer');\r\n            const carousel = document.getElementById('timelineCarousel');\r\n            const progressPointsContainer = document.getElementById('progressPoints');\r\n            const prevBtn = document.getElementById('prevBtn');\r\n            const nextBtn = document.getElementById('nextBtn');\r\n            \r\n            let currentIndex = 0;\r\n            let autoPlayInterval = null; \/\/ Variable para el autoplay\r\n\r\n            const calendarIconSVG = `<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M20 3h-1V1h-2v2H7V1H5v2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 18H4V8h16v13z\"\/><\/svg>`;\r\n\r\n            function createTimelineItems() {\r\n                carousel.innerHTML = '';\r\n                timelineData.forEach((item, index) => {\r\n                    const itemDiv = document.createElement('div');\r\n                    itemDiv.classList.add('timeline-item');\r\n                    itemDiv.dataset.index = index;\r\n                    \r\n                    itemDiv.innerHTML = `\r\n                        <div class=\"item-header\">\r\n                            ${calendarIconSVG}\r\n                            <h3>${item.date}<\/h3>\r\n                        <\/div>\r\n                        <p>${item.description}<\/p>\r\n                    `;\r\n                    carousel.appendChild(itemDiv);\r\n                });\r\n            }\r\n            \r\n            function setUniformHeight() {\r\n                const items = document.querySelectorAll('.timeline-item');\r\n                let maxHeight = 0;\r\n                items.forEach(item => { item.style.height = 'auto'; });\r\n                items.forEach(item => {\r\n                    if (item.offsetHeight > maxHeight) maxHeight = item.offsetHeight;\r\n                });\r\n                items.forEach(item => { item.style.height = `${maxHeight}px`; });\r\n                carousel.style.height = `${maxHeight}px`;\r\n            }\r\n\r\n            function createProgressPoints() {\r\n                progressPointsContainer.innerHTML = '';\r\n                timelineData.forEach((_, index) => {\r\n                    const point = document.createElement('div');\r\n                    point.classList.add('progress-point');\r\n                    point.dataset.index = index;\r\n                    progressPointsContainer.appendChild(point);\r\n                });\r\n            }\r\n\r\n            function updateActivePoint() {\r\n                const points = document.querySelectorAll('.progress-point');\r\n                points.forEach((point, index) => {\r\n                    point.classList.toggle('active', index === currentIndex);\r\n                });\r\n            }\r\n\r\n            function updateCarousel() {\r\n                const items = document.querySelectorAll('.timeline-item');\r\n                items.forEach((item, index) => {\r\n                    item.classList.remove('active', 'prev', 'next');\r\n                    const realIndex = parseInt(item.dataset.index);\r\n\r\n                    if (realIndex === currentIndex) {\r\n                        item.classList.add('active');\r\n                    } else if (realIndex === (currentIndex - 1 + items.length) % items.length) {\r\n                        item.classList.add('prev');\r\n                    } else if (realIndex === (currentIndex + 1) % items.length) {\r\n                        item.classList.add('next');\r\n                    }\r\n                });\r\n                updateActivePoint();\r\n            }\r\n            \r\n            \/\/ --- FUNCIONES DE NAVEGACI\u00d3N ---\r\n            function slide(direction) {\r\n                if (direction === 'next') {\r\n                    currentIndex = (currentIndex + 1) % timelineData.length;\r\n                } else {\r\n                    currentIndex = (currentIndex - 1 + timelineData.length) % timelineData.length;\r\n                }\r\n                updateCarousel();\r\n            }\r\n\r\n            function navigateTo(index) {\r\n                currentIndex = index;\r\n                updateCarousel();\r\n            }\r\n            \r\n            \/\/ --- L\u00d3GICA DE AUTOPLAY ---\r\n            function startAutoPlay() {\r\n                stopAutoPlay(); \/\/ Prevenir intervalos duplicados\r\n                autoPlayInterval = setInterval(() => slide('next'), 5000); \/\/ Avanza cada 5 segundos\r\n            }\r\n\r\n            function stopAutoPlay() {\r\n                clearInterval(autoPlayInterval);\r\n            }\r\n\r\n            function resetAutoPlay() {\r\n                stopAutoPlay();\r\n                startAutoPlay();\r\n            }\r\n\r\n            \/\/ --- L\u00d3GICA DE EVENTOS (BOTONES, CLICKS, SWIPE, DRAG) ---\r\n            \r\n            nextBtn.addEventListener('click', () => { slide('next'); resetAutoPlay(); });\r\n            prevBtn.addEventListener('click', () => { slide('prev'); resetAutoPlay(); });\r\n            \r\n            \/\/ Eventos para Clicks en Puntos y Tarjetas\r\n            progressPointsContainer.addEventListener('click', (e) => {\r\n                if(e.target.classList.contains('progress-point')) {\r\n                    const index = parseInt(e.target.dataset.index);\r\n                    navigateTo(index);\r\n                    resetAutoPlay();\r\n                }\r\n            });\r\n\r\n            carousel.addEventListener('click', (e) => {\r\n                const clickedItem = e.target.closest('.timeline-item');\r\n                if(clickedItem && !clickedItem.classList.contains('active')) {\r\n                     const index = parseInt(clickedItem.dataset.index);\r\n                     navigateTo(index);\r\n                     resetAutoPlay();\r\n                }\r\n            });\r\n\r\n\r\n            \/\/ Variables para swipe y drag\r\n            let isDragging = false, startPos = 0, currentTranslate = 0, prevTranslate = 0;\r\n\r\n            function gestureStart(e) {\r\n                stopAutoPlay(); \/\/ Pausar al empezar a interactuar\r\n                isDragging = true;\r\n                startPos = e.type.includes('mouse') ? e.pageX : e.touches[0].clientX;\r\n                carousel.style.cursor = 'grabbing';\r\n            }\r\n\r\n            function gestureMove(e) {\r\n                if (!isDragging) return;\r\n                const currentPosition = e.type.includes('mouse') ? e.pageX : e.touches[0].clientX;\r\n                currentTranslate = prevTranslate + currentPosition - startPos;\r\n            }\r\n            \r\n            function gestureEnd() {\r\n                isDragging = false;\r\n                carousel.style.cursor = 'grab';\r\n                const movedBy = currentTranslate - prevTranslate;\r\n\r\n                if (movedBy < -50) slide('next');\r\n                if (movedBy > 50) slide('prev');\r\n                \r\n                prevTranslate = 0; currentTranslate = 0;\r\n                startAutoPlay(); \/\/ Reanudar autoplay despu\u00e9s de la interacci\u00f3n\r\n            }\r\n\r\n            \/\/ Eventos para Mouse y Touch\r\n            carousel.addEventListener('mousedown', gestureStart);\r\n            carousel.addEventListener('mouseup', gestureEnd);\r\n            carousel.addEventListener('mouseleave', gestureEnd);\r\n            carousel.addEventListener('mousemove', gestureMove);\r\n            carousel.addEventListener('touchstart', gestureStart, { passive: true });\r\n            carousel.addEventListener('touchend', gestureEnd);\r\n            carousel.addEventListener('touchmove', gestureMove, { passive: true });\r\n\r\n            \/\/ Eventos de hover para pausar y reanudar\r\n            container.addEventListener('mouseenter', stopAutoPlay);\r\n            container.addEventListener('mouseleave', startAutoPlay);\r\n\r\n            function init() {\r\n                createTimelineItems();\r\n                createProgressPoints();\r\n                setUniformHeight();\r\n                updateCarousel();\r\n                startAutoPlay(); \/\/ Iniciar autoplay al cargar\r\n            }\r\n\r\n\r\n\r\n            init();\r\n            window.addEventListener('resize', setUniformHeight);\r\n        });\r\n    <\/script>\r\n<\/html>\r\n\r\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-65ff353 e-flex e-con-boxed e-con e-parent\" data-id=\"65ff353\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-bff6211 e-con-full e-flex e-con e-child\" data-id=\"bff6211\" data-element_type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1f18df8 elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"1f18df8\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInLeft&quot;,&quot;_animation_delay&quot;:200}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><strong>RETEC Summit<\/strong><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b1d0182 elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"b1d0182\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInLeft&quot;,&quot;_animation_delay&quot;:400}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>A space where we meet, share, and build for the future.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-74477bb elementor-invisible elementor-widget elementor-widget-image\" data-id=\"74477bb\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInLeft&quot;,&quot;_animation_delay&quot;:600}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"219\" height=\"2\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/09\/Rectangle.png\" class=\"attachment-large size-large wp-image-1544 lazyload\" alt=\"\" data-srcset=\"https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/09\/Rectangle.png 219w, https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/09\/Rectangle-150x2.png 150w\" sizes=\"(max-width: 219px) 100vw, 219px\" \/><noscript><img decoding=\"async\" width=\"219\" height=\"2\" src=\"https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/09\/Rectangle.png\" class=\"attachment-large size-large wp-image-1544 lazyload\" alt=\"\" srcset=\"https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/09\/Rectangle.png 219w, https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/09\/Rectangle-150x2.png 150w\" sizes=\"(max-width: 219px) 100vw, 219px\" \/><\/noscript>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-288a63d elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"288a63d\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInLeft&quot;,&quot;_animation_delay&quot;:800}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>The RETEC Summit is our most important event of the year. A meeting point for partners, suppliers, and the RETEC team, where the community comes alive in person.<\/p><p>During the Summit, we shared the latest network developments, introduced new partners, launched technologies, analyzed the market, and, above all, built real connections.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f46bf35 e-con-full e-flex e-con e-child\" data-id=\"f46bf35\" data-element_type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bc6a56c elementor-invisible elementor-widget elementor-widget-html\" data-id=\"bc6a56c\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInRight&quot;,&quot;_animation_delay&quot;:1000}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Carrusel de Videos de YouTube<\/title>\r\n    <style>\r\n        \/* --- Contenedor Principal --- *\/\r\n        .video-carousel-container {\r\n            width: 100%;\r\n            max-width: 800px; \/* Ancho m\u00e1ximo para el carrusel *\/\r\n            position: relative;\r\n            user-select: none;\r\n        }\r\n\r\n        \/* --- El \"Carrusel\" que contendr\u00e1 los videos --- *\/\r\n        .video-carousel-wrapper {\r\n            position: relative;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            margin-bottom: 40px;\r\n            cursor: grab;\r\n            height: 65vh; \/* Altura fija para el contenedor del carrusel *\/\r\n            background-color: transparent; \/* CORRECCI\u00d3N: Fondo transparente como solicitaste *\/\r\n            border-radius: 16px;\r\n        }\r\n        .video-carousel-wrapper:active {\r\n             cursor: grabbing;\r\n        }\r\n\r\n        \/* --- Estilo de cada item de video --- *\/\r\n        .carousel-item {\r\n            position: absolute;\r\n            width: 45vh; \/* Ancho fijo como en tu mockup *\/\r\n            height: 65vh; \/* Alto fijo como en tu mockup *\/\r\n            background-color: #000; \/* Mantenemos el fondo negro para el item en s\u00ed *\/\r\n            border-radius: 16px;\r\n            text-align: center;\r\n            transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n            transform: scale(0.6);\r\n            opacity: 0;\r\n            z-index: 1;\r\n            overflow: hidden; \/* Para que el iframe respete el borde redondeado *\/\r\n        }\r\n\r\n        \/* --- Contenedor responsivo para el iframe --- *\/\r\n        .video-container {\r\n            position: relative;\r\n            width: 100%;\r\n            height: 100%;\r\n        }\r\n\r\n        .carousel-item iframe {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            border: 0;\r\n            pointer-events: none; \/* Por defecto, los iframes no interceptar\u00e1n los clics. *\/\r\n        }\r\n\r\n        \/* --- Estilos para los estados de las tarjetas --- *\/\r\n        .carousel-item.active {\r\n            transform: scale(1);\r\n            opacity: 1;\r\n            z-index: 3;\r\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);\r\n        }\r\n        \r\n        .carousel-item.active iframe {\r\n            pointer-events: auto; \/* Solo el iframe del video ACTIVO permitir\u00e1 clics. *\/\r\n        }\r\n\r\n        .carousel-item.prev,\r\n        .carousel-item.next {\r\n            opacity: 0.5;\r\n            z-index: 2;\r\n            cursor: pointer; \/* Cambia el cursor para indicar que son clickables *\/\r\n        }\r\n        \r\n        .carousel-item.prev {\r\n             transform: translateX(-50%) scale(0.6);\r\n        }\r\n\r\n        .carousel-item.next {\r\n            transform: translateX(50%) scale(0.6);\r\n        }\r\n        \r\n        \/* --- Indicador de Carga --- *\/\r\n        .loader {\r\n            border: 5px solid #e0e0e0; \r\n            border-top: 5px solid #2D8D81; \r\n            border-radius: 50%;\r\n            width: 50px;\r\n            height: 50px;\r\n            animation: spin 1s linear infinite;\r\n            position: absolute;\r\n            z-index: 10;\r\n        }\r\n\r\n        @keyframes spin {\r\n            0% { transform: rotate(0deg); }\r\n            100% { transform: rotate(360deg); }\r\n        }\r\n\r\n        \/* --- L\u00f3gica de visibilidad durante la carga --- *\/\r\n        .video-carousel-container.loading .carousel-item {\r\n            visibility: hidden;\r\n        }\r\n        .video-carousel-container:not(.loading) .loader {\r\n            display: none;\r\n        }\r\n        .video-carousel-container.loading .video-carousel-nav,\r\n        .video-carousel-container.loading .video-progress-points-container {\r\n            visibility: hidden;\r\n        }\r\n\r\n\r\n        \/* --- Barra de Progreso con Puntos --- *\/\r\n        .video-progress-points-container {\r\n            position: relative;\r\n            width: 100%;\r\n            display: flex;\r\n            justify-content: center;\r\n            gap: 16px;\r\n            margin-top: -15px;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .video-progress-point {\r\n            width: 12px;\r\n            height: 12px;\r\n            background-color: #555;\r\n            border-radius: 50%;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .video-progress-point.active {\r\n            background-color: #2D8D81;\r\n            box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.10);\r\n        }\r\n\r\n        \/* --- Botones de Navegaci\u00f3n --- *\/\r\n        .video-carousel-nav {\r\n            position: absolute;\r\n            top: 50%;\r\n            transform: translateY(-50%);\r\n            width: 100%;\r\n            left: 0%;\r\n            display: flex;\r\n            justify-content: space-between;\r\n            z-index: 4;\r\n            pointer-events: none;\r\n        }\r\n\r\n        .video-carousel-nav button {\r\n            pointer-events: all;\r\n            background-color: rgba(255, 255, 255, 0.1);\r\n            border: 0px;\r\n            backdrop-filter: blur(5px);\r\n            width: 50px;\r\n            height: 50px;\r\n            border-radius: 50%;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n        }\r\n\r\n        .video-carousel-nav button svg path {\r\n            transition: all 0.3s ease;\r\n            stroke: #fff;\r\n        }\r\n        \r\n        .video-carousel-nav button:hover {\r\n            background-image: linear-gradient(90deg, #2D8D81 0%, #01A781 100%);\r\n            border-color: transparent;\r\n        }\r\n        \r\n        \/* --- Estilos Responsivos para M\u00f3viles --- *\/\r\n        @media (max-width: 800px) {\r\n            .video-carousel-wrapper {\r\n                height: 480px;\r\n                margin-bottom: 30px;\r\n            }\r\n\r\n            .carousel-item {\r\n                width: 280px;\r\n                height: 480px;\r\n            }\r\n\r\n            .carousel-item.prev {\r\n                transform: translateX(-80px) scale(0.7);\r\n            }\r\n\r\n            .carousel-item.next {\r\n                transform: translateX(80px) scale(0.7);\r\n            }\r\n\r\n            .video-carousel-nav { \r\n                display: none;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <div class=\"video-carousel-container\" id=\"videoCarouselContainer\">\r\n        \r\n        <div class=\"video-carousel-wrapper\" id=\"videoCarousel\">\r\n            <div class=\"loader\"><\/div>\r\n            <!-- Los videos se insertar\u00e1n aqu\u00ed din\u00e1micamente -->\r\n        <\/div>\r\n\r\n        <div class=\"video-carousel-nav\">\r\n            <button id=\"videoPrevBtn\">\r\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"21\" height=\"36\" viewbox=\"0 0 21 36\" fill=\"none\">\r\n                    <path d=\"M19 2L3 18L19 34\" stroke-width=\"3\"\/>\r\n                <\/svg>\r\n            <\/button>\r\n            <button id=\"videoNextBtn\">\r\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"21\" height=\"36\" viewbox=\"0 0 21 36\" fill=\"none\">\r\n                    <path d=\"M2 34L18 18L2 2\" stroke-width=\"3\"\/>\r\n                <\/svg>\r\n            <\/button>\r\n        <\/div>\r\n\r\n        <div class=\"video-progress-points-container\" id=\"videoProgressPoints\">\r\n            <!-- Los puntos se insertar\u00e1n aqu\u00ed -->\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        \/\/ --- Inyecci\u00f3n de la API de YouTube ---\r\n        var tag = document.createElement('script');\r\n        tag.src = \"https:\/\/www.youtube.com\/iframe_api\";\r\n        var firstScriptTag = document.getElementsByTagName('script')[0];\r\n        firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);\r\n\r\n        \/\/ --- L\u00d3GICA DE INICIALIZACI\u00d3N ROBUSTA ---\r\n        let isDomReady = false;\r\n        let isApiReady = false;\r\n\r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            isDomReady = true;\r\n            tryInitCarousel();\r\n        });\r\n\r\n        window.onYouTubeIframeAPIReady = function() {\r\n            isApiReady = true;\r\n            tryInitCarousel();\r\n        }\r\n\r\n        function tryInitCarousel() {\r\n            \/\/ Solo se ejecuta cuando AMBAS condiciones son verdaderas\r\n            if (isDomReady && isApiReady) {\r\n                initCarousel();\r\n            }\r\n        }\r\n\r\n        \/\/ --- L\u00d3GICA PRINCIPAL DEL CARRUSEL ---\r\n        function initCarousel() {\r\n            const youtubeVideoIDs = [\r\n                \"1P0Te3rXjl8\",\r\n                \"GlhuTd4l3BA\",\r\n                \"3S8daKk8mV8\",\r\n            ];\r\n\r\n            const container = document.getElementById('videoCarouselContainer');\r\n            const carousel = document.getElementById('videoCarousel');\r\n            const progressPointsContainer = document.getElementById('videoProgressPoints');\r\n            const prevBtn = document.getElementById('videoPrevBtn');\r\n            const nextBtn = document.getElementById('videoNextBtn');\r\n            \r\n            let currentIndex = 0;\r\n            let players = [];\r\n            let readyPlayers = 0;\r\n\r\n            function createCarouselItems() {\r\n                const loader = carousel.querySelector('.loader');\r\n                carousel.innerHTML = '';\r\n                if (loader) carousel.appendChild(loader);\r\n\r\n                youtubeVideoIDs.forEach((videoId, index) => {\r\n                    const itemDiv = document.createElement('div');\r\n                    itemDiv.classList.add('carousel-item');\r\n                    itemDiv.dataset.index = index;\r\n                    \r\n                    itemDiv.innerHTML = `<div class=\"video-container\"><div id=\"player-${index}\"><\/div><\/div>`;\r\n                    carousel.appendChild(itemDiv);\r\n                });\r\n            }\r\n            \r\n            function createPlayers() {\r\n                 youtubeVideoIDs.forEach((videoId, index) => {\r\n                    players[index] = new YT.Player(`player-${index}`, {\r\n                        height: '100%',\r\n                        width: '100%',\r\n                        videoId: videoId,\r\n                        playerVars: { 'playsinline': 1, 'controls': 1, 'modestbranding': 1, 'rel': 0, 'origin': window.location.origin },\r\n                        events: { 'onReady': onPlayerReady, 'onStateChange': onPlayerStateChange }\r\n                    });\r\n                });\r\n            }\r\n\r\n            function onPlayerReady(event) {\r\n                event.target.setVolume(20);\r\n                readyPlayers++;\r\n                if (readyPlayers === youtubeVideoIDs.length) {\r\n                    container.classList.remove('loading');\r\n                    updateCarousel();\r\n                    initIntersectionObserver();\r\n                }\r\n            }\r\n\r\n            function onPlayerStateChange(event) {\r\n                if (event.data === YT.PlayerState.ENDED) {\r\n                    slide('next');\r\n                    if (players[currentIndex] && typeof players[currentIndex].playVideo === 'function') {\r\n                        players[currentIndex].playVideo();\r\n                    }\r\n                }\r\n            }\r\n\r\n            function createProgressPoints() {\r\n                progressPointsContainer.innerHTML = '';\r\n                youtubeVideoIDs.forEach((_, index) => {\r\n                    const point = document.createElement('div');\r\n                    point.classList.add('video-progress-point');\r\n                    point.dataset.index = index;\r\n                    progressPointsContainer.appendChild(point);\r\n                });\r\n            }\r\n\r\n            function updateActivePoint() {\r\n                document.querySelectorAll('.video-progress-point').forEach((point, index) => {\r\n                    point.classList.toggle('active', index === currentIndex);\r\n                });\r\n            }\r\n\r\n            function updateCarousel() {\r\n                const items = document.querySelectorAll('.carousel-item');\r\n                items.forEach((item) => {\r\n                    const wasActive = item.classList.contains('active');\r\n                    item.classList.remove('active', 'prev', 'next');\r\n                    const realIndex = parseInt(item.dataset.index);\r\n\r\n                    if (realIndex === currentIndex) {\r\n                        item.classList.add('active');\r\n                    } else if (realIndex === (currentIndex - 1 + items.length) % items.length) {\r\n                        item.classList.add('prev');\r\n                    } else if (realIndex === (currentIndex + 1) % items.length) {\r\n                        item.classList.add('next');\r\n                    }\r\n                    \r\n                    if (wasActive && realIndex !== currentIndex && players[realIndex] && typeof players[realIndex].pauseVideo === 'function') {\r\n                        players[realIndex].pauseVideo();\r\n                    }\r\n                });\r\n                updateActivePoint();\r\n            }\r\n            \r\n            function slide(direction) {\r\n                if (direction === 'next') {\r\n                    currentIndex = (currentIndex + 1) % youtubeVideoIDs.length;\r\n                } else {\r\n                    currentIndex = (currentIndex - 1 + youtubeVideoIDs.length) % youtubeVideoIDs.length;\r\n                }\r\n                updateCarousel();\r\n            }\r\n\r\n            function navigateTo(index) {\r\n                currentIndex = index;\r\n                updateCarousel();\r\n                if (container.dataset.isVisible === 'true' && players[currentIndex] && typeof players[currentIndex].playVideo === 'function') {\r\n                    players[currentIndex].playVideo();\r\n                }\r\n            }\r\n            \r\n            nextBtn.addEventListener('click', () => {\r\n                slide('next');\r\n                if (container.dataset.isVisible === 'true') players[currentIndex]?.playVideo();\r\n            });\r\n\r\n            prevBtn.addEventListener('click', () => {\r\n                slide('prev');\r\n                if (container.dataset.isVisible === 'true') players[currentIndex]?.playVideo();\r\n            });\r\n            \r\n            progressPointsContainer.addEventListener('click', (e) => {\r\n                if(e.target.classList.contains('video-progress-point')) {\r\n                    navigateTo(parseInt(e.target.dataset.index));\r\n                }\r\n            });\r\n\r\n            carousel.addEventListener('click', (e) => {\r\n                const clickedItem = e.target.closest('.carousel-item');\r\n                if (!clickedItem || clickedItem.classList.contains('active')) return;\r\n\r\n                if (clickedItem.classList.contains('next')) {\r\n                    slide('next');\r\n                } else if (clickedItem.classList.contains('prev')) {\r\n                    slide('prev');\r\n                }\r\n                \r\n                if (container.dataset.isVisible === 'true') {\r\n                    setTimeout(() => players[currentIndex]?.playVideo(), 500);\r\n                }\r\n            });\r\n\r\n            let isDragging = false, startPos = 0, currentTranslate = 0, prevTranslate = 0;\r\n            const gestureStart = (e) => { isDragging = true; startPos = e.type.includes('mouse') ? e.pageX : e.touches[0].clientX; };\r\n            const gestureMove = (e) => { if (isDragging) { currentTranslate = prevTranslate + (e.type.includes('mouse') ? e.pageX : e.touches[0].clientX) - startPos; } };\r\n            const gestureEnd = () => {\r\n                if (!isDragging) return;\r\n                isDragging = false;\r\n                const movedBy = currentTranslate - prevTranslate;\r\n                if (movedBy < -100) slide('next');\r\n                else if (movedBy > 100) slide('prev');\r\n                prevTranslate = 0; currentTranslate = 0;\r\n            };\r\n\r\n            carousel.addEventListener('mousedown', gestureStart);\r\n            carousel.addEventListener('mouseup', gestureEnd);\r\n            carousel.addEventListener('mouseleave', gestureEnd);\r\n            carousel.addEventListener('mousemove', gestureMove);\r\n            carousel.addEventListener('touchstart', gestureStart, { passive: true });\r\n            carousel.addEventListener('touchend', gestureEnd);\r\n            carousel.addEventListener('touchmove', gestureMove, { passive: true });\r\n\r\n            function initIntersectionObserver() {\r\n                const observer = new IntersectionObserver((entries) => {\r\n                    entries.forEach(entry => {\r\n                        container.dataset.isVisible = entry.isIntersecting;\r\n                        if (!entry.isIntersecting) {\r\n                            players.forEach(player => player?.pauseVideo());\r\n                        }\r\n                    });\r\n                }, { threshold: 0.5 });\r\n                observer.observe(container);\r\n            }\r\n\r\n            \/\/ Llamada inicial principal\r\n            container.classList.add('loading');\r\n            createCarouselItems();\r\n            createProgressPoints();\r\n            createPlayers();\r\n        }\r\n    <\/script>\r\n<\/body>\r\n<\/html>\r\n\r\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-743b035 e-flex e-con-boxed e-con e-parent\" data-id=\"743b035\" data-element_type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&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-1d01b57 elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"1d01b57\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:200}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Our team<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-585c9e6 e-con-full e-grid e-con e-child\" data-id=\"585c9e6\" data-element_type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t<div class=\"elementor-element elementor-element-e091814 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"e091814\" data-element_type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[],&quot;animation&quot;:&quot;fadeInLeft&quot;,&quot;animation_delay&quot;:200}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f7a2fa9 elementor-widget elementor-widget-image\" data-id=\"f7a2fa9\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"300\" height=\"300\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/09\/gustavo-donn-1-300x300.jpeg\" class=\"attachment-medium size-medium wp-image-1826 lazyload\" alt=\"\" data-srcset=\"https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/09\/gustavo-donn-1-300x300.jpeg 300w, https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/09\/gustavo-donn-1-150x150.jpeg 150w, https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/09\/gustavo-donn-1-768x768.jpeg 768w, https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/09\/elementor\/thumbs\/gustavo-donn-1-rc1dzn03m33yckq25hjw1ibzaqd9mbrl6aduenedao.jpeg 200w, https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/09\/elementor\/thumbs\/gustavo-donn-1-rc1dzn02gf9cbgz0giqa18fjb9d7w5pnl30xkbg09m.jpeg 105w, https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/09\/gustavo-donn-1.jpeg 853w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><noscript><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/09\/gustavo-donn-1-300x300.jpeg\" class=\"attachment-medium size-medium wp-image-1826 lazyload\" alt=\"\" srcset=\"https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/09\/gustavo-donn-1-300x300.jpeg 300w, https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/09\/gustavo-donn-1-150x150.jpeg 150w, https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/09\/gustavo-donn-1-768x768.jpeg 768w, https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/09\/elementor\/thumbs\/gustavo-donn-1-rc1dzn03m33yckq25hjw1ibzaqd9mbrl6aduenedao.jpeg 200w, https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/09\/elementor\/thumbs\/gustavo-donn-1-rc1dzn02gf9cbgz0giqa18fjb9d7w5pnl30xkbg09m.jpeg 105w, https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/09\/gustavo-donn-1.jpeg 853w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/noscript>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2703c26 e-con-full e-flex e-con e-child\" data-id=\"2703c26\" data-element_type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a3a68ae elementor-widget elementor-widget-heading\" data-id=\"a3a68ae\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Gustavo Donn<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fcd20cf elementor-widget elementor-widget-heading\" data-id=\"fcd20cf\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Management and administration coordinator<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0f1e50a elementor-mobile-align-center elementor-widget elementor-widget-button\" data-id=\"0f1e50a\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"mailto:gdonn@retec.com\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">gdonn@retec.com<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-013c3de e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"013c3de\" data-element_type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[],&quot;animation&quot;:&quot;fadeInLeft&quot;,&quot;animation_delay&quot;:300}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c20a199 elementor-widget elementor-widget-image\" data-id=\"c20a199\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/09\/maximiliano-fernandez-1-300x300.jpeg\" class=\"attachment-medium size-medium wp-image-1827 lazyload\" alt=\"\" data-srcset=\"https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/09\/maximiliano-fernandez-1-300x300.jpeg 300w, https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/09\/maximiliano-fernandez-1-150x150.jpeg 150w, https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/09\/maximiliano-fernandez-1-768x768.jpeg 768w, https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/09\/elementor\/thumbs\/maximiliano-fernandez-1-rc1dzn079nh96l79e85edqv2er05lleqto5cuuu1e0.jpeg 500w, https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/09\/maximiliano-fernandez-1.jpeg 853w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><noscript><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/09\/maximiliano-fernandez-1-300x300.jpeg\" class=\"attachment-medium size-medium wp-image-1827 lazyload\" alt=\"\" srcset=\"https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/09\/maximiliano-fernandez-1-300x300.jpeg 300w, https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/09\/maximiliano-fernandez-1-150x150.jpeg 150w, https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/09\/maximiliano-fernandez-1-768x768.jpeg 768w, https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/09\/elementor\/thumbs\/maximiliano-fernandez-1-rc1dzn079nh96l79e85edqv2er05lleqto5cuuu1e0.jpeg 500w, https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/09\/maximiliano-fernandez-1.jpeg 853w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/noscript>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bda498f e-con-full e-flex e-con e-child\" data-id=\"bda498f\" data-element_type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-652ee43 elementor-widget elementor-widget-heading\" data-id=\"652ee43\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Maximiliano Fernandez<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9c8dae8 elementor-widget elementor-widget-heading\" data-id=\"9c8dae8\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Operational Coordinator<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-181df5c elementor-mobile-align-center elementor-widget elementor-widget-button\" data-id=\"181df5c\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"mailto:compras@retec.com\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">compras@retec.com<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3f6a1b7 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"3f6a1b7\" data-element_type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[],&quot;animation&quot;:&quot;fadeInLeft&quot;,&quot;animation_delay&quot;:400}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f8cd7fb elementor-widget elementor-widget-image\" data-id=\"f8cd7fb\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/09\/agustin-mendez-1-300x300.jpeg\" class=\"attachment-medium size-medium wp-image-1828 lazyload\" alt=\"\" data-srcset=\"https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/09\/agustin-mendez-1-300x300.jpeg 300w, https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/09\/agustin-mendez-1-150x150.jpeg 150w, https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/09\/agustin-mendez-1-768x768.jpeg 768w, https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/09\/elementor\/thumbs\/agustin-mendez-1-rc1dzny1ghiji75w8qk0y8mj04vitaih5ssuc4sn7s.jpeg 500w, https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/09\/agustin-mendez-1.jpeg 853w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><noscript><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/09\/agustin-mendez-1-300x300.jpeg\" class=\"attachment-medium size-medium wp-image-1828 lazyload\" alt=\"\" srcset=\"https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/09\/agustin-mendez-1-300x300.jpeg 300w, https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/09\/agustin-mendez-1-150x150.jpeg 150w, https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/09\/agustin-mendez-1-768x768.jpeg 768w, https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/09\/elementor\/thumbs\/agustin-mendez-1-rc1dzny1ghiji75w8qk0y8mj04vitaih5ssuc4sn7s.jpeg 500w, https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/09\/agustin-mendez-1.jpeg 853w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/noscript>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6e5be15 e-con-full e-flex e-con e-child\" data-id=\"6e5be15\" data-element_type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b704a24 elementor-widget elementor-widget-heading\" data-id=\"b704a24\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Agustin M\u00e9ndez<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a19ecef elementor-widget elementor-widget-heading\" data-id=\"a19ecef\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Agenda and Purchase Management<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a23b5d6 elementor-mobile-align-center elementor-widget elementor-widget-button\" data-id=\"a23b5d6\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"mailto:compras@retec.com\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">compras@retec.com<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5a643ab e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"5a643ab\" data-element_type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[],&quot;animation&quot;:&quot;fadeInLeft&quot;,&quot;animation_delay&quot;:500}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-efecb62 elementor-widget elementor-widget-image\" data-id=\"efecb62\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/09\/agostina-bidart-1-300x300.jpeg\" class=\"attachment-medium size-medium wp-image-1836 lazyload\" alt=\"\" data-srcset=\"https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/09\/agostina-bidart-1-300x300.jpeg 300w, https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/09\/agostina-bidart-1-150x150.jpeg 150w, https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/09\/agostina-bidart-1-768x768.jpeg 768w, https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/09\/elementor\/thumbs\/agostina-bidart-1-rc1e0sd3md1vdfj6oq0zfgfcjpcb09yxncupz14ps8.jpeg 500w, https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/09\/agostina-bidart-1.jpeg 853w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><noscript><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/09\/agostina-bidart-1-300x300.jpeg\" class=\"attachment-medium size-medium wp-image-1836 lazyload\" alt=\"\" srcset=\"https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/09\/agostina-bidart-1-300x300.jpeg 300w, https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/09\/agostina-bidart-1-150x150.jpeg 150w, https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/09\/agostina-bidart-1-768x768.jpeg 768w, https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/09\/elementor\/thumbs\/agostina-bidart-1-rc1e0sd3md1vdfj6oq0zfgfcjpcb09yxncupz14ps8.jpeg 500w, https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/09\/agostina-bidart-1.jpeg 853w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/noscript>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-069d9d6 e-con-full e-flex e-con e-child\" data-id=\"069d9d6\" data-element_type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ab6d368 elementor-widget elementor-widget-heading\" data-id=\"ab6d368\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Agostina Bidart<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-738b35b elementor-widget elementor-widget-heading\" data-id=\"738b35b\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Administration and Billing<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-37fe7dd elementor-mobile-align-center elementor-widget elementor-widget-button\" data-id=\"37fe7dd\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"mailto:facturacion@retec.com\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">facturacion@retec.com<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0045ea8 elementor-mobile-align-center elementor-widget elementor-widget-button\" data-id=\"0045ea8\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"mailto:administracion1@retec.com\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">administracion1@retec.com<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-805ec16 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"805ec16\" data-element_type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[],&quot;animation&quot;:&quot;fadeInLeft&quot;,&quot;animation_delay&quot;:600}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ae0a8c5 elementor-widget elementor-widget-image\" data-id=\"ae0a8c5\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/09\/estela-di-biase-1-300x300.jpeg\" class=\"attachment-medium size-medium wp-image-1837 lazyload\" alt=\"\" data-srcset=\"https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/09\/estela-di-biase-1-300x300.jpeg 300w, https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/09\/estela-di-biase-1-150x150.jpeg 150w, https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/09\/estela-di-biase-1-768x768.jpeg 768w, https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/09\/elementor\/thumbs\/estela-di-biase-1-rc1e0sd3md1vdfj6oq0zfgfcjpcb09yxncupz14ps8.jpeg 500w, https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/09\/estela-di-biase-1.jpeg 853w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><noscript><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/09\/estela-di-biase-1-300x300.jpeg\" class=\"attachment-medium size-medium wp-image-1837 lazyload\" alt=\"\" srcset=\"https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/09\/estela-di-biase-1-300x300.jpeg 300w, https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/09\/estela-di-biase-1-150x150.jpeg 150w, https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/09\/estela-di-biase-1-768x768.jpeg 768w, https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/09\/elementor\/thumbs\/estela-di-biase-1-rc1e0sd3md1vdfj6oq0zfgfcjpcb09yxncupz14ps8.jpeg 500w, https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/09\/estela-di-biase-1.jpeg 853w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/noscript>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-835bad5 e-con-full e-flex e-con e-child\" data-id=\"835bad5\" data-element_type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8ed0714 elementor-widget elementor-widget-heading\" data-id=\"8ed0714\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Estela Di Biase<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dc4cdba elementor-widget elementor-widget-heading\" data-id=\"dc4cdba\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Payment to Suppliers<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5559780 elementor-mobile-align-center elementor-widget elementor-widget-button\" data-id=\"5559780\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"mailto:pagoproveedores@retec.com\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">pagoproveedores@retec.com<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8174fe1 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"8174fe1\" data-element_type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[],&quot;animation&quot;:&quot;fadeInLeft&quot;,&quot;animation_delay&quot;:700}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-45169b2 elementor-widget elementor-widget-image\" data-id=\"45169b2\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/09\/sashai-rostagno-1-300x300.jpeg\" class=\"attachment-medium size-medium wp-image-1845 lazyload\" alt=\"\" data-srcset=\"https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/09\/sashai-rostagno-1-300x300.jpeg 300w, https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/09\/sashai-rostagno-1-150x150.jpeg 150w, https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/09\/sashai-rostagno-1-768x768.jpeg 768w, https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/09\/elementor\/thumbs\/sashai-rostagno-1-rc1e1s2yu2ermm3aw5gt27ev4cg94rwqg9n67jnr7s.jpeg 500w, https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/09\/sashai-rostagno-1.jpeg 853w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><noscript><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/09\/sashai-rostagno-1-300x300.jpeg\" class=\"attachment-medium size-medium wp-image-1845 lazyload\" alt=\"\" srcset=\"https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/09\/sashai-rostagno-1-300x300.jpeg 300w, https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/09\/sashai-rostagno-1-150x150.jpeg 150w, https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/09\/sashai-rostagno-1-768x768.jpeg 768w, https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/09\/elementor\/thumbs\/sashai-rostagno-1-rc1e1s2yu2ermm3aw5gt27ev4cg94rwqg9n67jnr7s.jpeg 500w, https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/09\/sashai-rostagno-1.jpeg 853w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/noscript>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-090c9d7 e-con-full e-flex e-con e-child\" data-id=\"090c9d7\" data-element_type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7b915b4 elementor-widget elementor-widget-heading\" data-id=\"7b915b4\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Sashai Rostagno<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-eed1ed3 elementor-widget elementor-widget-heading\" data-id=\"eed1ed3\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Administration<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4c3cb1b elementor-mobile-align-center elementor-widget elementor-widget-button\" data-id=\"4c3cb1b\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"mailto:administracion@retec.com\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">administracion@retec.com<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-365ebf2 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"365ebf2\" data-element_type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[],&quot;animation&quot;:&quot;fadeInLeft&quot;,&quot;animation_delay&quot;:800}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-72ff721 elementor-widget elementor-widget-image\" data-id=\"72ff721\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/10\/ignacio-colonnello-1-e1759763382556-300x300.jpeg\" class=\"attachment-medium size-medium wp-image-3562 lazyload\" alt=\"\" data-srcset=\"https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/10\/ignacio-colonnello-1-e1759763382556-300x300.jpeg 300w, https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/10\/ignacio-colonnello-1-e1759763382556-150x150.jpeg 150w, https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/10\/ignacio-colonnello-1-e1759763382556.jpeg 685w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><noscript><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/10\/ignacio-colonnello-1-e1759763382556-300x300.jpeg\" class=\"attachment-medium size-medium wp-image-3562 lazyload\" alt=\"\" srcset=\"https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/10\/ignacio-colonnello-1-e1759763382556-300x300.jpeg 300w, https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/10\/ignacio-colonnello-1-e1759763382556-150x150.jpeg 150w, https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/10\/ignacio-colonnello-1-e1759763382556.jpeg 685w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/noscript>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e55a2f4 e-con-full e-flex e-con e-child\" data-id=\"e55a2f4\" data-element_type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ddec3c9 elementor-widget elementor-widget-heading\" data-id=\"ddec3c9\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Ignacio Colonnello<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-42630cf elementor-widget elementor-widget-heading\" data-id=\"42630cf\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Marketing and Communication<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f9abdac elementor-mobile-align-center elementor-widget elementor-widget-button\" data-id=\"f9abdac\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"mailto:marketing@retec.com\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">marketing@retec.com<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8511ee7 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"8511ee7\" data-element_type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[],&quot;animation&quot;:&quot;fadeInLeft&quot;,&quot;animation_delay&quot;:900}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-38fb848 elementor-widget elementor-widget-image\" data-id=\"38fb848\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/09\/Giovani-paoloni-e1758379710808-300x300.jpeg\" class=\"attachment-medium size-medium wp-image-1847 lazyload\" alt=\"\" data-srcset=\"https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/09\/Giovani-paoloni-e1758379710808-300x300.jpeg 300w, https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/09\/Giovani-paoloni-e1758379710808-150x150.jpeg 150w, https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/09\/Giovani-paoloni-e1758379710808-768x768.jpeg 768w, https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/09\/Giovani-paoloni-e1758379710808.jpeg 853w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><noscript><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/09\/Giovani-paoloni-e1758379710808-300x300.jpeg\" class=\"attachment-medium size-medium wp-image-1847 lazyload\" alt=\"\" srcset=\"https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/09\/Giovani-paoloni-e1758379710808-300x300.jpeg 300w, https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/09\/Giovani-paoloni-e1758379710808-150x150.jpeg 150w, https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/09\/Giovani-paoloni-e1758379710808-768x768.jpeg 768w, https:\/\/retec.com.ar\/wp-content\/uploads\/2025\/09\/Giovani-paoloni-e1758379710808.jpeg 853w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/noscript>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-dd6d2cc e-con-full e-flex e-con e-child\" data-id=\"dd6d2cc\" data-element_type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-812d44c elementor-widget elementor-widget-heading\" data-id=\"812d44c\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Giovani Paoloni<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4f1f2a2 elementor-widget elementor-widget-heading\" data-id=\"4f1f2a2\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Full Stack Developer<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Nuestra historia RETEC naci\u00f3 con una visi\u00f3n de conectar a los principales resellers del pa\u00eds en una red que potencie su crecimiento colectivo. A fines de los 2000, Gustavo Donn reuni\u00f3\u2028a empresarios del sector con el objetivo de construir una comunidad que permitiera compartir recursos, conocimientos y oportunidades. As\u00ed surgi\u00f3 la \u201cRed de Tecnolog\u00eda\u201d, que [&hellip;]<\/p>","protected":false},"author":1,"featured_media":1451,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-4285","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/retec.com.ar\/en\/wp-json\/wp\/v2\/pages\/4285","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/retec.com.ar\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/retec.com.ar\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/retec.com.ar\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/retec.com.ar\/en\/wp-json\/wp\/v2\/comments?post=4285"}],"version-history":[{"count":66,"href":"https:\/\/retec.com.ar\/en\/wp-json\/wp\/v2\/pages\/4285\/revisions"}],"predecessor-version":[{"id":4506,"href":"https:\/\/retec.com.ar\/en\/wp-json\/wp\/v2\/pages\/4285\/revisions\/4506"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/retec.com.ar\/en\/wp-json\/wp\/v2\/media\/1451"}],"wp:attachment":[{"href":"https:\/\/retec.com.ar\/en\/wp-json\/wp\/v2\/media?parent=4285"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}