{"id":43817,"date":"2021-09-22T13:17:54","date_gmt":"2021-09-22T17:17:54","guid":{"rendered":"https:\/\/pathlock.com\/nuestros-socios\/"},"modified":"2025-11-07T08:45:38","modified_gmt":"2025-11-07T16:45:38","slug":"our-partners","status":"publish","type":"page","link":"https:\/\/pathlock.com\/es\/our-partners\/","title":{"rendered":"Nuestros socios"},"content":{"rendered":"<style>\n    \/* Style for when body has overflow hidden *\/\n    body.modal-open {\n        overflow: hidden;\n    }\n\n    @media (max-width: 1024px) {\n        .hero-partners {\n            background-image: none !important;\n\n        }\n    }\n\n<\/style>\n<script type=\"module\" src=\"https:\/\/fast.wistia.com\/embed\/api.js\" async><\/script>\n<script src=\"https:\/\/fast.wistia.com\/assets\/external\/E-v1.js\" async><\/script>\n<!-- Hero -->\n<div class=\"overflow-hidden\">\n    <div class=\"mt-[80px]\">\n        <section x-data=\"modalForm()\"\n                 class=\"hero-partners w-full flex justify-center pt-12 pb-18 lg:pb-80 lg:pt-24 z-50 bg-[#0F1556]\"\n                            style=\"background-image:url('https:\/\/pathlock.com\/wp-content\/uploads\/2025\/09\/BG-Hero-x.svg'); background-size:cover; background-position:center center;\"\n            >\n            <div class=\"flex flex-col mx-auto px-4\">\n                <div class=\"pb-24  gap-4 md:gap-5 text-center\">\n                    <div class=\"flex flex-col gap-8 md:gap-12 items-center\">\n                        <div class=\"flex flex-col gap-4 md:gap-5\">\n                            <div class=\"flex flex-col gap-2 md:gap-4 max-w-[1005px] mx-auto\">\n                                <div class=\"hidden lg:flex flex-row items-center mx-auto\">\n                                    <div class=\"justify-center items-center flex\">\n                                        <a href=\"https:\/\/pathlock.com\/\" target=\"\"\n                                           class=\"text-[#ced5ee] hover:text-[#24B770] text-xs font-normal leading-[18px]\">\n                                            Inicio                                        <\/a>\n                                    <\/div>\n                                    <div class=\"relative\">\n                                        <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\"\n                                             xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M6 12L10 8L6 4\" stroke=\"#96A1C8\" stroke-width=\"1.33333\"\n                                                  stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                        <\/svg>\n                                    <\/div>\n                                    <div class=\"justify-center items-center flex gap-1\">\n                                        <div class=\"text-[#24B770] text-xs font-semibold leading-[18px]\">Socios<\/div>\n                                    <\/div>\n                                <\/div>\n\n                                <h1 class=\"text-white font-semibold text-[28px] md:text-6xl leading-[30px] md:leading-[72px] md:tracking-[-1.2px] \">\n                                    Gobernanza de identidad consciente de riesgos en colaboraci\u00f3n                                <\/h1>\n                            <\/div>\n                            <div class=\"max-w-[720px] mx-auto\">\n                                <p class=\"text-sm md:text-lg text-[#f2f9ff] leading-[20px] md:leading-[28px] font-normal\">\n                                    Los socios de Pathlock cuentan con capacidades \u00fanicas que van desde el dise\u00f1o y la implementaci\u00f3n de sistemas hasta la mitigaci\u00f3n de riesgos y la prestaci\u00f3n de servicios de asesoramiento, y acercan las mejores pr\u00e1cticas en gobernanza de identidad consciente de riesgos a nuestros clientes.                                <\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"w-full flex gap-3 flex-col md:flex-row justify-center flex-wrap\">\n                                                            <button @click=\"openModal('fd03870f-f95d-4883-9f13-6f350fad0c1d')\"\n                                        class=\"h-12 px-[18px] py-3 bg-[#24b770] hover:bg-[#148752] rounded-lg shadow-[0px_1px_2px_0px_rgba(16,24,40,0.05)] justify-center items-center gap-1.5 inline-flex overflow-hidden\"\n                                        type=\"button\">\n                                    <div class=\"px-0.5 justify-center items-center flex\">\n                                        <div class=\"text-white text-base font-semibold leading-normal\">Convi\u00e9rtase en socio<\/div>\n                                    <\/div>\n                                <\/button>\n                                                        <a class=\"h-12 px-[18px] py-3 bg-white hover:bg-[#E3E7F6] rounded-lg shadow-[0px_1px_2px_0px_rgba(16,24,40,0.05)] border border-[#e3e7f6] justify-center items-center gap-1.5 inline-flex overflow-hidden\" href=\"\/es\/our-partners\/partner-catalog\/\">\n                            <div class=\"px-0.5 justify-center items-center flex\">\n                                <div class=\"text-[#0f1556] text-base font-semibold leading-normal\">Encontrar un socio<\/div>\n                            <\/div>\n                        <\/a>                            <div class=\"basis-full flex justify-center md:mt-5 group\">\n                                                                    <a class=\"flex text-white items-center font-semibold group-hover:text-[#44C382]  leading-7 transition-colors duration-300\"\n                                       href=\"https:\/\/portal.pathlock.com\/\">Explorar el portal de socios                                        <span class=\"rtl:mr-2 rtl:ml-0 ml-2 rtl:rotate-180 stroke-white group-hover:stroke-[#44C382] group-hover:translate-x-0.5 rtl:group-hover:-translate-x-0.5 transition ease-in-out duration-300\">\n                        <svg width=\"20\" height=\"20\" viewBox=\"0 0 21 21\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                            <path d=\"M4.66663 10.1334H16.3333M16.3333 10.1334L10.5 4.30005M16.3333 10.1334L10.5 15.9667\"\n                                  stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                        <\/svg>\n                        <\/span>\n                                    <\/a>\n                                                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div x-show=\"activeModal !== null\" x-cloak class=\"fixed inset-0 z-50\"\n                 x-effect=\"document.body.style.overflow = activeModal ? 'hidden' : ''\">\n                <!-- Modal Backdrop -->\n                <div\n                        class=\"fixed inset-0 bg-[#0f1556] bg-opacity-60\"\n                        x-transition:enter=\"transition ease-out duration-300\"\n                        x-transition:enter-start=\"opacity-0\"\n                        x-transition:enter-end=\"opacity-100\"\n                        x-transition:leave=\"transition ease-in duration-300\"\n                        x-transition:leave-start=\"opacity-100\"\n                        x-transition:leave-end=\"opacity-0\"\n                ><\/div>\n\n                <!-- Modal Wrapper for Centering -->\n                <div class=\"fixed inset-0 flex items-center justify-center z-50 p-4\">\n                    <div class=\"relative bg-white max-w-md w-full rounded-lg shadow-lg\"\n                         @click.away=\"closeModal()\">\n                        <!-- Close Button -->\n                        <div class=\"flex justify-end p-2\">\n                            <button\n                                    @click=\"closeModal()\"\n                                    class=\"text-gray-800 hover:bg-gray-100 p-2 rounded-full focus:outline-none\"\n                            >\n                                <svg\n                                        class=\"h-6 w-6\"\n                                        fill=\"none\"\n                                        stroke=\"currentColor\"\n                                        viewBox=\"0 0 24 24\"\n                                        xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                                >\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\n                                          d=\"M6 18L18 6M6 6l12 12\"\/>\n                                <\/svg>\n                            <\/button>\n                        <\/div>\n\n                        <!-- Modal Content -->\n                        <div class=\"p-8 pt-0 lg:px-10 lg:pb-12 bg-white\">\n                            <script charset=\"utf-8\" type=\"text\/javascript\"\n                                    src=\"\/\/js.hsforms.net\/forms\/embed\/v2.js\"><\/script>\n                            <div id=\"form-copy\" class=\"form-container flex-col\">\n                                <div class=\"flex-col justify-start items-start gap-3 mb-5 inline-flex text-center w-full\">\n                                    <div id=\"form-title\"\n                                         class=\"self-stretch text-center text-[#0f1556] text-xl lg:text-2xl font-bold leading-[30px]\">Convi\u00e9rtase en socio de Pathlock<\/div>\n                                    <div id=\"form-subtitle\"\n                                         class=\"text-center text-[#667084] text-xs lg:text-sm font-normal leading-normal w-full\">\u00danase a nosotros en nuestra misi\u00f3n de asegurar el camino hacia el riesgo cero<\/div>\n                                <\/div>\n                                <div id=\"hero-header-form-container\"><\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n    <\/div>\n<\/div>\n<!-- Video -->\n<section class=\"w-full relative flex justify-center pb-24 bg-[#F5F6FC]\" x-data=\"{ showModal: false }\">\n    <div class=\"flex flex-col container mx-auto px-4 lg:px-8\">\n        <div class=\"mt-[-64px] lg:mt-[-320px]\">\n            <!-- Looped 10-second Wistia video -->\n            <div>\n                <div class=\"relative cursor-pointer hover:cursor-pointer shadow-lg rounded-xl\"\n                     @click=\"showModal = true; pauseLoopedVideo(); document.body.classList.add('modal-open');\">\n                    <div class=\"overlay bg-black\/15 absolute h-full w-full left-0 top-0 right-0 bottom-0 z-[1] rounded-xl flex justify-center items-center\">\n                        <div class=\"group\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"131\" height=\"131\" viewBox=\"0 0 131 131\"\n                                 fill=\"none\">\n                                <!-- SVG content unchanged -->\n                                <g filter=\"url(#filter0_b_797_1676)\">\n                                    <circle cx=\"65.5\" cy=\"65.5\" r=\"59.5\" fill=\"white\" fill-opacity=\"0.2\"\/>\n                                    <circle cx=\"65.5\" cy=\"65.5\" r=\"59\" stroke=\"white\" stroke-opacity=\"0.5\"\/>\n                                <\/g>\n                                <g class=\"transition-transform duration-300 ease-in-out group-hover:scale-125\"\n                                   style=\"transform-origin: center;\">\n                                    <g filter=\"\">\n                                        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n                                              d=\"M65.2653 107.516C88.6078 107.516 107.531 88.5961 107.531 65.2578C107.531 41.9194 88.6078 23 65.2653 23C41.9228 23 23 41.9194 23 65.2578C23 88.5961 41.9228 107.516 65.2653 107.516ZM82.4356 67.4711C84.1966 66.487 84.1966 64.0266 82.4356 63.0425L58.6613 49.7565C56.9003 48.7724 54.699 50.0026 54.699 51.9709L54.699 78.5428C54.699 80.5111 56.9003 81.7412 58.6613 80.7571L82.4356 67.4711Z\"\n                                              fill=\"white\"><\/path>\n                                    <\/g>\n                                <\/g>\n                                <defs>\n                                    <filter id=\"filter0_b_797_1676\" x=\"4\" y=\"4\" width=\"123\" height=\"123\"\n                                            filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\n                                        <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"\/>\n                                        <feGaussianBlur in=\"BackgroundImageFix\" stdDeviation=\"1\"\/>\n                                        <feComposite in2=\"SourceAlpha\" operator=\"in\"\n                                                     result=\"effect1_backgroundBlur_797_1676\"\/>\n                                        <feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_backgroundBlur_797_1676\"\n                                                 result=\"shape\"\/>\n                                    <\/filter>\n                                    <filter id=\"filter1_d_797_1676\" x=\"0.299999\" y=\"0.299999\" width=\"129.931\"\n                                            height=\"129.916\" filterUnits=\"userSpaceOnUse\"\n                                            color-interpolation-filters=\"sRGB\">\n                                        <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"\/>\n                                        <feColorMatrix in=\"SourceAlpha\" type=\"matrix\"\n                                                       values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\n                                                       result=\"hardAlpha\"\/>\n                                        <feOffset\/>\n                                        <feGaussianBlur stdDeviation=\"11.35\"\/>\n                                        <feComposite in2=\"hardAlpha\" operator=\"out\"\/>\n                                        <feColorMatrix type=\"matrix\"\n                                                       values=\"0 0 0 0 0.0588235 0 0 0 0 0.0823529 0 0 0 0 0.337255 0 0 0 0.18 0\"\/>\n                                        <feBlend mode=\"normal\" in2=\"BackgroundImageFix\"\n                                                 result=\"effect1_dropShadow_797_1676\"\/>\n                                        <feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_797_1676\"\n                                                 result=\"shape\"\/>\n                                    <\/filter>\n                                <\/defs>\n                            <\/svg>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Add ID for direct iframe access as fallback -->\n                    <div id=\"looped-video-container\">\n\n                        <div class=\"wistia_responsive_padding\"\n                             style=\"padding:56.25% 0 0 0;position:relative;border-radius: 8px; overflow: hidden;\">\n                            <div class=\"wistia_responsive_wrapper\"\n                                 style=\"height:100%;left:0;position:absolute;top:0;width:100%;\">\n                                <div class=\"wistia_embed wistia_async_pw7430j644 videoFoam=true autoPlay=true loop=true muted=true\"\n                                     style=\"height:100%;position:relative;width:100%\">\n                                    <div class=\"wistia_swatch\"\n                                         style=\"height:100%;left:0;opacity:0;overflow:hidden;position:absolute;top:0;transition:opacity 200ms;width:100%;\">\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                    <\/div>\n                <\/div>\n\n\n                <div x-show=\"showModal === true\" x-cloak class=\"fixed inset-0\" style=\"z-index: 99;\">\n                    <!-- Modal Backdrop -->\n                    <div\n                            class=\"fixed inset-0 bg-[#0f1556] bg-opacity-60\"\n                            x-transition:enter=\"transition ease-out duration-300\"\n                            x-transition:enter-start=\"opacity-0\"\n                            x-transition:enter-end=\"opacity-100\"\n                            x-transition:leave=\"transition ease-in duration-300\"\n                            x-transition:leave-start=\"opacity-100\"\n                            x-transition:leave-end=\"opacity-0\"\n                    ><\/div>\n\n                    <!-- Modal Content -->\n                    <div class=\"fixed inset-0 flex items-center justify-center p-4\">\n                        <div\n                                @click.stop\n                                x-transition:enter=\"transition ease-out duration-300\"\n                                x-transition:enter-start=\"opacity-0 transform scale-90\"\n                                x-transition:enter-end=\"opacity-100 transform scale-100\"\n                                x-transition:leave=\"transition ease-in duration-300\"\n                                x-transition:leave-start=\"opacity-100 transform scale-100\"\n                                x-transition:leave-end=\"opacity-0 transform scale-90\"\n                                class=\"rounded-lg max-w-5xl overflow-hidden w-full mx-4 relative\"\n                        >\n                            <div class=\"flex justify-end items-center p-4 absolute z-10 right-4\">\n                                <button\n                                        @click=\"showModal = false; resumeLoopedVideo(); document.body.classList.remove('modal-open');\"\n                                        class=\"bg-white hover:bg-gray-100 text-gray-800 p-2 rounded-full focus:outline-none\"\n                                >\n                                    <svg\n                                            class=\"h-6 w-6\"\n                                            fill=\"none\"\n                                            stroke=\"currentColor\"\n                                            viewBox=\"0 0 24 24\"\n                                            xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                                    >\n                                        <path\n                                                stroke-linecap=\"round\"\n                                                stroke-linejoin=\"round\"\n                                                stroke-width=\"2\"\n                                                d=\"M6 18L18 6M6 6l12 12\"\n                                        ><\/path>\n                                    <\/svg>\n                                <\/button>\n                            <\/div>\n\n                            <div class=\"p-4 pt-0\">\n                                <script src=\"https:\/\/fast.wistia.com\/player.js\" async><\/script>\n                                <script src=\"https:\/\/fast.wistia.com\/embed\/z2922m0bla\" async\n                                        type=\"module\"><\/script>\n                                <wistia-player media-id=\"z2922m0bla\" aspect=\"1.7777777777777777\"\n                                               loading=\"lazy\"><\/wistia-player>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/div>\n    <style>\n        #breadcrumbs > span {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 0.25rem;\n        }\n\n        .breadcrumb_last {\n            color: #24b770;\n            font-weight: 600;\n        }\n\n        .breadcrumbs__container a:hover {\n            color: #24b770;\n        }\n\n    <\/style>\n    <!-- Improved Wistia control script with multiple approaches -->\n    <script>\n        \/\/ Track the looped video instance\n        let loopedVideoInstance = null;\n\n        \/\/ Initialize Wistia API\n        window._wq = window._wq || [];\n\n        \/\/ Set up video ready handler\n        window._wq.push({\n            id: \"pw7430j644\",\n            options: {\n                autoPlay: true,\n                muted: true,\n                silentAutoPlay: true,\n                endVideoBehavior: \"loop\"\n            },\n            onReady: function (video) {\n                loopedVideoInstance = video;\n                console.log(\"Loop mode enabled for video:\", \"pw7430j644\");\n            }\n        });\n\n        \/\/ Function to toggle loop mode (\u0432\u043a\u043b\/\u0432\u044b\u043a\u043b)\n        function setLoopMode(enable) {\n            if (loopedVideoInstance) {\n                try {\n                    loopedVideoInstance.loop(enable);\n                    console.log(\"Loop mode set to:\", enable);\n                } catch (e) {\n                    console.log(\"Failed to set loop mode:\", e);\n                }\n            }\n        }\n\n        \/\/ Function to pause the looped video with multiple fallbacks\n        function pauseLoopedVideo() {\n            \/\/ Method 1: Direct instance\n            if (loopedVideoInstance) {\n                try {\n                    loopedVideoInstance.pause();\n                    return;\n                } catch (e) {\n                    console.log(\"Failed to pause using direct instance:\", e);\n                }\n            }\n\n            \/\/ Method 2: Wistia API\n            if (window.Wistia && window.Wistia.api) {\n                try {\n                    const video = window.Wistia.api(\"pw7430j644\");\n                    if (video) {\n                        video.pause();\n                        return;\n                    }\n                } catch (e) {\n                    console.log(\"Failed to pause using Wistia.api:\", e);\n                }\n            }\n\n            \/\/ Method 3: Direct iframe access (last resort)\n            try {\n                const container = document.getElementById(\"looped-video-container\");\n                if (container) {\n                    const iframe = container.querySelector(\"iframe\");\n                    if (iframe) {\n                        \/\/ Force pause by removing or hiding the iframe temporarily\n                        iframe.style.visibility = \"hidden\";\n                        setTimeout(() => {\n                            iframe.style.visibility = \"visible\";\n                        }, 50);\n                    }\n                }\n            } catch (e) {\n                console.log(\"Failed to use visibility toggle method:\", e);\n            }\n        }\n\n        \/\/ Function to resume the looped video\n        function resumeLoopedVideo() {\n            \/\/ Method 1: Direct instance\n            if (loopedVideoInstance) {\n                try {\n                    loopedVideoInstance.play();\n                    return;\n                } catch (e) {\n                    console.log(\"Failed to resume using direct instance:\", e);\n                }\n            }\n\n            \/\/ Method 2: Wistia API\n            if (window.Wistia && window.Wistia.api) {\n                try {\n                    const video = window.Wistia.api(\"pw7430j644\");\n                    if (video) {\n                        video.play();\n                        return;\n                    }\n                } catch (e) {\n                    console.log(\"Failed to resume using Wistia.api:\", e);\n                }\n            }\n\n            \/\/ Method 3: Reload the video (last resort)\n            try {\n                const container = document.getElementById(\"looped-video-container\");\n                if (container) {\n                    const iframe = container.querySelector(\"iframe\");\n                    if (iframe && iframe.style.visibility === \"hidden\") {\n                        iframe.style.visibility = \"visible\";\n                    }\n                }\n            } catch (e) {\n                console.log(\"Failed to make iframe visible:\", e);\n            }\n        }\n    <\/script>\n\n<\/section>\n<style>\n    .header-form-container {\n        width: 100%;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        padding: 40px;\n        max-width: 430px;\n        width: 100%;\n        margin: 0 auto;\n        box-sizing: border-box;\n        background-color: #ffffff;\n        border-radius: 8px;\n        border: 1px solid #D6D8E4;\n        box-shadow: 0px 30px 48px rgba(16, 24, 89, 0.1);\n    }\n\n\n    #hsForm_fd03870f-f95d-4883-9f13-6f350fad0c1d {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 15px;\n        width: 100%;\n        margin: 0;\n        padding: 0;\n        box-sizing: border-box;\n        font-family: 'Inter', sans-serif;\n        background: none;\n        box-shadow: none;\n        border: none;\n        font-size: 14px;\n    }\n\n\n    #hsForm_fd03870f-f95d-4883-9f13-6f350fad0c1d .hs-firstname, #hsForm_fd03870f-f95d-4883-9f13-6f350fad0c1d .hs-jobtitle {\n        flex: 0 0 100%;\n        min-width: 0;\n        box-sizing: border-box;\n        font-size: 14px\n    }\n\n    #hsForm_fd03870f-f95d-4883-9f13-6f350fad0c1d .hs-lastname, #hsForm_fd03870f-f95d-4883-9f13-6f350fad0c1d .hs-phone {\n        flex: 0 0 100%;\n        min-width: 0;\n        box-sizing: border-box;\n        font-size: 14px\n    }\n\n\n    @media screen and (min-width: 1280px) {\n        #hsForm_fd03870f-f95d-4883-9f13-6f350fad0c1d .hs-firstname, #hsForm_fd03870f-f95d-4883-9f13-6f350fad0c1d .hs-jobtitle {\n            flex: 0 0 calc(45% - 7.5px);\n            min-width: 0;\n            box-sizing: border-box;\n        }\n\n        #hsForm_fd03870f-f95d-4883-9f13-6f350fad0c1d .hs-lastname, #hsForm_fd03870f-f95d-4883-9f13-6f350fad0c1d .hs-phone {\n            flex: 0 0 calc(55% - 7.5px);\n            min-width: 0;\n            box-sizing: border-box;\n        }\n    }\n\n    #hsForm_fd03870f-f95d-4883-9f13-6f350fad0c1d .hs-email, #hsForm_fd03870f-f95d-4883-9f13-6f350fad0c1d .hs-company, #hsForm_fd03870f-f95d-4883-9f13-6f350fad0c1d .hs_numemployees, #hsForm_fd03870f-f95d-4883-9f13-6f350fad0c1d .hs_comments__c {\n        flex: 0 0 100%;\n        min-width: 0;\n        box-sizing: border-box;\n        font-size: 14px\n    }\n\n    \/* Input fields *\/\n\n    .hs-input {\n        width: 100%;\n        padding: 10px 14px;\n        border: 1px solid #ccc;\n        border-radius: 5px;\n        font-size: 14px\n    }\n\n    \/* Select dropdown *\/\n\n    select.hs-input {\n        appearance: none;\n        background: white;\n        cursor: pointer;\n        color: #667085;\n    }\n\n    \/* Textarea *\/\n\n    textarea.hs-input {\n        resize: none !important;\n        height: 5em !important;\n    }\n\n    \/* Submit Button *\/\n    .hs_submit {\n        display: inline-flex;\n        width: 100%;\n\n        .actions {\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            width: 100%;\n        }\n    }\n\n    .hs-button {\n        width: 100%;\n        \/* display: flex; *\/\n        background: #24b770;\n        color: white;\n        padding: 12px;\n        border: none;\n        border-radius: 5px;\n        font-size: 16px;\n        font-weight: 600;\n        cursor: pointer;\n        transition: background 0.3s ease;\n    }\n\n    .hs-button:hover {\n        background: #148752;\n    }\n\n\n    .hs-error-msgs {\n        color: red;\n        font-size: 12px;\n    }\n\n    .legal-consent-container {\n        order: 999;\n        color: #96a1c8;\n        font-size: 12px;\n        text-align: center;\n        width: 100%;\n        margin-top: -8px;\n    }\n\n    .legal-consent-container a {\n        text-decoration: underline;\n    }\n<\/style>\n<script>\n\n    function modalForm() { \/\/ This is for Section 1\n\n        const lang = \"es\";\n\n        const messages = {\n            en: `\n        <div class=\"text-center\">\n            <div class=\"text-[24px] mb-3 font-bold\">Thank you!<\/div>\n            <p>Our Partner team will reach out to you shortly.<\/p>\n        <\/div>\n    `,\n            de: `\n        <div class=\"text-center\">\n            <div class=\"text-[24px] mb-3 font-bold\">Vielen Dank!<\/div>\n            <p>Unser Partner-Team wird sich in K\u00fcrze bei Ihnen melden.<\/p>\n        <\/div>\n    `,\n            fr: `\n        <div class=\"text-center\">\n            <div class=\"text-[24px] mb-3 font-bold\">Merci!<\/div>\n            <p>Notre \u00e9quipe partenaire vous contactera sous peu.<\/p>\n        <\/div>\n    `,\n            es: `\n        <div class=\"text-center\">\n            <div class=\"text-[24px] mb-3 font-bold\">\u00a1Gracias!<\/div>\n            <p>Nuestro equipo de socios se pondr\u00e1 en contacto con usted pronto.<\/p>\n        <\/div>\n    `,\n            pt: `\n        <div class=\"text-center\">\n            <div class=\"text-[24px] mb-3 font-bold\">Obrigado!<\/div>\n            <p>Nossa equipe de parceiros entrar\u00e1 em contato com voc\u00ea em breve.<\/p>\n        <\/div>\n    `,\n            ar: `\n        <div class=\"text-center\">\n            <div class=\"text-[24px] mb-3 font-bold\">\u0634\u0643\u0631\u064b\u0627 \u0644\u0643!<\/div>\n            <p>\u0633\u064a\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0643 \u0641\u0631\u064a\u0642 \u0627\u0644\u0634\u0631\u0643\u0627\u0621 \u0644\u062f\u064a\u0646\u0627 \u0642\u0631\u064a\u0628\u064b\u0627.<\/p>\n        <\/div>\n    `\n        };\n\n        return {\n            activeModal: null,\n            isFormInitialized: false, \/\/ New flag for Section 1's form\n            formTargetId: 'hero-header-form-container', \/\/ The ID of the div where S1 form renders\n\n            openModal(modalId) {\n                console.log('openModal', modalId);\n                this.activeModal = modalId;\n                \/\/ Only initialize the form if it's this modal's ID AND it hasn't been initialized yet for this instance\n                if (modalId === 'fd03870f-f95d-4883-9f13-6f350fad0c1d' && !this.isFormInitialized) {\n                    this.initializeHubspotForm();\n                }\n            },\n            closeModal() {\n                this.activeModal = null;\n                \/\/ OPTIONALLY: Clean up the form when modal closes to be safer\n                \/\/ const targetEl = document.getElementById(this.formTargetId);\n                \/\/ if (targetEl) {\n                \/\/     targetEl.innerHTML = ''; \/\/ Clear the form\n                \/\/ }\n                \/\/ this.isFormInitialized = false; \/\/ Allow re-initialization next time\n                \/\/ Or, if HubSpot handles subsequent `create` calls to the same target well,\n                \/\/ you might not need to clear\/reset `isFormInitialized`.\n                \/\/ Testing is key here.\n            },\n            initializeHubspotForm() {\n                if (this.isFormInitialized) return; \/\/ Already done for this S1 modal instance\n\n                const targetEl = document.getElementById(this.formTargetId);\n                if (!targetEl) {\n                    console.error(`Section 1: Target container #${this.formTargetId} not found.`);\n                    return;\n                }\n                \/\/ Ensure it's empty if we are re-initializing (though `isFormInitialized` should prevent this unless modal is fully reset)\n                \/\/ targetEl.innerHTML = '';\n\n                \/\/ Safely resolve CID if helper is missing on this page\n                var cid = null;\n                try {\n                    if (typeof getCID === 'function') {\n                        cid = getCID();\n                    }\n                } catch (e) {\n                    console.warn('getCID unavailable, using default campaign id.');\n                }\n                if (cid == null) {\n                    cid = \"701PZ00000IlEYNYA3\";\n                }\n\n                \/\/ Ensure HubSpot library is loaded before creating the form\n                if (!window.hbspt || !window.hbspt.forms || !window.hbspt.forms.create) {\n                    setTimeout(() => this.initializeHubspotForm(), 120);\n                    return;\n                }\n\n                hbspt.forms.create({\n                    region: \"na1\",\n                    portalId: \"20500227\",\n                    formId: \"fd03870f-f95d-4883-9f13-6f350fad0c1d\", \/\/ The form_id for Section 1\n                    target: `#${this.formTargetId}`,      \/\/ Target S1's specific div\n                    css: \"\",\n                    locale: \"es\",\n                    translations: {\n                        en: {submitText: \"Submit Application\"},\n                        de: {submitText: \"Enviar solicitud\"},\n                        fr: {submitText: \"Enviar solicitud\"},\n                        es: {submitText: \"Enviar solicitud\"},\n                        pt: {submitText: \"Enviar solicitud\"},\n                        ar: {submitText: \"Enviar solicitud\"},\n                    },\n                    \/\/ ... (rest of your S1 form config: customizations, sfdcCampaignId, onFormReady, onFormSubmitted)\n                    sfdcCampaignId: cid,\n                    onFormReady: ($form) => {\n                        this.isFormInitialized = true; \/\/ Mark as initialized for S1\n                        console.log(\"Section 1 HubSpot form ready.\");\n                        if (cid) {\n                            $form.find('input[name=\"cid\"]').val(cid);\n                        }\n                    },\n                    onFormSubmitted: (jqueryFormObject, data) => {\n\n                        const formEl = jqueryFormObject.get(0);\n                        if (!formEl) return;\n\n                        const parentContainer = formEl.closest('.form-container');\n                        if (!parentContainer) return;\n\n                        parentContainer.innerHTML = messages[lang] || messages['en'];\n\n                        \/\/ ... S1 specific submission logic ...\n\n                        console.log(\"Section 1 Form Submitted:\", data);\n                        const submittedValues = data.submissionValues;\n                        if (submittedValues && submittedValues.sap_version) {\n                            const sapVersionSelected = submittedValues.sap_version;\n                            let redirectUrl = 'https:\/\/pathlock.com\/es\/default-thank-you\/'; \/\/ Default thank you page\n\n                            if (sapVersionSelected === 'sap_basis_release_7.4x-7.52') {\n                                redirectUrl = 'https:\/\/pathlock.com\/es\/thank-you-sap-basis\/';\n                            } else if (sapVersionSelected === 's4hana_1909_and_above') {\n                                redirectUrl = 'https:\/\/pathlock.com\/es\/thank-you-s4hana\/';\n                            }\n                            \/\/ Add more else if blocks for other sap_version values if needed\n\n                            \/\/ Perform the redirect\n                            \/\/ HubSpot often handles its own \"thank you\" message display or inline redirect.\n                            \/\/ If you want to override HubSpot's default \"thank you\" behavior and *always* redirect:\n                            console.log('Redirecting to:', redirectUrl, 'for SAP version:', sapVersionSelected);\n                            window.location.href = redirectUrl;\n\n                        } else {\n                            let redirectUrl = 'https:\/\/pathlock.com\/es\/thank-you-cac\/'; \/\/ Default thank you page\n                            \/\/\/  window.location.href = redirectUrl;\n                        }\n                    }\n                });\n            }\n        }\n    }\n<\/script>\n\n\n\n\n\n\n\n<section class=\"bg-[#F5F6FC]\">\n    <div class=\"container mx-auto px-4 lg:px-8 flex flex-col pb-16 md:pb-24 self-stretch md:self-auto items-center gap-8\">\n                <h2 class=\"text-[#148752] text-center text-sm font-extrabold leading-[30px] tracking-[1.4px] uppercase\">\n            SOCIOS DE PATHLOCK        <\/h2>\n                <!-- Partner Cards Content -->\n                <div class=\"w-full grid grid-cols-1 xl:grid-cols-3 gap-8 px-4 md:p-0 items-start self-stretch md:self-auto\">\n                        <!-- Product Card -->\n            <div class=\"flex flex-col items-start self-stretch rounded-b-lg rounded-l-lg border-r border-b border-l border-[#E3E7F6] bg-white\">\n                <!-- Product Card Upper -->\n                <div class=\"w-full flex-col justify-start items-start inline-flex\">\n                <div class=\"self-stretch px-8 pt-11 pb-12 bg-white border-t-4 rounded-b-lg\" style=\"border-top-color: #24b770;\">\n                    <div class=\"self-stretch flex-col justify-start items-center gap-6 flex\">\n                    <h2 class=\"xl:self-stretch text-center text-[#0f1556] text-[28px] font-semibold font-['Inter'] leading-8\">\n                        Socios de servicios                    <\/h2>\n                    <p class=\"self-stretch text-center text-[#2a3274] text-base font-normal font-['Inter'] leading-normal\">\n                        Los socios de servicios de Pathlock brindan un soporte integral, que incluye implementaciones sin inconvenientes, optimizaciones del sistema y gesti\u00f3n de riesgos, dise\u00f1ado para maximizar el valor empresarial de nuestra plataforma para cada cliente de Pathlock.                    <\/p>\n                                            <a class=\"w-[100%] xl:w-[310px] px-[18px] py-3 bg-white rounded-lg shadow-[0px_1px_2px_0px_rgba(15,21,86,0.05)] border border-[#e3e7f6] justify-center items-center gap-1.5 inline-flex overflow-hidden text-[#0f1556] text-base font-semibold leading-normal hover:bg-[#24B770] hover:text-white\"\n                           href=\"\/es\/our-partners\/partner-catalog\/?type%5B%5D=services-partner\"\n                           target=\"_self\">\n                        View Todo Socios                        <\/a>\n                                        <\/div>\n                <\/div>\n                <\/div>\n            <\/div>\n                        <!-- Product Card -->\n            <div class=\"flex flex-col items-start self-stretch rounded-b-lg rounded-l-lg border-r border-b border-l border-[#E3E7F6] bg-white\">\n                <!-- Product Card Upper -->\n                <div class=\"w-full flex-col justify-start items-start inline-flex\">\n                <div class=\"self-stretch px-8 pt-11 pb-12 bg-white border-t-4 rounded-b-lg\" style=\"border-top-color: #077f92;\">\n                    <div class=\"self-stretch flex-col justify-start items-center gap-6 flex\">\n                    <h2 class=\"xl:self-stretch text-center text-[#0f1556] text-[28px] font-semibold font-['Inter'] leading-8\">\n                        Socios tecnol\u00f3gicos                    <\/h2>\n                    <p class=\"self-stretch text-center text-[#2a3274] text-base font-normal font-['Inter'] leading-normal\">\n                        Nuestros socios tecnol\u00f3gicos colaboran con Pathlock para mejorar las capacidades de nuestra plataforma. Impulsan la innovaci\u00f3n y facilitan soluciones integradas que garantizan una interoperabilidad perfecta con las principales tecnolog\u00edas empresariales.                    <\/p>\n                                            <a class=\"w-[100%] xl:w-[310px] px-[18px] py-3 bg-white rounded-lg shadow-[0px_1px_2px_0px_rgba(15,21,86,0.05)] border border-[#e3e7f6] justify-center items-center gap-1.5 inline-flex overflow-hidden text-[#0f1556] text-base font-semibold leading-normal hover:bg-[#24B770] hover:text-white\"\n                           href=\"\/es\/our-partners\/partner-catalog\/?type%5B%5D=technology-partner\"\n                           target=\"_self\">\n                        Ver todos los socios                        <\/a>\n                                        <\/div>\n                <\/div>\n                <\/div>\n            <\/div>\n                        <!-- Product Card -->\n            <div class=\"flex flex-col items-start self-stretch rounded-b-lg rounded-l-lg border-r border-b border-l border-[#E3E7F6] bg-white\">\n                <!-- Product Card Upper -->\n                <div class=\"w-full flex-col justify-start items-start inline-flex\">\n                <div class=\"self-stretch px-8 pt-11 pb-12 bg-white border-t-4 rounded-b-lg\" style=\"border-top-color: #3e42b5;\">\n                    <div class=\"self-stretch flex-col justify-start items-center gap-6 flex\">\n                    <h2 class=\"xl:self-stretch text-center text-[#0f1556] text-[28px] font-semibold font-['Inter'] leading-8\">\n                        Socio de distribuci\u00f3ns                    <\/h2>\n                    <p class=\"self-stretch text-center text-[#2a3274] text-base font-normal font-['Inter'] leading-normal\">\n                        Los socios de distribuci\u00f3n de Pathlock incluyen revendedores y distribuidores que ampl\u00edan nuestro alcance global y se ocupan de gestionar la log\u00edstica, las ventas y las colaboraciones a nivel regional para impulsar la adopci\u00f3n de la plataforma en todos los sectores y lugares.                    <\/p>\n                                            <a class=\"w-[100%] xl:w-[310px] px-[18px] py-3 bg-white rounded-lg shadow-[0px_1px_2px_0px_rgba(15,21,86,0.05)] border border-[#e3e7f6] justify-center items-center gap-1.5 inline-flex overflow-hidden text-[#0f1556] text-base font-semibold leading-normal hover:bg-[#24B770] hover:text-white\"\n                           href=\"\/es\/our-partners\/partner-catalog\/?type%5B%5D=distribution-partner\"\n                           target=\"_self\">\n                        Ver todos los socios                        <\/a>\n                                        <\/div>\n                <\/div>\n                <\/div>\n            <\/div>\n                    <\/div>\n        \n        <div class=\"relative container mx-auto text-center overflow-hidden mt-8\">\n            <div class=\"absolute left-0 top-0 bottom-0 w-24 z-10 pointer-events-none\" style=\"background: linear-gradient(90deg, #F5F6FC 0%, rgba(255,255,255,0) 100%);\"><\/div>\n            <div class=\"absolute right-0 top-0 bottom-0 w-24 z-10 pointer-events-none\" style=\"background: linear-gradient(270deg, #F5F6FC 0%, rgba(255,255,255,0) 100%);\"><\/div>\n                            <div x-data=\"marquee('right')\" class=\"overflow-hidden w-full\">\n                    <div x-ref=\"container\" class=\"flex\" @mouseenter=\"pause()\" @mouseleave=\"play()\">\n                        <div x-ref=\"original\" class=\"flex gap-[60px] pr-[18px]\">\n                                                                                                <span class=\"inline-flex items-center justify-center bg-[#F5F6FC] rounded-lg p-2 h-16 w-32\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/09\/Accenture_logo.svg\" alt=\"\" class=\"max-h-12 max-w-full object-contain\" \/>\n                                    <\/span>\n                                                                                                                                <span class=\"inline-flex items-center justify-center bg-[#F5F6FC] rounded-lg p-2 h-16 w-32\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/09\/Adsotech_logo.svg\" alt=\"\" class=\"max-h-12 max-w-full object-contain\" \/>\n                                    <\/span>\n                                                                                                                                <span class=\"inline-flex items-center justify-center bg-[#F5F6FC] rounded-lg p-2 h-16 w-32\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/09\/Aglea_logo.svg\" alt=\"\" class=\"max-h-12 max-w-full object-contain\" \/>\n                                    <\/span>\n                                                                                                                                <span class=\"inline-flex items-center justify-center bg-[#F5F6FC] rounded-lg p-2 h-16 w-32\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/09\/Logo-AXT-200x50-INV-web-copy-1.svg\" alt=\"\" class=\"max-h-12 max-w-full object-contain\" \/>\n                                    <\/span>\n                                                                                                                                <span class=\"inline-flex items-center justify-center bg-[#F5F6FC] rounded-lg p-2 h-16 w-32\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/09\/Birlasoft_logo.svg\" alt=\"\" class=\"max-h-12 max-w-full object-contain\" \/>\n                                    <\/span>\n                                                                                                                                <span class=\"inline-flex items-center justify-center bg-[#F5F6FC] rounded-lg p-2 h-16 w-32\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/09\/Br1ght_logo.svg\" alt=\"\" class=\"max-h-12 max-w-full object-contain\" \/>\n                                    <\/span>\n                                                                                                                                <span class=\"inline-flex items-center justify-center bg-[#F5F6FC] rounded-lg p-2 h-16 w-32\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/09\/CAG_logo.svg\" alt=\"\" class=\"max-h-12 max-w-full object-contain\" \/>\n                                    <\/span>\n                                                                                                                                <span class=\"inline-flex items-center justify-center bg-[#F5F6FC] rounded-lg p-2 h-16 w-32\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/09\/Carahsoft_logo.svg\" alt=\"\" class=\"max-h-12 max-w-full object-contain\" \/>\n                                    <\/span>\n                                                                                                                                <span class=\"inline-flex items-center justify-center bg-[#F5F6FC] rounded-lg p-2 h-16 w-32\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/09\/CDW_logo.svg\" alt=\"\" class=\"max-h-12 max-w-full object-contain\" \/>\n                                    <\/span>\n                                                                                                                                <span class=\"inline-flex items-center justify-center bg-[#F5F6FC] rounded-lg p-2 h-16 w-32\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/09\/Credence-IA_logo.svg\" alt=\"\" class=\"max-h-12 max-w-full object-contain\" \/>\n                                    <\/span>\n                                                                                                                                <span class=\"inline-flex items-center justify-center bg-[#F5F6FC] rounded-lg p-2 h-16 w-32\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/09\/Deloitte_logo.svg\" alt=\"\" class=\"max-h-12 max-w-full object-contain\" \/>\n                                    <\/span>\n                                                                                                                                <span class=\"inline-flex items-center justify-center bg-[#F5F6FC] rounded-lg p-2 h-16 w-32\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/09\/EY_logo.svg\" alt=\"\" class=\"max-h-12 max-w-full object-contain\" \/>\n                                    <\/span>\n                                                                                                                                <span class=\"inline-flex items-center justify-center bg-[#F5F6FC] rounded-lg p-2 h-16 w-32\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/09\/Fusion5_logo.svg\" alt=\"\" class=\"max-h-12 max-w-full object-contain\" \/>\n                                    <\/span>\n                                                                                                                                <span class=\"inline-flex items-center justify-center bg-[#F5F6FC] rounded-lg p-2 h-16 w-32\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/09\/Guidepoint_logo.svg\" alt=\"\" class=\"max-h-12 max-w-full object-contain\" \/>\n                                    <\/span>\n                                                                                                                                <span class=\"inline-flex items-center justify-center bg-[#F5F6FC] rounded-lg p-2 h-16 w-32\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/09\/GulfIT_logo.svg\" alt=\"\" class=\"max-h-12 max-w-full object-contain\" \/>\n                                    <\/span>\n                                                                                                                                <span class=\"inline-flex items-center justify-center bg-[#F5F6FC] rounded-lg p-2 h-16 w-32\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/09\/IBM_logo.svg\" alt=\"\" class=\"max-h-12 max-w-full object-contain\" \/>\n                                    <\/span>\n                                                                                                                                <span class=\"inline-flex items-center justify-center bg-[#F5F6FC] rounded-lg p-2 h-16 w-32\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/09\/KPMG_logo.svg\" alt=\"\" class=\"max-h-12 max-w-full object-contain\" \/>\n                                    <\/span>\n                                                                                                                                <span class=\"inline-flex items-center justify-center bg-[#F5F6FC] rounded-lg p-2 h-16 w-32\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/09\/Lukardi_logo.svg\" alt=\"\" class=\"max-h-12 max-w-full object-contain\" \/>\n                                    <\/span>\n                                                                                                                                <span class=\"inline-flex items-center justify-center bg-[#F5F6FC] rounded-lg p-2 h-16 w-32\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/09\/Mindsquare_logo.svg\" alt=\"\" class=\"max-h-12 max-w-full object-contain\" \/>\n                                    <\/span>\n                                                                                                                                <span class=\"inline-flex items-center justify-center bg-[#F5F6FC] rounded-lg p-2 h-16 w-32\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/09\/MS_logo.svg\" alt=\"\" class=\"max-h-12 max-w-full object-contain\" \/>\n                                    <\/span>\n                                                                                                                                <span class=\"inline-flex items-center justify-center bg-[#F5F6FC] rounded-lg p-2 h-16 w-32\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/09\/Oracle_logo.svg\" alt=\"\" class=\"max-h-12 max-w-full object-contain\" \/>\n                                    <\/span>\n                                                                                                                                <span class=\"inline-flex items-center justify-center bg-[#F5F6FC] rounded-lg p-2 h-16 w-32\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/09\/PWC_logo.svg\" alt=\"\" class=\"max-h-12 max-w-full object-contain\" \/>\n                                    <\/span>\n                                                                                                                                <span class=\"inline-flex items-center justify-center bg-[#F5F6FC] rounded-lg p-2 h-16 w-32\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/09\/Quistor_logo.svg\" alt=\"\" class=\"max-h-12 max-w-full object-contain\" \/>\n                                    <\/span>\n                                                                                                                                <span class=\"inline-flex items-center justify-center bg-[#F5F6FC] rounded-lg p-2 h-16 w-32\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/09\/Resulting-IT_logo.svg\" alt=\"\" class=\"max-h-12 max-w-full object-contain\" \/>\n                                    <\/span>\n                                                                                                                                <span class=\"inline-flex items-center justify-center bg-[#F5F6FC] rounded-lg p-2 h-16 w-32\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/09\/Servicenow_logo.svg\" alt=\"\" class=\"max-h-12 max-w-full object-contain\" \/>\n                                    <\/span>\n                                                                                                                                <span class=\"inline-flex items-center justify-center bg-[#F5F6FC] rounded-lg p-2 h-16 w-32\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/09\/Taborda_logo.svg\" alt=\"\" class=\"max-h-12 max-w-full object-contain\" \/>\n                                    <\/span>\n                                                                                                                                <span class=\"inline-flex items-center justify-center bg-[#F5F6FC] rounded-lg p-2 h-16 w-32\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/09\/Turkey_logo.svg\" alt=\"\" class=\"max-h-12 max-w-full object-contain\" \/>\n                                    <\/span>\n                                                                                                                                <span class=\"inline-flex items-center justify-center bg-[#F5F6FC] rounded-lg p-2 h-16 w-32\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/09\/Version1_logo.svg\" alt=\"\" class=\"max-h-12 max-w-full object-contain\" \/>\n                                    <\/span>\n                                                                                                                                <span class=\"inline-flex items-center justify-center bg-[#F5F6FC] rounded-lg p-2 h-16 w-32\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/09\/Workday_logo.svg\" alt=\"\" class=\"max-h-12 max-w-full object-contain\" \/>\n                                    <\/span>\n                                                                                                                                <span class=\"inline-flex items-center justify-center bg-[#F5F6FC] rounded-lg p-2 h-16 w-32\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/09\/Protivity_logo.svg\" alt=\"\" class=\"max-h-12 max-w-full object-contain\" \/>\n                                    <\/span>\n                                                                                                                                <span class=\"inline-flex items-center justify-center bg-[#F5F6FC] rounded-lg p-2 h-16 w-32\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/09\/Br1ght_logo.svg\" alt=\"\" class=\"max-h-12 max-w-full object-contain\" \/>\n                                    <\/span>\n                                                                                    <\/div>\n                        <div x-ref=\"clone\" class=\"flex gap-[18px]\"><\/div>\n                    <\/div>\n                <\/div>\n                    <\/div>\n    <\/div>\n<\/section>\n<script>\ndocument.addEventListener('alpine:init', () => {\n  Alpine.data('marquee', (direction = 'left') => ({\n    \/\/ Configuration\n    speed: 0.18,\n    paused: false,\n    \n    \/\/ State\n    position: 0,\n    animationId: null,\n    containerWidth: 0,\n    \n    \/\/ Initialize the marquee\n    init() {\n      this.$nextTick(() => {\n        \/\/ Clone the original items\n        const original = this.$refs.original;\n        const clone = this.$refs.clone;\n        clone.innerHTML = original.innerHTML;\n        \n        \/\/ Calculate container width\n        this.containerWidth = original.offsetWidth;\n        \n        \/\/ Set initial position based on direction\n        this.position = direction === 'left' ? -this.containerWidth : 0;\n        \n        \/\/ Start animation\n        this.play();\n      });\n    },\n    \n    \/\/ Start the animation\n    play() {\n      this.paused = false;\n      if (!this.animationId) {\n        this.animate();\n      }\n    },\n    \n    \/\/ Pause the animation\n    pause() {\n      this.paused = true;\n      if (this.animationId) {\n        cancelAnimationFrame(this.animationId);\n        this.animationId = null;\n      }\n    },\n    \n    \/\/ Animation loop\n    animate() {\n      if (this.paused) return;\n      \n      \/\/ Update position\n      if (direction === 'left') {\n        this.position += this.speed;\n        if (this.position >= 0) {\n          this.position = -this.containerWidth;\n        }\n      } else {\n        this.position -= this.speed;\n        if (this.position <= -this.containerWidth) {\n          this.position = 0;\n        }\n      }\n      \n      \/\/ Apply transform\n      this.$refs.container.style.transform = `translateX(${this.position}px)`;\n      \n      \/\/ Continue animation loop\n      this.animationId = requestAnimationFrame(() => this.animate());\n    },\n    \n    \/\/ Clean up on component removal\n    destroy() {\n      this.pause();\n    }\n  }));\n});\n<\/script>\n\n\n\n\n\n\n\n<style>\n    @media (min-width: 1024px) {\n        section {\n            padding-top: var(--pt-desktop);\n            padding-bottom: var(--pb-desktop);\n        }\n    }\n<\/style>\n<!-- Section: Key Initiatives -->\n<section class=\"container mx-auto px-4 lg:px-8\" style=\"\n         --pt-mobile: 48px;\n         --pb-mobile: 48px;\n         --pt-desktop: 48px;\n         --pb-desktop: 48px;\n         padding-top: var(--pt-mobile);\n         padding-bottom: var(--pb-mobile);\n\">\n    <div class=\"w-full grid grid-cols-1 md:grid-cols-3 xl:grid-cols-3 gap-8 md:p-0 items-start self-stretch md:self-auto\">\n        <!-- Left Card -->\n        <div class=\"col-span-3 lg:col-span-1 flex items-center self-stretch rounded-lg\" style=\"background-image:url( https:\/\/pathlock.com\/wp-content\/uploads\/2025\/03\/Initiatives-BG.svg); background-size: cover; background-position: center center; background-repeat: no-repeat;\"> \n            <!-- <div class=\"flex items-center gap-2 self-stretch md:p-0 md:rounded-lg xl:w-min-1\/3\"> -->\n                <div class=\"flex py-16 flex-[1_1_0]\">\n                    <!-- Left Card Content -->\n                    <div class=\"flex flex-col pl-8 pr-5 justify-center items-start gap-5 flex-[1_1_0]\">\n                        <div class=\"flex flex-col items-start gap-5 self-stretch\">\n                            <h2 class=\"text-[#FAFBFD] font-semibold text-4xl tracking-[-0.72px]\">\n                                Iniciativas clave                            <\/h2>\n                        <\/div>\n                        <div class=\"flex flex-col items-start gap-[30px] self-stretch\">\n                            <p class=\"text-[#FAFBFD] text-xl\"> Descubra c\u00f3mo Pathlock puede ayudarle a abordar su desaf\u00edo empresarial \u00fanico.<\/p>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n            <!-- <\/div> -->\n        <\/div>\n        <!-- Initiatives Features -->\n        <div class=\"col-span-3 lg:col-span-2\"> \n            <div class=\"grid md:grid-cols-2 gap-8\"> \n                                        <a href=\"\/es\/use-cases\/erp-and-cloud-migrations\/\" class=\"hover-link flex w-full lg:min-w-80 lg:max-w[480px] px-6 py-8 items-start flex-[1_1_0] gap-4 rounded-lg bg-[#F5F6FC] transition hover:bg-[#ECF0FB] group\">\n                            <div class=\"flex flex-col items-start gap-3 flex-[1_1_0] md:flex-[1_0_0]\">\n                                <div class=\"flex flex-col items-start gap-3 self-stretch group-hover:text-[#24b770]\">\n                                    <h4 class=\"text-[#0F1556] group-hover:text-[#24b770] font-semibold text-xl\">\n                                        Transformaci\u00f3n digital                                    <\/h4>\n                                    <p class=\"text-[#2A3274] text-base\">\n                                        M\u00e1s del 50% de los proyectos ERP <b>superan los presupuestos y plazos.<\/b> Pathlock le ayuda a optimizar el \u00e9xito de la transformaci\u00f3n digital y la modernizaci\u00f3n.                                    <\/p>\n                                    <p class=\"flex justify-center items-center gap-2\">\n                                        <span class=\"text-[#0F1556] group-hover:text-[#24b770] text-base font-semibold\">Obtenga m\u00e1s informaci\u00f3n<\/span>\n                                        <span class=\"rtl:rotate-180 stroke-[#0F1556] group-hover:stroke-[#24b770]  group-hover:rtl:-translate-x-0.5 group-hover:translate-x-0.5 transition ease-in-out duration-300\">\n                                            <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                <g id=\"arrow-right\">\n                                                    <path id=\"styled-element\" d=\"M4.16675 9.99935H15.8334M15.8334 9.99935L10.0001 4.16602M15.8334 9.99935L10.0001 15.8327\" stroke=\"stroke-[#0F1556] group-hover:stroke-[#24b770]\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                <\/g>\n                                            <\/svg>\n                                        <\/span>                                        \n                                    <\/p>\n                                <\/div>\n                            <\/div>\n                        <\/a>\n                                            <a href=\"\/es\/use-cases\/sox-software\/\" class=\"hover-link flex w-full lg:min-w-80 lg:max-w[480px] px-6 py-8 items-start flex-[1_1_0] gap-4 rounded-lg bg-[#F5F6FC] transition hover:bg-[#ECF0FB] group\">\n                            <div class=\"flex flex-col items-start gap-3 flex-[1_1_0] md:flex-[1_0_0]\">\n                                <div class=\"flex flex-col items-start gap-3 self-stretch group-hover:text-[#24b770]\">\n                                    <h4 class=\"text-[#0F1556] group-hover:text-[#24b770] font-semibold text-xl\">\n                                        Cumplimiento de SOX                                    <\/h4>\n                                    <p class=\"text-[#2A3274] text-base\">\n                                        El 40% de las organizaciones <b>incumple al menos un control SOX<\/b> cada a\u00f1o. Pathlock le ayuda a evitar fallos de auditor\u00eda, reexpresiones contables y da\u00f1os a la reputaci\u00f3n.                                    <\/p>\n                                    <p class=\"flex justify-center items-center gap-2\">\n                                        <span class=\"text-[#0F1556] group-hover:text-[#24b770] text-base font-semibold\">Obtenga m\u00e1s informaci\u00f3n<\/span>\n                                        <span class=\"rtl:rotate-180 stroke-[#0F1556] group-hover:stroke-[#24b770]  group-hover:rtl:-translate-x-0.5 group-hover:translate-x-0.5 transition ease-in-out duration-300\">\n                                            <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                <g id=\"arrow-right\">\n                                                    <path id=\"styled-element\" d=\"M4.16675 9.99935H15.8334M15.8334 9.99935L10.0001 4.16602M15.8334 9.99935L10.0001 15.8327\" stroke=\"stroke-[#0F1556] group-hover:stroke-[#24b770]\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                <\/g>\n                                            <\/svg>\n                                        <\/span>                                        \n                                    <\/p>\n                                <\/div>\n                            <\/div>\n                        <\/a>\n                                            <a href=\"\/es\/initiative\/audit-readiness\/\" class=\"hover-link flex w-full lg:min-w-80 lg:max-w[480px] px-6 py-8 items-start flex-[1_1_0] gap-4 rounded-lg bg-[#F5F6FC] transition hover:bg-[#ECF0FB] group\">\n                            <div class=\"flex flex-col items-start gap-3 flex-[1_1_0] md:flex-[1_0_0]\">\n                                <div class=\"flex flex-col items-start gap-3 self-stretch group-hover:text-[#24b770]\">\n                                    <h4 class=\"text-[#0F1556] group-hover:text-[#24b770] font-semibold text-xl\">\n                                        Preparaci\u00f3n para auditor\u00edas                                    <\/h4>\n                                    <p class=\"text-[#2A3274] text-base\">\n                                        Las empresas dedican <b>m\u00e1s de 20.000 horas anuales al cumplimiento.<\/b> Pathlock automatiza los procesos manuales propensos a errores a fin de optimizar la preparaci\u00f3n para auditor\u00edas.                                    <\/p>\n                                    <p class=\"flex justify-center items-center gap-2\">\n                                        <span class=\"text-[#0F1556] group-hover:text-[#24b770] text-base font-semibold\">Obtenga m\u00e1s informaci\u00f3n<\/span>\n                                        <span class=\"rtl:rotate-180 stroke-[#0F1556] group-hover:stroke-[#24b770]  group-hover:rtl:-translate-x-0.5 group-hover:translate-x-0.5 transition ease-in-out duration-300\">\n                                            <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                <g id=\"arrow-right\">\n                                                    <path id=\"styled-element\" d=\"M4.16675 9.99935H15.8334M15.8334 9.99935L10.0001 4.16602M15.8334 9.99935L10.0001 15.8327\" stroke=\"stroke-[#0F1556] group-hover:stroke-[#24b770]\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                <\/g>\n                                            <\/svg>\n                                        <\/span>                                        \n                                    <\/p>\n                                <\/div>\n                            <\/div>\n                        <\/a>\n                                            <a href=\"\/es\/initiative\/ipo-readiness\/\" class=\"hover-link flex w-full lg:min-w-80 lg:max-w[480px] px-6 py-8 items-start flex-[1_1_0] gap-4 rounded-lg bg-[#F5F6FC] transition hover:bg-[#ECF0FB] group\">\n                            <div class=\"flex flex-col items-start gap-3 flex-[1_1_0] md:flex-[1_0_0]\">\n                                <div class=\"flex flex-col items-start gap-3 self-stretch group-hover:text-[#24b770]\">\n                                    <h4 class=\"text-[#0F1556] group-hover:text-[#24b770] font-semibold text-xl\">\n                                        Preparaci\u00f3n para IPO                                    <\/h4>\n                                    <p class=\"text-[#2A3274] text-base\">\n                                        El 32% de las empresas <b>reportan debilidades materiales derivadas de problemas de SoD.<\/b> Pathlock automatiza controles m\u00e1s fuertes para garantizar una IPO m\u00e1s fluida.                                    <\/p>\n                                    <p class=\"flex justify-center items-center gap-2\">\n                                        <span class=\"text-[#0F1556] group-hover:text-[#24b770] text-base font-semibold\">Obtenga m\u00e1s informaci\u00f3n<\/span>\n                                        <span class=\"rtl:rotate-180 stroke-[#0F1556] group-hover:stroke-[#24b770]  group-hover:rtl:-translate-x-0.5 group-hover:translate-x-0.5 transition ease-in-out duration-300\">\n                                            <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                <g id=\"arrow-right\">\n                                                    <path id=\"styled-element\" d=\"M4.16675 9.99935H15.8334M15.8334 9.99935L10.0001 4.16602M15.8334 9.99935L10.0001 15.8327\" stroke=\"stroke-[#0F1556] group-hover:stroke-[#24b770]\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                <\/g>\n                                            <\/svg>\n                                        <\/span>                                        \n                                    <\/p>\n                                <\/div>\n                            <\/div>\n                        <\/a>\n                                            <a href=\"\/es\/use-cases\/nhi-governance\/\" class=\"hover-link flex w-full lg:min-w-80 lg:max-w[480px] px-6 py-8 items-start flex-[1_1_0] gap-4 rounded-lg bg-[#F5F6FC] transition hover:bg-[#ECF0FB] group\">\n                            <div class=\"flex flex-col items-start gap-3 flex-[1_1_0] md:flex-[1_0_0]\">\n                                <div class=\"flex flex-col items-start gap-3 self-stretch group-hover:text-[#24b770]\">\n                                    <h4 class=\"text-[#0F1556] group-hover:text-[#24b770] font-semibold text-xl\">\n                                        Gobernanza NHI                                    <\/h4>\n                                    <p class=\"text-[#2A3274] text-base\">\n                                        En muchas empresas, <b>las identidades no humanas superan en n\u00famero a los usuarios en una proporci\u00f3n de 20:1.<\/b> Pathlock aplica controles rigurosos a ambos para garantizar la seguridad y el cumplimiento.                                    <\/p>\n                                    <p class=\"flex justify-center items-center gap-2\">\n                                        <span class=\"text-[#0F1556] group-hover:text-[#24b770] text-base font-semibold\">Obtenga m\u00e1s informaci\u00f3n<\/span>\n                                        <span class=\"rtl:rotate-180 stroke-[#0F1556] group-hover:stroke-[#24b770]  group-hover:rtl:-translate-x-0.5 group-hover:translate-x-0.5 transition ease-in-out duration-300\">\n                                            <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                <g id=\"arrow-right\">\n                                                    <path id=\"styled-element\" d=\"M4.16675 9.99935H15.8334M15.8334 9.99935L10.0001 4.16602M15.8334 9.99935L10.0001 15.8327\" stroke=\"stroke-[#0F1556] group-hover:stroke-[#24b770]\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                <\/g>\n                                            <\/svg>\n                                        <\/span>                                        \n                                    <\/p>\n                                <\/div>\n                            <\/div>\n                        <\/a>\n                                            <a href=\"\/es\/products\/cybersecurity-application-controls\/\" class=\"hover-link flex w-full lg:min-w-80 lg:max-w[480px] px-6 py-8 items-start flex-[1_1_0] gap-4 rounded-lg bg-[#F5F6FC] transition hover:bg-[#ECF0FB] group\">\n                            <div class=\"flex flex-col items-start gap-3 flex-[1_1_0] md:flex-[1_0_0]\">\n                                <div class=\"flex flex-col items-start gap-3 self-stretch group-hover:text-[#24b770]\">\n                                    <h4 class=\"text-[#0F1556] group-hover:text-[#24b770] font-semibold text-xl\">\n                                        Ciberseguridad de SAP                                    <\/h4>\n                                    <p class=\"text-[#2A3274] text-base\">\n                                        Proteja su entorno SAP desde el desarrollo hasta la implementaci\u00f3n. Pathlock <b>protege las aplicaciones y los datos de SAP<\/b> para reducir el riesgo de una vulneraci\u00f3n.                                    <\/p>\n                                    <p class=\"flex justify-center items-center gap-2\">\n                                        <span class=\"text-[#0F1556] group-hover:text-[#24b770] text-base font-semibold\">Obtenga m\u00e1s informaci\u00f3n<\/span>\n                                        <span class=\"rtl:rotate-180 stroke-[#0F1556] group-hover:stroke-[#24b770]  group-hover:rtl:-translate-x-0.5 group-hover:translate-x-0.5 transition ease-in-out duration-300\">\n                                            <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                <g id=\"arrow-right\">\n                                                    <path id=\"styled-element\" d=\"M4.16675 9.99935H15.8334M15.8334 9.99935L10.0001 4.16602M15.8334 9.99935L10.0001 15.8327\" stroke=\"stroke-[#0F1556] group-hover:stroke-[#24b770]\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                <\/g>\n                                            <\/svg>\n                                        <\/span>                                        \n                                    <\/p>\n                                <\/div>\n                            <\/div>\n                        <\/a>\n                                <\/div>\n        <\/div>\n        \n    <\/div>\n<\/section>\n\n\n<script>\n  window.wpVideoData = [{\"videoUrlMP4\":\"https:\/\/pathlock.com\/wp-content\/uploads\/videos\/kpmg2.mp4\",\"videoUrlWEBM\":\"https:\/\/pathlock.com\/wp-content\/uploads\/videos\/kpmg2.webm\",\"bgImage\":\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/10\/kpmg-2x.webp\",\"videoCover\":\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/10\/kpmg-2x.webp\",\"logo\":\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/10\/kpmg.svg\",\"mediaID\":\"yhd8fv0ubm\",\"person\":\"Mick McGarry | L\u00edder de oferta en EE.\u00a0UU. para Servicios de GRC y ciberseguridad  \",\"quote\":\"\u201cEn KPMG, estamos comprometidos con la innovaci\u00f3n y la colaboraci\u00f3n, por eso elegimos asociarnos con Pathlock, un l\u00edder que est\u00e1 redefiniendo la seguridad de identidad\u2026\u201d\",\"stat\":{\"value\":\"\",\"label\":\"\"},\"loaded\":false},{\"videoUrlMP4\":\"https:\/\/pathlock.com\/wp-content\/uploads\/videos\/protiviti.mp4\",\"videoUrlWEBM\":\"https:\/\/pathlock.com\/wp-content\/uploads\/videos\/protiviti.webm\",\"bgImage\":\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/10\/pro-2xpng.webp\",\"videoCover\":\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/10\/pro-2xpng.webp\",\"logo\":\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/10\/protiviti.svg\",\"mediaID\":\"gkwgurx0no\",\"person\":\"Kyle Wechsler | L\u00edder de seguridad, GRC y controles de SAP\",\"quote\":\"\u201cPathlock proporciona la plataforma de software que hace que las estrategias de gobernanza y riesgo de Protiviti sean aplicables\u201d.\",\"stat\":{\"value\":\"\",\"label\":\"\"},\"loaded\":false}];\n<\/script>\n<style>\n    \/* Style for when body has overflow hidden *\/\n    body.modal-open {\n        overflow: hidden;\n    }\n<\/style>\n\n\n\n\n<section id=\"section-69dfe3c19166e\" class=\"w-full scroll-mt-28 bg-white py-8 lg:py-12\">\n  <div class=\"container mx-auto px-4 lg:px-8\">\n    <div class=\"relative container text-center flex justify-center align-center\">\n      <div class=\"text-center  text-[#0F1556] px-4 flex flex-col justify-center items-center\">\n                        <h2 class=\"text-3xl lg:text-5xl leading-[38px] lg:leading-[60px] max-w-[920px] font-semibold mb-4 lg:mb-5\">Con la confianza de los principales socios del mundo<\/h2>\n        \n                <div class=\"text-lg max-w-[720px] lg:text-xl leading-[30px] font-normal\">\n            Pathlock colabora con los pincipales socios del mundo para garantizar implementaciones sin inconvenientes y una puesta en marcha experta, lo que ofrece un r\u00e1pido retorno de valor, m\u00e1xima seguridad y cumplimiento continuo.        <\/div>\n        \n        \n      <\/div>\n    <\/div>\n\n    \n        <div class=\"relative container mt-10 lg:mt-16\">\n\n      <!-- Alpine Component Root - Controls both Desktop\/Mobile triggers and the Modal -->\n      <div\n        x-data=\"videoController()\"\n        class=\"relative min-h-[436px] lg:min-h-[500px]\"  \n\n        >\n        <!-- Desktop version (hover) -->\n        <div class=\"hidden lg:flex justify-center gap-4 w-full rounded-lg\">\n          <template x-for=\"(video, index) in videos\" :key=\"index\">\n            <template x-if=\"index >= desktopStartIndex &#038;&#038; index < desktopStartIndex + 3\">\n              <div\n  \n                :style=\"activeCard === index ? { flexBasis: 'calc(66.666% - 16px)' } : { flexBasis: '33.333%' }\"\n                class=\"h-[500px] relative rounded-lg transition-[flex-basis] duration-700 ease-out text-white overflow-hidden shrink-0\"\n\n              >\n                <!-- Background image (shown when not active) -->\n                <img x-show=\"activeCard !== index\" :src=\"video.bgImage\" class=\"no-override absolute inset-0 w-full h-full object-cover\" alt=\"Background Image\" \/>\n                <!-- Video cover (shown when  active) -->\n                <img x-show=\"activeCard === index\" :src=\"video.videoCover\" class=\"no-override absolute inset-0 w-full h-full object-cover\" alt=\"Video Cover\" \/>\n                <!-- Video container - always in DOM but hidden when inactive -->\n                <video\n                  x-show=\"activeCard === index\"\n                  :x-ref=\"'videoPlayer_' + index\"\n                  :data-index=\"index\"\n                  autoplay\n                  loop\n                  muted\n                  playsinline\n                  class=\"absolute inset-0 w-full h-full object-cover\"\n                  preload=\"none\"\n                >\n                  <source :src=\"video.loaded ? video.videoUrlMP4 : ''\" type=\"video\/mp4\">\n                  <source :src=\"video.loaded ? video.videoUrlWEBM : ''\" type=\"video\/webm\">\n                  Your browser does not support the video tag.\n                <\/video>\n\n                <!-- Content overlay -->\n                <div @mouseover=\"handleCardHover(index)\" class=\"flex cursor-pointer flex-col justify-between p-6 z-20 h-full relative\"\n                :style=\"{ backgroundImage: 'radial-gradient(ellipse 97.77% 123.36% at -27.33% 81.70%, #0F1556 0%, rgba(15, 21, 86, 0) 100%), linear-gradient(0deg, rgba(15, 21, 86, 0.30) 0%, rgba(15, 21, 86, 0.30) 100%)' }\">\n                  <div class=\"flex flex-col flex-start\">\n                    <div class=\"flex flex-row flex-start\">\n                      <img x-show=\"activeCard == index\"\n                           x-transition:enter=\"transition ease-out duration-300 delay-[200ms]\"\n                           x-transition:enter-start=\"transform opacity-0 translate-y-2\"\n                           x-transition:enter-end=\"transform opacity-100 translate-y-0\"\n                           :src=\"video.logo\" class=\"no-override flex flex-start object-contain\" alt=\"Logo\" \/>\n                    <\/div>\n                  <\/div>\n                  \n\n                  <!-- Active Card Content -->\n                  <div x-show=\"activeCard === index\" class=\"flex flex-col items-start z-10 max-w-[518px]\">\n                    <span\n                      x-show=\"activeCard === index\"\n                      x-transition:enter=\"transition ease-out duration-700 delay-500\"\n                      x-transition:enter-start=\"transform opacity-0 translate-y-3\"\n                      x-transition:enter-end=\"transfrom opacity-100 translate-y-0\"\n                      class=\"text-white text-3xl font-medium mb-4 leading-[38px]\"\n                      x-text=\"video.quote\"\n                    >\n                      \n                    <\/span>\n                    <span\n                      x-show=\"activeCard === index\"\n                      class=\"text-[#F5F6FC] text-sm mb-6\"\n                      x-transition:enter=\"transition ease-out duration-300 delay-[400ms]\"\n                      x-transition:enter-start=\"transform opacity-0 translate-y-2\"\n                      x-transition:enter-end=\"transfrom opacity-100 translate-y-0\"\n                      x-text=\"video.person\"\n                    >\n                  <\/span>\n                    <button @click.stop=\"openModal(video.mediaID)\" aria-label=\"Play video\" class=\"flex items-center rounded-lg group\">\n                      <div class=\"w-12 h-12 flex items-center justify-center\">\n                      <svg\n                              class=\"max-w-12 max-h-12\"\n                              xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"131\" height=\"131\" viewBox=\"0 0 131 131\" fill=\"none\">\n                                <g filter=\"url(#filter0_b_797_1676_desk)\">\n                                    <circle cx=\"65.5\" cy=\"65.5\" r=\"59.5\" fill=\"white\" fill-opacity=\"0.2\"><\/circle>\n                                    <circle cx=\"65.5\" cy=\"65.5\" r=\"59\" stroke=\"white\" stroke-opacity=\"0.5\"><\/circle>\n                                <\/g>\n                                <g class=\"transition-transform duration-300 ease-in-out group-hover:scale-125\" style=\"transform-origin: center;\">\n                                    <g filter=\"url(#filter1_d_797_1676_desk)\">\n                                        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M65.2653 107.516C88.6078 107.516 107.531 88.5961 107.531 65.2578C107.531 41.9194 88.6078 23 65.2653 23C41.9228 23 23 41.9194 23 65.2578C23 88.5961 41.9228 107.516 65.2653 107.516ZM82.4356 67.4711C84.1966 66.487 84.1966 64.0266 82.4356 63.0425L58.6613 49.7565C56.9003 48.7724 54.699 50.0026 54.699 51.9709L54.699 78.5428C54.699 80.5111 56.9003 81.7412 58.6613 80.7571L82.4356 67.4711Z\" fill=\"white\"><\/path>\n                                    <\/g>\n                                <\/g>\n                                <defs>\n                                    <filter id=\"filter0_b_797_1676_desk\" x=\"4\" y=\"4\" width=\"123\" height=\"123\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\n                                        <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"><\/feFlood>\n                                        <feGaussianBlur in=\"BackgroundImageFix\" stdDeviation=\"1\"><\/feGaussianBlur>\n                                        <feComposite in2=\"SourceAlpha\" operator=\"in\" result=\"effect1_backgroundBlur_797_1676_desk\"><\/feComposite>\n                                        <feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_backgroundBlur_797_1676_desk\" result=\"shape\"><\/feBlend>\n                                    <\/filter>\n                                    <filter id=\"filter1_d_797_1676_desk\" x=\"0.299999\" y=\"0.299999\" width=\"129.931\" height=\"129.916\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\n                                        <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"><\/feFlood>\n                                        <feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"><\/feColorMatrix>\n                                        <feOffset><\/feOffset>\n                                        <feGaussianBlur stdDeviation=\"11.35\"><\/feGaussianBlur>\n                                        <feComposite in2=\"hardAlpha\" operator=\"out\"><\/feComposite>\n                                        <feColorMatrix type=\"matrix\" values=\"0 0 0 0 0.0588235 0 0 0 0 0.0823529 0 0 0 0 0.337255 0 0 0 0.18 0\"><\/feColorMatrix>\n                                        <feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_797_1676_desk\"><\/feBlend>\n                                        <feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_797_1676_desk\" result=\"shape\"><\/feBlend>\n                                    <\/filter>\n                                <\/defs>\n                            <\/svg>\n                      <\/div>\n                      <span class=\"ml-2 text-sm text-[#F5F6FC] font-semibold group-hover:text-[#24B770]\">Mirar el video<\/span>\n                    <\/button>\n                  <\/div>\n\n                  <!-- Inactive Card Content -->\n                  <div x-show=\"activeCard !== index\" class=\"z-20 flex flex-col items-start\">\n                   <div class=\"flex flex-col flex-start\">\n                     <div class=\"flex flex-row flex-start\">\n                       <img x-show=\"activeCard !== index\"\n                            x-transition:enter=\"transition ease-out duration-300\"\n                            x-transition:enter-start=\"transform opacity-0 translate-y-2\"\n                            x-transition:enter-end=\"transform opacity-100 translate-y-0\"\n                            :src=\"video.logo\" class=\"no-override flex flex-start object-contain\" alt=\"Logo\" \/>\n                     <\/div>\n                   <\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/template>\n          <\/template>\n        <\/div>\n\n\n        <!-- Mobile version (slider) -->\n        <div x-data=\"mobileSlider()\" class=\"lg:hidden w-full\">\n\n          <!-- Slides Container -->\n          <div class=\"relative overflow-hidden w-full\"> <!-- Changed overflow-visible to hidden -->\n            <div class=\"max-w-[80%] flex transition-transform duration-500 ease-in-out\"\n              :style=\"{ transform: `translateX(-${currentSlide * 100}%)` }\"\n              @touchstart=\"startDrag\"\n              @touchmove=\"drag\"\n              @touchend=\"endDrag\"\n              x-ref=\"slider\"\n            >\n              <template x-for=\"(video, index) in videos\" :key=\"index\">\n                <!-- Slide Item -->\n                <div class=\"w-full flex-shrink-0 px-2 relative\">\n                  <div class=\"h-[400px] relative rounded-lg overflow-hidden\">\n                    <!-- Background image only -->\n                    <img :src=\"video.bgImage\" class=\"no-override absolute inset-0 w-full h-full object-cover\" alt=\"Background Image\" \/>\n\n                    <!-- Content overlay -->\n                    <div class=\"flex flex-col justify-between p-6 z-20 h-full relative bg-[#0F15564D]\">\n                      <div class=\"flex flex-col flex-start\">\n                        <div class=\"flex flex-row flex-start\">\n                          <img :src=\"video.logo\" class=\"no-override flex flex-start object-contain\" alt=\"Logo\" \/>\n                        <\/div>\n                      <\/div>\n\n                      <div class=\"flex flex-col items-start z-10\">\n                        <div class=\"z-20 flex flex-col items-start max-w-[225px] text-white mb-3\">\n                          <span x-text=\"video.stat.value\" class=\"text-5xl font-semibold leading-[30px] [text-shadow:_0px_0px_10px_rgb(0_0_0_\/_0.25)] mb-3\"><\/span>\n                          <span x-text=\"video.stat.label\" class=\"text-lg font-normal leading-normal [text-shadow:_0px_0px_10px_rgb(0_0_0_\/_0.25)]\"><\/span>\n                        <\/div>\n                         <!-- Dispatch event to parent controller -->\n                        <button @click=\"openModal(video.mediaID)\" aria-label=\"Play video\" class=\"group flex items-center rounded-lg\">\n                          <div class=\"w-12 h-12 bg-white bg-opacity-20 rounded-full flex items-center justify-center\">\n                            <svg\n                              class=\"max-w-12 max-h-12\"\n                              xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"131\" height=\"131\" viewBox=\"0 0 131 131\" fill=\"none\">\n                                <g filter=\"url(#filter0_b_797_1676_mob)\">\n                                    <circle cx=\"65.5\" cy=\"65.5\" r=\"59.5\" fill=\"white\" fill-opacity=\"0.2\"><\/circle>\n                                    <circle cx=\"65.5\" cy=\"65.5\" r=\"59\" stroke=\"white\" stroke-opacity=\"0.5\"><\/circle>\n                                <\/g>\n                                <g class=\"transition-transform duration-300 ease-in-out group-hover:scale-125\" style=\"transform-origin: center;\">\n                                    <g filter=\"url(#filter1_d_797_1676_mob)\">\n                                        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M65.2653 107.516C88.6078 107.516 107.531 88.5961 107.531 65.2578C107.531 41.9194 88.6078 23 65.2653 23C41.9228 23 23 41.9194 23 65.2578C23 88.5961 41.9228 107.516 65.2653 107.516ZM82.4356 67.4711C84.1966 66.487 84.1966 64.0266 82.4356 63.0425L58.6613 49.7565C56.9003 48.7724 54.699 50.0026 54.699 51.9709L54.699 78.5428C54.699 80.5111 56.9003 81.7412 58.6613 80.7571L82.4356 67.4711Z\" fill=\"white\"><\/path>\n                                    <\/g>\n                                <\/g>\n                                <defs>\n                                    <filter id=\"filter0_b_797_1676_mob\" x=\"4\" y=\"4\" width=\"123\" height=\"123\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\n                                        <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"><\/feFlood>\n                                        <feGaussianBlur in=\"BackgroundImageFix\" stdDeviation=\"1\"><\/feGaussianBlur>\n                                        <feComposite in2=\"SourceAlpha\" operator=\"in\" result=\"effect1_backgroundBlur_797_1676_mob\"><\/feComposite>\n                                        <feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_backgroundBlur_797_1676_mob\" result=\"shape\"><\/feBlend>\n                                    <\/filter>\n                                    <filter id=\"filter1_d_797_1676_mob\" x=\"0.299999\" y=\"0.299999\" width=\"129.931\" height=\"129.916\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\n                                        <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"><\/feFlood>\n                                        <feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"><\/feColorMatrix>\n                                        <feOffset><\/feOffset>\n                                        <feGaussianBlur stdDeviation=\"11.35\"><\/feGaussianBlur>\n                                        <feComposite in2=\"hardAlpha\" operator=\"out\"><\/feComposite>\n                                        <feColorMatrix type=\"matrix\" values=\"0 0 0 0 0.0588235 0 0 0 0 0.0823529 0 0 0 0 0.337255 0 0 0 0.18 0\"><\/feColorMatrix>\n                                        <feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_797_1676_mob\"><\/feBlend>\n                                        <feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_797_1676_mob\" result=\"shape\"><\/feBlend>\n                                    <\/filter>\n                                <\/defs>\n                            <\/svg>\n                          <\/div>\n                          <span class=\"ml-2 text-sm text-[#F5F6FC] font-semibold group-hover:text-[#24B770]\">Mirar el video <\/span>\n                        <\/button>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                <\/div>\n              <\/template>\n            <\/div>\n          <\/div>\n\n          <!-- Slider indicators -->\n          <div class=\"flex justify-center gap-2 mt-6\">\n            <template x-for=\"(_, index) in videos\" :key=\"index\">\n              <button @click=\"goToSlide(index)\" class=\"w-3 h-3 rounded-full transition-colors\"\n                :class=\"currentSlide === index ? 'bg-[#6e759f]' : 'bg-[#E3E7F6]'\">\n              <\/button>\n            <\/template>\n          <\/div>\n\n\n          \n        <\/div>\n        <!-- Modal -->\n        <div x-show=\"isModalOpen\" x-cloak class=\"fixed inset-0 z-50\">\n          <!-- Modal Backdrop -->\n          <div \n            class=\"fixed inset-0 bg-[#0f1556] bg-opacity-60\"\n            x-transition:enter=\"transition ease-out duration-300\"\n            x-transition:enter-start=\"opacity-0\"\n            x-transition:enter-end=\"opacity-100\"\n            x-transition:leave=\"transition ease-in duration-300\"\n            x-transition:leave-start=\"opacity-100\"\n            x-transition:leave-end=\"opacity-0\"\n            @click=\"closeModal()\"\n          ><\/div>\n\n          <!-- Modal Content -->\n          <div class=\"fixed inset-0 flex items-center justify-center p-4\">\n            <div\n              @click.stop\n              x-transition:enter=\"transition ease-out duration-300\"\n              x-transition:enter-start=\"opacity-0 transform scale-90\"\n              x-transition:enter-end=\"opacity-100 transform scale-100\"\n              x-transition:leave=\"transition ease-in duration-300\"\n              x-transition:leave-start=\"opacity-100 transform scale-100\"\n              x-transition:leave-end=\"opacity-0 transform scale-90\"\n              class=\"rounded-lg max-w-5xl overflow-hidden w-full mx-4 relative\"\n            >\n              <div class=\"flex justify-end items-center p-4 absolute z-10 right-4\">\n                <button\n                  @click=\"closeModal()\"\n                  aria-label=\"Close modal\"\n                  class=\"bg-white hover:bg-gray-100 text-gray-800 p-2 rounded-full focus:outline-none\"\n                >\n                  <svg\n                    class=\"h-4 w-4\"\n                    fill=\"none\"\n                    stroke=\"currentColor\"\n                    viewBox=\"0 0 24 24\"\n                    xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                  >\n                    <path\n                      stroke-linecap=\"round\"\n                      stroke-linejoin=\"round\"\n                      stroke-width=\"2\"\n                      d=\"M6 18L18 6M6 6l12 12\"\n                    ><\/path>\n                  <\/svg>\n                <\/button>\n              <\/div>\n\n              <div class=\"p-4 pt-0\">\n                <div id=\"wistia-video-container\" class=\"w-full aspect-video\" style=\"aspect-ratio: 16 \/ 9;\"><\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n    <\/div> <!-- End relative container -->\n\n    \n  <\/div> \n<\/section>\n\n\n<script>\n  document.addEventListener('alpine:init', () => {\n\n    const videoData = window.wpVideoData || [];\n\n    console.log(\"Video data loaded:\", videoData);\n    \/\/ Combined Desktop\/Modal controller\n    Alpine.data('videoController', () => ({\n      activeCard: 0, \/\/ Center card of the first 3\n      desktopStartIndex: 0, \/\/ Start at the beginning\n      videos: [...videoData],\n      isModalOpen: false,\n      currentVideoId: null,\n      wistiaEmbed: null,\n      \n      init() {\n        this.setActiveToCenter();\n        this.loadVideo(this.activeCard); \/\/ Preload center video for desktop hover\n      },\n\n      setActiveToCenter() {\n        \/\/ Initialize active card based on number of videos\n        const visibleCount = 3;\n        if (this.videos.length <= visibleCount) {\n          \/\/ With 3 or fewer items, start on the first card\n          this.activeCard = 0;\n          this.desktopStartIndex = 0;\n        } else {\n          \/\/ With more than 3, keep previous behavior of centerings\n          this.activeCard = this.desktopStartIndex + 1;\n        }\n      },\n\n      loadVideo(index) {\n          \/\/ Ensure index is valid\n          if (index < 0 || index >= this.videos.length || this.videos[index].loaded) {\n              return;\n          }\n\n          this.videos[index].loaded = true;\n\n          \/\/ Use nextTick to ensure the DOM elements related to the video sources are updated\n          this.$nextTick(() => {\n              \/\/ Find the specific video element using data-index\n              const videoElement = document.querySelector(`video[data-index=\"${index}\"]`);\n              console.log(\"Loading video for index:\", index, \"Element found:\", videoElement);\n              if (videoElement) {\n                  \/\/ Query for source elements within this specific video element\n                  const mp4Source = videoElement.querySelector('source[type=\"video\/mp4\"]');\n                  const webmSource = videoElement.querySelector('source[type=\"video\/webm\"]');\n\n                  if (mp4Source) {\n                      mp4Source.src = this.videos[index].videoUrlMP4;\n                  }\n                  if (webmSource) {\n                      webmSource.src = this.videos[index].videoUrlWEBM;\n                  }\n\n                  \/\/ After setting sources, load the video\n                  videoElement.load();\n                  \/\/ Attempt to play if it's the active card (might require user interaction on some browsers)\n                  if (this.activeCard === index) {\n                    console.log(\"Playing video for active card:\", index);\n                    videoElement.play().catch(e => console.log(\"Autoplay prevented:\", e));\n                  }\n              } else {\n                 \/\/ console.warn(`Video element with index ${index} not found.`);\n              }\n          });\n      },\n\n      handleCardHover(index) {\n        if (this.activeCard === index) return;\n\n        \/\/ Pause previously active video if it exists\n        const previousVideoElement = this.$el.querySelector(`video[data-index=\"${this.activeCard}\"]`);\n        if (previousVideoElement) {\n           previousVideoElement.pause();\n        }\n\n        this.activeCard = index;\n        this.loadVideo(index); \/\/ Load the video if not already loaded\n\n         \/\/ Play the newly active video\n        this.$nextTick(() => {\n          const currentVideoElement = this.$el.querySelector(`video[data-index=\"${index}\"]`);\n          if (currentVideoElement && currentVideoElement.readyState >= 3) { \/\/ HAVE_FUTURE_DATA or more\n              currentVideoElement.play().catch(e => console.log(\"Hover play prevented:\", e));\n          } else if (currentVideoElement) {\n             \/\/ If not ready, listen for canplay event\n             currentVideoElement.addEventListener('canplay', () => {\n                currentVideoElement.play().catch(e => console.log(\"Hover play prevented after canplay:\", e));\n             }, { once: true }); \/\/ Remove listener after it fires once\n          }\n        });\n      },\n      openModal(mediaId) {\n        console.log(\"Opening modal for mediaId:\", mediaId);\n        this.currentVideoId = mediaId;\n        this.isModalOpen = true;\n        console.log(\"Modal state:\", this.isModalOpen);\n        document.body.classList.add('modal-open');\n        \n        \/\/ Wait for Alpine to render the modal before creating the video\n        this.$nextTick(() => {\n        \/\/ Select the single, correctly placed container\n        const container = document.getElementById('wistia-video-container');\n        console.log(\"Container for Wistia video:\", container);\n            if (container) {\n              this.createWistiaVideo(mediaId, container); \/\/ Pass container reference\n            } else {\n              console.error(\"Wistia container not found in modal.\");\n            }\n          });\n      },\n      closeModal() {\n        if (this.wistiaEmbed) {\n          \/\/ Properly remove Wistia player\n          try {\n            this.wistiaEmbed.remove();\n            window._wq = window._wq || [];\n            window._wq.push({ id: this.currentVideoId, onRemove: function(video) {\n              console.log('Video removed');\n            }});\n          } catch (e) {\n            console.error('Error removing Wistia player:', e);\n          }\n          this.wistiaEmbed = null;\n        }\n        \n        \/\/ Clean up the container\n        const container = document.getElementById('wistia-video-container');\n        if (container) {\n          container.innerHTML = '';\n        }\n        \n        this.isModalOpen = false;\n        this.currentVideoId = null;\n        document.body.classList.remove('modal-open');\n      },\n      \n      createWistiaVideo(mediaId, container) { \/\/ Accept container element\n          container.innerHTML = ''; \/\/ Clear previous video\n\n          const videoDiv = document.createElement('div');\n          \/\/ Use Wistia's preferred class structure for async embeds\n          videoDiv.className = `wistia_responsive_padding`; \/\/ Outer padding div\n          videoDiv.style.padding = '56.25% 0 0 0';\n          videoDiv.style.position = 'relative';\n\n          const wrapperDiv = document.createElement('div'); \/\/ Inner wrapper\n          wrapperDiv.className = `wistia_responsive_wrapper`;\n          wrapperDiv.style.height = '100%';\n          wrapperDiv.style.left = '0';\n          wrapperDiv.style.position = 'absolute';\n          wrapperDiv.style.top = '0';\n          wrapperDiv.style.width = '100%';\n\n          const embedDiv = document.createElement('div'); \/\/ The actual embed target\n          embedDiv.className = `wistia_embed wistia_async_${mediaId} videoFoam=true`; \/\/ Added videoFoam=true\n          embedDiv.style.height = '100%';\n          embedDiv.style.position = 'relative';\n          embedDiv.style.width = '100%';\n\n          wrapperDiv.appendChild(embedDiv);\n          videoDiv.appendChild(wrapperDiv);\n          container.appendChild(videoDiv); \/\/ Add the whole structure\n\n          window._wq = window._wq || [];\n          window._wq.push({\n            id: mediaId,\n            onReady: (video) => {\n              this.wistiaEmbed = video;\n              video.play();\n            }\n          });\n\n          \/\/ Re-scan for embeds if Wistia script already loaded\n          if (typeof Wistia !== 'undefined' && Wistia.hasLoaded) {\n             Wistia.api.scan();\n          }\n      },\n\n      nextDesktopSlide() {\n        const visibleCount = 3;\n        if (this.activeCard < this.videos.length - 1) {\n          this.activeCard++;\n          \/\/ Center active card if possible\n          let newStart = this.activeCard - 1;\n          if (newStart < 0) newStart = 0;\n          if (newStart > this.videos.length - visibleCount) newStart = this.videos.length - visibleCount;\n          this.desktopStartIndex = newStart;\n          this.loadVideo(this.activeCard);\n        }\n      },\n      prevDesktopSlide() {\n        const visibleCount = 3;\n        if (this.activeCard > 0) {\n          this.activeCard--;\n          \/\/ Center active card if possible\n          let newStart = this.activeCard - 1;\n          if (newStart < 0) newStart = 0;\n          if (newStart > this.videos.length - visibleCount) newStart = this.videos.length - visibleCount;\n          this.desktopStartIndex = newStart;\n          this.loadVideo(this.activeCard);\n        }\n      },\n      goToDesktopSlide(index) {\n        const visibleCount = 3;\n        \/\/ Calculate new desktopStartIndex so that index is centered\n        let newStart = index - 1;\n        \/\/ Clamp to valid range\n        if (newStart < 0) newStart = 0;\n        if (newStart > this.videos.length - visibleCount) newStart = this.videos.length - visibleCount;\n        this.desktopStartIndex = newStart;\n        this.activeCard = index;\n        this.loadVideo(index);\n      },\n\n    }));\n\n    \/\/ Mobile slider controller\n    Alpine.data('mobileSlider', () => ({\n      currentSlide: 0,\n      videos: [...videoData], \/\/ Use the same shared data\n      startX: 0,\n      currentX: 0,\n      isDragging: false,\n      dragThreshold: 50, \/\/ Minimum pixels to swipe for slide change\n\n      \/\/ No init needed unless preloading something specific to mobile\n\n       \/\/ Expose videos data to template if needed (already available via 'videos')\n       get sliderVideos() {\n          return this.videos;\n       },\n\n      startDrag(e) {\n        \/\/ Prevent default only if dragging horizontally\n        if (e.touches.length === 1) {\n            this.isDragging = true;\n            this.startX = e.touches[0].clientX;\n            this.currentX = this.startX;\n             \/\/ Disable transition during drag for smoother feel\n            this.$refs.slider.style.transition = 'none';\n        }\n      },\n\n      drag(e) {\n        if (!this.isDragging || e.touches.length !== 1) return;\n\n        this.currentX = e.touches[0].clientX;\n        const diffX = this.currentX - this.startX;\n\n        \/\/ Calculate the percentage based on the slider width\n        const sliderWidth = this.$refs.slider.offsetWidth \/ this.videos.length; \/\/ Width of a single slide\n        const percentageOffset = (diffX \/ sliderWidth) * 100;\n\n         \/\/ Move the slider container visually during drag\n        this.$refs.slider.style.transform = `translateX(${-(this.currentSlide * 100) + percentageOffset}%)`;\n      },\n\n      endDrag() {\n        if (!this.isDragging) return;\n        this.isDragging = false;\n\n         \/\/ Re-enable transition\n         this.$refs.slider.style.transition = 'transform 0.5s ease-in-out';\n\n\n        const diffX = this.currentX - this.startX;\n\n        \/\/ Determine direction and change slide if threshold is met\n        if (Math.abs(diffX) > this.dragThreshold) {\n          if (diffX < 0) { \/\/ Swiped left\n            this.nextSlide();\n          } else { \/\/ Swiped right\n            this.prevSlide();\n          }\n        } else {\n            \/\/ Snap back to the current slide if threshold not met\n            this.goToSlide(this.currentSlide);\n        }\n\n         \/\/ Reset drag calculation variables\n         this.startX = 0;\n         this.currentX = 0;\n      },\n\n      nextSlide() {\n        this.goToSlide((this.currentSlide + 1) % this.videos.length);\n      },\n\n      prevSlide() {\n        this.goToSlide((this.currentSlide - 1 + this.videos.length) % this.videos.length);\n      },\n\n      goToSlide(index) {\n        this.currentSlide = index;\n        \/\/ The :style binding will update the transform automatically\n         this.$refs.slider.style.transform = `translateX(-${this.currentSlide}%)`;\n      },\n    }));\n  });\n<\/script>\n\n\n\n\n  <section class=\"bg-[#101657] border-b-[#ECF0FB] border-b-[1px] mx-auto relative mt-12 \">\n    <div class=\"relative flex-col-reverse lg:flex-row overflow-hidden  rounded-xl mx-auto inset-0 flex container  text-white bg-[#0F1556]\">\n    <div id=\"bg-image\" class=\"hidden lg:block absolute top-0 right-0 w-full h-full z-0\">\n      <img decoding=\"async\" class=\"rtl:-scale-x-100 no-override absolute inset-0 w-full h-full object-cover object-right\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/09\/Group-973-1-scaled.webp\" alt=\"\" \/>\n    <\/div>\n    <div class=\"z-10 w-full lg:max-w-[627px] flex flex-col items-center lg:items-start px-4 -mt-10 lg:mt-0 pb-12 lg:p-16 lg:pr-0 lg:pl-8 h-full text-center lg:rtl:text-right lg:text-left\">\n      <h2 class=\"mb-3 lg:mb-5 max-w-[587px] text-bold text-3xl lg:text-5xl font-semibold leading-9 lg:leading-[60px]\">Siglos de experiencia para respaldar su negocio<\/h2>\n      <div class=\"text-base lg:text-xl font-normal leading-normal lg:leading-[30px]\">Los expertos de Pathlock tienen d\u00e9cadas de experiencia en el desarrollo y la gesti\u00f3n de productos fundamentales en el mercado de la gobernanza de identidad, y est\u00e1n aqu\u00ed para apoyar a nuestros socios y sus clientes.<\/div>\n      <div class=\"w-full lg:w-auto mt-6 lg:mt-8\">\n        <a class=\"flex justify-center items-center font-semibold py-3 px-[18px] bg-[white] hover:bg-[#E3E7F6] group leading-7  rounded-lg text-[#344054] transition-colors duration-300\" href=\"\/es\/experts\/\" rel=\"noopener\" target=\"_blank\">Reservar tiempo con expertos        <\/a>\n      <\/div>  \n    <\/div>\n    <div class=\"flex relative lg:hidden justify-center align-center w-full\">\n      <img decoding=\"async\" class=\"no-override object-cover w-full\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/09\/062-3Mgd0viv08Q-copy-7-1.webp\" \/>\n      <div class=\"w-full inset-0 top-[120px] absolute bg-gradient-to-b from-[#0F1556]\/0 to-[#0F1556]\/100\"><\/div>\n    <\/div>\n  <\/div>\n<\/section> \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":72,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":true,"footnotes":""},"class_list":["post-43817","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.3 (Yoast SEO v27.3) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Programa de Socios de Pathlock | Impulsar el crecimiento con soluciones de seguridad y cumplimiento<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/pathlock.com\/es\/our-partners\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Nuestros socios\" \/>\n<meta property=\"og:url\" content=\"https:\/\/pathlock.com\/es\/our-partners\/\" \/>\n<meta property=\"og:site_name\" content=\"Pathlock\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-07T16:45:38+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/06\/OpenGraph-Pathlock-Logo-1024x538.webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@pathlock\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/pathlock.com\\\/es\\\/our-partners\\\/\",\"url\":\"https:\\\/\\\/pathlock.com\\\/es\\\/our-partners\\\/\",\"name\":\"Programa de Socios de Pathlock | Impulsar el crecimiento con soluciones de seguridad y cumplimiento\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/pathlock.com\\\/es\\\/#website\"},\"datePublished\":\"2021-09-22T17:17:54+00:00\",\"dateModified\":\"2025-11-07T16:45:38+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/pathlock.com\\\/es\\\/our-partners\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/pathlock.com\\\/es\\\/our-partners\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/pathlock.com\\\/es\\\/our-partners\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/pathlock.com\\\/es\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Nuestros socios\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/pathlock.com\\\/es\\\/#website\",\"url\":\"https:\\\/\\\/pathlock.com\\\/es\\\/\",\"name\":\"Pathlock\",\"description\":\"The Leader in Application Security and Controls Automation\",\"publisher\":{\"@id\":\"https:\\\/\\\/pathlock.com\\\/es\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/pathlock.com\\\/es\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/pathlock.com\\\/es\\\/#organization\",\"name\":\"Pathlock, Inc\",\"url\":\"https:\\\/\\\/pathlock.com\\\/es\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/pathlock.com\\\/es\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/pathlock.com\\\/wp-content\\\/uploads\\\/2021\\\/11\\\/Zrzut-ekranu-2021-11-17-o-10.56.42.png\",\"contentUrl\":\"https:\\\/\\\/pathlock.com\\\/wp-content\\\/uploads\\\/2021\\\/11\\\/Zrzut-ekranu-2021-11-17-o-10.56.42.png\",\"width\":460,\"height\":148,\"caption\":\"Pathlock, Inc\"},\"image\":{\"@id\":\"https:\\\/\\\/pathlock.com\\\/es\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/x.com\\\/pathlock\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/pathlock\",\"https:\\\/\\\/www.youtube.com\\\/channel\\\/UCgo4izMJ70K4gnyWQ_mP-OA\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Programa de Socios de Pathlock | Impulsar el crecimiento con soluciones de seguridad y cumplimiento","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/pathlock.com\/es\/our-partners\/","og_locale":"es_ES","og_type":"article","og_title":"Nuestros socios","og_url":"https:\/\/pathlock.com\/es\/our-partners\/","og_site_name":"Pathlock","article_modified_time":"2025-11-07T16:45:38+00:00","og_image":[{"url":"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/06\/OpenGraph-Pathlock-Logo-1024x538.webp","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_site":"@pathlock","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/pathlock.com\/es\/our-partners\/","url":"https:\/\/pathlock.com\/es\/our-partners\/","name":"Programa de Socios de Pathlock | Impulsar el crecimiento con soluciones de seguridad y cumplimiento","isPartOf":{"@id":"https:\/\/pathlock.com\/es\/#website"},"datePublished":"2021-09-22T17:17:54+00:00","dateModified":"2025-11-07T16:45:38+00:00","breadcrumb":{"@id":"https:\/\/pathlock.com\/es\/our-partners\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/pathlock.com\/es\/our-partners\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/pathlock.com\/es\/our-partners\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/pathlock.com\/es\/"},{"@type":"ListItem","position":2,"name":"Nuestros socios"}]},{"@type":"WebSite","@id":"https:\/\/pathlock.com\/es\/#website","url":"https:\/\/pathlock.com\/es\/","name":"Pathlock","description":"The Leader in Application Security and Controls Automation","publisher":{"@id":"https:\/\/pathlock.com\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/pathlock.com\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/pathlock.com\/es\/#organization","name":"Pathlock, Inc","url":"https:\/\/pathlock.com\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/pathlock.com\/es\/#\/schema\/logo\/image\/","url":"https:\/\/pathlock.com\/wp-content\/uploads\/2021\/11\/Zrzut-ekranu-2021-11-17-o-10.56.42.png","contentUrl":"https:\/\/pathlock.com\/wp-content\/uploads\/2021\/11\/Zrzut-ekranu-2021-11-17-o-10.56.42.png","width":460,"height":148,"caption":"Pathlock, Inc"},"image":{"@id":"https:\/\/pathlock.com\/es\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/x.com\/pathlock","https:\/\/www.linkedin.com\/company\/pathlock","https:\/\/www.youtube.com\/channel\/UCgo4izMJ70K4gnyWQ_mP-OA"]}]}},"ACF":{"icon_hover":false,"is_link_with_photo_and_intro":false,"link_all_integrations":"","add_box_with_ct":false,"is_company_nav":false,"is_featured_case_studies":false,"has_subnav":"true","sub_nav_type":"columns","column":false},"_links":{"self":[{"href":"https:\/\/pathlock.com\/es\/wp-json\/wp\/v2\/pages\/43817","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pathlock.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pathlock.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pathlock.com\/es\/wp-json\/wp\/v2\/users\/72"}],"replies":[{"embeddable":true,"href":"https:\/\/pathlock.com\/es\/wp-json\/wp\/v2\/comments?post=43817"}],"version-history":[{"count":0,"href":"https:\/\/pathlock.com\/es\/wp-json\/wp\/v2\/pages\/43817\/revisions"}],"wp:attachment":[{"href":"https:\/\/pathlock.com\/es\/wp-json\/wp\/v2\/media?parent=43817"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}