{"id":43581,"date":"2023-08-26T04:20:22","date_gmt":"2023-08-26T08:20:22","guid":{"rendered":"https:\/\/pathlock.com\/applications\/gobernanza-de-identidad-y-acceso-de-peoplesoft\/"},"modified":"2025-11-26T08:45:00","modified_gmt":"2025-11-26T13:45:00","slug":"peoplesoft-identity-governance","status":"publish","type":"applications","link":"https:\/\/pathlock.com\/es\/applications\/peoplesoft-identity-governance\/","title":{"rendered":"Gobernanza de identidad y acceso de PeopleSoft"},"content":{"rendered":"<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_ {\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_ .hs-firstname, #hsForm_ .hs-jobtitle {\n        flex: 0 0 100%;\n        min-width: 0;\n        box-sizing: border-box;\n        font-size: 14px\n    }\n\n    #hsForm_ .hs-lastname, #hsForm_ .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_ .hs-firstname, #hsForm_ .hs-jobtitle {\n            flex: 0 0 calc(45% - 7.5px);\n            min-width: 0;\n            box-sizing: border-box;\n        }\n\n        #hsForm_ .hs-lastname, #hsForm_ .hs-phone {\n            flex: 0 0 calc(55% - 7.5px);\n            min-width: 0;\n            box-sizing: border-box;\n        }\n    }\n\n    #hsForm_ .hs-email, #hsForm_ .hs-company, #hsForm_ .hs_numemployees, #hsForm_ .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, .co-feedback-container {\n        color: red;\n        font-size: 12px;\n        margin-top: 8px;\n        padding: 0;\n        margin-bottom: -8px;\n    }\n    .hs_email  .inputs-list{display:none}\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    function modalFormHero() { \/\/ This is for Section 1\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                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 === '' && !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                var cid = getCID(); \/\/ Make sure getCID() is globally available or defined here\n                if (cid == null) {\n                    cid = \"701PZ00000IlEYNYA3\";\n                }\n\n                hbspt.forms.create({\n                    region: \"na1\",\n                    portalId: \"20500227\",\n                    formId: \"\", \/\/ The form_id for Section 1\n                    target: `#${this.formTargetId}`,      \/\/ Target S1's specific div\n                    css: \"\",\n                    \/\/ ... (rest of your S1 form config: customizations, sfdcCampaignId, onFormReady, onFormSubmitted)\n                    sfdcCampaignId: cid,\n                    onFormReady: ($form) => {\n                        document.querySelector('#form-copy').style.display = 'inline-flex';\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                        \/\/ ... S1 specific submission logic ...\n                        document.querySelector('#form-copy').style.display = 'none';\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                            console.warn('sap_version field not found in submission data for form 9f1c5339...');\n                            let redirectUrl = 'https:\/\/pathlock.com\/es\/thank-you-cac\/'; \/\/ Default thank you page if no sap_version is selected\n                            window.location.href = redirectUrl;\n                        }\n                    }\n                });\n            }\n        }\n    }\n<\/script>\n<!-- Hero -->\n<section class=\"w-full overflow-hidden bg-[#0F1556]\" x-data=\"modalFormHero()\">\n    <div class=\"mt-[80px]\">\n        <div class=\"relative flex flex-col lg:flex-row mx-auto gap-10 px-4 lg:px-8 container items-center justify-between\">\n            <div class=\"hidden xl:flex absolute bottom-0 left-0 w-full h-full\"\n                 style=\"background-image:url('https:\/\/pathlock.com\/wp-content\/uploads\/2025\/10\/bg-hero_p-1.svg');  background-position:right;  background-repeat:no-repeat;\"><\/div>\n            <div class=\"z-10 flex flex-col w-full lg:w-1\/2\">\n                <div class=\"pt-[90px] lg:pt-24 gap-4 lg:gap-5 mb-8 lg:mb-0\">\n                    <div class=\"flex flex-col gap-8 lg:gap-12\">\n                        <div class=\"flex flex-col gap-4 lg:gap-5\">\n                            <div class=\"flex flex-col text-center lg:text-left lg:rtl:text-right gap-2 lg:gap-4 max-w-[720px]\">\n                                                                    <div class=\"hidden lg:inline-flex justify-start items-center gap-1\">\n                                                                                                                                                                                <div class=\"justify-center items-center flex\">\n                                                    <a href=\"\/es\/\"\n                                                       target=\"\"\n                                                       class=\"text-[#ced5ee] hover:text-[#24B770] text-xs font-normal leading-[18px]\">\n                                                        Inicio                                                    <\/a>\n\n                                                    <div class=\"relative\">\n                                                        <div class=\"relative text-[#ced5ee] text-xs\">\n                                                            <svg class=\"rtl:rotate-180\" 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\"\n                                                                      stroke-width=\"1.33333\"\n                                                                      stroke-linecap=\"round\"\n                                                                      stroke-linejoin=\"round\"\/>\n                                                            <\/svg>\n                                                        <\/div>\n                                                                                                            <\/div>\n                                                <\/div>\n                                                                                                                                                                                                                            <div class=\"justify-center items-center flex gap-1\">\n                                                                                                        <div class=\"text-[#24B770] text-xs font-semibold leading-[18px]\">Gobernanza y seguridad de identidad para PeopleSoft<\/div>\n                                                <\/div>\n                                                                                                                        <\/div>\n                                                                <h1 class=\"text-white font-semibold text-[28px] lg:text-6xl leading-[30px] lg:leading-[72px] lg:tracking-[-1.2px] \">\n                                    Soluci\u00f3n de seguridad de identidad para PeopleSoft                                <\/h1>\n                                <p class=\"subheading text-sm lg:text-xl text-[#f2f9ff] leading-[20px] lg:leading-[30px] font-normal lg:max-w-[480px]\">\n                                    A PRUEBA DE AUDITOR\u00cdAS. A PRUEBA DEL FUTURO. ORIENTADA AL ROI.                                <\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"w-full flex gap-3 flex-col lg:flex-row justify-start\">\n                                                                                        <a 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                                   href=\"\/es\/contact\/\"\n                                   target=\"\">\n                                    <div class=\"px-0.5 justify-center items-center flex\">\n                                        <div class=\"text-white text-base font-semibold leading-normal\">Programar demostraci\u00f3n individual<\/div>\n                                    <\/div>\n                                <\/a>\n                            \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\/browser-tours\/main-pathlock-cloud\/\">\n                                <div class=\"px-0.5 justify-center items-center flex\">\n                                    <div class=\"text-[#0f1556] text-base font-semibold font-[\"Inter\"] leading-normal\">Iniciar recorrido autoguiado<\/div>\n                                <\/div>\n                            <\/a>                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"hidden lg:flex lg:w-1\/2 max-w-[570px] flex-1 items-center justify-center z-10\">\n                                    <img decoding=\"async\" class=\"no-override max-w-[327px]\"\n                         src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/Oracle-EBS-1.webp\" alt=\"\"\/>\n                            <\/div>\n        <\/div>\n                    <div class=\"mt-0 lg:mt-16 pb-24 container mx-auto px-4 lg:px-8\">\n                <div class=\"grid grid-cols-3 lg:grid-cols-6 xl:flex xl:flex-row xl:justify-between items-center justify-items-center gap-y-6 gap-x-4\">\n                                                                        <img decoding=\"async\" class=\"no-override h-[36px] lg:h-[48px] max-w-full\"\n                                 src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/Ohio.svg\" width=\"auto\" height=\"48\"\n                                 alt=\"Ohio\"\/>\n                                                                                                <img decoding=\"async\" class=\"no-override h-[36px] lg:h-[48px] max-w-full\"\n                                 src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/cornell.svg\" width=\"auto\" height=\"48\"\n                                 alt=\"cornell\"\/>\n                                                                                                <img decoding=\"async\" class=\"no-override h-[36px] lg:h-[48px] max-w-full\"\n                                 src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/kansas.svg\" width=\"auto\" height=\"48\"\n                                 alt=\"kansas\"\/>\n                                                                                                <img decoding=\"async\" class=\"no-override h-[36px] lg:h-[48px] max-w-full\"\n                                 src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/bjc.svg\" width=\"auto\" height=\"48\"\n                                 alt=\"bjc\"\/>\n                                                                                                <img decoding=\"async\" class=\"no-override h-[36px] lg:h-[48px] max-w-full\"\n                                 src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/baylorscott.svg\" width=\"auto\" height=\"48\"\n                                 alt=\"baylorscott\"\/>\n                                                                                                <img decoding=\"async\" class=\"no-override h-[36px] lg:h-[48px] max-w-full\"\n                                 src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/Florida-State-University.svg\" width=\"auto\" height=\"48\"\n                                 alt=\"Florida State University\"\/>\n                                                            <\/div>\n            <\/div>\n        \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\"\n                             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]\">\n                                Download Free Vulnerability Scanner for SAP\n                            <\/div>\n                            <div id=\"form-subtitle\"\n                                 class=\"text-center text-[#667084] text-xs lg:text-sm font-normal leading-normal w-full\">\n                                Gain an instant insight into your SAP security at no cost\n                            <\/div>\n                        <\/div>\n                        <div id=\"hero-header-form-container\"><\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n\n\n\n\n\n<style>\n    @media (min-width: 1024px) {\n        .active-tab {\n            box-shadow: 0 4px 38px #1018590d;\n        }\n    }\n<\/style>\n\n<section class=\"py-8 lg:py-12 scroll-mt-28\" id=\"la-solucion-de-grc-n-1-para-oracle-peoplesoft\">\n    <div class=\"container mx-auto max-w-[1024px] px-4 lg:px-8\">\n        <div class=\"relative\">\n            <div class=\"text-center flex flex-col justify-center items-center mb-12 lg:mb-16\">\n                                    <span class=\"text-[#148752] text-sm font-bold uppercase leading-[30px] tracking-wider mb-3\">LA SOLUCI\u00d3N DE GRC N.\u00b0 1 PARA ORACLE PEOPLESOFT<\/span>\n                                                    <h2 class=\"tracking-tight text-3xl leading-[38px] lg:text-5xl font-semibold max-w-[804px] lg:!leading-[60px]\">Ir m\u00e1s all\u00e1 de la gobernanza de identidad tradicional<\/h2>\n                \n                                    <div class=\"text-lg lg:text-xl font-normal text-[#2A3274] max-w-[720px] mt-4 lg:mt-5\">\n                        Pathlock <b>va m\u00e1s all\u00e1 de los controles nativos de PeopleSoft<\/b> al unificar el an\u00e1lisis de riesgos de acceso, el aprovisionamiento compatible, las certificaciones, el acceso elevado y la gesti\u00f3n de roles en una sola plataforma. Aplica el acceso de m\u00ednimo privilegio, fortalece la integridad financiera y de RR.\u00a0HH. y optimiza las auditor\u00edas, lo que reduce el riesgo y garantiza el cumplimiento continuo.                    <\/div>\n                            <\/div>\n\n            \n            <div class=\"rounded-lg bg-white\" x-data=\"tabComponent('5')\" x-init=\"init()\">\n                <div class=\"flex mx-auto justify-center\">\n                    <div>\n                        <!-- Mobile Dropdown -->\n                        <div class=\"block lg:hidden bg-white rounded-lg\">\n                            <select x-on:change=\"setActiveTab(parseInt($el.value))\" class=\"rounded-lg mb-6 py-3 rtl:pr-8 px-4 pe-9 block w-full border-[#F5F6FC] font-medium bg-[#F5F6FC] text-sm focus:border-blue-500 focus:ring-blue-50\">\n                                                                    <option value=\"1\">Access <\/br> Risk Analysis<\/option>\n                                                                    <option value=\"2\">Compliant <br> Provisioning<\/option>\n                                                                    <option value=\"3\">Certifications<\/option>\n                                                                    <option value=\"4\">Elevated Access <\/br> Management <\/option>\n                                                                    <option value=\"5\">Role <\/br>Management<\/option>\n                                                            <\/select>\n                        <\/div>\n\n                        <!-- Desktop Tabs -->\n                        <div style=\"box-shadow: 0px 12px 16px -4px rgba(15, 21, 86, 0.03);\" class=\"hidden lg:flex max-w-[1216px] min-w-[1216px] p-1.5 bg-white rounded-lg justify-around outline outline-1 outline-offset-[-1px] outline-[#E3E7F6] justify-start items-center gap-1.5\">\n                                                            <div\n                                        class=\"relative min-h-[66px] group flex-1 self-stretch rounded-md flex justify-center items-center gap-2 overflow-hidden\"\n                                        :class=\"selectedTab == 1 ? 'z-20 outline outline-1 outline-[#CED5EE]' : 'hover:outline hover:outline-1 hover:outline-[#CED5EE] hover:bg-[#FAFBFD]'\"\n                                        @mouseenter=\"selectedTab == 1 ? pauseOnHover() : null\"\n                                        @mouseleave=\"selectedTab == 1 ? resumeOnHover() : null\">\n\n                                    <!-- Background Progress Layer -->\n                                    <div\n                                            class=\"absolute inset-0 rounded-md transition-all duration-200 ease-linear z-0\"\n                                            :class=\"selectedTab == 1 ? '' : 'group-hover:bg-[#FAFBFD]'\"\n                                            :style=\"selectedTab == 1 &#038;&#038; isDesktop ? getProgressBackground(progress) : selectedTab == 1 ? 'background: #E3E7F6;' : 'background: #ffffff;'\">\n                                    <\/div>\n\n                                    <!-- Button -->\n                                    <button\n                                            class=\"px-3 py-2 relative z-10 h-full w-full flex justify-center items-center\"\n                                            :class=\"selectedTab == 1 ? '' : 'group-hover:bg-[#FAFBFD]'\"\n                                            @click.prevent=\"setActiveTab(1)\">\n\n                    <span\n                            class=\"block text-center justify-start text-[#2A3274] text-base leading-normal lg:max-w-[162px]\"\n                            :class=\"selectedTab == 1 ? 'font-semibold' : 'font-medium'\">\n                      Access <\/br> Risk Analysis                    <\/span>\n                                    <\/button>\n                                <\/div>\n                                                            <div\n                                        class=\"relative min-h-[66px] group flex-1 self-stretch rounded-md flex justify-center items-center gap-2 overflow-hidden\"\n                                        :class=\"selectedTab == 2 ? 'z-20 outline outline-1 outline-[#CED5EE]' : 'hover:outline hover:outline-1 hover:outline-[#CED5EE] hover:bg-[#FAFBFD]'\"\n                                        @mouseenter=\"selectedTab == 2 ? pauseOnHover() : null\"\n                                        @mouseleave=\"selectedTab == 2 ? resumeOnHover() : null\">\n\n                                    <!-- Background Progress Layer -->\n                                    <div\n                                            class=\"absolute inset-0 rounded-md transition-all duration-200 ease-linear z-0\"\n                                            :class=\"selectedTab == 2 ? '' : 'group-hover:bg-[#FAFBFD]'\"\n                                            :style=\"selectedTab == 2 &#038;&#038; isDesktop ? getProgressBackground(progress) : selectedTab == 2 ? 'background: #E3E7F6;' : 'background: #ffffff;'\">\n                                    <\/div>\n\n                                    <!-- Button -->\n                                    <button\n                                            class=\"px-3 py-2 relative z-10 h-full w-full flex justify-center items-center\"\n                                            :class=\"selectedTab == 2 ? '' : 'group-hover:bg-[#FAFBFD]'\"\n                                            @click.prevent=\"setActiveTab(2)\">\n\n                    <span\n                            class=\"block text-center justify-start text-[#2A3274] text-base leading-normal lg:max-w-[162px]\"\n                            :class=\"selectedTab == 2 ? 'font-semibold' : 'font-medium'\">\n                      Compliant <br> Provisioning                    <\/span>\n                                    <\/button>\n                                <\/div>\n                                                            <div\n                                        class=\"relative min-h-[66px] group flex-1 self-stretch rounded-md flex justify-center items-center gap-2 overflow-hidden\"\n                                        :class=\"selectedTab == 3 ? 'z-20 outline outline-1 outline-[#CED5EE]' : 'hover:outline hover:outline-1 hover:outline-[#CED5EE] hover:bg-[#FAFBFD]'\"\n                                        @mouseenter=\"selectedTab == 3 ? pauseOnHover() : null\"\n                                        @mouseleave=\"selectedTab == 3 ? resumeOnHover() : null\">\n\n                                    <!-- Background Progress Layer -->\n                                    <div\n                                            class=\"absolute inset-0 rounded-md transition-all duration-200 ease-linear z-0\"\n                                            :class=\"selectedTab == 3 ? '' : 'group-hover:bg-[#FAFBFD]'\"\n                                            :style=\"selectedTab == 3 &#038;&#038; isDesktop ? getProgressBackground(progress) : selectedTab == 3 ? 'background: #E3E7F6;' : 'background: #ffffff;'\">\n                                    <\/div>\n\n                                    <!-- Button -->\n                                    <button\n                                            class=\"px-3 py-2 relative z-10 h-full w-full flex justify-center items-center\"\n                                            :class=\"selectedTab == 3 ? '' : 'group-hover:bg-[#FAFBFD]'\"\n                                            @click.prevent=\"setActiveTab(3)\">\n\n                    <span\n                            class=\"block text-center justify-start text-[#2A3274] text-base leading-normal lg:max-w-[162px]\"\n                            :class=\"selectedTab == 3 ? 'font-semibold' : 'font-medium'\">\n                      Certifications                    <\/span>\n                                    <\/button>\n                                <\/div>\n                                                            <div\n                                        class=\"relative min-h-[66px] group flex-1 self-stretch rounded-md flex justify-center items-center gap-2 overflow-hidden\"\n                                        :class=\"selectedTab == 4 ? 'z-20 outline outline-1 outline-[#CED5EE]' : 'hover:outline hover:outline-1 hover:outline-[#CED5EE] hover:bg-[#FAFBFD]'\"\n                                        @mouseenter=\"selectedTab == 4 ? pauseOnHover() : null\"\n                                        @mouseleave=\"selectedTab == 4 ? resumeOnHover() : null\">\n\n                                    <!-- Background Progress Layer -->\n                                    <div\n                                            class=\"absolute inset-0 rounded-md transition-all duration-200 ease-linear z-0\"\n                                            :class=\"selectedTab == 4 ? '' : 'group-hover:bg-[#FAFBFD]'\"\n                                            :style=\"selectedTab == 4 &#038;&#038; isDesktop ? getProgressBackground(progress) : selectedTab == 4 ? 'background: #E3E7F6;' : 'background: #ffffff;'\">\n                                    <\/div>\n\n                                    <!-- Button -->\n                                    <button\n                                            class=\"px-3 py-2 relative z-10 h-full w-full flex justify-center items-center\"\n                                            :class=\"selectedTab == 4 ? '' : 'group-hover:bg-[#FAFBFD]'\"\n                                            @click.prevent=\"setActiveTab(4)\">\n\n                    <span\n                            class=\"block text-center justify-start text-[#2A3274] text-base leading-normal lg:max-w-[162px]\"\n                            :class=\"selectedTab == 4 ? 'font-semibold' : 'font-medium'\">\n                      Elevated Access <\/br> Management                     <\/span>\n                                    <\/button>\n                                <\/div>\n                                                            <div\n                                        class=\"relative min-h-[66px] group flex-1 self-stretch rounded-md flex justify-center items-center gap-2 overflow-hidden\"\n                                        :class=\"selectedTab == 5 ? 'z-20 outline outline-1 outline-[#CED5EE]' : 'hover:outline hover:outline-1 hover:outline-[#CED5EE] hover:bg-[#FAFBFD]'\"\n                                        @mouseenter=\"selectedTab == 5 ? pauseOnHover() : null\"\n                                        @mouseleave=\"selectedTab == 5 ? resumeOnHover() : null\">\n\n                                    <!-- Background Progress Layer -->\n                                    <div\n                                            class=\"absolute inset-0 rounded-md transition-all duration-200 ease-linear z-0\"\n                                            :class=\"selectedTab == 5 ? '' : 'group-hover:bg-[#FAFBFD]'\"\n                                            :style=\"selectedTab == 5 &#038;&#038; isDesktop ? getProgressBackground(progress) : selectedTab == 5 ? 'background: #E3E7F6;' : 'background: #ffffff;'\">\n                                    <\/div>\n\n                                    <!-- Button -->\n                                    <button\n                                            class=\"px-3 py-2 relative z-10 h-full w-full flex justify-center items-center\"\n                                            :class=\"selectedTab == 5 ? '' : 'group-hover:bg-[#FAFBFD]'\"\n                                            @click.prevent=\"setActiveTab(5)\">\n\n                    <span\n                            class=\"block text-center justify-start text-[#2A3274] text-base leading-normal lg:max-w-[162px]\"\n                            :class=\"selectedTab == 5 ? 'font-semibold' : 'font-medium'\">\n                      Role <\/br>Management                    <\/span>\n                                    <\/button>\n                                <\/div>\n                                                    <\/div>\n\n                        <!-- Tab Content -->\n                                                    <div x-ref=\"containerA\"\n                                 x-show=\"selectedTab === 1\"\n                                 @mouseenter=\"isDesktop ? pauseOnHover() : null\"\n                                 @mouseleave=\"isDesktop ? resumeOnHover() : null\"\n                                 class=\"flex flex-col-reverse lg:flex-row lg:justify-self-center lg:justify-between lg:mt-12 relative bg-white z-10 lg:-mx-8 max-w-[1216px] lg:min-h-[512px] xl:max-w-[1216px] rounded-lg mx-auto\">\n\n                                <!-- Left Column: Content -->\n                                <div class=\"w-full lg:w-1\/2\">\n                                    <div class=\"flex flex-col mb-5 mt-12\">\n                        <span class=\"hidden lg:flex text-3xl font-semibold mb-5\">\n                          Access Risk Analysis                        <\/span>\n                                        <span class=\"text-lg leading-7 text-[#2A3274]\">Obtenga una visibilidad profunda de las estructuras de permisos y roles jer\u00e1rquicos de PeopleSoft. Detecte y priorice los conflictos de segregaci\u00f3n de funciones (SoD) entre los m\u00f3dulos, comprenda las infracciones reales frente a las potenciales y optimice la soluci\u00f3n para proteger datos financieros y de RR. HH. sensibles.<\/span>\n                                    <\/div>\n\n                                    <ul class=\"flex flex-col gap-3 mb-12 text-[#2A3274]\">\n                                                                                    <li class=\"flex gap-3 items-start ps-4 text-lg leading-7\">\n                                                <svg class=\"rounded-full min-w-[28px] min-h-[28px] flex-shrink-0\" width=\"29\" height=\"29\" viewBox=\"0 0 29 29\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                    <g clip-path=\"url(#clip0_954_404)\">\n                                                        <rect width=\"28\" height=\"28\" transform=\"translate(0.5 0.799988)\" fill=\"#D5F6E0\"\/>\n                                                        <path d=\"M9.25 14.8L12.75 18.3L19.75 11.3\" stroke=\"#24B770\" stroke-width=\"2.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                    <\/g>\n                                                    <defs>\n                                                        <clipPath id=\"clip0_954_404\">\n                                                            <path d=\"M0.5 14.8C0.5 7.068 6.76801 0.799988 14.5 0.799988C22.232 0.799988 28.5 7.068 28.5 14.8C28.5 22.532 22.232 28.8 14.5 28.8C6.76801 28.8 0.5 22.532 0.5 14.8Z\" fill=\"white\"\/>\n                                                        <\/clipPath>\n                                                    <\/defs>\n                                                <\/svg>\n                                                Informaci\u00f3n detallada sobre jerarqu\u00edas complejas de roles en PeopleSoft                                            <\/li>\n                                                                                    <li class=\"flex gap-3 items-start ps-4 text-lg leading-7\">\n                                                <svg class=\"rounded-full min-w-[28px] min-h-[28px] flex-shrink-0\" width=\"29\" height=\"29\" viewBox=\"0 0 29 29\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                    <g clip-path=\"url(#clip0_954_404)\">\n                                                        <rect width=\"28\" height=\"28\" transform=\"translate(0.5 0.799988)\" fill=\"#D5F6E0\"\/>\n                                                        <path d=\"M9.25 14.8L12.75 18.3L19.75 11.3\" stroke=\"#24B770\" stroke-width=\"2.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                    <\/g>\n                                                    <defs>\n                                                        <clipPath id=\"clip0_954_404\">\n                                                            <path d=\"M0.5 14.8C0.5 7.068 6.76801 0.799988 14.5 0.799988C22.232 0.799988 28.5 7.068 28.5 14.8C28.5 22.532 22.232 28.8 14.5 28.8C6.76801 28.8 0.5 22.532 0.5 14.8Z\" fill=\"white\"\/>\n                                                        <\/clipPath>\n                                                    <\/defs>\n                                                <\/svg>\n                                                Reglas de SoD listas para usar y adaptadas a los procesos de PeopleSoft                                            <\/li>\n                                                                                    <li class=\"flex gap-3 items-start ps-4 text-lg leading-7\">\n                                                <svg class=\"rounded-full min-w-[28px] min-h-[28px] flex-shrink-0\" width=\"29\" height=\"29\" viewBox=\"0 0 29 29\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                    <g clip-path=\"url(#clip0_954_404)\">\n                                                        <rect width=\"28\" height=\"28\" transform=\"translate(0.5 0.799988)\" fill=\"#D5F6E0\"\/>\n                                                        <path d=\"M9.25 14.8L12.75 18.3L19.75 11.3\" stroke=\"#24B770\" stroke-width=\"2.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                    <\/g>\n                                                    <defs>\n                                                        <clipPath id=\"clip0_954_404\">\n                                                            <path d=\"M0.5 14.8C0.5 7.068 6.76801 0.799988 14.5 0.799988C22.232 0.799988 28.5 7.068 28.5 14.8C28.5 22.532 22.232 28.8 14.5 28.8C6.76801 28.8 0.5 22.532 0.5 14.8Z\" fill=\"white\"\/>\n                                                        <\/clipPath>\n                                                    <\/defs>\n                                                <\/svg>\n                                                Resoluci\u00f3n de conflictos con simulaciones de \u201cqu\u00e9 pasar\u00eda si\u201d para reducir riesgos de forma segura                                            <\/li>\n                                                                            <\/ul>\n\n                                    <div class=\"flex items-center gap-12\">\n                                                                                    <a class=\"w-full lg:w-auto justify-center flex items-center font-semibold py-3 px-[18px] bg-white border border-[#D0D5DD] hover:bg-[#F9FAFB] text-[#0F1556] group leading-7 rounded-lg transition-colors duration-200\" href=\"\/es\/products\/sap-access-risk-analysis\/\">\n                                                Obtenga m\u00e1s informaci\u00f3n                                            <\/a>\n                                        \n                                                                            <\/div>\n\n                                                                            <div class=\"prose text-[#2A3274] text-lg font-normal leading-7 prose-a:text-[#2A3274] prose-a:font-bold hover:prose-a:no-underline\">\n                                            <p><br data-mce-bogus=\"1\"><\/p>\n                                        <\/div>\n                                                                    <\/div>\n\n                                <!-- Right Column: Image\/Animation -->\n                                <div class=\"lg:ps-8 w-full flex lg:w-1\/2 lg:flex-end lg:justify-end\">\n                                    <div class=\"bg-[#F5F6FC] w-full h-full lg:max-w-[512px] lg:max-h-[512px] flex rounded-xl lg:flex-end lg:items-center\">\n                                                                                    <canvas class=\"w-full h-full lg:max-w-[512px] lg:max-h-[512px]\" x-ref=\"riveCanvas1\" data-src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/04\/access_risk_analysis.riv\" width=\"512\" height=\"512\"><\/canvas>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                                                    <div x-ref=\"containerA\"\n                                 x-show=\"selectedTab === 2\"\n                                 @mouseenter=\"isDesktop ? pauseOnHover() : null\"\n                                 @mouseleave=\"isDesktop ? resumeOnHover() : null\"\n                                 class=\"flex flex-col-reverse lg:flex-row lg:justify-self-center lg:justify-between lg:mt-12 relative bg-white z-10 lg:-mx-8 max-w-[1216px] lg:min-h-[512px] xl:max-w-[1216px] rounded-lg mx-auto\">\n\n                                <!-- Left Column: Content -->\n                                <div class=\"w-full lg:w-1\/2\">\n                                    <div class=\"flex flex-col mb-5 mt-12\">\n                        <span class=\"hidden lg:flex text-3xl font-semibold mb-5\">\n                          Compliant Provisioning                        <\/span>\n                                        <span class=\"text-lg leading-7 text-[#2A3274]\">Aprovisione accesos en PeopleSoft con confianza a trav\u00e9s de flujos de trabajo basados en pol\u00edticas que equilibran la productividad y el cumplimiento. Aseg\u00farese de que los usuarios reciban solo el acceso que necesitan, valide los derechos seg\u00fan las pol\u00edticas de SoD y optimice las aprobaciones para eliminar privilegios excesivos y cuentas hu\u00e9rfanas.<\/span>\n                                    <\/div>\n\n                                    <ul class=\"flex flex-col gap-3 mb-12 text-[#2A3274]\">\n                                                                                    <li class=\"flex gap-3 items-start ps-4 text-lg leading-7\">\n                                                <svg class=\"rounded-full min-w-[28px] min-h-[28px] flex-shrink-0\" width=\"29\" height=\"29\" viewBox=\"0 0 29 29\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                    <g clip-path=\"url(#clip0_954_404)\">\n                                                        <rect width=\"28\" height=\"28\" transform=\"translate(0.5 0.799988)\" fill=\"#D5F6E0\"\/>\n                                                        <path d=\"M9.25 14.8L12.75 18.3L19.75 11.3\" stroke=\"#24B770\" stroke-width=\"2.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                    <\/g>\n                                                    <defs>\n                                                        <clipPath id=\"clip0_954_404\">\n                                                            <path d=\"M0.5 14.8C0.5 7.068 6.76801 0.799988 14.5 0.799988C22.232 0.799988 28.5 7.068 28.5 14.8C28.5 22.532 22.232 28.8 14.5 28.8C6.76801 28.8 0.5 22.532 0.5 14.8Z\" fill=\"white\"\/>\n                                                        <\/clipPath>\n                                                    <\/defs>\n                                                <\/svg>\n                                                Aprovisionamiento detallado basado en roles en todos los m\u00f3dulos de PeopleSoft                                            <\/li>\n                                                                                    <li class=\"flex gap-3 items-start ps-4 text-lg leading-7\">\n                                                <svg class=\"rounded-full min-w-[28px] min-h-[28px] flex-shrink-0\" width=\"29\" height=\"29\" viewBox=\"0 0 29 29\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                    <g clip-path=\"url(#clip0_954_404)\">\n                                                        <rect width=\"28\" height=\"28\" transform=\"translate(0.5 0.799988)\" fill=\"#D5F6E0\"\/>\n                                                        <path d=\"M9.25 14.8L12.75 18.3L19.75 11.3\" stroke=\"#24B770\" stroke-width=\"2.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                    <\/g>\n                                                    <defs>\n                                                        <clipPath id=\"clip0_954_404\">\n                                                            <path d=\"M0.5 14.8C0.5 7.068 6.76801 0.799988 14.5 0.799988C22.232 0.799988 28.5 7.068 28.5 14.8C28.5 22.532 22.232 28.8 14.5 28.8C6.76801 28.8 0.5 22.532 0.5 14.8Z\" fill=\"white\"\/>\n                                                        <\/clipPath>\n                                                    <\/defs>\n                                                <\/svg>\n                                                Cadenas de aprobaci\u00f3n basadas en pol\u00edticas con an\u00e1lisis de \u201cqu\u00e9 pasar\u00eda si\u201d                                            <\/li>\n                                                                                    <li class=\"flex gap-3 items-start ps-4 text-lg leading-7\">\n                                                <svg class=\"rounded-full min-w-[28px] min-h-[28px] flex-shrink-0\" width=\"29\" height=\"29\" viewBox=\"0 0 29 29\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                    <g clip-path=\"url(#clip0_954_404)\">\n                                                        <rect width=\"28\" height=\"28\" transform=\"translate(0.5 0.799988)\" fill=\"#D5F6E0\"\/>\n                                                        <path d=\"M9.25 14.8L12.75 18.3L19.75 11.3\" stroke=\"#24B770\" stroke-width=\"2.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                    <\/g>\n                                                    <defs>\n                                                        <clipPath id=\"clip0_954_404\">\n                                                            <path d=\"M0.5 14.8C0.5 7.068 6.76801 0.799988 14.5 0.799988C22.232 0.799988 28.5 7.068 28.5 14.8C28.5 22.532 22.232 28.8 14.5 28.8C6.76801 28.8 0.5 22.532 0.5 14.8Z\" fill=\"white\"\/>\n                                                        <\/clipPath>\n                                                    <\/defs>\n                                                <\/svg>\n                                                Detecci\u00f3n automatizada de altas, cambios y bajas para mantener el cumplimiento                                            <\/li>\n                                                                            <\/ul>\n\n                                    <div class=\"flex items-center gap-12\">\n                                                                                    <a class=\"w-full lg:w-auto justify-center flex items-center font-semibold py-3 px-[18px] bg-white border border-[#D0D5DD] hover:bg-[#F9FAFB] text-[#0F1556] group leading-7 rounded-lg transition-colors duration-200\" href=\"\/es\/products\/compliant-provisioning\/\">\n                                                Obtenga m\u00e1s informaci\u00f3n                                            <\/a>\n                                        \n                                                                            <\/div>\n\n                                                                    <\/div>\n\n                                <!-- Right Column: Image\/Animation -->\n                                <div class=\"lg:ps-8 w-full flex lg:w-1\/2 lg:flex-end lg:justify-end\">\n                                    <div class=\"bg-[#F5F6FC] w-full h-full lg:max-w-[512px] lg:max-h-[512px] flex rounded-xl lg:flex-end lg:items-center\">\n                                                                                    <canvas class=\"w-full h-full lg:max-w-[512px] lg:max-h-[512px]\" x-ref=\"riveCanvas2\" data-src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/04\/compliant_provisioning.riv\" width=\"512\" height=\"512\"><\/canvas>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                                                    <div x-ref=\"containerA\"\n                                 x-show=\"selectedTab === 3\"\n                                 @mouseenter=\"isDesktop ? pauseOnHover() : null\"\n                                 @mouseleave=\"isDesktop ? resumeOnHover() : null\"\n                                 class=\"flex flex-col-reverse lg:flex-row lg:justify-self-center lg:justify-between lg:mt-12 relative bg-white z-10 lg:-mx-8 max-w-[1216px] lg:min-h-[512px] xl:max-w-[1216px] rounded-lg mx-auto\">\n\n                                <!-- Left Column: Content -->\n                                <div class=\"w-full lg:w-1\/2\">\n                                    <div class=\"flex flex-col mb-5 mt-12\">\n                        <span class=\"hidden lg:flex text-3xl font-semibold mb-5\">\n                          Certifications                        <\/span>\n                                        <span class=\"text-lg leading-7 text-[#2A3274]\">Optimice las revisiones de acceso en PeopleSoft con campa\u00f1as de certificaci\u00f3n automatizadas que validan los derechos frente a los requisitos de cumplimiento. Aseg\u00farese de que los usuarios solo conserven el acceso necesario para sus roles, detecte problemas de SoD de manera temprana y proporcione a los auditores evidencia clara y lista para auditor\u00eda.<\/span>\n                                    <\/div>\n\n                                    <ul class=\"flex flex-col gap-3 mb-12 text-[#2A3274]\">\n                                                                                    <li class=\"flex gap-3 items-start ps-4 text-lg leading-7\">\n                                                <svg class=\"rounded-full min-w-[28px] min-h-[28px] flex-shrink-0\" width=\"29\" height=\"29\" viewBox=\"0 0 29 29\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                    <g clip-path=\"url(#clip0_954_404)\">\n                                                        <rect width=\"28\" height=\"28\" transform=\"translate(0.5 0.799988)\" fill=\"#D5F6E0\"\/>\n                                                        <path d=\"M9.25 14.8L12.75 18.3L19.75 11.3\" stroke=\"#24B770\" stroke-width=\"2.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                    <\/g>\n                                                    <defs>\n                                                        <clipPath id=\"clip0_954_404\">\n                                                            <path d=\"M0.5 14.8C0.5 7.068 6.76801 0.799988 14.5 0.799988C22.232 0.799988 28.5 7.068 28.5 14.8C28.5 22.532 22.232 28.8 14.5 28.8C6.76801 28.8 0.5 22.532 0.5 14.8Z\" fill=\"white\"\/>\n                                                        <\/clipPath>\n                                                    <\/defs>\n                                                <\/svg>\n                                                Flujos de trabajo de certificaci\u00f3n automatizados adaptados a los modelos de acceso de PeopleSoft                                            <\/li>\n                                                                                    <li class=\"flex gap-3 items-start ps-4 text-lg leading-7\">\n                                                <svg class=\"rounded-full min-w-[28px] min-h-[28px] flex-shrink-0\" width=\"29\" height=\"29\" viewBox=\"0 0 29 29\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                    <g clip-path=\"url(#clip0_954_404)\">\n                                                        <rect width=\"28\" height=\"28\" transform=\"translate(0.5 0.799988)\" fill=\"#D5F6E0\"\/>\n                                                        <path d=\"M9.25 14.8L12.75 18.3L19.75 11.3\" stroke=\"#24B770\" stroke-width=\"2.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                    <\/g>\n                                                    <defs>\n                                                        <clipPath id=\"clip0_954_404\">\n                                                            <path d=\"M0.5 14.8C0.5 7.068 6.76801 0.799988 14.5 0.799988C22.232 0.799988 28.5 7.068 28.5 14.8C28.5 22.532 22.232 28.8 14.5 28.8C6.76801 28.8 0.5 22.532 0.5 14.8Z\" fill=\"white\"\/>\n                                                        <\/clipPath>\n                                                    <\/defs>\n                                                <\/svg>\n                                                Validaci\u00f3n continua para admitir SOX, HIPAA, PCI-DSS y RGPD                                            <\/li>\n                                                                                    <li class=\"flex gap-3 items-start ps-4 text-lg leading-7\">\n                                                <svg class=\"rounded-full min-w-[28px] min-h-[28px] flex-shrink-0\" width=\"29\" height=\"29\" viewBox=\"0 0 29 29\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                    <g clip-path=\"url(#clip0_954_404)\">\n                                                        <rect width=\"28\" height=\"28\" transform=\"translate(0.5 0.799988)\" fill=\"#D5F6E0\"\/>\n                                                        <path d=\"M9.25 14.8L12.75 18.3L19.75 11.3\" stroke=\"#24B770\" stroke-width=\"2.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                    <\/g>\n                                                    <defs>\n                                                        <clipPath id=\"clip0_954_404\">\n                                                            <path d=\"M0.5 14.8C0.5 7.068 6.76801 0.799988 14.5 0.799988C22.232 0.799988 28.5 7.068 28.5 14.8C28.5 22.532 22.232 28.8 14.5 28.8C6.76801 28.8 0.5 22.532 0.5 14.8Z\" fill=\"white\"\/>\n                                                        <\/clipPath>\n                                                    <\/defs>\n                                                <\/svg>\n                                                Informes transparentes para simplificar las auditor\u00edas y reducir los costos de revisi\u00f3n                                            <\/li>\n                                                                            <\/ul>\n\n                                    <div class=\"flex items-center gap-12\">\n                                                                                    <a class=\"w-full lg:w-auto justify-center flex items-center font-semibold py-3 px-[18px] bg-white border border-[#D0D5DD] hover:bg-[#F9FAFB] text-[#0F1556] group leading-7 rounded-lg transition-colors duration-200\" href=\"\/es\/products\/user-access-review-software\/\">\n                                                Obtenga m\u00e1s informaci\u00f3n                                            <\/a>\n                                        \n                                                                            <\/div>\n\n                                                                    <\/div>\n\n                                <!-- Right Column: Image\/Animation -->\n                                <div class=\"lg:ps-8 w-full flex lg:w-1\/2 lg:flex-end lg:justify-end\">\n                                    <div class=\"bg-[#F5F6FC] w-full h-full lg:max-w-[512px] lg:max-h-[512px] flex rounded-xl lg:flex-end lg:items-center\">\n                                                                                    <canvas class=\"w-full h-full lg:max-w-[512px] lg:max-h-[512px]\" x-ref=\"riveCanvas3\" data-src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/04\/certifications.riv\" width=\"512\" height=\"512\"><\/canvas>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                                                    <div x-ref=\"containerA\"\n                                 x-show=\"selectedTab === 4\"\n                                 @mouseenter=\"isDesktop ? pauseOnHover() : null\"\n                                 @mouseleave=\"isDesktop ? resumeOnHover() : null\"\n                                 class=\"flex flex-col-reverse lg:flex-row lg:justify-self-center lg:justify-between lg:mt-12 relative bg-white z-10 lg:-mx-8 max-w-[1216px] lg:min-h-[512px] xl:max-w-[1216px] rounded-lg mx-auto\">\n\n                                <!-- Left Column: Content -->\n                                <div class=\"w-full lg:w-1\/2\">\n                                    <div class=\"flex flex-col mb-5 mt-12\">\n                        <span class=\"hidden lg:flex text-3xl font-semibold mb-5\">\n                          Elevated Access Management                        <\/span>\n                                        <span class=\"text-lg leading-7 text-[#2A3274]\">Proporcione acceso elevado justo a tiempo en PeopleSoft para mantener los procesos empresariales funcionando sin problemas y minimizando el riesgo. Monitoree continuamente la actividad privilegiada, aplique controles de pol\u00edticas y revoque el acceso instant\u00e1neamente para evitar que los privilegios existentes se conviertan en brechas de seguridad.<\/span>\n                                    <\/div>\n\n                                    <ul class=\"flex flex-col gap-3 mb-12 text-[#2A3274]\">\n                                                                                    <li class=\"flex gap-3 items-start ps-4 text-lg leading-7\">\n                                                <svg class=\"rounded-full min-w-[28px] min-h-[28px] flex-shrink-0\" width=\"29\" height=\"29\" viewBox=\"0 0 29 29\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                    <g clip-path=\"url(#clip0_954_404)\">\n                                                        <rect width=\"28\" height=\"28\" transform=\"translate(0.5 0.799988)\" fill=\"#D5F6E0\"\/>\n                                                        <path d=\"M9.25 14.8L12.75 18.3L19.75 11.3\" stroke=\"#24B770\" stroke-width=\"2.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                    <\/g>\n                                                    <defs>\n                                                        <clipPath id=\"clip0_954_404\">\n                                                            <path d=\"M0.5 14.8C0.5 7.068 6.76801 0.799988 14.5 0.799988C22.232 0.799988 28.5 7.068 28.5 14.8C28.5 22.532 22.232 28.8 14.5 28.8C6.76801 28.8 0.5 22.532 0.5 14.8Z\" fill=\"white\"\/>\n                                                        <\/clipPath>\n                                                    <\/defs>\n                                                <\/svg>\n                                                Acceso privilegiado en tiempo real y limitado en el tiempo para usuarios de PeopleSoft                                            <\/li>\n                                                                                    <li class=\"flex gap-3 items-start ps-4 text-lg leading-7\">\n                                                <svg class=\"rounded-full min-w-[28px] min-h-[28px] flex-shrink-0\" width=\"29\" height=\"29\" viewBox=\"0 0 29 29\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                    <g clip-path=\"url(#clip0_954_404)\">\n                                                        <rect width=\"28\" height=\"28\" transform=\"translate(0.5 0.799988)\" fill=\"#D5F6E0\"\/>\n                                                        <path d=\"M9.25 14.8L12.75 18.3L19.75 11.3\" stroke=\"#24B770\" stroke-width=\"2.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                    <\/g>\n                                                    <defs>\n                                                        <clipPath id=\"clip0_954_404\">\n                                                            <path d=\"M0.5 14.8C0.5 7.068 6.76801 0.799988 14.5 0.799988C22.232 0.799988 28.5 7.068 28.5 14.8C28.5 22.532 22.232 28.8 14.5 28.8C6.76801 28.8 0.5 22.532 0.5 14.8Z\" fill=\"white\"\/>\n                                                        <\/clipPath>\n                                                    <\/defs>\n                                                <\/svg>\n                                                Monitoreo continuo y revocaci\u00f3n con un solo clic a fin de tener todo preparado para las auditor\u00edas                                            <\/li>\n                                                                                    <li class=\"flex gap-3 items-start ps-4 text-lg leading-7\">\n                                                <svg class=\"rounded-full min-w-[28px] min-h-[28px] flex-shrink-0\" width=\"29\" height=\"29\" viewBox=\"0 0 29 29\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                    <g clip-path=\"url(#clip0_954_404)\">\n                                                        <rect width=\"28\" height=\"28\" transform=\"translate(0.5 0.799988)\" fill=\"#D5F6E0\"\/>\n                                                        <path d=\"M9.25 14.8L12.75 18.3L19.75 11.3\" stroke=\"#24B770\" stroke-width=\"2.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                    <\/g>\n                                                    <defs>\n                                                        <clipPath id=\"clip0_954_404\">\n                                                            <path d=\"M0.5 14.8C0.5 7.068 6.76801 0.799988 14.5 0.799988C22.232 0.799988 28.5 7.068 28.5 14.8C28.5 22.532 22.232 28.8 14.5 28.8C6.76801 28.8 0.5 22.532 0.5 14.8Z\" fill=\"white\"\/>\n                                                        <\/clipPath>\n                                                    <\/defs>\n                                                <\/svg>\n                                                Controles basados en pol\u00edticas para bloquear o marcar comandos no compatibles                                            <\/li>\n                                                                            <\/ul>\n\n                                    <div class=\"flex items-center gap-12\">\n                                                                                    <a class=\"w-full lg:w-auto justify-center flex items-center font-semibold py-3 px-[18px] bg-white border border-[#D0D5DD] hover:bg-[#F9FAFB] text-[#0F1556] group leading-7 rounded-lg transition-colors duration-200\" href=\"\/es\/products\/elevated-access-management-software\/\">\n                                                Obtenga m\u00e1s informaci\u00f3n                                            <\/a>\n                                        \n                                                                            <\/div>\n\n                                                                    <\/div>\n\n                                <!-- Right Column: Image\/Animation -->\n                                <div class=\"lg:ps-8 w-full flex lg:w-1\/2 lg:flex-end lg:justify-end\">\n                                    <div class=\"bg-[#F5F6FC] w-full h-full lg:max-w-[512px] lg:max-h-[512px] flex rounded-xl lg:flex-end lg:items-center\">\n                                                                                    <canvas class=\"w-full h-full lg:max-w-[512px] lg:max-h-[512px]\" x-ref=\"riveCanvas4\" data-src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/04\/elevated_access_management_.riv\" width=\"512\" height=\"512\"><\/canvas>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                                                    <div x-ref=\"containerA\"\n                                 x-show=\"selectedTab === 5\"\n                                 @mouseenter=\"isDesktop ? pauseOnHover() : null\"\n                                 @mouseleave=\"isDesktop ? resumeOnHover() : null\"\n                                 class=\"flex flex-col-reverse lg:flex-row lg:justify-self-center lg:justify-between lg:mt-12 relative bg-white z-10 lg:-mx-8 max-w-[1216px] lg:min-h-[512px] xl:max-w-[1216px] rounded-lg mx-auto\">\n\n                                <!-- Left Column: Content -->\n                                <div class=\"w-full lg:w-1\/2\">\n                                    <div class=\"flex flex-col mb-5 mt-12\">\n                        <span class=\"hidden lg:flex text-3xl font-semibold mb-5\">\n                          Role Management                        <\/span>\n                                        <span class=\"text-lg leading-7 text-[#2A3274]\">Optimice los roles de PeopleSoft para fortalecer la seguridad y minimizar el riesgo. Optimice el dise\u00f1o y el mantenimiento de roles, alinee los permisos con las funciones laborales y utilice an\u00e1lisis automatizados de \u201cqu\u00e9 pasar\u00eda si\u201d para ajustar continuamente los roles a medida que evolucionan las necesidades de la organizaci\u00f3n.<\/span>\n                                    <\/div>\n\n                                    <ul class=\"flex flex-col gap-3 mb-12 text-[#2A3274]\">\n                                                                                    <li class=\"flex gap-3 items-start ps-4 text-lg leading-7\">\n                                                <svg class=\"rounded-full min-w-[28px] min-h-[28px] flex-shrink-0\" width=\"29\" height=\"29\" viewBox=\"0 0 29 29\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                    <g clip-path=\"url(#clip0_954_404)\">\n                                                        <rect width=\"28\" height=\"28\" transform=\"translate(0.5 0.799988)\" fill=\"#D5F6E0\"\/>\n                                                        <path d=\"M9.25 14.8L12.75 18.3L19.75 11.3\" stroke=\"#24B770\" stroke-width=\"2.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                    <\/g>\n                                                    <defs>\n                                                        <clipPath id=\"clip0_954_404\">\n                                                            <path d=\"M0.5 14.8C0.5 7.068 6.76801 0.799988 14.5 0.799988C22.232 0.799988 28.5 7.068 28.5 14.8C28.5 22.532 22.232 28.8 14.5 28.8C6.76801 28.8 0.5 22.532 0.5 14.8Z\" fill=\"white\"\/>\n                                                        <\/clipPath>\n                                                    <\/defs>\n                                                <\/svg>\n                                                Dise\u00f1o de roles simplificado para estructuras de seguridad complejas de PeopleSoft                                            <\/li>\n                                                                                    <li class=\"flex gap-3 items-start ps-4 text-lg leading-7\">\n                                                <svg class=\"rounded-full min-w-[28px] min-h-[28px] flex-shrink-0\" width=\"29\" height=\"29\" viewBox=\"0 0 29 29\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                    <g clip-path=\"url(#clip0_954_404)\">\n                                                        <rect width=\"28\" height=\"28\" transform=\"translate(0.5 0.799988)\" fill=\"#D5F6E0\"\/>\n                                                        <path d=\"M9.25 14.8L12.75 18.3L19.75 11.3\" stroke=\"#24B770\" stroke-width=\"2.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                    <\/g>\n                                                    <defs>\n                                                        <clipPath id=\"clip0_954_404\">\n                                                            <path d=\"M0.5 14.8C0.5 7.068 6.76801 0.799988 14.5 0.799988C22.232 0.799988 28.5 7.068 28.5 14.8C28.5 22.532 22.232 28.8 14.5 28.8C6.76801 28.8 0.5 22.532 0.5 14.8Z\" fill=\"white\"\/>\n                                                        <\/clipPath>\n                                                    <\/defs>\n                                                <\/svg>\n                                                Ajustes automatizados basados en la actividad del usuario y los cambios empresariales                                            <\/li>\n                                                                                    <li class=\"flex gap-3 items-start ps-4 text-lg leading-7\">\n                                                <svg class=\"rounded-full min-w-[28px] min-h-[28px] flex-shrink-0\" width=\"29\" height=\"29\" viewBox=\"0 0 29 29\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                    <g clip-path=\"url(#clip0_954_404)\">\n                                                        <rect width=\"28\" height=\"28\" transform=\"translate(0.5 0.799988)\" fill=\"#D5F6E0\"\/>\n                                                        <path d=\"M9.25 14.8L12.75 18.3L19.75 11.3\" stroke=\"#24B770\" stroke-width=\"2.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                    <\/g>\n                                                    <defs>\n                                                        <clipPath id=\"clip0_954_404\">\n                                                            <path d=\"M0.5 14.8C0.5 7.068 6.76801 0.799988 14.5 0.799988C22.232 0.799988 28.5 7.068 28.5 14.8C28.5 22.532 22.232 28.8 14.5 28.8C6.76801 28.8 0.5 22.532 0.5 14.8Z\" fill=\"white\"\/>\n                                                        <\/clipPath>\n                                                    <\/defs>\n                                                <\/svg>\n                                                Monitoreo continuo para eliminar privilegios innecesarios o conflictivos                                            <\/li>\n                                                                            <\/ul>\n\n                                    <div class=\"flex items-center gap-12\">\n                                                                                    <a class=\"w-full lg:w-auto justify-center flex items-center font-semibold py-3 px-[18px] bg-white border border-[#D0D5DD] hover:bg-[#F9FAFB] text-[#0F1556] group leading-7 rounded-lg transition-colors duration-200\" href=\"\/es\/products\/role-management\/\">\n                                                Obtenga m\u00e1s informaci\u00f3n                                            <\/a>\n                                        \n                                                                            <\/div>\n\n                                                                    <\/div>\n\n                                <!-- Right Column: Image\/Animation -->\n                                <div class=\"lg:ps-8 w-full flex lg:w-1\/2 lg:flex-end lg:justify-end\">\n                                    <div class=\"bg-[#F5F6FC] w-full h-full lg:max-w-[512px] lg:max-h-[512px] flex rounded-xl lg:flex-end lg:items-center\">\n                                                                                    <canvas class=\"w-full h-full lg:max-w-[512px] lg:max-h-[512px]\" x-ref=\"riveCanvas5\" data-src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/04\/role_management.riv\" width=\"512\" height=\"512\"><\/canvas>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                                            <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n\n<script>\n    function tabComponent() {\n        return {\n            selectedTab: 1,\n            progress: 0,\n            riveInstances: {},\n            interval: null,\n            progressInterval: null,\n            intervalDuration: 12000,\n            lastAutoChangeTab: 1,\n            isHoverPaused: false,\n            elapsedTime: 0,\n            isDesktop: false,\n            totalTabs: 0,\n            isRTL: document.dir === 'rtl' || document.documentElement.dir === 'rtl',\n\n            checkScreenSize() {\n                this.isDesktop = window.innerWidth >= 1024;\n            },\n\n            getProgressBackground(progress) {\n                \/\/ RTL-aware progress bar background\n                if (this.isRTL) {\n                    return `background: linear-gradient(to left, #E3E7F6 ${progress}%, #F5F6FC ${progress}%);`;\n                }\n                return `background: linear-gradient(to right, #E3E7F6 ${progress}%, #F5F6FC ${progress}%);`;\n            },\n\n            setActiveTab(tabId) {\n                this.selectedTab = tabId;\n                this.lastAutoChangeTab = tabId;\n                this.resetProgressBar();\n\n                if (this.isDesktop) {\n                    this.pauseOnHover();\n                }\n\n                this.$nextTick(() => {\n                    this.initializeRiveForTab(tabId);\n                    this.resizeRiveCanvas();\n                });\n            },\n\n            updateProgress(value) {\n                this.progress = value;\n            },\n\n            pauseOnHover() {\n                if (!this.isDesktop) return;\n\n                if (!this.isHoverPaused) {\n                    this.isHoverPaused = true;\n                    if (this.progressInterval) {\n                        clearInterval(this.progressInterval);\n                        this.progressInterval = null;\n                    }\n                    if (this.interval) {\n                        clearInterval(this.interval);\n                        this.interval = null;\n                    }\n                }\n            },\n\n            resumeOnHover() {\n                if (!this.isDesktop) return;\n\n                if (this.isHoverPaused) {\n                    this.isHoverPaused = false;\n                    this.startProgressUpdate(this.elapsedTime);\n                    this.startAutoChange();\n                }\n            },\n\n            resetInterval() {\n                if (!this.isDesktop) return;\n\n                clearInterval(this.interval);\n                clearInterval(this.progressInterval);\n                this.progress = 0;\n                this.elapsedTime = 0;\n                this.startAutoChange();\n                this.startProgressUpdate();\n            },\n\n            startAutoChange() {\n                if (!this.isDesktop) return;\n\n                if (this.interval) {\n                    clearInterval(this.interval);\n                }\n\n                const remainingTime = this.intervalDuration - this.elapsedTime;\n\n                this.interval = setTimeout(() => {\n                    const nextTab = this.lastAutoChangeTab < this.totalTabs ? this.lastAutoChangeTab + 1 : 1;\n                    this.lastAutoChangeTab = nextTab;\n                    this.selectedTab = nextTab;\n                    this.resetProgressBar();\n                    this.initializeRiveForTab(nextTab);\n                    this.resizeRiveCanvas();\n\n                    this.startRegularAutoChange();\n                }, remainingTime);\n            },\n\n            startRegularAutoChange() {\n                if (!this.isDesktop) return;\n\n                if (this.interval) {\n                    clearInterval(this.interval);\n                }\n                this.interval = setInterval(() => {\n                    const nextTab = this.lastAutoChangeTab < this.totalTabs ? this.lastAutoChangeTab + 1 : 1;\n                    this.lastAutoChangeTab = nextTab;\n                    this.selectedTab = nextTab;\n                    this.resetProgressBar();\n                    this.initializeRiveForTab(nextTab);\n                    this.resizeRiveCanvas();\n                }, this.intervalDuration);\n            },\n\n            startProgressUpdate(startTime = 0) {\n                if (!this.isDesktop) return;\n\n                this.elapsedTime = startTime;\n                const step = 50;\n\n                if (this.progressInterval) {\n                    clearInterval(this.progressInterval);\n                }\n\n                this.progressInterval = setInterval(() => {\n                    this.elapsedTime += step;\n                    this.updateProgress((this.elapsedTime \/ this.intervalDuration) * 100);\n\n                    if (this.elapsedTime >= this.intervalDuration) {\n                        this.elapsedTime = 0;\n                        this.updateProgress(0);\n                    }\n                }, step);\n            },\n\n            pauseActiveRiveAnimation() {\n                if (this.riveInstances[this.selectedTab]) {\n                    try {\n                        this.riveInstances[this.selectedTab].pause();\n                    } catch(e) {\n                        console.log('Pause not available for this Rive instance');\n                    }\n                }\n            },\n\n            resumeActiveRiveAnimation() {\n                if (this.riveInstances[this.selectedTab]) {\n                    try {\n                        this.riveInstances[this.selectedTab].play();\n                    } catch(e) {\n                        console.log('Play not available for this Rive instance');\n                    }\n                }\n            },\n\n            initializeRiveForTab(tabId) {\n                const canvas = this.$refs[`riveCanvas${tabId}`];\n                if (!canvas) return;\n\n                if (this.riveInstances[tabId]) {\n                    try {\n                        this.riveInstances[tabId].stop();\n                        this.riveInstances[tabId].cleanup();\n                    } catch(e) {}\n                }\n\n                const src = canvas.dataset.src;\n                if (!src) return;\n\n                if (canvas.parentElement) {\n                    const container = canvas.parentElement;\n                    canvas.width = container.clientWidth;\n                    canvas.height = container.clientHeight;\n                }\n\n                \/\/  ArrayBuffer insted src to fix console error loading file; may be corrupted\n                fetch(src)\n                    .then(res => {\n                        if (!res.ok) throw new Error(`Failed to fetch .riv: ${res.status}`);\n                        return res.arrayBuffer();\n                    })\n                    .then(buffer => {\n                        this.riveInstances[tabId] = new rive.Rive({\n                            buffer: buffer,\n                            canvas: canvas,\n                            autoplay: true,\n                            onLoad: () => {\n                                this.riveInstances[tabId].resizeDrawingSurfaceToCanvas();\n                            },\n                            onError: (error) => {\n                                console.error(`Rive error for tab ${tabId}:`, error);\n                            },\n                        });\n                    })\n                    .catch(err => {\n                        console.error(`Error loading .riv for tab ${tabId}:`, err);\n                    });\n            },\n\n            resizeRiveCanvas() {\n                setTimeout(() => {\n                    const activeCanvas = this.$refs[`riveCanvas${this.selectedTab}`];\n                    if (activeCanvas && this.riveInstances[this.selectedTab]) {\n                        const container = activeCanvas.parentElement;\n                        const containerWidth = container.clientWidth;\n                        const containerHeight = container.clientHeight;\n\n                        activeCanvas.width = containerWidth;\n                        activeCanvas.height = containerHeight;\n\n                        try {\n                            this.riveInstances[this.selectedTab].resizeDrawingSurfaceToCanvas();\n                        } catch(e) {\n                            console.log('Error resizing Rive canvas:', e);\n                        }\n                    }\n                }, 10);\n            },\n\n            countTotalTabs() {\n                let count = 0;\n                for (let i = 1; ; i++) {\n                    const canvas = this.$refs[`riveCanvas${i}`];\n                    if (!canvas) break;\n                    count++;\n                }\n                this.totalTabs = count;\n                return count;\n            },\n\n            initPlayers() {\n                setTimeout(() => {\n                    this.countTotalTabs();\n\n                    if (this.totalTabs > 0) {\n                        this.selectedTab = 1;\n                        this.lastAutoChangeTab = 1;\n\n                        this.initializeRiveForTab(1);\n\n                        if (this.isDesktop) {\n                            this.startRegularAutoChange();\n                            this.startProgressUpdate();\n                        }\n                    } else {\n                        console.warn(\"No Rive animations found.\");\n                    }\n                }, 50);\n            },\n\n            resetProgressBar() {\n                if (!this.isDesktop) {\n                    this.progress = 0;\n                    return;\n                }\n\n                this.elapsedTime = 0;\n                this.updateProgress(0);\n                if (this.progressInterval) {\n                    clearInterval(this.progressInterval);\n                }\n                this.startProgressUpdate();\n            },\n\n            handleResize() {\n                const wasDesktop = this.isDesktop;\n                this.checkScreenSize();\n\n                if (!wasDesktop && this.isDesktop) {\n                    this.startRegularAutoChange();\n                    this.startProgressUpdate();\n                } else if (wasDesktop && !this.isDesktop) {\n                    if (this.interval) {\n                        clearInterval(this.interval);\n                        this.interval = null;\n                    }\n                    if (this.progressInterval) {\n                        clearInterval(this.progressInterval);\n                        this.progressInterval = null;\n                    }\n                    this.progress = 0;\n                    this.elapsedTime = 0;\n                    this.isHoverPaused = false;\n                }\n\n                this.resizeRiveCanvas();\n            },\n\n            init() {\n                this.$nextTick(() => {\n                    this.checkScreenSize();\n                    this.initPlayers();\n\n                    window.addEventListener('resize', () => {\n                        this.handleResize();\n                    });\n                });\n            }\n        };\n    }\n<\/script>\n\n\n\n<section class=\"bg-white py-8 lg:py-12 scroll-mt-28\" id=\"fundamentos-de-seguridad\">\n  <div class=\"container mx-auto px-4 lg:px-8\">\n    <div class=\"relative\">\n      <div class=\"text-center flex flex-col justify-center items-center\">\n        <span class=\"text-[#148752] text-sm font-bold uppercase leading-[30px] tracking-wider mb-3\">FUNDAMENTOS DE SEGURIDAD<\/span>\n        \n                <h2 class=\"tracking-tight text-3xl leading-[38px] lg:text-5xl font-semibold mb-4 lg:mb-5 max-w-[720px] lg:!leading-[60px]\">Fortalecer la seguridad<br> en cada capa<\/h2>\n        \n                <div class=\"text-lg lg:text-xl font-normal text-[#2A3274] max-w-[720px]\">\n            Pathlock <b>ofrece seguridad por capas para PeopleSoft<\/b> que se extiende m\u00e1s all\u00e1 de la gobernanza de acceso. Nuestra plataforma defiende a nivel de aplicaciones, transacciones y datos: asegura identidades, monitorea actividades sensibles, protege datos de interfaz de usuario y brinda visibilidad inigualable sobre c\u00f3mo se accede y se utilizan los datos.        <\/div>\n        \n                            <div class=\"flex flex-col gap-8 lg:gap-16 mt-8 lg:mt-16\">\n                                        <div class=\"flex flex-col gap-12 lg:gap-24 lg:items-center lg:flex-row-reverse\">\n                <div class=\"w-full lg:w-1\/2  rounded-lg flex justify-center items-center\">\n                  <img decoding=\"async\" class=\"no-override rounded-lg\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/10\/Appsian-SSO-MFA-Logins.webp\" alt=\"App Screenshot\" \/>\n                <\/div>\n                <div class=\"w-full lg:w-1\/2 flex flex-col justify-center items-center lg:items-start text-center lg:rtl:text-right lg:text-left\">\n                    <h2 class=\"scroll-mt-28 text-2xl lg:text-4xl font-semibold mb-8 lg:mb-5 max-w-[555px] lg:leading-[44px]\" id=\"autenticacion-segura-con-sso-y-mfa\">Autenticaci\u00f3n segura con SSO y MFA<\/h2>\n                  <div class=\"text-base text-[#2A3274] leading-normal lg:text-lg leading-7 mb-4\">Los inicios de sesi\u00f3n tradicionales de PeopleSoft generan fricci\u00f3n y exponen sistemas sensibles a riesgos. Pathlock integra SSO moderno y MFA adaptativa para brindar un acceso sin inconvenientes y al mismo tiempo garantizar una s\u00f3lida verificaci\u00f3n de identidad.<\/div>\n                                      <ul class=\"flex flex-col gap-3 mb-8 lg:mb-12 pl-0 text-[#2A3274] rtl:text-right text-left\">\n                                                  <li class=\"flex gap-3 pl-4 text-base lg:text-lg font-normal lg:leading-7\"> \n                              <svg class=\"rounded-full flex-shrink-0 w-[28px] h-[28px] mt-0.5\" viewBox=\"0 0 29 29\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                <g clip-path=\"url(#clip0_954_404)\">\n                                  <rect width=\"28\" height=\"28\" transform=\"translate(0.5 0.799988)\" fill=\"#D5F6E0\"\/>\n                                  <path d=\"M9.25 14.8L12.75 18.3L19.75 11.3\" stroke=\"#24B770\" stroke-width=\"2.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                <\/g>\n                                <defs>\n                                  <clipPath id=\"clip0_954_404>\u00ab>\n                                    <path d=\"M0.5 14.8C0.5 7.068 6.76801 0.799988 14.5 0.799988C22.232 0.799988 28.5 7.068 28.5 14.8C28.5 22.532 22.232 28.8 14.5 28.8C6.76801 28.8 0.5 22.532 0.5 14.8Z\" fill=\"white\"\/>\n                                  <\/clipPath>\n                                <\/defs>\n                              <\/svg>\n                              <span>Active el SSO sin fricciones con proveedores como Okta, Azure AD y Ping.<\/span>\n                            <\/li>\n                                                  <li class=\"flex gap-3 pl-4 text-base lg:text-lg font-normal lg:leading-7\"> \n                              <svg class=\"rounded-full flex-shrink-0 w-[28px] h-[28px] mt-0.5\" viewBox=\"0 0 29 29\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                <g clip-path=\"url(#clip0_954_404)\">\n                                  <rect width=\"28\" height=\"28\" transform=\"translate(0.5 0.799988)\" fill=\"#D5F6E0\"\/>\n                                  <path d=\"M9.25 14.8L12.75 18.3L19.75 11.3\" stroke=\"#24B770\" stroke-width=\"2.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                <\/g>\n                                <defs>\n                                  <clipPath id=\"clip0_954_404>\u00ab>\n                                    <path d=\"M0.5 14.8C0.5 7.068 6.76801 0.799988 14.5 0.799988C22.232 0.799988 28.5 7.068 28.5 14.8C28.5 22.532 22.232 28.8 14.5 28.8C6.76801 28.8 0.5 22.532 0.5 14.8Z\" fill=\"white\"\/>\n                                  <\/clipPath>\n                                <\/defs>\n                              <\/svg>\n                              <span>Aplique MFA basada en riesgos de forma din\u00e1mica en cualquier p\u00e1gina o transacci\u00f3n.<\/span>\n                            <\/li>\n                                                  <li class=\"flex gap-3 pl-4 text-base lg:text-lg font-normal lg:leading-7\"> \n                              <svg class=\"rounded-full flex-shrink-0 w-[28px] h-[28px] mt-0.5\" viewBox=\"0 0 29 29\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                <g clip-path=\"url(#clip0_954_404)\">\n                                  <rect width=\"28\" height=\"28\" transform=\"translate(0.5 0.799988)\" fill=\"#D5F6E0\"\/>\n                                  <path d=\"M9.25 14.8L12.75 18.3L19.75 11.3\" stroke=\"#24B770\" stroke-width=\"2.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                <\/g>\n                                <defs>\n                                  <clipPath id=\"clip0_954_404>\u00ab>\n                                    <path d=\"M0.5 14.8C0.5 7.068 6.76801 0.799988 14.5 0.799988C22.232 0.799988 28.5 7.068 28.5 14.8C28.5 22.532 22.232 28.8 14.5 28.8C6.76801 28.8 0.5 22.532 0.5 14.8Z\" fill=\"white\"\/>\n                                  <\/clipPath>\n                                <\/defs>\n                              <\/svg>\n                              <span>Reduzca la proliferaci\u00f3n de contrase\u00f1as al tiempo que se refuerza la seguridad en PeopleSoft.<\/span>\n                            <\/li>\n                                          <\/ul>\n                                                    <\/div>\n              <\/div>\n                                        <div class=\"flex flex-col gap-12 lg:gap-24 lg:items-center lg:flex-row \">\n                <div class=\"w-full lg:w-1\/2  rounded-lg flex justify-center items-center\">\n                  <img decoding=\"async\" class=\"no-override rounded-lg\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/10\/Appsian-PeopleSoft-Data-Masking.webp\" alt=\"App Screenshot\" \/>\n                <\/div>\n                <div class=\"w-full lg:w-1\/2 flex flex-col justify-center items-center lg:items-start text-center lg:rtl:text-right lg:text-left\">\n                    <h2 class=\"scroll-mt-28 text-2xl lg:text-4xl font-semibold mb-8 lg:mb-5 max-w-[555px] lg:leading-[44px]\" id=\"proteger-los-datos-con-controles-de-acceso-dinamicos-y-masking\">Proteger los datos con controles de acceso din\u00e1micos y Masking<\/h2>\n                  <div class=\"text-base text-[#2A3274] leading-normal lg:text-lg leading-7 mb-4\">Los roles de seguridad est\u00e1ticos en PeopleSoft no pueden mantenerse al d\u00eda con las amenazas modernas. Pathlock agrega controles din\u00e1micos conscientes del contexto y enmascaramiento de datos en tiempo real para minimizar el riesgo sin ralentizar a los usuarios.<\/div>\n                                      <ul class=\"flex flex-col gap-3 mb-8 lg:mb-12 pl-0 text-[#2A3274] rtl:text-right text-left\">\n                                                  <li class=\"flex gap-3 pl-4 text-base lg:text-lg font-normal lg:leading-7\"> \n                              <svg class=\"rounded-full flex-shrink-0 w-[28px] h-[28px] mt-0.5\" viewBox=\"0 0 29 29\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                <g clip-path=\"url(#clip0_954_404)\">\n                                  <rect width=\"28\" height=\"28\" transform=\"translate(0.5 0.799988)\" fill=\"#D5F6E0\"\/>\n                                  <path d=\"M9.25 14.8L12.75 18.3L19.75 11.3\" stroke=\"#24B770\" stroke-width=\"2.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                <\/g>\n                                <defs>\n                                  <clipPath id=\"clip0_954_404>\u00ab>\n                                    <path d=\"M0.5 14.8C0.5 7.068 6.76801 0.799988 14.5 0.799988C22.232 0.799988 28.5 7.068 28.5 14.8C28.5 22.532 22.232 28.8 14.5 28.8C6.76801 28.8 0.5 22.532 0.5 14.8Z\" fill=\"white\"\/>\n                                  <\/clipPath>\n                                <\/defs>\n                              <\/svg>\n                              <span>Aplique pol\u00edticas de acceso detalladas seg\u00fan el usuario, el dispositivo o la ubicaci\u00f3n.<\/span>\n                            <\/li>\n                                                  <li class=\"flex gap-3 pl-4 text-base lg:text-lg font-normal lg:leading-7\"> \n                              <svg class=\"rounded-full flex-shrink-0 w-[28px] h-[28px] mt-0.5\" viewBox=\"0 0 29 29\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                <g clip-path=\"url(#clip0_954_404)\">\n                                  <rect width=\"28\" height=\"28\" transform=\"translate(0.5 0.799988)\" fill=\"#D5F6E0\"\/>\n                                  <path d=\"M9.25 14.8L12.75 18.3L19.75 11.3\" stroke=\"#24B770\" stroke-width=\"2.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                <\/g>\n                                <defs>\n                                  <clipPath id=\"clip0_954_404>\u00ab>\n                                    <path d=\"M0.5 14.8C0.5 7.068 6.76801 0.799988 14.5 0.799988C22.232 0.799988 28.5 7.068 28.5 14.8C28.5 22.532 22.232 28.8 14.5 28.8C6.76801 28.8 0.5 22.532 0.5 14.8Z\" fill=\"white\"\/>\n                                  <\/clipPath>\n                                <\/defs>\n                              <\/svg>\n                              <span>Enmascare campos sensibles (SSN, datos bancarios, etc.) en tiempo real.<\/span>\n                            <\/li>\n                                                  <li class=\"flex gap-3 pl-4 text-base lg:text-lg font-normal lg:leading-7\"> \n                              <svg class=\"rounded-full flex-shrink-0 w-[28px] h-[28px] mt-0.5\" viewBox=\"0 0 29 29\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                <g clip-path=\"url(#clip0_954_404)\">\n                                  <rect width=\"28\" height=\"28\" transform=\"translate(0.5 0.799988)\" fill=\"#D5F6E0\"\/>\n                                  <path d=\"M9.25 14.8L12.75 18.3L19.75 11.3\" stroke=\"#24B770\" stroke-width=\"2.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                <\/g>\n                                <defs>\n                                  <clipPath id=\"clip0_954_404>\u00ab>\n                                    <path d=\"M0.5 14.8C0.5 7.068 6.76801 0.799988 14.5 0.799988C22.232 0.799988 28.5 7.068 28.5 14.8C28.5 22.532 22.232 28.8 14.5 28.8C6.76801 28.8 0.5 22.532 0.5 14.8Z\" fill=\"white\"\/>\n                                  <\/clipPath>\n                                <\/defs>\n                              <\/svg>\n                              <span>Reduzca las amenazas internas manteniendo la productividad y el cumplimiento.<\/span>\n                            <\/li>\n                                          <\/ul>\n                                                    <\/div>\n              <\/div>\n                                        <div class=\"flex flex-col gap-12 lg:gap-24 lg:items-center lg:flex-row-reverse\">\n                <div class=\"w-full lg:w-1\/2  rounded-lg flex justify-center items-center\">\n                  <img decoding=\"async\" class=\"no-override rounded-lg\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/10\/Appsian-PeopleSoft-Data-Access.webp\" alt=\"App Screenshot\" \/>\n                <\/div>\n                <div class=\"w-full lg:w-1\/2 flex flex-col justify-center items-center lg:items-start text-center lg:rtl:text-right lg:text-left\">\n                    <h2 class=\"scroll-mt-28 text-2xl lg:text-4xl font-semibold mb-8 lg:mb-5 max-w-[555px] lg:leading-[44px]\" id=\"detectar-actividad-no-autorizada-antes-de-que-se-convierta-en-una-vulneracion\">Detectar actividad no autorizada antes de que se convierta en una vulneraci\u00f3n<\/h2>\n                  <div class=\"text-base text-[#2A3274] leading-normal lg:text-lg leading-7 mb-4\">Los registros tradicionales de PeopleSoft carecen del contexto necesario para detectar comportamientos riesgosos. Pathlock ofrece monitoreo y an\u00e1lisis en tiempo real para rastrear qui\u00e9n accede a datos sensibles, cu\u00e1ndo y c\u00f3mo se utilizan.<\/div>\n                                      <ul class=\"flex flex-col gap-3 mb-8 lg:mb-12 pl-0 text-[#2A3274] rtl:text-right text-left\">\n                                                  <li class=\"flex gap-3 pl-4 text-base lg:text-lg font-normal lg:leading-7\"> \n                              <svg class=\"rounded-full flex-shrink-0 w-[28px] h-[28px] mt-0.5\" viewBox=\"0 0 29 29\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                <g clip-path=\"url(#clip0_954_404)\">\n                                  <rect width=\"28\" height=\"28\" transform=\"translate(0.5 0.799988)\" fill=\"#D5F6E0\"\/>\n                                  <path d=\"M9.25 14.8L12.75 18.3L19.75 11.3\" stroke=\"#24B770\" stroke-width=\"2.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                <\/g>\n                                <defs>\n                                  <clipPath id=\"clip0_954_404>\u00ab>\n                                    <path d=\"M0.5 14.8C0.5 7.068 6.76801 0.799988 14.5 0.799988C22.232 0.799988 28.5 7.068 28.5 14.8C28.5 22.532 22.232 28.8 14.5 28.8C6.76801 28.8 0.5 22.532 0.5 14.8Z\" fill=\"white\"\/>\n                                  <\/clipPath>\n                                <\/defs>\n                              <\/svg>\n                              <span>Capture actividad detallada de sesi\u00f3n y transacci\u00f3n en PeopleSoft.<\/span>\n                            <\/li>\n                                                  <li class=\"flex gap-3 pl-4 text-base lg:text-lg font-normal lg:leading-7\"> \n                              <svg class=\"rounded-full flex-shrink-0 w-[28px] h-[28px] mt-0.5\" viewBox=\"0 0 29 29\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                <g clip-path=\"url(#clip0_954_404)\">\n                                  <rect width=\"28\" height=\"28\" transform=\"translate(0.5 0.799988)\" fill=\"#D5F6E0\"\/>\n                                  <path d=\"M9.25 14.8L12.75 18.3L19.75 11.3\" stroke=\"#24B770\" stroke-width=\"2.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                <\/g>\n                                <defs>\n                                  <clipPath id=\"clip0_954_404>\u00ab>\n                                    <path d=\"M0.5 14.8C0.5 7.068 6.76801 0.799988 14.5 0.799988C22.232 0.799988 28.5 7.068 28.5 14.8C28.5 22.532 22.232 28.8 14.5 28.8C6.76801 28.8 0.5 22.532 0.5 14.8Z\" fill=\"white\"\/>\n                                  <\/clipPath>\n                                <\/defs>\n                              <\/svg>\n                              <span>Detecte comportamientos inusuales e infracciones de pol\u00edticas con alertas en tiempo real.<\/span>\n                            <\/li>\n                                                  <li class=\"flex gap-3 pl-4 text-base lg:text-lg font-normal lg:leading-7\"> \n                              <svg class=\"rounded-full flex-shrink-0 w-[28px] h-[28px] mt-0.5\" viewBox=\"0 0 29 29\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                <g clip-path=\"url(#clip0_954_404)\">\n                                  <rect width=\"28\" height=\"28\" transform=\"translate(0.5 0.799988)\" fill=\"#D5F6E0\"\/>\n                                  <path d=\"M9.25 14.8L12.75 18.3L19.75 11.3\" stroke=\"#24B770\" stroke-width=\"2.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                <\/g>\n                                <defs>\n                                  <clipPath id=\"clip0_954_404>\u00ab>\n                                    <path d=\"M0.5 14.8C0.5 7.068 6.76801 0.799988 14.5 0.799988C22.232 0.799988 28.5 7.068 28.5 14.8C28.5 22.532 22.232 28.8 14.5 28.8C6.76801 28.8 0.5 22.532 0.5 14.8Z\" fill=\"white\"\/>\n                                  <\/clipPath>\n                                <\/defs>\n                              <\/svg>\n                              <span>Proporcione a los auditores una visibilidad clara de los patrones de acceso y uso de los datos.<\/span>\n                            <\/li>\n                                          <\/ul>\n                                                    <\/div>\n              <\/div>\n                      <\/div>\n            <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n<script>\n  window.wpVideoData = [{\"videoUrlMP4\":\"https:\/\/pathlock.com\/wp-content\/uploads\/videos\/lee1.mp4\",\"videoUrlWEBM\":\"https:\/\/pathlock.com\/wp-content\/uploads\/videos\/lee1.webm\",\"bgImage\":\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/lee1.webp\",\"videoCover\":\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/lee1.webp\",\"logo\":\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/04\/lee.svg\",\"mediaID\":\"rq86egfbh3\",\"person\":\"Charles Lukes | Administrador de Seguridad de PeopleSoft, distrito escolar del condado de Lee\",\"quote\":\"\u201cPathlock garantiz\u00f3 un aprovisionamiento seguro y compatible, as\u00ed como una gesti\u00f3n del ciclo de vida de identidades para los estudiantes y el personal.\u201d\",\"stat\":{\"value\":\"\",\"label\":\"\"},\"loaded\":false},{\"videoUrlMP4\":\"https:\/\/pathlock.com\/wp-content\/uploads\/videos\/lee2.mp4\",\"videoUrlWEBM\":\"https:\/\/pathlock.com\/wp-content\/uploads\/videos\/lee2.webm\",\"bgImage\":\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/lee2.webp\",\"videoCover\":\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/lee2.webp\",\"logo\":\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/04\/lee.svg\",\"mediaID\":\"46pj3rn2pj\",\"person\":\"John Zimmerman | Administrador de seguridad de PeopleSoft en el distrito escolar del condado de Lee\",\"quote\":\"\u201cPodemos ver cosas como qui\u00e9n inici\u00f3 sesi\u00f3n fuera del horario laboral, qui\u00e9n mir\u00f3 los datos de otra persona, qui\u00e9n cambi\u00f3 un W4 o vio su paga\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=\"con-la-confianza-de-mas-de-1300-clientes\" class=\"w-full scroll-mt-28 bg-[#f5f6fc] pt-[40px] lg:pt-24 mt-8 lg:mt-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                <span class=\"text-[#148752] text-sm font-bold uppercase leading-[30px] tracking-wider mb-3\">Con la confianza de m\u00e1s de 1300 clientes<\/span>\n                        <h2 class=\"text-3xl lg:text-5xl leading-[38px] lg:leading-[60px] max-w-[920px] font-semibold mb-4 lg:mb-5\">No se quede solo con nuestra palabra<\/h2>\n        \n                <div class=\"text-lg max-w-[720px] lg:text-xl leading-[30px] font-normal\">\n            Descubra c\u00f3mo las organizaciones de todo el mundo utilizan Pathlock para automatizar las preparaciones de auditor\u00edas y mantener el cumplimiento normativo.        <\/div>\n        \n        \n      <\/div>\n    <\/div>\n\n          <div id=\"split\" class=\"w-screen relative left-1\/2 -ml-[50vw] pb-8 lg:pb-12 bg-[linear-gradient(to_bottom,#f5f6fc_50%,white_50%)]\">\n        <div class=\"container mx-auto px-4 lg:px-8\">\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            <\/div>\n      <\/div>\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<section class=\"w-full relative\">\n  <div class=\"absolute inset-0 grid\" aria-hidden=\"true\">\n    <div class=\"bg-white\"><\/div>\n    <div class=\"bg-white\"><\/div>\n  <\/div>\n  <div class=\"relative container mx-auto px-4 lg:px-8 my-12\">\n    \n    <div class=\"relative overflow-hidden  rounded-xl mx-auto inset-0 flex items-center justify-center container text-white bg-[#0F1556]\">\n      <div class=\"hidden lg:block absolute top-0 right-0 w-full h-full z-0\">\n\n      <\/div>\n      <div class=\"z-10 w-full lg:w-[65%] flex flex-col items-center lg:items-start px-4 py-12 lg:p-16 h-full text-center lg:text-left lg:rtl:text-right\">\n                  <div class=\"mb-8 lg:mb-5 h-6\"><img decoding=\"async\" class=\"no-override\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2024\/11\/Auto-Layout-Horizontal.svg\" \/><\/div>\n                <h2 class=\"text-2xl lg:text-4xl font-semibold mb-8 lg:mb-5 max-w-[555px] lg:leading-[44px]\">Pathlock reconocido como l\u00edder en control de acceso para entornos con m\u00faltiples aplicaciones\t<\/h2>\n        <div class=\"text-base leading-normal lg:text-xl leading-[24px]\">Descubra por qu\u00e9 KuppingerCole, una firma independiente l\u00edder en seguridad de identidad, nombr\u00f3 a Pathlock como el l\u00edder general en herramientas de control de acceso para entornos LoB de m\u00faltiples proveedores.\t<\/div>\n        <div class=\"w-full lg:w-auto mt-6 lg:mt-12\">\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\/resource\/pathlock-recognized-as-leader-in-access-control-for-multi-app-environments\/\">Descargar informe completo (.PDF)                    \n          <\/a>\n        <\/div>  \n      <\/div>\n      <div class=\"z-10 hidden lg:flex justify-center align-center lg:w-[43%]\">\n        <img decoding=\"async\" class=\"no-override z-10\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/02\/IMG.webp\" \/>\n      <\/div>\n    <\/div>\n\n  <\/div>     \n<\/section>       \n\n\n<!-- Section: Key Initiatives -->\n<section class=\"container mx-auto px-4 lg:px-8 py-12\">\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 sus desaf\u00edos empresariales \u00fanicos con PeopleSoft y m\u00e1s all\u00e1.<\/p>\n                            <a class=\"px-[18px] py-2.5 shrink-0 bg-[#24B770] text-white font-semibold rounded-lg shadow-[0_1px_2px_0px_rgba(16,24,40,0.05)] justify-center items-center gap-1.5 inline-flex hover:bg-[#148752]\" href=\"\/es\/contact\/\">Programar demo personalizada<\/a>                        <\/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 para 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 estrictos 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=\"https:\/\/pathlock.com\/es\/products\/user-access-review-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                                        Revisiones de acceso de usuarios                                    <\/h4>\n                                    <p class=\"text-[#2A3274] text-base\">\n                                        Pathlock automatiza las UAR conscientes de riesgos, con lo que le brinda datos de uso reales, expone los riesgos de acceso sensible y de SOD, y consolida revisiones en todos los sistemas.                                    <\/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\n\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\n<section id=\"centro-de-demostraciones\"\n         class=\"bg-white py-8 lg:py-12 scroll-mt-28 mb-4 lg:mb-12\">\n    <div class=\"container mx-auto px-4 lg:px-8\">\n        <div class=\"relative\">\n            <div class=\"text-center flex flex-col justify-center items-center\">\n                <span class=\"text-[#148752] text-sm font-bold uppercase leading-[30px] tracking-wider mb-3\">CENTRO DE DEMOSTRACIONES<\/span>\n\n                                    <h2 class=\"tracking-tight text-3xl leading-[38px] lg:text-5xl font-semibold mb-4 lg:mb-5 max-w-[720px] lg:!leading-[60px]\">Ver Pathlock en acci\u00f3n<\/h2>\n                \n                                    <div class=\"text-lg lg:text-xl font-normal text-[#2A3274] max-w-[720px]\">\n                        Realice un recorrido autoguiado del producto en el navegador, sin necesidad de implementaci\u00f3n. O elija una demostraci\u00f3n en video para ver la soluci\u00f3n en acci\u00f3n.                    <\/div>\n                \n\n                                    <div class=\"flex w-full flex-wrap md:gap-x-8 gap-y-[48px] mt-12 lg:mt-16 justify-center items-stretch\"\n                         id=\"demo-cards-container\">\n\n                                                    \n                            <div class=\"relative w-full sm:w-[calc(50%-16px)] lg:w-[calc(33.333%-22px)] md:max-w-[384px] rounded-lg group\/item flex flex-col justify-start items-center hover:scale-110 transition-transform ease-in-out duration-300 h-full demo-card\">\n                                                                    <div class=\"rounded-lg px-4 lg:px-6 z-10\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/see_in_action_1.webp\"\n                                             alt=\"\"\n                                             class=\"rounded-lg no-override w-full flex items-center justify-center max-h-[180px]\"\/>\n                                    <\/div>\n                                                                <div class=\"relative rounded-lg pt-[93px] -mt-[77px] outline outline-1 outline-offset-[-1px] outline-[#E3E7F6] group-hover\/item:[box-shadow:0px_12px_16px_0px_rgba(15,21,86,0.05),_0px_4px_6px_-2px_rgba(15,21,86,0)] flex flex-col h-full\">\n                                    <div class=\"px-6 flex flex-col w-full justify-start items-start mb-6 flex-grow\">\n                                        <h3 class=\"self-stretch text-left justify-start text-[#0F1556] text-xl font-semibold leading-[30px] mb-3\">Analizar los riesgos de acceso y las infracciones de SoD<\/h3>\n                                        <p class=\"text-left justify-start text-[#2A3274] text-base font-normal leading-normal flex-grow mb-4\">Descubra c\u00f3mo Pathlock identifica riesgos de acceso reales en todas las aplicaciones y le ayuda a priorizar la soluci\u00f3n con un an\u00e1lisis de SoD detallado.<\/p>\n                                    <\/div>\n                                    <div class=\"flex flex-col lg:flex-row border-t border-[#E3E7F6] p-6 w-full justify-between items-center gap-y-4 mt-auto\">\n                                                                                    <div class=\"flex grow w-full lg:w-auto\">\n                                                <a class=\"h-12 w-full lg:w-auto px-[18px] py-3 bg-white hover:bg-[#E3E7F6] transition-colors duration-300 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\"\n                                                   href=\"https:\/\/pathlock.com\/es\/browser-tours\/pathlock-cloud-access-risk-analysis\/\"\n                                                   target=\"\">\n                                                    <div class=\"px-0.5 justify-center items-center flex\">\n                                                        <span class=\"text-[#0f1556] text-base font-semibold leading-normal\">Recorrido en l\u00ednea<\/span>\n                                                    <\/div>\n                                                <\/a>\n                                            <\/div>\n                                                                                                                            <button dir=\"ltr\" id=\"demo1\"\n                                                    data-videoId=\"ay9wodl3q6\"\n                                                    onclick=\"openModal('ay9wodl3q6')\"\n                                                    class=\"video_btn flex flex-row  w-full justify-center lg:w-auto group\/link pr-[12px] py-3 items-center\">\n                        <span class=\"mr-2  rtl:rotate-180\">\n                          <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"\n                               xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                            <g clip-path=\"url(#clip0_63_31)\">\n                            <path d=\"M9.99999 18.3334C14.6024 18.3334 18.3333 14.6024 18.3333 10C18.3333 5.39765 14.6024 1.66669 9.99999 1.66669C5.39762 1.66669 1.66666 5.39765 1.66666 10C1.66666 14.6024 5.39762 18.3334 9.99999 18.3334Z\"\n                                  class=\"stroke-[#0F1556] group-hover\/link:stroke-[#24b770] transition-colors duration-300\"\n                                  stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                            <path d=\"M7.91666 7.47113C7.91666 7.07339 7.91666 6.87452 7.99978 6.7635C8.07221 6.66675 8.18308 6.60622 8.30364 6.59761C8.44198 6.58773 8.60926 6.69527 8.94383 6.91035L12.8777 9.43923C13.168 9.62587 13.3131 9.71919 13.3633 9.83785C13.4071 9.94152 13.4071 10.0585 13.3633 10.1622C13.3131 10.2809 13.168 10.3742 12.8777 10.5608L8.94383 13.0897C8.60926 13.3048 8.44198 13.4123 8.30364 13.4024C8.18308 13.3938 8.07221 13.3333 7.99978 13.2365C7.91666 13.1255 7.91666 12.9266 7.91666 12.5289V7.47113Z\"\n                                  class=\"stroke-[#0F1556] group-hover\/link:stroke-[#24b770] transition-colors duration-300\"\n                                  stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                            <\/g>\n                            <defs>\n                            <clipPath id=\"clip0_63_31\">\n                            <rect width=\"20\" height=\"20\" fill=\"white\"\/>\n                            <\/clipPath>\n                            <\/defs>\n                          <\/svg>\n                        <\/span>\n                                                <span class=\"text-[#0f1556] text-base font-semibold leading-normal group-hover\/link:text-[#24b770] transition-colors duration-300\">Demo video<\/span>\n                                            <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                                                    \n                            <div class=\"relative w-full sm:w-[calc(50%-16px)] lg:w-[calc(33.333%-22px)] md:max-w-[384px] rounded-lg group\/item flex flex-col justify-start items-center hover:scale-110 transition-transform ease-in-out duration-300 h-full demo-card\">\n                                                                    <div class=\"rounded-lg px-4 lg:px-6 z-10\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/see_in_action_2.webp\"\n                                             alt=\"\"\n                                             class=\"rounded-lg no-override w-full flex items-center justify-center max-h-[180px]\"\/>\n                                    <\/div>\n                                                                <div class=\"relative rounded-lg pt-[93px] -mt-[77px] outline outline-1 outline-offset-[-1px] outline-[#E3E7F6] group-hover\/item:[box-shadow:0px_12px_16px_0px_rgba(15,21,86,0.05),_0px_4px_6px_-2px_rgba(15,21,86,0)] flex flex-col h-full\">\n                                    <div class=\"px-6 flex flex-col w-full justify-start items-start mb-6 flex-grow\">\n                                        <h3 class=\"self-stretch text-left justify-start text-[#0F1556] text-xl font-semibold leading-[30px] mb-3\">Automatizar el aprovisionamiento de usuarios en PeopleSoft<\/h3>\n                                        <p class=\"text-left justify-start text-[#2A3274] text-base font-normal leading-normal flex-grow mb-4\">Vea c\u00f3mo Pathlock optimiza la incorporaci\u00f3n y las aprobaciones de acceso en PeopleSoft con verificaciones de pol\u00edticas integradas y flujos de trabajo listos para auditor\u00eda.<\/p>\n                                    <\/div>\n                                    <div class=\"flex flex-col lg:flex-row border-t border-[#E3E7F6] p-6 w-full justify-between items-center gap-y-4 mt-auto\">\n                                                                                    <div class=\"flex grow w-full lg:w-auto\">\n                                                <a class=\"h-12 w-full lg:w-auto px-[18px] py-3 bg-white hover:bg-[#E3E7F6] transition-colors duration-300 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\"\n                                                   href=\"\/es\/browser-tours\/peoplesoft-compliant-provisioning\/\"\n                                                   target=\"\">\n                                                    <div class=\"px-0.5 justify-center items-center flex\">\n                                                        <span class=\"text-[#0f1556] text-base font-semibold leading-normal\">Recorrido en l\u00ednea<\/span>\n                                                    <\/div>\n                                                <\/a>\n                                            <\/div>\n                                                                                                                            <button dir=\"ltr\" id=\"demo2\"\n                                                    data-videoId=\"r25c9kuace\"\n                                                    onclick=\"openModal('r25c9kuace')\"\n                                                    class=\"video_btn flex flex-row  w-full justify-center lg:w-auto group\/link pr-[12px] py-3 items-center\">\n                        <span class=\"mr-2  rtl:rotate-180\">\n                          <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"\n                               xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                            <g clip-path=\"url(#clip0_63_31)\">\n                            <path d=\"M9.99999 18.3334C14.6024 18.3334 18.3333 14.6024 18.3333 10C18.3333 5.39765 14.6024 1.66669 9.99999 1.66669C5.39762 1.66669 1.66666 5.39765 1.66666 10C1.66666 14.6024 5.39762 18.3334 9.99999 18.3334Z\"\n                                  class=\"stroke-[#0F1556] group-hover\/link:stroke-[#24b770] transition-colors duration-300\"\n                                  stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                            <path d=\"M7.91666 7.47113C7.91666 7.07339 7.91666 6.87452 7.99978 6.7635C8.07221 6.66675 8.18308 6.60622 8.30364 6.59761C8.44198 6.58773 8.60926 6.69527 8.94383 6.91035L12.8777 9.43923C13.168 9.62587 13.3131 9.71919 13.3633 9.83785C13.4071 9.94152 13.4071 10.0585 13.3633 10.1622C13.3131 10.2809 13.168 10.3742 12.8777 10.5608L8.94383 13.0897C8.60926 13.3048 8.44198 13.4123 8.30364 13.4024C8.18308 13.3938 8.07221 13.3333 7.99978 13.2365C7.91666 13.1255 7.91666 12.9266 7.91666 12.5289V7.47113Z\"\n                                  class=\"stroke-[#0F1556] group-hover\/link:stroke-[#24b770] transition-colors duration-300\"\n                                  stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                            <\/g>\n                            <defs>\n                            <clipPath id=\"clip0_63_31\">\n                            <rect width=\"20\" height=\"20\" fill=\"white\"\/>\n                            <\/clipPath>\n                            <\/defs>\n                          <\/svg>\n                        <\/span>\n                                                <span class=\"text-[#0f1556] text-base font-semibold leading-normal group-hover\/link:text-[#24b770] transition-colors duration-300\">Demo video<\/span>\n                                            <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                                                    \n                            <div class=\"relative w-full sm:w-[calc(50%-16px)] lg:w-[calc(33.333%-22px)] md:max-w-[384px] rounded-lg group\/item flex flex-col justify-start items-center hover:scale-110 transition-transform ease-in-out duration-300 h-full demo-card\">\n                                                                    <div class=\"rounded-lg px-4 lg:px-6 z-10\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/see_in_action_3.webp\"\n                                             alt=\"\"\n                                             class=\"rounded-lg no-override w-full flex items-center justify-center max-h-[180px]\"\/>\n                                    <\/div>\n                                                                <div class=\"relative rounded-lg pt-[93px] -mt-[77px] outline outline-1 outline-offset-[-1px] outline-[#E3E7F6] group-hover\/item:[box-shadow:0px_12px_16px_0px_rgba(15,21,86,0.05),_0px_4px_6px_-2px_rgba(15,21,86,0)] flex flex-col h-full\">\n                                    <div class=\"px-6 flex flex-col w-full justify-start items-start mb-6 flex-grow\">\n                                        <h3 class=\"self-stretch text-left justify-start text-[#0F1556] text-xl font-semibold leading-[30px] mb-3\">Acelerar las certificaciones en PeopleSoft<\/h3>\n                                        <p class=\"text-left justify-start text-[#2A3274] text-base font-normal leading-normal flex-grow mb-4\">Explore c\u00f3mo Pathlock automatiza las revisiones de acceso de usuarios en PeopleSoft, se\u00f1ala los derechos riesgosos y ayuda a aplicar el m\u00ednimo privilegio.<\/p>\n                                    <\/div>\n                                    <div class=\"flex flex-col lg:flex-row border-t border-[#E3E7F6] p-6 w-full justify-between items-center gap-y-4 mt-auto\">\n                                                                                    <div class=\"flex grow w-full lg:w-auto\">\n                                                <a class=\"h-12 w-full lg:w-auto px-[18px] py-3 bg-white hover:bg-[#E3E7F6] transition-colors duration-300 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\"\n                                                   href=\"\/es\/browser-tours\/peoplesoft-user-access-reviews\/\"\n                                                   target=\"\">\n                                                    <div class=\"px-0.5 justify-center items-center flex\">\n                                                        <span class=\"text-[#0f1556] text-base font-semibold leading-normal\">Recorrido en l\u00ednea<\/span>\n                                                    <\/div>\n                                                <\/a>\n                                            <\/div>\n                                                                                                                            <button dir=\"ltr\" id=\"demo3\"\n                                                    data-videoId=\"heetdln28y\"\n                                                    onclick=\"openModal('heetdln28y')\"\n                                                    class=\"video_btn flex flex-row  w-full justify-center lg:w-auto group\/link pr-[12px] py-3 items-center\">\n                        <span class=\"mr-2  rtl:rotate-180\">\n                          <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"\n                               xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                            <g clip-path=\"url(#clip0_63_31)\">\n                            <path d=\"M9.99999 18.3334C14.6024 18.3334 18.3333 14.6024 18.3333 10C18.3333 5.39765 14.6024 1.66669 9.99999 1.66669C5.39762 1.66669 1.66666 5.39765 1.66666 10C1.66666 14.6024 5.39762 18.3334 9.99999 18.3334Z\"\n                                  class=\"stroke-[#0F1556] group-hover\/link:stroke-[#24b770] transition-colors duration-300\"\n                                  stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                            <path d=\"M7.91666 7.47113C7.91666 7.07339 7.91666 6.87452 7.99978 6.7635C8.07221 6.66675 8.18308 6.60622 8.30364 6.59761C8.44198 6.58773 8.60926 6.69527 8.94383 6.91035L12.8777 9.43923C13.168 9.62587 13.3131 9.71919 13.3633 9.83785C13.4071 9.94152 13.4071 10.0585 13.3633 10.1622C13.3131 10.2809 13.168 10.3742 12.8777 10.5608L8.94383 13.0897C8.60926 13.3048 8.44198 13.4123 8.30364 13.4024C8.18308 13.3938 8.07221 13.3333 7.99978 13.2365C7.91666 13.1255 7.91666 12.9266 7.91666 12.5289V7.47113Z\"\n                                  class=\"stroke-[#0F1556] group-hover\/link:stroke-[#24b770] transition-colors duration-300\"\n                                  stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                            <\/g>\n                            <defs>\n                            <clipPath id=\"clip0_63_31\">\n                            <rect width=\"20\" height=\"20\" fill=\"white\"\/>\n                            <\/clipPath>\n                            <\/defs>\n                          <\/svg>\n                        <\/span>\n                                                <span class=\"text-[#0f1556] text-base font-semibold leading-normal group-hover\/link:text-[#24b770] transition-colors duration-300\">Demo video<\/span>\n                                            <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                                                    \n                            <div class=\"relative w-full sm:w-[calc(50%-16px)] lg:w-[calc(33.333%-22px)] md:max-w-[384px] rounded-lg group\/item flex flex-col justify-start items-center hover:scale-110 transition-transform ease-in-out duration-300 h-full demo-card\">\n                                                                    <div class=\"rounded-lg px-4 lg:px-6 z-10\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/see_in_action_4.webp\"\n                                             alt=\"\"\n                                             class=\"rounded-lg no-override w-full flex items-center justify-center max-h-[180px]\"\/>\n                                    <\/div>\n                                                                <div class=\"relative rounded-lg pt-[93px] -mt-[77px] outline outline-1 outline-offset-[-1px] outline-[#E3E7F6] group-hover\/item:[box-shadow:0px_12px_16px_0px_rgba(15,21,86,0.05),_0px_4px_6px_-2px_rgba(15,21,86,0)] flex flex-col h-full\">\n                                    <div class=\"px-6 flex flex-col w-full justify-start items-start mb-6 flex-grow\">\n                                        <h3 class=\"self-stretch text-left justify-start text-[#0F1556] text-xl font-semibold leading-[30px] mb-3\">Controlar el acceso privilegiado con confianza<\/h3>\n                                        <p class=\"text-left justify-start text-[#2A3274] text-base font-normal leading-normal flex-grow mb-4\">Descubra c\u00f3mo Pathlock gestiona el acceso elevado con l\u00edmites de tiempo, registra la actividad privilegiada y evita los privilegios permanentes en sus sistemas.<\/p>\n                                    <\/div>\n                                    <div class=\"flex flex-col lg:flex-row border-t border-[#E3E7F6] p-6 w-full justify-between items-center gap-y-4 mt-auto\">\n                                                                                    <div class=\"flex grow w-full lg:w-auto\">\n                                                <a class=\"h-12 w-full lg:w-auto px-[18px] py-3 bg-white hover:bg-[#E3E7F6] transition-colors duration-300 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\"\n                                                   href=\"https:\/\/pathlock.com\/es\/browser-tours\/pathlock-cloud-elevated-access-management\/\"\n                                                   target=\"\">\n                                                    <div class=\"px-0.5 justify-center items-center flex\">\n                                                        <span class=\"text-[#0f1556] text-base font-semibold leading-normal\">Recorrido en l\u00ednea<\/span>\n                                                    <\/div>\n                                                <\/a>\n                                            <\/div>\n                                                                                                                            <button dir=\"ltr\" id=\"demo4\"\n                                                    data-videoId=\"i23tgb4e22\"\n                                                    onclick=\"openModal('i23tgb4e22')\"\n                                                    class=\"video_btn flex flex-row  w-full justify-center lg:w-auto group\/link pr-[12px] py-3 items-center\">\n                        <span class=\"mr-2  rtl:rotate-180\">\n                          <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"\n                               xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                            <g clip-path=\"url(#clip0_63_31)\">\n                            <path d=\"M9.99999 18.3334C14.6024 18.3334 18.3333 14.6024 18.3333 10C18.3333 5.39765 14.6024 1.66669 9.99999 1.66669C5.39762 1.66669 1.66666 5.39765 1.66666 10C1.66666 14.6024 5.39762 18.3334 9.99999 18.3334Z\"\n                                  class=\"stroke-[#0F1556] group-hover\/link:stroke-[#24b770] transition-colors duration-300\"\n                                  stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                            <path d=\"M7.91666 7.47113C7.91666 7.07339 7.91666 6.87452 7.99978 6.7635C8.07221 6.66675 8.18308 6.60622 8.30364 6.59761C8.44198 6.58773 8.60926 6.69527 8.94383 6.91035L12.8777 9.43923C13.168 9.62587 13.3131 9.71919 13.3633 9.83785C13.4071 9.94152 13.4071 10.0585 13.3633 10.1622C13.3131 10.2809 13.168 10.3742 12.8777 10.5608L8.94383 13.0897C8.60926 13.3048 8.44198 13.4123 8.30364 13.4024C8.18308 13.3938 8.07221 13.3333 7.99978 13.2365C7.91666 13.1255 7.91666 12.9266 7.91666 12.5289V7.47113Z\"\n                                  class=\"stroke-[#0F1556] group-hover\/link:stroke-[#24b770] transition-colors duration-300\"\n                                  stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                            <\/g>\n                            <defs>\n                            <clipPath id=\"clip0_63_31\">\n                            <rect width=\"20\" height=\"20\" fill=\"white\"\/>\n                            <\/clipPath>\n                            <\/defs>\n                          <\/svg>\n                        <\/span>\n                                                <span class=\"text-[#0f1556] text-base font-semibold leading-normal group-hover\/link:text-[#24b770] transition-colors duration-300\">Demo video<\/span>\n                                            <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                                                    \n                            <div class=\"relative w-full sm:w-[calc(50%-16px)] lg:w-[calc(33.333%-22px)] md:max-w-[384px] rounded-lg group\/item flex flex-col justify-start items-center hover:scale-110 transition-transform ease-in-out duration-300 h-full demo-card\">\n                                                                    <div class=\"rounded-lg px-4 lg:px-6 z-10\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/10\/image-5.jpg\"\n                                             alt=\"\"\n                                             class=\"rounded-lg no-override w-full flex items-center justify-center max-h-[180px]\"\/>\n                                    <\/div>\n                                                                <div class=\"relative rounded-lg pt-[93px] -mt-[77px] outline outline-1 outline-offset-[-1px] outline-[#E3E7F6] group-hover\/item:[box-shadow:0px_12px_16px_0px_rgba(15,21,86,0.05),_0px_4px_6px_-2px_rgba(15,21,86,0)] flex flex-col h-full\">\n                                    <div class=\"px-6 flex flex-col w-full justify-start items-start mb-6 flex-grow\">\n                                        <h3 class=\"self-stretch text-left justify-start text-[#0F1556] text-xl font-semibold leading-[30px] mb-3\">Gestionar roles y reducir riesgos de forma proactiva<\/h3>\n                                        <p class=\"text-left justify-start text-[#2A3274] text-base font-normal leading-normal flex-grow mb-4\">Descubra c\u00f3mo las herramientas de gesti\u00f3n de roles basadas en IA de Pathlock le ayudan a simplificar el dise\u00f1o de roles y reducir la exposici\u00f3n al riesgo de su organizaci\u00f3n.<\/p>\n                                    <\/div>\n                                    <div class=\"flex flex-col lg:flex-row border-t border-[#E3E7F6] p-6 w-full justify-between items-center gap-y-4 mt-auto\">\n                                                                                                                            <button dir=\"ltr\" id=\"demo5\"\n                                                    data-videoId=\"hc55n80is3\"\n                                                    onclick=\"openModal('hc55n80is3')\"\n                                                    class=\"video_btn flex flex-row  w-full justify-center lg:w-auto group\/link pr-[12px] py-3 items-center\">\n                        <span class=\"mr-2  rtl:rotate-180\">\n                          <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"\n                               xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                            <g clip-path=\"url(#clip0_63_31)\">\n                            <path d=\"M9.99999 18.3334C14.6024 18.3334 18.3333 14.6024 18.3333 10C18.3333 5.39765 14.6024 1.66669 9.99999 1.66669C5.39762 1.66669 1.66666 5.39765 1.66666 10C1.66666 14.6024 5.39762 18.3334 9.99999 18.3334Z\"\n                                  class=\"stroke-[#0F1556] group-hover\/link:stroke-[#24b770] transition-colors duration-300\"\n                                  stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                            <path d=\"M7.91666 7.47113C7.91666 7.07339 7.91666 6.87452 7.99978 6.7635C8.07221 6.66675 8.18308 6.60622 8.30364 6.59761C8.44198 6.58773 8.60926 6.69527 8.94383 6.91035L12.8777 9.43923C13.168 9.62587 13.3131 9.71919 13.3633 9.83785C13.4071 9.94152 13.4071 10.0585 13.3633 10.1622C13.3131 10.2809 13.168 10.3742 12.8777 10.5608L8.94383 13.0897C8.60926 13.3048 8.44198 13.4123 8.30364 13.4024C8.18308 13.3938 8.07221 13.3333 7.99978 13.2365C7.91666 13.1255 7.91666 12.9266 7.91666 12.5289V7.47113Z\"\n                                  class=\"stroke-[#0F1556] group-hover\/link:stroke-[#24b770] transition-colors duration-300\"\n                                  stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                            <\/g>\n                            <defs>\n                            <clipPath id=\"clip0_63_31\">\n                            <rect width=\"20\" height=\"20\" fill=\"white\"\/>\n                            <\/clipPath>\n                            <\/defs>\n                          <\/svg>\n                        <\/span>\n                                                <span class=\"text-[#0f1556] text-base font-semibold leading-normal group-hover\/link:text-[#24b770] transition-colors duration-300\">Demo video<\/span>\n                                            <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        \n                    <\/div>\n                            <\/div>\n        <\/div>\n    <\/div>\n    <div id=\"modal\" class=\"fixed inset-0 z-50 hidden\">\n        <div\n                id=\"modal-backdrop\"\n                class=\"fixed  z-10 inset-0 bg-[#0f1556] bg-opacity-60 transition-opacity duration-300 opacity-0\"><\/div>\n\n        <div class=\"fixed inset-0 max-w-[1000px] mx-auto z-20 flex items-center justify-center p-4\">\n            <div\n                    id=\"modal-content\"\n                    class=\"rounded-lg max-w-5xl overflow-hidden w-full mx-4 relative transform scale-90 opacity-0 transition-all duration-300\">\n\n                <div class=\"flex justify-end items-center p-4 absolute z-10 right-4\">\n                    <button\n                            id=\"close-modal\"\n                            onclick=\"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                        <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                            <path\n                                    stroke-linecap=\"round\"\n                                    stroke-linejoin=\"round\"\n                                    stroke-width=\"2\"\n                                    d=\"M6 18L18 6M6 6l12 12\"><\/path>\n                        <\/svg>\n                    <\/button>\n                <\/div>\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<\/section>\n<script>\n    const modalOverlay = document.getElementById('modal-backdrop');\n\n    modalOverlay.addEventListener('click', function (event) {\n\n        closeModal();\n    });\n\n    function animateModalOpen(modalBackdrop, modalContent) {\n        modalBackdrop.style.opacity = '1';\n        modalContent.style.opacity = '1';\n        modalContent.style.transform = 'scale(1)';\n    }\n\n    function openModal(mediaId) {\n        document.body.classList.add('modal-open');\n        const modal = document.getElementById('modal');\n        const modalBackdrop = document.getElementById('modal-backdrop');\n        const modalContent = document.getElementById('modal-content');\n\n        modal.classList.remove('hidden');\n        createWistiaVideo(mediaId);\n\n\n        setTimeout(() => animateModalOpen(modalBackdrop, modalContent), 300);\n    }\n\n    function closeModal() {\n        const modal = document.getElementById('modal');\n        const modalBackdrop = document.getElementById('modal-backdrop');\n        const modalContent = document.getElementById('modal-content');\n\n        modalBackdrop.style.opacity = '0';\n        modalContent.style.opacity = '0';\n        modalContent.style.transform = 'scale(0.9)';\n\n        setTimeout(() => {\n            modal.classList.add('hidden');\n        }, 300);\n        document.body.classList.remove('modal-open');\n    }\n\n    document.addEventListener('keydown', function (event) {\n        if (event.key === 'Escape') {\n            closeModal();\n        }\n    });\n\n    function createWistiaVideo(mediaId) {\n\n        const container = document.getElementById('wistia-video-container');\n        if (container) {\n            container.innerHTML = '';\n\n\n            const videoDiv = document.createElement('div');\n            videoDiv.className = 'wistia_embed wistia_async_' + mediaId;\n            videoDiv.style.height = '100%';\n            videoDiv.style.width = '100%';\n            container.appendChild(videoDiv);\n\n            \/\/ Initialize Wistia\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\n        }\n    }\n\n    document.addEventListener('DOMContentLoaded', function () {\n        const hash = window.location.hash.substring(1);\n        \n        if (!hash) return;\n\n        const anchor = document.getElementById(hash);\n\n        if (anchor) {\n            const videoId = anchor.getAttribute('data-videoId');\n\n            setTimeout(() => {\n                anchor.scrollIntoView({\n                    behavior: 'smooth',\n                    block: 'center'\n                });\n            }, 100);\n\n            if (videoId) {\n                setTimeout(() => {\n                    openModal(videoId);\n                }, 500);\n            }\n\n        }\n    });\n\n    \/\/ Function to equalize card heights\n    function equalizeCardHeights() {\n        const container = document.getElementById('demo-cards-container');\n        if (!container) return;\n\n        const cards = container.querySelectorAll('.demo-card');\n        if (cards.length === 0) return;\n\n        \/\/ Reset heights first\n        cards.forEach(card => {\n            card.style.height = 'auto';\n        });\n\n        \/\/ Group cards by rows\n        const rows = [];\n        let currentRow = [];\n        let currentTop = null;\n\n        cards.forEach((card, index) => {\n            const rect = card.getBoundingClientRect();\n            const cardTop = rect.top;\n\n            if (currentTop === null || Math.abs(cardTop - currentTop) < 10) {\n                \/\/ Same row\n                currentRow.push(card);\n                currentTop = cardTop;\n            } else {\n                \/\/ New row\n                if (currentRow.length > 0) {\n                    rows.push(currentRow);\n                }\n                currentRow = [card];\n                currentTop = cardTop;\n            }\n\n            \/\/ Add last row\n            if (index === cards.length - 1) {\n                rows.push(currentRow);\n            }\n        });\n\n        \/\/ Equalize heights within each row\n        rows.forEach(row => {\n            let maxHeight = 0;\n            row.forEach(card => {\n                const height = card.offsetHeight;\n                if (height > maxHeight) {\n                    maxHeight = height;\n                }\n            });\n\n            row.forEach(card => {\n                card.style.height = maxHeight + 'px';\n            });\n        });\n    }\n\n    \/\/ Run on load and resize\n    document.addEventListener('DOMContentLoaded', function () {\n        \/\/ Equalize card heights\n        equalizeCardHeights();\n\n        \/\/ Run again after images load\n        const images = document.querySelectorAll('.demo-card img');\n        let loadedImages = 0;\n        images.forEach(img => {\n            if (img.complete) {\n                loadedImages++;\n            } else {\n                img.addEventListener('load', () => {\n                    loadedImages++;\n                    if (loadedImages === images.length) {\n                        equalizeCardHeights();\n                    }\n                });\n            }\n        });\n\n        if (loadedImages === images.length) {\n            equalizeCardHeights();\n        }\n\n        \/\/ Handle window resize\n        let resizeTimeout;\n        window.addEventListener('resize', () => {\n            clearTimeout(resizeTimeout);\n            resizeTimeout = setTimeout(() => {\n                equalizeCardHeights();\n            }, 250);\n        });\n\n        \/\/ Existing toggle functionality\n        const toggleButtons = document.querySelectorAll('.button__toggle, .card__title');\n\n        toggleButtons.forEach(button => {\n            button.addEventListener('click', function () {\n\n                if (window.innerWidth >= 864) {\n                    return;\n                }\n\n                const cardInnerContainer = button.closest('.card__inner-container');\n                const textContainer = cardInnerContainer?.querySelector('.card-vgt__text-container');\n                const cardVgt = button.closest('.card-vgt');\n                const currentHeight = cardInnerContainer.offsetHeight;\n\n\n                const closeIcon = button.querySelector('.icon_toggle.close');\n                const openIcon = button.querySelector('.icon_toggle.open');\n\n                if (closeIcon && openIcon) {\n                    closeIcon.classList.toggle('hidden');\n                    openIcon.classList.toggle('hidden');\n                }\n\n                if (cardInnerContainer) {\n                    if (cardInnerContainer.style.maxHeight === '600px') {\n                        cardInnerContainer.style.maxHeight = '';\n                    } else {\n                        cardInnerContainer.style.maxHeight = '600px';\n                    }\n                }\n\n                const newHeight = cardInnerContainer.offsetHeight;\n                const heightDifference = newHeight - currentHeight;\n                const currentMarginBottom = parseFloat(window.getComputedStyle(cardVgt).marginBottom);\n                const newMarginBottom = currentMarginBottom + heightDifference;\n\n                if (textContainer) {\n                    textContainer.classList.toggle('desktop');\n                }\n                if (cardVgt) {\n                    if (newMarginBottom > currentMarginBottom) {\n                        cardVgt.style.marginBottom = `${newMarginBottom}px`;\n\n                    } else {\n                        cardVgt.style.marginBottom = '100px';\n                    }\n                }\n            });\n        });\n    });\n<\/script>\n\n\n\n<section class=\"py-12 lg:py-24 bg-[#f5f6fc]\">\n  <div class=\"realtive container mx-auto px-4 lg:px-8\">\n    <div class=\"grid grid-cols-1 lg:grid-cols-3 gap-8 max-w-[1280px] mx-auto\">\n      <div class=\"col-span-1 text-center lg:text-left lg:rtl:text-right flex flex-col justify-center gap-3 lg:gap-5\">\n                  <h2 class=\"text-3xl leading-9 lg:text-4xl lg:leading-10 font-semibold\">Conectores para Oracle<\/h2>\n                          <p class=\"text-base leading-normal lg:text-xl \">La gobernanza de identidad detallada comienza con conectores de alta precisi\u00f3n.<\/p>\n                  <a class=\"justify-center mb-3 lg:mb-0 lg:justify-start flex items-center font-semibold hover:text-[#44C382] group text-lg leading-7 transition-colors duration-300\" href=\"\/es\/integrations\/\">Visitar Connector Studio            <span class=\"rtl:mr-2 rtl:ml-0 ml-2 rtl:rotate-180 stroke-[#0F1556] group-hover:stroke-[#44C382] group-hover:translate-x-0.5 group-hover:rtl:-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\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n              <\/svg>\n            <\/span>\n          <\/a>\n    <\/div>\n\n\n\n    \n                        <a class=\"group  bg-[white] p-6 col-span-1 rounded-lg shadow-[0px_4px_6px_-2px_rgba(15,21,86,0.00)] shadow-[0px_12px_16px_0px_rgba(15,21,86,0.05)] outline outline-1 outline-[#e2e8f0] flex-col justify-start items-start transition-shadow ease-in-out duration-300 hover:[box-shadow:0px_12px_16px_0px_rgba(15,21,86,0.05),_0px_4px_6px_-2px_rgba(15,21,86,0)]\"  href=\"https:\/\/pathlock.com\/es\/integrations\/oracle-peoplesoft\/\">\n                          <img decoding=\"async\" class=\"no-override max-h-28 w-auto flex pb-10 pt-4\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/03\/Oracle-PeopleSoft_logo-1.svg\" alt=\"\" \/>\n                                      <h3 class=\"group-hover:text-[#44C382] pb-2 transition-colors duration-300 lg:leading-loose lg:text-xl font-semibold\">Oracle PeopleSoft<\/h3>\n                                      <p>Oracle PeopleSoft es una suite de software empresarial que se especializa en RR.\u00a0HH., finanzas y gesti\u00f3n de la cade...<\/p>\n                        <div class=\"pt-6 flex items-center font-semibold group-hover:text-[#44C382] text-lg leading-7 transition-colors duration-300\"> Obtenga m\u00e1s informaci\u00f3n              <span class=\"rtl:mr-2 rtl:ml-0 ml-2 rtl:rotate-180 stroke-[#0F1556] group-hover:stroke-[#44C382] group-hover:translate-x-0.5 group-hover:rtl:-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\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                <\/svg>\n              <\/span>\n            <\/div>\n          <\/a>\n                        <a class=\"group  bg-[white] p-6 col-span-1 rounded-lg shadow-[0px_4px_6px_-2px_rgba(15,21,86,0.00)] shadow-[0px_12px_16px_0px_rgba(15,21,86,0.05)] outline outline-1 outline-[#e2e8f0] flex-col justify-start items-start transition-shadow ease-in-out duration-300 hover:[box-shadow:0px_12px_16px_0px_rgba(15,21,86,0.05),_0px_4px_6px_-2px_rgba(15,21,86,0)]\"  href=\"https:\/\/pathlock.com\/es\/integrations\/oracle-e-business-suite\/\">\n                          <img decoding=\"async\" class=\"no-override max-h-28 w-auto flex pb-10 pt-4\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/03\/Oracle-E-Business-Suite_logo-1.svg\" alt=\"\" \/>\n                                      <h3 class=\"group-hover:text-[#44C382] pb-2 transition-colors duration-300 lg:leading-loose lg:text-xl font-semibold\">Oracle E-Business Suite<\/h3>\n                                      <p>Oracle EBS es una suite integrada de aplicaciones para gestionar procesos empresariales, como los correspondientes ...<\/p>\n                        <div class=\"pt-6 flex items-center font-semibold group-hover:text-[#44C382] text-lg leading-7 transition-colors duration-300\"> Obtenga m\u00e1s informaci\u00f3n              <span class=\"rtl:mr-2 rtl:ml-0 ml-2 rtl:rotate-180 stroke-[#0F1556] group-hover:stroke-[#44C382] group-hover:translate-x-0.5 group-hover:rtl:-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\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                <\/svg>\n              <\/span>\n            <\/div>\n          <\/a>\n              <\/div>\n  <\/div>\n<\/section>             ","protected":false},"featured_media":0,"parent":0,"template":"","categories":[],"applications_type":[],"class_list":["post-43581","applications","type-applications","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.0 (Yoast SEO v27.3) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Automatizar el acceso seguro a PeopleSoft | Reserve una demostraci\u00f3n hoy mismo<\/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\/applications\/peoplesoft-identity-governance\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Gobernanza de identidad y acceso de PeopleSoft\" \/>\n<meta property=\"og:url\" content=\"https:\/\/pathlock.com\/es\/applications\/peoplesoft-identity-governance\/\" \/>\n<meta property=\"og:site_name\" content=\"Pathlock\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-26T13:45:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/06\/OpenGraph-Pathlock-Logo.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/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\\\/applications\\\/peoplesoft-identity-governance\\\/\",\"url\":\"https:\\\/\\\/pathlock.com\\\/es\\\/applications\\\/peoplesoft-identity-governance\\\/\",\"name\":\"Automatizar el acceso seguro a PeopleSoft | Reserve una demostraci\u00f3n hoy mismo\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/pathlock.com\\\/es\\\/#website\"},\"datePublished\":\"2023-08-26T08:20:22+00:00\",\"dateModified\":\"2025-11-26T13:45:00+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/pathlock.com\\\/es\\\/applications\\\/peoplesoft-identity-governance\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/pathlock.com\\\/es\\\/applications\\\/peoplesoft-identity-governance\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/pathlock.com\\\/es\\\/applications\\\/peoplesoft-identity-governance\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/pathlock.com\\\/es\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Gobernanza de identidad y acceso de PeopleSoft\"}]},{\"@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":"Automatizar el acceso seguro a PeopleSoft | Reserve una demostraci\u00f3n hoy mismo","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\/applications\/peoplesoft-identity-governance\/","og_locale":"es_ES","og_type":"article","og_title":"Gobernanza de identidad y acceso de PeopleSoft","og_url":"https:\/\/pathlock.com\/es\/applications\/peoplesoft-identity-governance\/","og_site_name":"Pathlock","article_modified_time":"2025-11-26T13:45:00+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/06\/OpenGraph-Pathlock-Logo.webp","type":"image\/webp"}],"twitter_card":"summary_large_image","twitter_site":"@pathlock","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/pathlock.com\/es\/applications\/peoplesoft-identity-governance\/","url":"https:\/\/pathlock.com\/es\/applications\/peoplesoft-identity-governance\/","name":"Automatizar el acceso seguro a PeopleSoft | Reserve una demostraci\u00f3n hoy mismo","isPartOf":{"@id":"https:\/\/pathlock.com\/es\/#website"},"datePublished":"2023-08-26T08:20:22+00:00","dateModified":"2025-11-26T13:45:00+00:00","breadcrumb":{"@id":"https:\/\/pathlock.com\/es\/applications\/peoplesoft-identity-governance\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/pathlock.com\/es\/applications\/peoplesoft-identity-governance\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/pathlock.com\/es\/applications\/peoplesoft-identity-governance\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/pathlock.com\/es\/"},{"@type":"ListItem","position":2,"name":"Gobernanza de identidad y acceso de PeopleSoft"}]},{"@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":false,"no_link":false,"sub_nav_type":"columns"},"_links":{"self":[{"href":"https:\/\/pathlock.com\/es\/wp-json\/wp\/v2\/applications\/43581","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pathlock.com\/es\/wp-json\/wp\/v2\/applications"}],"about":[{"href":"https:\/\/pathlock.com\/es\/wp-json\/wp\/v2\/types\/applications"}],"wp:attachment":[{"href":"https:\/\/pathlock.com\/es\/wp-json\/wp\/v2\/media?parent=43581"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pathlock.com\/es\/wp-json\/wp\/v2\/categories?post=43581"},{"taxonomy":"applications_type","embeddable":true,"href":"https:\/\/pathlock.com\/es\/wp-json\/wp\/v2\/applications_type?post=43581"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}