{"id":44575,"date":"2024-10-31T14:18:44","date_gmt":"2024-10-31T18:18:44","guid":{"rendered":"https:\/\/pathlock.com\/the-leader-in-application-security-and-controls-automation\/"},"modified":"2026-05-19T07:53:02","modified_gmt":"2026-05-19T11:53:02","slug":"the-leader-in-application-security-and-controls-automation","status":"publish","type":"page","link":"https:\/\/pathlock.com\/es\/","title":{"rendered":"Gobernanza de identidad centrada en el cumplimiento"},"content":{"rendered":"\n<section aria-labelledby=\"hero-heading\">\n    <div class=\"relative lg:py-24 py-12\">\n        <div class=\"absolute inset-0 -z-10\">\n\n            <video class=\"w-full h-full object-cover\"\n                   autoplay loop muted playsinline\n                   preload=\"metadata\"\n                   aria-hidden=\"true\"\n                   tabindex=\"-1\"\n                poster=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/hero_video_cover.avif\">\n                                    <source src=\"\/wp-content\/uploads\/2026\/03\/hero_video_bg.webm\" type=\"video\/webm\" fetchpriority=\"high\">\n                                                    <source src=\"\/wp-content\/uploads\/2026\/03\/hero_video_bg.mp4\" type=\"video\/mp4\" fetchpriority=\"high\">\n                            <\/video>\n        <\/div>\n\n        <div class=\"container pt-[80px] mx-auto lg:px-8 px-4 text-center\">\n\n            <h1 id=\"hero-heading\"\n                class=\"text-white lg:text-7xl text-4xl font-semibold lg:leading-[90px] leading-10\">\n                Gobernanza de identidad y<br> acceso preparada para auditor\u00eda            <\/h1>\n\n\n            <div class=\"lg:mt-6 mt-4 text-[#EAF3FF] lg:text-xl text-sm lg:leading-8 leading-5\">\n                Proteja y gestione <b class=\"text-white\">identidades humanas y no humanas<\/b>en todos los sistemas ERP <span class=\"sm:block inline\">y aplicaciones cr\u00edticas para la empresa, todo en una sola plataforma<b class=\"text-white\">nativa de IA<\/b>.<\/span>            <\/div>\n\n            <div class=\"flex flex-wrap sm:gap-5 gap-3 items-center justify-center lg:mt-12 mt-8\">\n\n                \n                    <a class=\"flex sm:w-auto w-full rounded-lg justify-center items-center bg-[#24B770] hover:bg-[#148752] transition-colors duration-300 px-[18px] py-3 text-white text-base font-semibold leading-6 focus:outline-2 focus:outline-white focus:outline-offset-2\"\n                       href=\"\/es\/contact\/\"\n                       data-cta=\"primary\">\n                        Programar una demostraci\u00f3n                    <\/a>\n                \n                \n                    <a class=\"flex sm:w-auto w-full rounded-lg outline outline-1 overflow-hidden outline-offset-[-1px] outline-[#E3E7F6] justify-center items-center px-[18px] py-3 gap-2 stroke-white text-white text-base font-semibold leading-6 transition-colors duration-300 hover:bg-white hover:text-[#0F1556] hover:stroke-[#0F1556] focus:outline-2 focus:outline-white focus:outline-offset-2 group\"\n                       href=\"\/es\/browser-tours\/main-pathlock-cloud\/\"\n                       data-cta=\"secondary\">\n                        Iniciar recorrido en el navegador                        <span class=\"group-hover:translate-x-0.5 group-hover:rtl:-translate-x-0.5 rtl:rotate-180 transition ease-in-out duration-300\" aria-hidden=\"true\">\n\n                            <svg width=\"20\" height=\"20\" viewBox=\"0 0 21 21\" fill=\"none\"\n                                 xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                                 aria-hidden=\"true\"\n                                 focusable=\"false\">\n                                <path d=\"M4.66663 10.1334H16.3333M16.3333 10.1334L10.5 4.30005M16.3333 10.1334L10.5 15.9667\"\n                                      stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                            <\/svg>\n                        <\/span>\n                    <\/a>\n                \n            <\/div>\n        <\/div>\n\n                    <div class=\"lg:pt-24 pt-12 text-center max-w-[1920px] mx-auto\">\n\n                <div class=\"container mx-auto lg:px-8 px-4\">\n                    <div class=\"text-[#F5F6FC] text-base uppercase leading-6\">\n                        Con la confianza de m\u00e1s de 1400 clientes                    <\/div>\n                <\/div>\n\n\n                <div class=\"logo-slider-wrapper mx-auto mt-8\"\n                     role=\"region\"\n                     aria-label=\"Trusted by\">\n                    <div class=\"logo-slider-track ltr\"\n                         aria-hidden=\"true\">\n                                                        <div class=\"logo-slide max-w-[240px]\">\n                                    <svg class=\"md:h-[48px] h-[36px]\" aria-hidden=\"true\" focusable=\"false\">\n                                        <use href=\"#logo-aramco\"\/>\n                                    <\/svg>\n                                <\/div>\n                                                            <div class=\"logo-slide max-w-[240px]\">\n                                    <svg class=\"md:h-[48px] h-[36px]\" aria-hidden=\"true\" focusable=\"false\">\n                                        <use href=\"#logo-pg\"\/>\n                                    <\/svg>\n                                <\/div>\n                                                            <div class=\"logo-slide max-w-[240px]\">\n                                    <svg class=\"md:h-[48px] h-[36px]\" aria-hidden=\"true\" focusable=\"false\">\n                                        <use href=\"#logo-jabil\"\/>\n                                    <\/svg>\n                                <\/div>\n                                                            <div class=\"logo-slide max-w-[240px]\">\n                                    <svg class=\"md:h-[48px] h-[36px]\" aria-hidden=\"true\" focusable=\"false\">\n                                        <use href=\"#logo-chevron\"\/>\n                                    <\/svg>\n                                <\/div>\n                                                            <div class=\"logo-slide max-w-[240px]\">\n                                    <svg class=\"md:h-[48px] h-[36px]\" aria-hidden=\"true\" focusable=\"false\">\n                                        <use href=\"#logo-toyota\"\/>\n                                    <\/svg>\n                                <\/div>\n                                                            <div class=\"logo-slide max-w-[240px]\">\n                                    <svg class=\"md:h-[48px] h-[36px]\" aria-hidden=\"true\" focusable=\"false\">\n                                        <use href=\"#logo-siemens\"\/>\n                                    <\/svg>\n                                <\/div>\n                                                            <div class=\"logo-slide max-w-[240px]\">\n                                    <svg class=\"md:h-[48px] h-[36px]\" aria-hidden=\"true\" focusable=\"false\">\n                                        <use href=\"#logo-ms\"\/>\n                                    <\/svg>\n                                <\/div>\n                                                            <div class=\"logo-slide max-w-[240px]\">\n                                    <svg class=\"md:h-[48px] h-[36px]\" aria-hidden=\"true\" focusable=\"false\">\n                                        <use href=\"#logo-electrolux\"\/>\n                                    <\/svg>\n                                <\/div>\n                                                            <div class=\"logo-slide max-w-[240px]\">\n                                    <svg class=\"md:h-[48px] h-[36px]\" aria-hidden=\"true\" focusable=\"false\">\n                                        <use href=\"#logo-university_of_cal\"\/>\n                                    <\/svg>\n                                <\/div>\n                                                            <div class=\"logo-slide max-w-[240px]\">\n                                    <svg class=\"md:h-[48px] h-[36px]\" aria-hidden=\"true\" focusable=\"false\">\n                                        <use href=\"#logo-linde\"\/>\n                                    <\/svg>\n                                <\/div>\n                                                            <div class=\"logo-slide max-w-[240px]\">\n                                    <svg class=\"md:h-[48px] h-[36px]\" aria-hidden=\"true\" focusable=\"false\">\n                                        <use href=\"#logo-aramco\"\/>\n                                    <\/svg>\n                                <\/div>\n                                                            <div class=\"logo-slide max-w-[240px]\">\n                                    <svg class=\"md:h-[48px] h-[36px]\" aria-hidden=\"true\" focusable=\"false\">\n                                        <use href=\"#logo-pg\"\/>\n                                    <\/svg>\n                                <\/div>\n                                                            <div class=\"logo-slide max-w-[240px]\">\n                                    <svg class=\"md:h-[48px] h-[36px]\" aria-hidden=\"true\" focusable=\"false\">\n                                        <use href=\"#logo-jabil\"\/>\n                                    <\/svg>\n                                <\/div>\n                                                            <div class=\"logo-slide max-w-[240px]\">\n                                    <svg class=\"md:h-[48px] h-[36px]\" aria-hidden=\"true\" focusable=\"false\">\n                                        <use href=\"#logo-chevron\"\/>\n                                    <\/svg>\n                                <\/div>\n                                                            <div class=\"logo-slide max-w-[240px]\">\n                                    <svg class=\"md:h-[48px] h-[36px]\" aria-hidden=\"true\" focusable=\"false\">\n                                        <use href=\"#logo-toyota\"\/>\n                                    <\/svg>\n                                <\/div>\n                                                            <div class=\"logo-slide max-w-[240px]\">\n                                    <svg class=\"md:h-[48px] h-[36px]\" aria-hidden=\"true\" focusable=\"false\">\n                                        <use href=\"#logo-siemens\"\/>\n                                    <\/svg>\n                                <\/div>\n                                                            <div class=\"logo-slide max-w-[240px]\">\n                                    <svg class=\"md:h-[48px] h-[36px]\" aria-hidden=\"true\" focusable=\"false\">\n                                        <use href=\"#logo-ms\"\/>\n                                    <\/svg>\n                                <\/div>\n                                                            <div class=\"logo-slide max-w-[240px]\">\n                                    <svg class=\"md:h-[48px] h-[36px]\" aria-hidden=\"true\" focusable=\"false\">\n                                        <use href=\"#logo-electrolux\"\/>\n                                    <\/svg>\n                                <\/div>\n                                                            <div class=\"logo-slide max-w-[240px]\">\n                                    <svg class=\"md:h-[48px] h-[36px]\" aria-hidden=\"true\" focusable=\"false\">\n                                        <use href=\"#logo-university_of_cal\"\/>\n                                    <\/svg>\n                                <\/div>\n                                                            <div class=\"logo-slide max-w-[240px]\">\n                                    <svg class=\"md:h-[48px] h-[36px]\" aria-hidden=\"true\" focusable=\"false\">\n                                        <use href=\"#logo-linde\"\/>\n                                    <\/svg>\n                                <\/div>\n                                                            <div class=\"logo-slide max-w-[240px]\">\n                                    <svg class=\"md:h-[48px] h-[36px]\" aria-hidden=\"true\" focusable=\"false\">\n                                        <use href=\"#logo-aramco\"\/>\n                                    <\/svg>\n                                <\/div>\n                                                            <div class=\"logo-slide max-w-[240px]\">\n                                    <svg class=\"md:h-[48px] h-[36px]\" aria-hidden=\"true\" focusable=\"false\">\n                                        <use href=\"#logo-pg\"\/>\n                                    <\/svg>\n                                <\/div>\n                                                            <div class=\"logo-slide max-w-[240px]\">\n                                    <svg class=\"md:h-[48px] h-[36px]\" aria-hidden=\"true\" focusable=\"false\">\n                                        <use href=\"#logo-jabil\"\/>\n                                    <\/svg>\n                                <\/div>\n                                                            <div class=\"logo-slide max-w-[240px]\">\n                                    <svg class=\"md:h-[48px] h-[36px]\" aria-hidden=\"true\" focusable=\"false\">\n                                        <use href=\"#logo-chevron\"\/>\n                                    <\/svg>\n                                <\/div>\n                                                            <div class=\"logo-slide max-w-[240px]\">\n                                    <svg class=\"md:h-[48px] h-[36px]\" aria-hidden=\"true\" focusable=\"false\">\n                                        <use href=\"#logo-toyota\"\/>\n                                    <\/svg>\n                                <\/div>\n                                                            <div class=\"logo-slide max-w-[240px]\">\n                                    <svg class=\"md:h-[48px] h-[36px]\" aria-hidden=\"true\" focusable=\"false\">\n                                        <use href=\"#logo-siemens\"\/>\n                                    <\/svg>\n                                <\/div>\n                                                            <div class=\"logo-slide max-w-[240px]\">\n                                    <svg class=\"md:h-[48px] h-[36px]\" aria-hidden=\"true\" focusable=\"false\">\n                                        <use href=\"#logo-ms\"\/>\n                                    <\/svg>\n                                <\/div>\n                                                            <div class=\"logo-slide max-w-[240px]\">\n                                    <svg class=\"md:h-[48px] h-[36px]\" aria-hidden=\"true\" focusable=\"false\">\n                                        <use href=\"#logo-electrolux\"\/>\n                                    <\/svg>\n                                <\/div>\n                                                            <div class=\"logo-slide max-w-[240px]\">\n                                    <svg class=\"md:h-[48px] h-[36px]\" aria-hidden=\"true\" focusable=\"false\">\n                                        <use href=\"#logo-university_of_cal\"\/>\n                                    <\/svg>\n                                <\/div>\n                                                            <div class=\"logo-slide max-w-[240px]\">\n                                    <svg class=\"md:h-[48px] h-[36px]\" aria-hidden=\"true\" focusable=\"false\">\n                                        <use href=\"#logo-linde\"\/>\n                                    <\/svg>\n                                <\/div>\n                                                <\/div>\n                    <ul class=\"sr-only\">\n                                                    <li>Aramco<\/li>\n                                                    <li>P&amp;G<\/li>\n                                                    <li>Jabil<\/li>\n                                                    <li>Chevron<\/li>\n                                                    <li>Toyota<\/li>\n                                                    <li>Siemens<\/li>\n                                                    <li>Microsoft<\/li>\n                                                    <li>Electrolux<\/li>\n                                                    <li>University of California<\/li>\n                                                    <li>Linde<\/li>\n                                            <\/ul>\n                <\/div>\n\n            <\/div>\n        \n    <\/div>\n<\/section>\n\n<style>\n    .logo-slider-wrapper {\n        overflow: hidden;\n        -webkit-user-select: none;\n        user-select: none;\n        -webkit-mask-image: linear-gradient(\n                to right,\n                transparent 0%,\n                black 12%,\n                black 88%,\n                transparent 100%\n        );\n        mask-image: linear-gradient(\n                to right,\n                transparent 0%,\n                black 12%,\n                black 88%,\n                transparent 100%\n        );\n    }\n\n    .logo-slider-track {\n        display: flex;\n        gap: 0;\n        width: max-content;\n        will-change: transform;\n    }\n\n    .logo-slider-track.ltr {\n        animation: logo-scroll-ltr 40s linear infinite;\n    }\n\n    @keyframes logo-scroll-ltr {\n        from { transform: translateX(0); }\n        to   { transform: translateX(-33.333%); }\n    }\n\n    .logo-slider-track.rtl {\n        animation: logo-scroll-rtl 40s linear infinite;\n    }\n\n    @keyframes logo-scroll-rtl {\n        from { transform: translateX(0); }\n        to   { transform: translateX(33.333%); }\n    }\n\n    .logo-slide {\n        flex-shrink: 0;\n        padding: 0 3rem;\n        display: flex;\n        align-items: center;\n    }\n\n    .logo-slide svg {\n        fill: currentColor;\n        color: white;\n    }\n\n    .logo-slider-wrapper:hover .logo-slider-track {\n        animation-play-state: paused;\n    }\n\n    @media (max-width: 768px) {\n        .logo-slide {\n            padding: 0 1.5rem;\n        }\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n        .logo-slider-track {\n            animation: none;\n        }\n    }\n<\/style>\n\n\n\n<section class=\"w-full py-16 lg:py-24 bg-white overflow-hidden font-['Inter']\">\n    <div class=\"container mx-auto px-4 lg:px-8 flex flex-col items-center\">\n\n        <!-- Header Section -->\n        <div class=\"w-full text-center lg:text-left lg:rtl:text-right flex flex-col items-start gap-4 lg:gap-6 mb-12 lg:mb-16\">\n                            <p class=\"text-[#148752] text-sm w-full lg:text-base font-bold uppercase leading-8 tracking-wider\">\n                    PLATAFORMA DE GOBERNANZA PARA LA ERA DE LA IA                <\/p>\n            \n                            <h2 class=\"text-[#0F1556] text-3xl md:text-4xl lg:text-5xl font-semibold md:leading-tight lg:leading-[60px]\">\n                    Donde convergen la gobernanza de identidades, <br> los controles de aplicaciones y la auditor\u00eda                <\/h2>\n                    <\/div>\n\n        <!-- Main Content Area: Accordion + Image\/Video Widget -->\n        <div class=\"w-full flex flex-col lg:flex-row gap-8 items-start gov-platform-container\" data-total=\"4\">\n\n            <!-- Left Side: Accordion -->\n            <div class=\"w-full lg:w-[55%] flex flex-col relative lg:h-[800px] overflow-hidden\">\n                                    <div class=\"gov-accordion-item border-b border-[#E2E8F0] relative overflow-hidden\" data-index=\"0\">\n\n                        <!-- Accordion Header -->\n                        <button class=\"gov-accordion-header w-full py-6 flex justify-between items-center bg-white transition-colors text-left group\">\n                            <h3 class=\"gov-accordion-title transition-colors duration-300 text-xl lg:text-2xl text-[#6E759F] font-normal group-hover:underline\">\n                                Gobernanza de identidad y acceso                            <\/h3>\n                            <div class=\"gov-accordion-icon transform transition-transform duration-300 rotate-180 text-[#0F1556]\">\n                                <svg class=\"w-6 h-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\" \/>\n                                <\/svg>\n                            <\/div>\n                        <\/button>\n\n                        <!-- Accordion Content -->\n                        <!-- FIX: max-height is now set to 'none' for the open item via inline style.     -->\n                        <!-- The exact scrollHeight will be measured and applied by JS on open\/close,     -->\n                        <!-- which eliminates the sluggish animation caused by the old max-h-[1000px]     -->\n                        <!-- trick (CSS had to animate from 0 \u2192 1000px even for tiny content).            -->\n                        <div class=\"gov-accordion-content overflow-hidden transition-[max-height,opacity,padding] duration-300 ease-in-out\"\n                             style=\"max-height: none; opacity: 1; padding-bottom: 2rem;\">\n\n                            <!-- Description -->\n                            <div class=\"text-[#475569] text-lg leading-7 mb-6 description\">\n                                <p>A medida que aumenta el n\u00famero de identidades, los procesos manuales generan riesgos e ineficiencias. Automatice los procesos fundamentales de <a href=\"https:\/\/pathlock.com\/es\/initiative\/modernize-iga\/\">gobernanza de identidades<\/a>, entre los que se incluyen:<\/p>\n                            <\/div>\n\n                            <!-- Cards Grid -->\n                            <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n                                                                    <a href=\"https:\/\/pathlock.com\/es\/products\/compliant-provisioning\/\"\n                                                                                                                       class=\"bg-[#FAFBFD] border border-[#E2E8F0] hover:bg-[#E3E7F6] rounded p-5 flex flex-col gap-3 group\/card cursor-pointer\">\n                                        <div class=\"w-6 h-6 rounded flex items-center justify-center\">\n                                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/compliant_provisioning.svg\" alt=\"\" class=\"h-6 w-6 object-contain\" \/>                                        <\/div>\n                                        <div class=\"flex flex-col gap-1\">\n                                            <h4 class=\"text-[#0F1556] text-base font-semibold leading-snug\">\n                                                Aprovisionamiento compatible                                            <\/h4>\n                                            <p class=\"text-[#475569] text-sm leading-snug\">\n                                                Automatice los procesos de incorporaci\u00f3n y desvinculaci\u00f3n de empleados (Joiner\/Mover\/Leaver).                                            <\/p>\n                                        <\/div>\n                                    <\/a>\n                                                                    <a href=\"https:\/\/pathlock.com\/es\/products\/compliant-provisioning\/#interfaz-de-usuario-intuitiva-y-moderna\"\n                                                                                                                       class=\"bg-[#FAFBFD] border border-[#E2E8F0] hover:bg-[#E3E7F6] rounded p-5 flex flex-col gap-3 group\/card cursor-pointer\">\n                                        <div class=\"w-6 h-6 rounded flex items-center justify-center\">\n                                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/encrypted_add.svg\" alt=\"\" class=\"h-6 w-6 object-contain\" \/>                                        <\/div>\n                                        <div class=\"flex flex-col gap-1\">\n                                            <h4 class=\"text-[#0F1556] text-base font-semibold leading-snug\">\n                                                Solicitudes de acceso                                            <\/h4>\n                                            <p class=\"text-[#475569] text-sm leading-snug\">\n                                                Portal de autoservicio para que los usuarios puedan solicitar f\u00e1cilmente las apps que necesitan.                                            <\/p>\n                                        <\/div>\n                                    <\/a>\n                                                                    <a href=\"https:\/\/pathlock.com\/es\/products\/user-access-review-software\/\"\n                                                                                                                       class=\"bg-[#FAFBFD] border border-[#E2E8F0] hover:bg-[#E3E7F6] rounded p-5 flex flex-col gap-3 group\/card cursor-pointer\">\n                                        <div class=\"w-6 h-6 rounded flex items-center justify-center\">\n                                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/access_certifications.svg\" alt=\"\" class=\"h-6 w-6 object-contain\" \/>                                        <\/div>\n                                        <div class=\"flex flex-col gap-1\">\n                                            <h4 class=\"text-[#0F1556] text-base font-semibold leading-snug\">\n                                                Certificaciones de acceso                                            <\/h4>\n                                            <p class=\"text-[#475569] text-sm leading-snug\">\n                                                Automatice las revisiones de acceso de managers para superar f\u00e1cilmente las auditor\u00edas.                                            <\/p>\n                                        <\/div>\n                                    <\/a>\n                                                                    <a href=\"https:\/\/pathlock.com\/es\/products\/role-management\/\"\n                                                                                                                       class=\"bg-[#FAFBFD] border border-[#E2E8F0] hover:bg-[#E3E7F6] rounded p-5 flex flex-col gap-3 group\/card cursor-pointer\">\n                                        <div class=\"w-6 h-6 rounded flex items-center justify-center\">\n                                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/role_management.svg\" alt=\"\" class=\"h-6 w-6 object-contain\" \/>                                        <\/div>\n                                        <div class=\"flex flex-col gap-1\">\n                                            <h4 class=\"text-[#0F1556] text-base font-semibold leading-snug\">\n                                                Gesti\u00f3n de roles                                            <\/h4>\n                                            <p class=\"text-[#475569] text-sm leading-snug\">\n                                                Agrupe y asigne permisos autom\u00e1ticamente con base en el cargo del usuario.                                            <\/p>\n                                        <\/div>\n                                    <\/a>\n                                                            <\/div>\n\n                        <\/div>\n\n                        <!-- Progress Bar line -->\n                        <div class=\"absolute bottom-[-1px] left-0 h-0.5 bg-[#0F1556] gov-progress-bar w-0 transition-all ease-linear\"><\/div>\n                    <\/div>\n                                    <div class=\"gov-accordion-item border-b border-[#E2E8F0] relative overflow-hidden\" data-index=\"1\">\n\n                        <!-- Accordion Header -->\n                        <button class=\"gov-accordion-header w-full py-6 flex justify-between items-center bg-white transition-colors text-left group\">\n                            <h3 class=\"gov-accordion-title transition-colors duration-300 text-xl lg:text-2xl text-[#6E759F] font-normal group-hover:underline\">\n                                Aplicaci\u00f3n GRC                            <\/h3>\n                            <div class=\"gov-accordion-icon transform transition-transform duration-300 text-[#6E759F]\">\n                                <svg class=\"w-6 h-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\" \/>\n                                <\/svg>\n                            <\/div>\n                        <\/button>\n\n                        <!-- Accordion Content -->\n                        <!-- FIX: max-height is now set to 'none' for the open item via inline style.     -->\n                        <!-- The exact scrollHeight will be measured and applied by JS on open\/close,     -->\n                        <!-- which eliminates the sluggish animation caused by the old max-h-[1000px]     -->\n                        <!-- trick (CSS had to animate from 0 \u2192 1000px even for tiny content).            -->\n                        <div class=\"gov-accordion-content overflow-hidden transition-[max-height,opacity,padding] duration-300 ease-in-out\"\n                             style=\"max-height: 0px; opacity: 0; padding-bottom: 0;\">\n\n                            <!-- Description -->\n                            <div class=\"text-[#475569] text-lg leading-7 mb-6 description\">\n                                <p>Las deficiencias en la <a href=\"https:\/\/pathlock.com\/es\/products\/application-access-governance\/\">gobernanza<\/a> aumentan el riesgo. Resu\u00e9lvalas antes de que produzcan fraudes, fallos de control u observaciones de auditor\u00eda mediante la siguiente automatizaci\u00f3n:<\/p>\n                            <\/div>\n\n                            <!-- Cards Grid -->\n                            <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n                                                                    <a href=\"https:\/\/pathlock.com\/es\/products\/sap-access-risk-analysis\/\"\n                                                                                                                       class=\"bg-[#FAFBFD] border border-[#E2E8F0] hover:bg-[#E3E7F6] rounded p-5 flex flex-col gap-3 group\/card cursor-pointer\">\n                                        <div class=\"w-6 h-6 rounded flex items-center justify-center\">\n                                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/sod.svg\" alt=\"\" class=\"h-6 w-6 object-contain\" \/>                                        <\/div>\n                                        <div class=\"flex flex-col gap-1\">\n                                            <h4 class=\"text-[#0F1556] text-base font-semibold leading-snug\">\n                                                Segregaci\u00f3n de funciones (SoD)                                            <\/h4>\n                                            <p class=\"text-[#475569] text-sm leading-snug\">\n                                                Identifique y bloquee las combinaciones de acceso t\u00f3xicas y de alto riesgo.                                            <\/p>\n                                        <\/div>\n                                    <\/a>\n                                                                    <a href=\"https:\/\/pathlock.com\/es\/products\/elevated-access-management-software\/\"\n                                                                                                                       class=\"bg-[#FAFBFD] border border-[#E2E8F0] hover:bg-[#E3E7F6] rounded p-5 flex flex-col gap-3 group\/card cursor-pointer\">\n                                        <div class=\"w-6 h-6 rounded flex items-center justify-center\">\n                                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/emergency_access.svg\" alt=\"\" class=\"h-6 w-6 object-contain\" \/>                                        <\/div>\n                                        <div class=\"flex flex-col gap-1\">\n                                            <h4 class=\"text-[#0F1556] text-base font-semibold leading-snug\">\n                                                Acceso de emergencia                                            <\/h4>\n                                            <p class=\"text-[#475569] text-sm leading-snug\">\n                                                Acceso &quot;break-glass&quot; completamente rastreable y seguro para administradores.                                            <\/p>\n                                        <\/div>\n                                    <\/a>\n                                                                    <a href=\"https:\/\/pathlock.com\/es\/products\/dynamic-access-control\/\"\n                                                                                                                       class=\"bg-[#FAFBFD] border border-[#E2E8F0] hover:bg-[#E3E7F6] rounded p-5 flex flex-col gap-3 group\/card cursor-pointer\">\n                                        <div class=\"w-6 h-6 rounded flex items-center justify-center\">\n                                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/dac.svg\" alt=\"\" class=\"h-6 w-6 object-contain\" \/>                                        <\/div>\n                                        <div class=\"flex flex-col gap-1\">\n                                            <h4 class=\"text-[#0F1556] text-base font-semibold leading-snug\">\n                                                Controles de acceso din\u00e1micos                                            <\/h4>\n                                            <p class=\"text-[#475569] text-sm leading-snug\">\n                                                Oculte datos de forma condicional o bloquee transacciones confidenciales en tiempo real.                                            <\/p>\n                                        <\/div>\n                                    <\/a>\n                                                                    <a href=\"https:\/\/pathlock.com\/es\/products\/role-management\/\"\n                                                                                                                       class=\"bg-[#FAFBFD] border border-[#E2E8F0] hover:bg-[#E3E7F6] rounded p-5 flex flex-col gap-3 group\/card cursor-pointer\">\n                                        <div class=\"w-6 h-6 rounded flex items-center justify-center\">\n                                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/entitlement_design.svg\" alt=\"\" class=\"h-6 w-6 object-contain\" \/>                                        <\/div>\n                                        <div class=\"flex flex-col gap-1\">\n                                            <h4 class=\"text-[#0F1556] text-base font-semibold leading-snug\">\n                                                Dise\u00f1o de control de acceso                                            <\/h4>\n                                            <p class=\"text-[#475569] text-sm leading-snug\">\n                                                Cree y pruebe roles seguros y conformes con las normas para sus aplicaciones ERP.                                            <\/p>\n                                        <\/div>\n                                    <\/a>\n                                                            <\/div>\n\n                        <\/div>\n\n                        <!-- Progress Bar line -->\n                        <div class=\"absolute bottom-[-1px] left-0 h-0.5 bg-[#0F1556] gov-progress-bar w-0 transition-all ease-linear\"><\/div>\n                    <\/div>\n                                    <div class=\"gov-accordion-item border-b border-[#E2E8F0] relative overflow-hidden\" data-index=\"2\">\n\n                        <!-- Accordion Header -->\n                        <button class=\"gov-accordion-header w-full py-6 flex justify-between items-center bg-white transition-colors text-left group\">\n                            <h3 class=\"gov-accordion-title transition-colors duration-300 text-xl lg:text-2xl text-[#6E759F] font-normal group-hover:underline\">\n                                Auditor\u00eda y aseguramiento                            <\/h3>\n                            <div class=\"gov-accordion-icon transform transition-transform duration-300 text-[#6E759F]\">\n                                <svg class=\"w-6 h-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\" \/>\n                                <\/svg>\n                            <\/div>\n                        <\/button>\n\n                        <!-- Accordion Content -->\n                        <!-- FIX: max-height is now set to 'none' for the open item via inline style.     -->\n                        <!-- The exact scrollHeight will be measured and applied by JS on open\/close,     -->\n                        <!-- which eliminates the sluggish animation caused by the old max-h-[1000px]     -->\n                        <!-- trick (CSS had to animate from 0 \u2192 1000px even for tiny content).            -->\n                        <div class=\"gov-accordion-content overflow-hidden transition-[max-height,opacity,padding] duration-300 ease-in-out\"\n                             style=\"max-height: 0px; opacity: 0; padding-bottom: 0;\">\n\n                            <!-- Description -->\n                            <div class=\"text-[#475569] text-lg leading-7 mb-6 description\">\n                                <p>Una cosa es implementar controles y otra muy distinta demostrar que funcionan. Pathlock automatiza los procesos de <a href=\"https:\/\/pathlock.com\/es\/products\/continuous-controls-monitoring\/\">auditor\u00eda y verificaci\u00f3n<\/a>, entre los que se incluyen:<\/p>\n                            <\/div>\n\n                            <!-- Cards Grid -->\n                            <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n                                                                    <a href=\"https:\/\/pathlock.com\/es\/products\/continuous-controls-monitoring\/\"\n                                                                                                                       class=\"bg-[#FAFBFD] border border-[#E2E8F0] hover:bg-[#E3E7F6] rounded p-5 flex flex-col gap-3 group\/card cursor-pointer\">\n                                        <div class=\"w-6 h-6 rounded flex items-center justify-center\">\n                                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/ccm.svg\" alt=\"\" class=\"h-6 w-6 object-contain\" \/>                                        <\/div>\n                                        <div class=\"flex flex-col gap-1\">\n                                            <h4 class=\"text-[#0F1556] text-base font-semibold leading-snug\">\n                                                Monitoreo continuo de controles                                            <\/h4>\n                                            <p class=\"text-[#475569] text-sm leading-snug\">\n                                                Alertas en tiempo real en el momento en que se infringe una norma de cumplimiento o una regla de TI.                                            <\/p>\n                                        <\/div>\n                                    <\/a>\n                                                                    <a href=\"https:\/\/pathlock.com\/es\/products\/continuous-controls-monitoring\/\"\n                                                                                                                       class=\"bg-[#FAFBFD] border border-[#E2E8F0] hover:bg-[#E3E7F6] rounded p-5 flex flex-col gap-3 group\/card cursor-pointer\">\n                                        <div class=\"w-6 h-6 rounded flex items-center justify-center\">\n                                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/enriched_transaction.svg\" alt=\"\" class=\"h-6 w-6 object-contain\" \/>                                        <\/div>\n                                        <div class=\"flex flex-col gap-1\">\n                                            <h4 class=\"text-[#0F1556] text-base font-semibold leading-snug\">\n                                                Monitoreo avanzado de transacciones                                            <\/h4>\n                                            <p class=\"text-[#475569] text-sm leading-snug\">\n                                                Analice las transacciones financieras con m\u00e1s informaci\u00f3n contextual para detectar los casos reales de fraude.                                            <\/p>\n                                        <\/div>\n                                    <\/a>\n                                                                    <a href=\"https:\/\/pathlock.com\/es\/products\/continuous-controls-monitoring\/\"\n                                                                                                                       class=\"bg-[#FAFBFD] border border-[#E2E8F0] hover:bg-[#E3E7F6] rounded p-5 flex flex-col gap-3 group\/card cursor-pointer\">\n                                        <div class=\"w-6 h-6 rounded flex items-center justify-center\">\n                                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/audit_trails.svg\" alt=\"\" class=\"h-6 w-6 object-contain\" \/>                                        <\/div>\n                                        <div class=\"flex flex-col gap-1\">\n                                            <h4 class=\"text-[#0F1556] text-base font-semibold leading-snug\">\n                                                Registros de auditor\u00eda                                            <\/h4>\n                                            <p class=\"text-[#475569] text-sm leading-snug\">\n                                                Un registro a prueba de manipulaciones que muestra exactamente qui\u00e9n modific\u00f3 qu\u00e9 datos y cu\u00e1ndo lo hizo.                                            <\/p>\n                                        <\/div>\n                                    <\/a>\n                                                                    <a href=\"https:\/\/pathlock.com\/es\/initiative\/audit-readiness\/\"\n                                                                                                                       class=\"bg-[#FAFBFD] border border-[#E2E8F0] hover:bg-[#E3E7F6] rounded p-5 flex flex-col gap-3 group\/card cursor-pointer\">\n                                        <div class=\"w-6 h-6 rounded flex items-center justify-center\">\n                                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/audit-_reporting.svg\" alt=\"\" class=\"h-6 w-6 object-contain\" \/>                                        <\/div>\n                                        <div class=\"flex flex-col gap-1\">\n                                            <h4 class=\"text-[#0F1556] text-base font-semibold leading-snug\">\n                                                Informes de auditor\u00eda                                            <\/h4>\n                                            <p class=\"text-[#475569] text-sm leading-snug\">\n                                                Pruebas e informes listos para usar que se pueden entregar directamente a los auditores externos.                                            <\/p>\n                                        <\/div>\n                                    <\/a>\n                                                            <\/div>\n\n                        <\/div>\n\n                        <!-- Progress Bar line -->\n                        <div class=\"absolute bottom-[-1px] left-0 h-0.5 bg-[#0F1556] gov-progress-bar w-0 transition-all ease-linear\"><\/div>\n                    <\/div>\n                                    <div class=\"gov-accordion-item border-b border-[#E2E8F0] relative overflow-hidden\" data-index=\"3\">\n\n                        <!-- Accordion Header -->\n                        <button class=\"gov-accordion-header w-full py-6 flex justify-between items-center bg-white transition-colors text-left group\">\n                            <h3 class=\"gov-accordion-title transition-colors duration-300 text-xl lg:text-2xl text-[#6E759F] font-normal group-hover:underline\">\n                                Ciberseguridad de ERP                            <\/h3>\n                            <div class=\"gov-accordion-icon transform transition-transform duration-300 text-[#6E759F]\">\n                                <svg class=\"w-6 h-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\" \/>\n                                <\/svg>\n                            <\/div>\n                        <\/button>\n\n                        <!-- Accordion Content -->\n                        <!-- FIX: max-height is now set to 'none' for the open item via inline style.     -->\n                        <!-- The exact scrollHeight will be measured and applied by JS on open\/close,     -->\n                        <!-- which eliminates the sluggish animation caused by the old max-h-[1000px]     -->\n                        <!-- trick (CSS had to animate from 0 \u2192 1000px even for tiny content).            -->\n                        <div class=\"gov-accordion-content overflow-hidden transition-[max-height,opacity,padding] duration-300 ease-in-out\"\n                             style=\"max-height: 0px; opacity: 0; padding-bottom: 0;\">\n\n                            <!-- Description -->\n                            <div class=\"text-[#475569] text-lg leading-7 mb-6 description\">\n                                <p>Las vulnerabilidades sin parches y las amenazas activas pueden eludir los controles de gobernanza. Pathlock <a href=\"https:\/\/pathlock.com\/es\/products\/cybersecurity-application-controls\/\">protege los sistemas ERP<\/a> mediante la siguiente automatizaci\u00f3n:<\/p>\n                            <\/div>\n\n                            <!-- Cards Grid -->\n                            <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n                                                                    <a href=\"https:\/\/pathlock.com\/es\/products\/cybersecurity-application-controls\/\"\n                                                                                                                       class=\"bg-[#FAFBFD] border border-[#E2E8F0] hover:bg-[#E3E7F6] rounded p-5 flex flex-col gap-3 group\/card cursor-pointer\">\n                                        <div class=\"w-6 h-6 rounded flex items-center justify-center\">\n                                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/vulnerability.svg\" alt=\"\" class=\"h-6 w-6 object-contain\" \/>                                        <\/div>\n                                        <div class=\"flex flex-col gap-1\">\n                                            <h4 class=\"text-[#0F1556] text-base font-semibold leading-snug\">\n                                                Gesti\u00f3n de vulnerabilidades                                            <\/h4>\n                                            <p class=\"text-[#475569] text-sm leading-snug\">\n                                                Identifique y solucione los parches faltantes o las brechas de seguridad en los sistemas centrales de la empresa.                                            <\/p>\n                                        <\/div>\n                                    <\/a>\n                                                                    <a href=\"https:\/\/pathlock.com\/es\/products\/sap-threat-detection-tool-for-enterprise\/\"\n                                                                                                                       class=\"bg-[#FAFBFD] border border-[#E2E8F0] hover:bg-[#E3E7F6] rounded p-5 flex flex-col gap-3 group\/card cursor-pointer\">\n                                        <div class=\"w-6 h-6 rounded flex items-center justify-center\">\n                                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/threat_detection.svg\" alt=\"\" class=\"h-6 w-6 object-contain\" \/>                                        <\/div>\n                                        <div class=\"flex flex-col gap-1\">\n                                            <h4 class=\"text-[#0F1556] text-base font-semibold leading-snug\">\n                                                Detecci\u00f3n de amenazas                                            <\/h4>\n                                            <p class=\"text-[#475569] text-sm leading-snug\">\n                                                Supervisi\u00f3n en tiempo real para detectar y detener ataques activos contra sistemas financieros.                                            <\/p>\n                                        <\/div>\n                                    <\/a>\n                                                                    <a href=\"https:\/\/pathlock.com\/es\/products\/cybersecurity-application-controls\/\"\n                                                                                                                       class=\"bg-[#FAFBFD] border border-[#E2E8F0] hover:bg-[#E3E7F6] rounded p-5 flex flex-col gap-3 group\/card cursor-pointer\">\n                                        <div class=\"w-6 h-6 rounded flex items-center justify-center\">\n                                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/transport_control.svg\" alt=\"\" class=\"h-6 w-6 object-contain\" \/>                                        <\/div>\n                                        <div class=\"flex flex-col gap-1\">\n                                            <h4 class=\"text-[#0F1556] text-base font-semibold leading-snug\">\n                                                \u0421ontroles de transporte                                            <\/h4>\n                                            <p class=\"text-[#475569] text-sm leading-snug\">\n                                                Evite que las actualizaciones de c\u00f3digo malicioso o defectuoso lleguen al entorno de producci\u00f3n.                                            <\/p>\n                                        <\/div>\n                                    <\/a>\n                                                            <\/div>\n\n                        <\/div>\n\n                        <!-- Progress Bar line -->\n                        <div class=\"absolute bottom-[-1px] left-0 h-0.5 bg-[#0F1556] gov-progress-bar w-0 transition-all ease-linear\"><\/div>\n                    <\/div>\n                            <\/div>\n\n            <!-- Right Side: Sticky Media Widget -->\n            <div class=\"hidden lg:block w-full lg:w-[45%] sticky right-0 min-h-[500px] lg:h-[800px]\">\n                <div class=\"relative w-full h-[500px] lg:h-full rounded-xl overflow-hidden bg-[#0F1556]\">\n\n                                            <div class=\"gov-media-layer absolute inset-0 w-full h-full transition-opacity duration-700 ease-in-out opacity-100 z-10\" data-index=\"0\">\n\n                            <!-- Background: video or image -->\n                            <!-- Lazy video: src lives in data-src; JS loads it on demand -->\n                                                            <video loop muted playsinline preload=\"none\"\n                                       class=\"absolute inset-0 w-full h-full object-cover gov-lazy-video\">\n                                                                            <source data-src=\"https:\/\/pathlock.com\/wp-content\/uploads\/videos\/Identity%20%26%20Access%20Governance-vp9-chrome.webm\" type=\"video\/webm\">\n                                                                                                                <source data-src=\"https:\/\/pathlock.com\/wp-content\/uploads\/videos\/Identity%20%26%20Access%20Governance.mp4\" type=\"video\/mp4\">\n                                                                        Your browser does not support the video tag.\n                                <\/video>\n                            \n                            <picture class=\"no-override absolute inset-0 w-full h-full pointer-events-none z-10 opacity-40\">\n                                <source media=\"(max-width: 640px)\" srcset=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/Background-pattern-dots-small@2x.webp\">\n                                <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/Background-pattern-dots-small@2x.webp\" class=\"no-override w-full h-full object-cover\" aria-hidden=\"true\" alt=\"\">\n                            <\/picture>\n\n                            <!-- Content Layer -->\n                            <div class=\"absolute inset-0 flex flex-col justify-between px-8 py-12 z-20\">\n\n                                <!-- Logo -->\n                                                                                                    <div class=\"bg-white\/10 backdrop-blur-md border border-white\/20 p-4 rounded inline-flex items-center self-start shadow-sm\">\n                                                                                    <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/Lee.svg\" alt=\"\" class=\"h-10 object-contain\" \/>\n                                                                            <\/div>\n                                \n                                <!-- Quote and Stats -->\n                                <div class=\"flex flex-col gap-24\">\n                                    <h3 class=\"text-white text-3xl md:text-4xl lg:text-[44px] font-normal leading-tight lg:leading-[55px]\">\n                                         \u201cPathlock garantiz\u00f3 un <span class=\"text-[#B9D4FF]\">aprovisionamiento<\/span> conforme y la <span class=\"text-[#B9D4FF]\">gesti\u00f3n del ciclo de vida de identidades<\/span>\u201c                                    <\/h3>\n                                    <div class=\"flex flex-col\">\n                                        <div class=\"text-white text-6xl lg:text-[80px] font-semibold leading-none mb-2\">\n                                            10x                                        <\/div>\n                                        <div class=\"text-white text-lg lg:text-xl font-normal opacity-90\">\n                                            Aumento de JML Automation                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n\n                        <\/div>\n                                            <div class=\"gov-media-layer absolute inset-0 w-full h-full transition-opacity duration-700 ease-in-out opacity-0 z-0\" data-index=\"1\">\n\n                            <!-- Background: video or image -->\n                            <!-- Lazy video: src lives in data-src; JS loads it on demand -->\n                                                            <video loop muted playsinline preload=\"none\"\n                                       class=\"absolute inset-0 w-full h-full object-cover gov-lazy-video\">\n                                                                            <source data-src=\"https:\/\/pathlock.com\/wp-content\/uploads\/videos\/Application%20GRC1-vp9-chrome.webm\" type=\"video\/webm\">\n                                                                                                                <source data-src=\"https:\/\/pathlock.com\/wp-content\/uploads\/videos\/Application%20GRC.mp4\" type=\"video\/mp4\">\n                                                                        Your browser does not support the video tag.\n                                <\/video>\n                            \n                            <picture class=\"no-override absolute inset-0 w-full h-full pointer-events-none z-10 opacity-40\">\n                                <source media=\"(max-width: 640px)\" srcset=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/Background-pattern-dots-small@2x.webp\">\n                                <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/Background-pattern-dots-small@2x.webp\" class=\"no-override w-full h-full object-cover\" aria-hidden=\"true\" alt=\"\">\n                            <\/picture>\n\n                            <!-- Content Layer -->\n                            <div class=\"absolute inset-0 flex flex-col justify-between px-8 py-12 z-20\">\n\n                                <!-- Logo -->\n                                                                                                    <div class=\"bg-white\/10 backdrop-blur-md border border-white\/20 p-4 rounded inline-flex items-center self-start shadow-sm\">\n                                                                                    <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/JAbil.svg\" alt=\"\" class=\"h-10 object-contain\" \/>\n                                                                            <\/div>\n                                \n                                <!-- Quote and Stats -->\n                                <div class=\"flex flex-col gap-24\">\n                                    <h3 class=\"text-white text-3xl md:text-4xl lg:text-[44px] font-normal leading-tight lg:leading-[55px]\">\n                                        \u201cPathlock automatiz\u00f3 nuestro <span class=\"text-[#B9D4FF]\">an\u00e1lisis SoD<\/span>, lo que simplific\u00f3 el cumplimiento normativo\u201d                                    <\/h3>\n                                    <div class=\"flex flex-col\">\n                                        <div class=\"text-white text-6xl lg:text-[80px] font-semibold leading-none mb-2\">\n                                            7x                                        <\/div>\n                                        <div class=\"text-white text-lg lg:text-xl font-normal opacity-90\">\n                                            Respuesta m\u00e1s r\u00e1pida ante infracciones                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n\n                        <\/div>\n                                            <div class=\"gov-media-layer absolute inset-0 w-full h-full transition-opacity duration-700 ease-in-out opacity-0 z-0\" data-index=\"2\">\n\n                            <!-- Background: video or image -->\n                            <!-- Lazy video: src lives in data-src; JS loads it on demand -->\n                                                            <video loop muted playsinline preload=\"none\"\n                                       class=\"absolute inset-0 w-full h-full object-cover gov-lazy-video\">\n                                                                            <source data-src=\"https:\/\/pathlock.com\/wp-content\/uploads\/videos\/Audit%20and%20Assurance-vp9-chrome.webm\" type=\"video\/webm\">\n                                                                                                                <source data-src=\"https:\/\/pathlock.com\/wp-content\/uploads\/videos\/Audit%20and%20Assurance.mp4\" type=\"video\/mp4\">\n                                                                        Your browser does not support the video tag.\n                                <\/video>\n                            \n                            <picture class=\"no-override absolute inset-0 w-full h-full pointer-events-none z-10 opacity-40\">\n                                <source media=\"(max-width: 640px)\" srcset=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/Background-pattern-dots-small@2x.webp\">\n                                <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/Background-pattern-dots-small@2x.webp\" class=\"no-override w-full h-full object-cover\" aria-hidden=\"true\" alt=\"\">\n                            <\/picture>\n\n                            <!-- Content Layer -->\n                            <div class=\"absolute inset-0 flex flex-col justify-between px-8 py-12 z-20\">\n\n                                <!-- Logo -->\n                                                                                                    <div class=\"bg-white\/10 backdrop-blur-md border border-white\/20 p-4 rounded inline-flex items-center self-start shadow-sm\">\n                                                                                    <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/csm.svg\" alt=\"\" class=\"h-10 object-contain\" \/>\n                                                                            <\/div>\n                                \n                                <!-- Quote and Stats -->\n                                <div class=\"flex flex-col gap-24\">\n                                    <h3 class=\"text-white text-3xl md:text-4xl lg:text-[44px] font-normal leading-tight lg:leading-[55px]\">\n                                        \u201cPathlock optimiz\u00f3 nuestras auditor\u00edas SOX al ayudarnos a <span class=\"text-[#B9D4FF]\">identificar las verdaderas infracciones de SoD<\/span>\u201d                                    <\/h3>\n                                    <div class=\"flex flex-col\">\n                                        <div class=\"text-white text-6xl lg:text-[80px] font-semibold leading-none mb-2\">\n                                            5x                                        <\/div>\n                                        <div class=\"text-white text-lg lg:text-xl font-normal opacity-90\">\n                                            Preparaci\u00f3n m\u00e1s r\u00e1pida de auditor\u00edas                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n\n                        <\/div>\n                                            <div class=\"gov-media-layer absolute inset-0 w-full h-full transition-opacity duration-700 ease-in-out opacity-0 z-0\" data-index=\"3\">\n\n                            <!-- Background: video or image -->\n                            <!-- Lazy video: src lives in data-src; JS loads it on demand -->\n                                                            <video loop muted playsinline preload=\"none\"\n                                       class=\"absolute inset-0 w-full h-full object-cover gov-lazy-video\">\n                                                                            <source data-src=\"https:\/\/pathlock.com\/wp-content\/uploads\/videos\/ERP%20Cybersecurity-vp9-chrome.webm\" type=\"video\/webm\">\n                                                                                                                <source data-src=\"https:\/\/pathlock.com\/wp-content\/uploads\/videos\/ERP%20Cybersecurity.mp4\" type=\"video\/mp4\">\n                                                                        Your browser does not support the video tag.\n                                <\/video>\n                            \n                            <picture class=\"no-override absolute inset-0 w-full h-full pointer-events-none z-10 opacity-40\">\n                                <source media=\"(max-width: 640px)\" srcset=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/Background-pattern-dots-small@2x.webp\">\n                                <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/Background-pattern-dots-small@2x.webp\" class=\"no-override w-full h-full object-cover\" aria-hidden=\"true\" alt=\"\">\n                            <\/picture>\n\n                            <!-- Content Layer -->\n                            <div class=\"absolute inset-0 flex flex-col justify-between px-8 py-12 z-20\">\n\n                                <!-- Logo -->\n                                                                                                    <div class=\"bg-white\/10 backdrop-blur-md border border-white\/20 p-4 rounded inline-flex items-center self-start shadow-sm\">\n                                                                                    <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/Linde-hp-hero.svg\" alt=\"\" class=\"h-10 object-contain\" \/>\n                                                                            <\/div>\n                                \n                                <!-- Quote and Stats -->\n                                <div class=\"flex flex-col gap-24\">\n                                    <h3 class=\"text-white text-3xl md:text-4xl lg:text-[44px] font-normal leading-tight lg:leading-[55px]\">\n                                        \u201cCon Pathlock, ahora podemos <span class=\"text-[#B9D4FF]\">investigar y responder<\/span> a eventos cr\u00edticos con mucha mayor rapidez\u201d                                    <\/h3>\n                                    <div class=\"flex flex-col\">\n                                        <div class=\"text-white text-6xl lg:text-[80px] font-semibold leading-none mb-2\">\n                                            80%                                        <\/div>\n                                        <div class=\"text-white text-lg lg:text-xl font-normal opacity-90\">\n                                            Reducci\u00f3n del tiempo medio de detecci\u00f3n de amenazas                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n\n                        <\/div>\n                    \n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n    \/* Make links in accordion description underlined by default, remove underline on hover\/focus *\/\n    .gov-accordion-content .description a {\n        text-decoration: underline;\n    }\n    .gov-accordion-content .description a:hover,\n    .gov-accordion-content .description a:focus {\n        text-decoration: none;\n    }\n    \/*\n     * FIX: Instead of animating max-height from 0\u21921000px (which is slow for small content),\n     * we now set exact scrollHeight via JS. The CSS transition covers max-height + opacity + padding.\n     * transform: scale() on the title avoids layout reflow while giving a visual size change.\n     *\/\n    .gov-accordion-title {\n        display: inline-block;\n        transform-origin: left center;\n        transition: transform .22s ease, color .22s ease;\n        will-change: transform;\n    }\n    .gov-accordion-title.is-active {\n        transform: scale(1.15);\n    }\n<\/style>\n\n<script>\n\n        document.addEventListener('DOMContentLoaded', function () {\n        const container = document.querySelector('.gov-platform-container');\n        if (!container) return;\n\n        const total = parseInt(container.getAttribute('data-total')) || 0;\n\n        \/\/ FIX: guard against single-item edge case that caused infinite rotation loop\n        if (total <= 1) return;\n\n        const items       = container.querySelectorAll('.gov-accordion-item');\n        const mediaLayers = container.querySelectorAll('.gov-media-layer');\n\n        let currentActiveIndex = -1;\n        const rotateDelay = 10000; \/\/ ms per tab\n        let isInView      = false;\n\n        let rafId         = null;\n        let timeoutId     = null;\n        let startTime     = 0;\n        let remainingTime = rotateDelay;\n\n        \/\/ ------------------------------------------------------------------\n        \/\/ Accordion open\/close using exact scrollHeight\n        \/\/ FIX: replaces the old max-h-[1000px] Tailwind trick so the CSS\n        \/\/ transition animates from 0 \u2192 actual height (no sluggish overshoot).\n        \/\/ ------------------------------------------------------------------\n        function openContent(content) {\n            content.style.maxHeight  = content.scrollHeight + 'px';\n            content.style.opacity    = '1';\n            content.style.paddingBottom = '2rem';\n\n            \/\/ After transition ends, set to 'none' so content can resize freely\n            \/\/ (e.g. dynamic inner content, images loading)\n            content.addEventListener('transitionend', function onEnd() {\n                content.removeEventListener('transitionend', onEnd);\n                if (content.style.opacity === '1') {\n                    content.style.maxHeight = 'none';\n                }\n            });\n        }\n\n        function closeContent(content) {\n            \/\/ First lock the current height so the browser has something to animate from\n            content.style.maxHeight     = content.scrollHeight + 'px';\n            content.style.opacity       = '1';\n            content.style.paddingBottom = '2rem';\n\n            \/\/ Force reflow so the transition starts from the locked value\n            \/\/ eslint-disable-next-line no-unused-expressions\n            content.offsetHeight;\n\n            content.style.maxHeight     = '0px';\n            content.style.opacity       = '0';\n            content.style.paddingBottom = '0';\n        }\n\n        \/\/ ------------------------------------------------------------------\n        \/\/ Lazy video loader\n        \/\/ src lives in data-src at render time; this copies it over and plays.\n        \/\/ A simple array tracks already-loaded videos to avoid re-fetching.\n        \/\/ ------------------------------------------------------------------\n        var loadedVideos = [];\n\n        function loadVideo(layer) {\n            if (window.innerWidth < 1024) return;\n            var video = layer.querySelector('.gov-lazy-video');\n            if (!video || loadedVideos.indexOf(video) !== -1) return;\n\n            video.querySelectorAll('source[data-src]').forEach(function (source) {\n                source.src = source.getAttribute('data-src');\n                source.removeAttribute('data-src');\n            });\n\n            video.load();\n            video.play().catch(function () {\n                \/\/ Autoplay blocked by browser policy \u2014 silently ignore.\n            });\n\n            loadedVideos.push(video);\n        }\n\n        \/\/ ------------------------------------------------------------------\n        \/\/ Progress bar helpers\n        \/\/ ------------------------------------------------------------------\n        function resetProgressBars() {\n            items.forEach(function (item) {\n                const bar = item.querySelector('.gov-progress-bar');\n                if (bar) {\n                    bar.style.transition = 'none';\n                    bar.style.width      = '0%';\n                }\n            });\n        }\n\n        \/\/ ------------------------------------------------------------------\n        \/\/ setActiveTab \u2014 purely visual; does NOT call startAutoRotation\n        \/\/ FIX: decoupled from rotation logic so the flow is explicit:\n        \/\/   click \u2192 setActiveTab \u2192 startAutoRotation (called from handler)\n        \/\/   auto  \u2192 setActiveTab (called from timer callback)\n        \/\/ ------------------------------------------------------------------\n        function setActiveTab(newIndex) {\n            if (newIndex === currentActiveIndex) return;\n\n            resetProgressBars();\n\n            items.forEach(function (item, idx) {\n                const title   = item.querySelector('.gov-accordion-title');\n                const icon    = item.querySelector('.gov-accordion-icon');\n                const content = item.querySelector('.gov-accordion-content');\n\n                if (idx === newIndex) {\n                    title.classList.add('is-active');\n                    title.classList.remove('group-hover:underline', 'text-[#6E759F]', 'font-normal');\n                    title.classList.add('text-[#0F1556]', 'font-medium');\n\n                    \/\/ FIX: use remove\/add instead of classList.replace (replace silently\n                    \/\/ no-ops when the class isn't present, which can leave state inconsistent)\n                    icon.classList.remove('text-[#6E759F]');\n                    icon.classList.add('text-[#0F1556]', 'rotate-180');\n\n                    openContent(content);\n                } else {\n                    title.classList.remove('is-active', 'text-[#0F1556]', 'font-medium');\n                    title.classList.add('group-hover:underline', 'text-[#6E759F]', 'font-normal');\n\n                    icon.classList.remove('text-[#0F1556]', 'rotate-180');\n                    icon.classList.add('text-[#6E759F]');\n\n                    closeContent(content);\n                }\n            });\n\n            \/\/ Crossfade media layer + lazy-load video for the incoming tab\n            mediaLayers.forEach(function (layer, idx) {\n                if (idx === newIndex) {\n                    layer.classList.remove('opacity-0', 'z-0');\n                    layer.classList.add('opacity-100', 'z-10');\n                    \/\/ Load video only when its layer becomes active\n                    loadVideo(layer);\n                } else {\n                    layer.classList.remove('opacity-100', 'z-10');\n                    layer.classList.add('opacity-0', 'z-0');\n                }\n            });\n\n            currentActiveIndex = newIndex;\n        }\n\n        \/\/ ------------------------------------------------------------------\n        \/\/ Timer helpers\n        \/\/ ------------------------------------------------------------------\n        function clearTimers() {\n            if (rafId)     { cancelAnimationFrame(rafId); rafId     = null; }\n            if (timeoutId) { clearTimeout(timeoutId);     timeoutId = null; }\n        }\n\n        function startAutoRotation() {\n            clearTimers();\n\n            if (!remainingTime || remainingTime > rotateDelay) remainingTime = rotateDelay;\n\n            const activeItem       = items[currentActiveIndex];\n            const activeProgressBar = activeItem ? activeItem.querySelector('.gov-progress-bar') : null;\n\n            startTime = performance.now();\n\n            function frame(now) {\n                const elapsed    = now - startTime;\n                const percentage = Math.min(elapsed \/ remainingTime, 1);\n                if (activeProgressBar) activeProgressBar.style.width = (percentage * 100) + '%';\n\n                if (elapsed < remainingTime) {\n                    rafId = requestAnimationFrame(frame);\n                } else {\n                    advance();\n                }\n            }\n\n            function advance() {\n                const nextIndex = (currentActiveIndex + 1) % total;\n                remainingTime = rotateDelay;\n                setActiveTab(nextIndex);\n                \/\/ Restart rotation for the new tab\n                startAutoRotation();\n            }\n\n            rafId     = requestAnimationFrame(frame);\n            timeoutId = setTimeout(advance, remainingTime);\n\n            remainingTime = rotateDelay;\n        }\n\n        \/\/ ------------------------------------------------------------------\n        \/\/ Click handlers\n        \/\/ FIX: startAutoRotation is called EXPLICITLY here, not inside setActiveTab,\n        \/\/ making the data flow obvious and easy to reason about.\n        \/\/ ------------------------------------------------------------------\n        items.forEach(function (item, idx) {\n            item.querySelector('.gov-accordion-header').addEventListener('click', function () {\n                remainingTime = rotateDelay;\n                setActiveTab(idx);\n                if (isInView) startAutoRotation();\n            });\n        });\n\n        \/\/ Pause \/ resume on hover\n        container.addEventListener('mouseenter', function () {\n            if (!isInView || !startTime) return;\n            remainingTime = Math.max(rotateDelay - (performance.now() - startTime), 0);\n            clearTimers();\n        });\n\n        container.addEventListener('mouseleave', function () {\n            if (isInView) startAutoRotation();\n        });\n\n        \/\/ ------------------------------------------------------------------\n        \/\/ FIX: visibilitychange \u2014 reset timer when user returns to tab so the\n        \/\/ progress bar doesn't jump due to browser RAF throttling in background.\n        \/\/ ------------------------------------------------------------------\n        document.addEventListener('visibilitychange', function () {\n            if (document.hidden) {\n                clearTimers();\n            } else if (isInView) {\n                remainingTime = rotateDelay; \/\/ give the current tab a fresh full duration\n                startAutoRotation();\n            }\n        });\n\n        \/\/ ------------------------------------------------------------------\n        \/\/ IntersectionObserver: only rotate while section is \u226550% visible.\n        \/\/ Also triggers lazy load of the first video on first intersection.\n        \/\/ ------------------------------------------------------------------\n            const io = new IntersectionObserver(function (entries) {\n                entries.forEach(function (entry) {\n                    if (entry.isIntersecting && entry.intersectionRatio >= 0.5) {\n\n                        isInView = true;\n\n                        if (window.innerWidth >= 1024) {\n                            var firstLayer = mediaLayers[currentActiveIndex];\n                            if (firstLayer) loadVideo(firstLayer);\n                            startAutoRotation();\n                        }\n                    } else {\n                        isInView = false;\n                        clearTimers();\n                        resetProgressBars();\n                        remainingTime = rotateDelay;\n                        startTime     = 0;\n                    }\n                });\n            }, { root: null, threshold: [0, 0.25, 0.5] });\n\n        io.observe(container);\n\n        \/\/ Initialise first tab (rotation starts only when observer fires)\n        setActiveTab(0);\n    });\n\n<\/script>\n\n\n\n<section id=\"connectors\" class=\"bg-[#F5F6FC] lg:py-24 py-12 lg:px-8 px-4 overflow-x-hidden\">\n    <div class=\"container mx-auto\">\n        <div class=\"relative\">\n            <div class=\"text-center flex flex-col justify-center items-center\">\n                <span class=\"text-[#148752] text-sm lg:text-base font-bold uppercase leading-[30px] tracking-wider mb-3\">Integraciones<\/span>\n\n                                    <h2 class=\"text-[#0F1556] lg:text-5xl text-3xl font-semibold lg:leading-[60px] leading-[38px]\">Conectores preintegrados para m\u00e1s de 150 aplicaciones,  herramientas sin c\u00f3digo para integraciones personalizadas<\/h2>\n                \n                \n                <div class=\"mt-8 mb-[46px] group\">\n                                            <a class=\"flex items-center font-semibold group-hover:text-[#44C382] leading-7 transition-colors duration-300 text-[#0F1556]\"\n                           href=\"\/es\/integrations\/\">Explorar Connector Studio                            <span dir=\"ltr\"\n                                  class=\"ml-2 rtl:mr-2 rtl:ml-0 stroke-[#0F1556] rtl:rotate-180 group-hover:stroke-[#44C382] group-hover:translate-x-0.5 rtl:group-hover:-translate-x-0.5 transition ease-in-out duration-300\">\n                                <svg width=\"20\" height=\"20\" viewBox=\"0 0 21 21\" fill=\"none\"\n                                     xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                    <path d=\"M4.66663 10.1334H16.3333M16.3333 10.1334L10.5 4.30005M16.3333 10.1334L10.5 15.9667\"\n                                          stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                <\/svg>\n                            <\/span>\n                        <\/a>\n                                    <\/div>\n\n                <div class=\"overflow-x-hidden flex justify-center\">\n                    <div class=\"relative max-w-[1920px] mx-auto space-y-[18px] text-center\">\n                        <div dir=\"ltr\"\n                             class=\"absolute rtl:rotate-180 left-0 rtl:left-auto rtl:right-0 top-0 bottom-0 w-24 z-10 pointer-events-none\"\n                             style=\"background: linear-gradient(90deg, rgba(245, 246, 252,1) 0%, rgba(245, 246, 252,0) 100%);\"><\/div>\n                        <div dir=\"ltr\"\n                             class=\"absolute rtl:rotate-180 right-0 rtl:right-auto rtl:left-0 top-0 bottom-0 w-24 z-10 pointer-events-none\"\n                             style=\"background: linear-gradient(270deg, rgba(245, 246, 252,1) 0%, rgba(245, 246, 252,0) 100%);\"><\/div>\n\n                                                        <div\n                                        x-data=\"marquee('right')\"\n                                        class=\"overflow-hidden w-full hidden md:block\"\n                                        dir=\"ltr\"\n                                        style=\"direction: ltr;\"\n                                >\n                                    <div\n                                            x-ref=\"container\"\n                                            class=\"flex\"\n                                            @mouseenter=\"pause()\"\n                                            @mouseleave=\"play()\"\n                                    >\n                                        <div x-ref=\"original\" class=\"flex gap-[18px] pr-[18px]\">\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/es\/applications\/sap-erp\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-3 rtl:ml-3 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/SAP.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"md:text-lg text-xs font-semibold whitespace-nowrap text-[#0F1556]\">SAP ERP<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/es\/applications\/oracle-ebs\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-3 rtl:ml-3 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/oracle.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"md:text-lg text-xs font-semibold whitespace-nowrap text-[#0F1556]\">Oracle E-Business Suite<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/es\/applications\/sap-erp\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-3 rtl:ml-3 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/SAP.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"md:text-lg text-xs font-semibold whitespace-nowrap text-[#0F1556]\">SAP S4\/HANA<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/es\/applications\/oracle-fusion-cloud-erp-access-governance\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-3 rtl:ml-3 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/oracle.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"md:text-lg text-xs font-semibold whitespace-nowrap text-[#0F1556]\">Oracle ERP Cloud<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/es\/applications\/sap-ariba-access-governance\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-3 rtl:ml-3 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/ariba.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"md:text-lg text-xs font-semibold whitespace-nowrap text-[#0F1556]\">SAP Ariba<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/es\/applications\/workday-access-governance\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-3 rtl:ml-3 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/workday.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"md:text-lg text-xs font-semibold whitespace-nowrap text-[#0F1556]\">Workday<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/es\/integrations\/microsoft-dynamics-365-crm\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-3 rtl:ml-3 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/dynamics.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"md:text-lg text-xs font-semibold whitespace-nowrap text-[#0F1556]\">Microsoft Dynamics 365<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/es\/applications\/microsoft-entra-id\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-3 rtl:ml-3 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/entra.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"md:text-lg text-xs font-semibold whitespace-nowrap text-[#0F1556]\">Microsoft Entra ID Governance<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/es\/integrations\/microsoft-teams\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-3 rtl:ml-3 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/teams.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"md:text-lg text-xs font-semibold whitespace-nowrap text-[#0F1556]\">Microsoft Teams<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/es\/applications\/peoplesoft-identity-governance\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-3 rtl:ml-3 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/peoplesoft.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"md:text-lg text-xs font-semibold whitespace-nowrap text-[#0F1556]\">PeopleSoft<\/span>\n                                                <\/a>\n                                                                                    <\/div>\n                                        <div x-ref=\"clone\" class=\"flex gap-[18px]\"><\/div>\n                                    <\/div>\n                                <\/div>\n                                                            <div\n                                        x-data=\"marquee('left')\"\n                                        class=\"overflow-hidden w-full hidden md:block\"\n                                        dir=\"ltr\"\n                                        style=\"direction: ltr;\"\n                                >\n                                    <div\n                                            x-ref=\"container\"\n                                            class=\"flex\"\n                                            @mouseenter=\"pause()\"\n                                            @mouseleave=\"play()\"\n                                    >\n                                        <div x-ref=\"original\" class=\"flex gap-[18px] pr-[18px]\">\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/es\/integrations\/google-workspace\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-3 rtl:ml-3 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/google.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"md:text-lg text-xs font-semibold whitespace-nowrap text-[#0F1556]\">Google Workspace<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/es\/applications\/peoplesoft-campus-solutions\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-3 rtl:ml-3 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/peoplesoft.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"md:text-lg text-xs font-semibold whitespace-nowrap text-[#0F1556]\">Peoplesoft Campus Solutions<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/es\/applications\/access-governance-for-jd-edwards\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-3 rtl:ml-3 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/jd.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"md:text-lg text-xs font-semibold whitespace-nowrap text-[#0F1556]\">JD Edwards<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/es\/integrations\/okta\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-3 rtl:ml-3 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/okta_logo_sm.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"md:text-lg text-xs font-semibold whitespace-nowrap text-[#0F1556]\">Okta<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/es\/integrations\/manhattan-wms\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-3 rtl:ml-3 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/manhattan.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"md:text-lg text-xs font-semibold whitespace-nowrap text-[#0F1556]\">Manhattan<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/es\/applications\/sap-successfactors-access-governance\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-3 rtl:ml-3 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/success.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"md:text-lg text-xs font-semibold whitespace-nowrap text-[#0F1556]\">SAP SuccessFactors<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/es\/integrations\/servicenow\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-3 rtl:ml-3 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/service_logo_sm.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"md:text-lg text-xs font-semibold whitespace-nowrap text-[#0F1556]\">Service Now<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/es\/integrations\/coupa\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-3 rtl:ml-3 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/coupa.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"md:text-lg text-xs font-semibold whitespace-nowrap text-[#0F1556]\">Coupa<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/es\/integrations\/sailpoint-identitynow-hr-identity-source\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-3 rtl:ml-3 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/sailpoint_logo_sm.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"md:text-lg text-xs font-semibold whitespace-nowrap text-[#0F1556]\">Sailpoint<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/es\/integrations\/salesforce-2\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-3 rtl:ml-3 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/sales_logo_sm.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"md:text-lg text-xs font-semibold whitespace-nowrap text-[#0F1556]\">Salesforce<\/span>\n                                                <\/a>\n                                                                                    <\/div>\n                                        <div x-ref=\"clone\" class=\"flex gap-[18px]\"><\/div>\n                                    <\/div>\n                                <\/div>\n                            \n                            <!-- Mobile rows (3 rows, visible below md) -->\n                                                            <div\n                                        x-data=\"marquee('right')\"\n                                        class=\"overflow-hidden w-full md:hidden\"\n                                        dir=\"ltr\"\n                                        style=\"direction: ltr;\"\n                                >\n                                    <div\n                                            x-ref=\"container\"\n                                            class=\"flex\"\n                                            @mouseenter=\"pause()\"\n                                            @mouseleave=\"play()\"\n                                    >\n                                        <div x-ref=\"original\" class=\"flex gap-[18px] pr-[18px]\">\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/es\/applications\/sap-erp\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/SAP.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"text-xs font-semibold whitespace-nowrap\">SAP ERP<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/es\/applications\/oracle-ebs\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/oracle.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"text-xs font-semibold whitespace-nowrap\">Oracle E-Business Suite<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/es\/applications\/sap-erp\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/SAP.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"text-xs font-semibold whitespace-nowrap\">SAP S4\/HANA<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/es\/applications\/oracle-fusion-cloud-erp-access-governance\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/oracle.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"text-xs font-semibold whitespace-nowrap\">Oracle ERP Cloud<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/es\/applications\/sap-ariba-access-governance\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/ariba.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"text-xs font-semibold whitespace-nowrap\">SAP Ariba<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/es\/applications\/workday-access-governance\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/workday.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"text-xs font-semibold whitespace-nowrap\">Workday<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/es\/integrations\/microsoft-dynamics-365-crm\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/dynamics.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"text-xs font-semibold whitespace-nowrap\">Microsoft Dynamics 365<\/span>\n                                                <\/a>\n                                                                                    <\/div>\n                                        <div x-ref=\"clone\" class=\"flex gap-[18px]\"><\/div>\n                                    <\/div>\n                                <\/div>\n                                                            <div\n                                        x-data=\"marquee('left')\"\n                                        class=\"overflow-hidden w-full md:hidden\"\n                                        dir=\"ltr\"\n                                        style=\"direction: ltr;\"\n                                >\n                                    <div\n                                            x-ref=\"container\"\n                                            class=\"flex\"\n                                            @mouseenter=\"pause()\"\n                                            @mouseleave=\"play()\"\n                                    >\n                                        <div x-ref=\"original\" class=\"flex gap-[18px] pr-[18px]\">\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/es\/applications\/microsoft-entra-id\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/entra.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"text-xs font-semibold whitespace-nowrap\">Microsoft Entra ID Governance<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/es\/integrations\/microsoft-teams\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/teams.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"text-xs font-semibold whitespace-nowrap\">Microsoft Teams<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/es\/applications\/peoplesoft-identity-governance\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/peoplesoft.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"text-xs font-semibold whitespace-nowrap\">PeopleSoft<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/es\/integrations\/google-workspace\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/google.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"text-xs font-semibold whitespace-nowrap\">Google Workspace<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/es\/applications\/peoplesoft-campus-solutions\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/peoplesoft.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"text-xs font-semibold whitespace-nowrap\">Peoplesoft Campus Solutions<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/es\/applications\/access-governance-for-jd-edwards\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/jd.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"text-xs font-semibold whitespace-nowrap\">JD Edwards<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/es\/integrations\/okta\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/okta_logo_sm.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"text-xs font-semibold whitespace-nowrap\">Okta<\/span>\n                                                <\/a>\n                                                                                    <\/div>\n                                        <div x-ref=\"clone\" class=\"flex gap-[18px]\"><\/div>\n                                    <\/div>\n                                <\/div>\n                                                            <div\n                                        x-data=\"marquee('right')\"\n                                        class=\"overflow-hidden w-full md:hidden\"\n                                        dir=\"ltr\"\n                                        style=\"direction: ltr;\"\n                                >\n                                    <div\n                                            x-ref=\"container\"\n                                            class=\"flex\"\n                                            @mouseenter=\"pause()\"\n                                            @mouseleave=\"play()\"\n                                    >\n                                        <div x-ref=\"original\" class=\"flex gap-[18px] pr-[18px]\">\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/es\/integrations\/manhattan-wms\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/manhattan.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"text-xs font-semibold whitespace-nowrap\">Manhattan<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/es\/applications\/sap-successfactors-access-governance\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/success.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"text-xs font-semibold whitespace-nowrap\">SAP SuccessFactors<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/es\/integrations\/servicenow\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/service_logo_sm.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"text-xs font-semibold whitespace-nowrap\">Service Now<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/es\/integrations\/coupa\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/coupa.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"text-xs font-semibold whitespace-nowrap\">Coupa<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/es\/integrations\/sailpoint-identitynow-hr-identity-source\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/sailpoint_logo_sm.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"text-xs font-semibold whitespace-nowrap\">Sailpoint<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/es\/integrations\/salesforce-2\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/sales_logo_sm.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"text-xs font-semibold whitespace-nowrap\">Salesforce<\/span>\n                                                <\/a>\n                                                                                    <\/div>\n                                        <div x-ref=\"clone\" class=\"flex gap-[18px]\"><\/div>\n                                    <\/div>\n                                <\/div>\n                                                                            <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<script>\n    document.addEventListener('alpine:init', () => {\n        Alpine.data('marquee', (direction = 'left') => ({\n            speed: 0.35,\n            paused: false,\n            position: 0,\n            animationId: null,\n            containerWidth: 0,\n            resizeObserver: null,\n\n            init() {\n                this.$nextTick(() => {\n                    this.setup();\n\n                    this.resizeObserver = new ResizeObserver(() => {\n                        this.pause();\n                        this.setup();\n                    });\n                    this.resizeObserver.observe(this.$refs.original);\n                });\n            },\n\n            setup() {\n                const original = this.$refs.original;\n                const clone    = this.$refs.clone;\n\n                if (original.offsetWidth === 0) return;\n                \n                clone.innerHTML = '';\n                const originalWidth = original.offsetWidth;\n                const screenWidth   = window.innerWidth;\n                const clonesNeeded  = Math.ceil((screenWidth * 2) \/ originalWidth) + 1;\n\n                for (let i = 0; i < clonesNeeded; i++) {\n                    clone.innerHTML += original.innerHTML;\n                }\n\n                this.containerWidth = originalWidth;\n\n                if (direction === 'right') {\n                    this.position = -this.containerWidth;\n                } else {\n                    this.position = 0;\n                }\n\n                this.play();\n            },\n\n            play() {\n                this.paused = false;\n                if (!this.animationId) this.animate();\n            },\n\n            pause() {\n                this.paused = true;\n                if (this.animationId) {\n                    cancelAnimationFrame(this.animationId);\n                    this.animationId = null;\n                }\n            },\n\n            animate() {\n                if (this.paused) return;\n\n                if (direction === 'left') {\n                    this.position -= this.speed;\n                    if (this.position <= -this.containerWidth) {\n                        this.position = 0;\n                    }\n                } else {\n                    this.position += this.speed;\n                    if (this.position >= 0) {\n                        this.position = -this.containerWidth;\n                    }\n                }\n\n                this.$refs.container.style.transform = `translateX(${this.position}px)`;\n                this.animationId = requestAnimationFrame(() => this.animate());\n            },\n\n            destroy() {\n                this.pause();\n                if (this.resizeObserver) {\n                    this.resizeObserver.disconnect();\n                }\n            }\n        }));\n    });\n<\/script>\n\n\n<section class=\"w-full py-16 lg:py-24 bg-white overflow-hidden font-['Inter']\">\n  <div class=\"container mx-auto px-4 lg:px-8 flex flex-col items-center\">\n    \n    <!-- Header Section -->\n    <div class=\"w-full max-w-4xl text-center flex flex-col items-center gap-4 lg:gap-6 mb-12 lg:mb-16\">\n                <div class=\"text-[#148752] text-sm lg:text-base font-bold uppercase leading-8 tracking-wider\">\n            FUNCIONALIDADES PRINCIPALES        <\/div>\n                \n                <h2 class=\"text-[#0F1556] text-3xl md:text-4xl lg:text-5xl font-semibold md:leading-tight lg:leading-[60px]\">\n            Identity y Access Governance Creada para el presente, preparada para el futuro        <\/h2>\n                \n                <p class=\"text-[#2A3274] text-lg lg:text-xl font-normal leading-relaxed max-w-[880px] mt-2\">\n            Ofrecemos las funcionalidades fundamentales necesarias para satisfacer las exigencias actuales en materia de auditor\u00eda, cumplimiento normativo y seguridad, con la escalabilidad y la flexibilidad necesarias para respaldar el crecimiento futuro y hacer frente a los riesgos en constante evoluci\u00f3n.        <\/p>\n            <\/div>\n\n    <!-- Slider Section -->\n    <div class=\"w-full relative key-capabilities-slider\" data-total=\"7\">\n        \n        <!-- Pills Navigation -->\n        <div class=\"flex  flex-nowrap lg:flex-wrap justify-start lg:justify-center items-center gap-3 mb-8 lg:mb-12 px-4 lg:max-w-[884px] lg:mx-auto overflow-x-auto scrollbar-hide pb-2\">\n                            <button \n                    class=\"capability-pill px-5 py-3 rounded-full text-sm lg:text-base font-semibold transition-all duration-300 cursor-pointer shadow-sm whitespace-nowrap shrink-0\"\n                    data-index=\"0\">\n                    Access Risk Analysis                <\/button>\n                            <button \n                    class=\"capability-pill px-5 py-3 rounded-full text-sm lg:text-base font-semibold transition-all duration-300 cursor-pointer shadow-sm whitespace-nowrap shrink-0\"\n                    data-index=\"1\">\n                    Compliant Provisioning                <\/button>\n                            <button \n                    class=\"capability-pill px-5 py-3 rounded-full text-sm lg:text-base font-semibold transition-all duration-300 cursor-pointer shadow-sm whitespace-nowrap shrink-0\"\n                    data-index=\"2\">\n                    Certifications                <\/button>\n                            <button \n                    class=\"capability-pill px-5 py-3 rounded-full text-sm lg:text-base font-semibold transition-all duration-300 cursor-pointer shadow-sm whitespace-nowrap shrink-0\"\n                    data-index=\"3\">\n                    AI Governance                <\/button>\n                            <button \n                    class=\"capability-pill px-5 py-3 rounded-full text-sm lg:text-base font-semibold transition-all duration-300 cursor-pointer shadow-sm whitespace-nowrap shrink-0\"\n                    data-index=\"4\">\n                    Privileged Access Management                <\/button>\n                            <button \n                    class=\"capability-pill px-5 py-3 rounded-full text-sm lg:text-base font-semibold transition-all duration-300 cursor-pointer shadow-sm whitespace-nowrap shrink-0\"\n                    data-index=\"5\">\n                    Dynamic Access Controls                <\/button>\n                            <button \n                    class=\"capability-pill px-5 py-3 rounded-full text-sm lg:text-base font-semibold transition-all duration-300 cursor-pointer shadow-sm whitespace-nowrap shrink-0\"\n                    data-index=\"6\">\n                    Continuous Controls Monitoring                <\/button>\n                    <\/div>\n\n        <!-- Slider Container -->\n        <div class=\"relative w-full\">\n            \n            <!-- Desktop Left Arrow (match insights.php styles) -->\n            <button class=\"cap-prev hidden xl:inline-flex absolute left-[-24px] top-1\/2 -translate-y-1\/2 z-20 w-10 h-10 bg-white rounded-full border border-[#e3e7f6] text-[#0F1556] shadow-sm hover:bg-[#f7fafc] disabled:opacity-40 items-center justify-center\" aria-label=\"Previous capability\">\n                <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M15 18L9 12L15 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n            <\/button>\n\n            <!-- Cards -->\n            <div class=\"relative w-full overflow-hidden rounded-lg bg-[#F8F9FF] shadow-sm\">\n                                    <div class=\"capability-card flex flex-col-reverse lg:flex-row w-full block\" data-index=\"0\">\n                        \n                        <!-- Text Content Area -->\n                        <div class=\"flex-1 p-8 md:p-12 flex flex-col justify-center items-start gap-6 lg:gap-8\">\n                            <h3 class=\"text-[#0F1556] text-3xl lg:text-4xl font-medium leading-tight\">\n                                Access Risk Analysis                            <\/h3>\n                            \n                            <p class=\"text-[#2A3274] text-base lg:text-lg leading-relaxed\">\n                                Pathlock automatiza el an\u00e1lisis de riesgos de SoD y acceso sensible con conjuntos de reglas personalizables, lo que garantiza un r\u00e1pido retorno de valor y reduce riesgos y costos.                            <\/p>\n                            \n                                                        <a href=\"https:\/\/pathlock.com\/es\/products\/sap-access-risk-analysis\/\" target=\"\" class=\"flex items-center text-base font-semibold text-[#0F1556] group group-hover:text-[#44C382] leading-7 transition-colors duration-300 mt-2 lg:mt-4\">\n                                <span class=\"group-hover:text-[#44C382] transition-colors duration-300\">Obtenga m\u00e1s informaci\u00f3n<\/span>\n                                <span class=\"rtl:rotate-180 ml-2 rtl:ml-0 rtl:mr-2 stroke-[#0F1556] group-hover:stroke-[#44C382] rtl:group-hover:-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 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\"><\/path>\n                                    <\/svg>\n                                <\/span>\n                            <\/a>\n                                                    <\/div>\n\n                        <!-- Image Area -->\n                        <div class=\"w-full lg:w-[50%] shrink-0 bg-[#0F1556] flex items-center justify-center p-8 md:p-12 relative min-h-[300px] lg:min-h-[610px] overflow-hidden\">\n                        \n\n                            <!-- Decorative SVG background (placed behind the image\/placeholder) -->\n                            <div class=\"absolute inset-0 flex items-center justify-center pointer-events-none overflow-hidden\">\n                                <!-- Inline SVG provided by designer. Use per-card unique IDs so defs\/clipPaths don't clash across multiple cards. -->\n                                                                <svg class=\"w-[120%] h-[120%] max-w-none max-h-none opacity-90\" width=\"594\" height=\"518\" viewBox=\"0 0 594 518\" preserveAspectRatio=\"xMidYMid slice\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n                                    <g clip-path=\"url(#clip0_cap_svg_0)\">\n                                        <rect width=\"594\" height=\"518\" fill=\"#0F1556\"\/>\n                                        <rect width=\"594\" height=\"518\" fill=\"url(#paint0_radial_cap_svg_0)\"\/>\n                                        <path d=\"M1639.49 533.061C1648.42 517.597 1648.42 498.549 1639.49 483.085L1353.77 -12.1139C1344.84 -27.5907 1328.33 -37.1259 1310.47 -37.1259L739.083 -37.1259C721.214 -37.1259 704.704 -27.5907 695.774 -12.1138L410.055 483.085C401.132 498.549 401.132 517.597 410.055 533.061L695.775 1028.26C704.704 1043.74 721.214 1053.27 739.083 1053.27L1310.47 1053.27C1328.33 1053.27 1344.85 1043.74 1353.77 1028.26L1639.49 533.061Z\" fill=\"url(#paint1_linear_cap_svg_0)\"\/>\n                                        <path d=\"M-921.582 -25.1223C-930.505 -9.65839 -930.505 9.38965 -921.582 24.8536L-635.863 520.053C-626.933 535.53 -610.423 545.065 -592.555 545.065L-21.1707 545.065C-3.30242 545.065 13.2078 535.53 22.1376 520.053L307.857 24.8536C316.78 9.3897 316.78 -9.65839 307.857 -25.1223L22.1376 -520.321C13.2078 -535.798 -3.30237 -545.333 -21.1706 -545.333L-592.554 -545.333C-610.423 -545.333 -626.933 -535.798 -635.863 -520.321L-921.582 -25.1223Z\" fill=\"url(#paint2_linear_cap_svg_0)\"\/>\n                                    <\/g>\n                                    <defs>\n                                        <radialGradient id=\"paint0_radial_cap_svg_0\" cx=\"0\" cy=\"0\" r=\"1\" gradientTransform=\"matrix(-816.217 -756.747 867.775 -2582.44 1070.13 997.913)\" gradientUnits=\"userSpaceOnUse\">\n                                            <stop stop-color=\"#1424EE\"\/>\n                                            <stop offset=\"1\" stop-color=\"#0F1556\"\/>\n                                        <\/radialGradient>\n                                        <linearGradient id=\"paint1_linear_cap_svg_0\" x1=\"395.637\" y1=\"1148.88\" x2=\"575.777\" y2=\"172.905\" gradientUnits=\"userSpaceOnUse\">\n                                            <stop stop-color=\"#1424EE\"\/>\n                                            <stop offset=\"1\" stop-color=\"#0F1556\"\/>\n                                        <\/linearGradient>\n                                        <linearGradient id=\"paint2_linear_cap_svg_0\" x1=\"322.275\" y1=\"-640.943\" x2=\"142.135\" y2=\"335.034\" gradientUnits=\"userSpaceOnUse\">\n                                            <stop stop-color=\"#1424EE\"\/>\n                                            <stop offset=\"1\" stop-color=\"#0F1556\"\/>\n                                        <\/linearGradient>\n                                        <clipPath id=\"clip0_cap_svg_0\">\n                                            <rect width=\"594\" height=\"518\" fill=\"white\"\/>\n                                        <\/clipPath>\n                                    <\/defs>\n                                <\/svg>\n                            <\/div>\n\n                                                                                                                                <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/access-risk-analysis.avif\" alt=\"\" class=\"w-full h-auto max-w-[450px] object-contain rounded-lg shadow-2xl relative z-10\" \/>\n                                                                                    <\/div>\n                        \n                    <\/div>\n                                    <div class=\"capability-card flex flex-col-reverse lg:flex-row w-full hidden\" data-index=\"1\">\n                        \n                        <!-- Text Content Area -->\n                        <div class=\"flex-1 p-8 md:p-12 flex flex-col justify-center items-start gap-6 lg:gap-8\">\n                            <h3 class=\"text-[#0F1556] text-3xl lg:text-4xl font-medium leading-tight\">\n                                Compliant Provisioning                            <\/h3>\n                            \n                            <p class=\"text-[#2A3274] text-base lg:text-lg leading-relaxed\">\n                                Con el aprovisionamiento compatible de Pathlock, puede modelar y validar los permisos de usuario antes de otorgar acceso. Tambi\u00e9n puede automatizar todo el proceso Joiner-Mover-Leaver (JML) mientras mantiene el cumplimiento.                            <\/p>\n                            \n                                                        <a href=\"https:\/\/pathlock.com\/es\/products\/compliant-provisioning\/\" target=\"\" class=\"flex items-center text-base font-semibold text-[#0F1556] group group-hover:text-[#44C382] leading-7 transition-colors duration-300 mt-2 lg:mt-4\">\n                                <span class=\"group-hover:text-[#44C382] transition-colors duration-300\">Obtenga m\u00e1s informaci\u00f3n<\/span>\n                                <span class=\"rtl:rotate-180 ml-2 rtl:ml-0 rtl:mr-2 stroke-[#0F1556] group-hover:stroke-[#44C382] rtl:group-hover:-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 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\"><\/path>\n                                    <\/svg>\n                                <\/span>\n                            <\/a>\n                                                    <\/div>\n\n                        <!-- Image Area -->\n                        <div class=\"w-full lg:w-[50%] shrink-0 bg-[#0F1556] flex items-center justify-center p-8 md:p-12 relative min-h-[300px] lg:min-h-[610px] overflow-hidden\">\n                        \n\n                            <!-- Decorative SVG background (placed behind the image\/placeholder) -->\n                            <div class=\"absolute inset-0 flex items-center justify-center pointer-events-none overflow-hidden\">\n                                <!-- Inline SVG provided by designer. Use per-card unique IDs so defs\/clipPaths don't clash across multiple cards. -->\n                                                                <svg class=\"w-[120%] h-[120%] max-w-none max-h-none opacity-90\" width=\"594\" height=\"518\" viewBox=\"0 0 594 518\" preserveAspectRatio=\"xMidYMid slice\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n                                    <g clip-path=\"url(#clip0_cap_svg_1)\">\n                                        <rect width=\"594\" height=\"518\" fill=\"#0F1556\"\/>\n                                        <rect width=\"594\" height=\"518\" fill=\"url(#paint0_radial_cap_svg_1)\"\/>\n                                        <path d=\"M1639.49 533.061C1648.42 517.597 1648.42 498.549 1639.49 483.085L1353.77 -12.1139C1344.84 -27.5907 1328.33 -37.1259 1310.47 -37.1259L739.083 -37.1259C721.214 -37.1259 704.704 -27.5907 695.774 -12.1138L410.055 483.085C401.132 498.549 401.132 517.597 410.055 533.061L695.775 1028.26C704.704 1043.74 721.214 1053.27 739.083 1053.27L1310.47 1053.27C1328.33 1053.27 1344.85 1043.74 1353.77 1028.26L1639.49 533.061Z\" fill=\"url(#paint1_linear_cap_svg_1)\"\/>\n                                        <path d=\"M-921.582 -25.1223C-930.505 -9.65839 -930.505 9.38965 -921.582 24.8536L-635.863 520.053C-626.933 535.53 -610.423 545.065 -592.555 545.065L-21.1707 545.065C-3.30242 545.065 13.2078 535.53 22.1376 520.053L307.857 24.8536C316.78 9.3897 316.78 -9.65839 307.857 -25.1223L22.1376 -520.321C13.2078 -535.798 -3.30237 -545.333 -21.1706 -545.333L-592.554 -545.333C-610.423 -545.333 -626.933 -535.798 -635.863 -520.321L-921.582 -25.1223Z\" fill=\"url(#paint2_linear_cap_svg_1)\"\/>\n                                    <\/g>\n                                    <defs>\n                                        <radialGradient id=\"paint0_radial_cap_svg_1\" cx=\"0\" cy=\"0\" r=\"1\" gradientTransform=\"matrix(-816.217 -756.747 867.775 -2582.44 1070.13 997.913)\" gradientUnits=\"userSpaceOnUse\">\n                                            <stop stop-color=\"#1424EE\"\/>\n                                            <stop offset=\"1\" stop-color=\"#0F1556\"\/>\n                                        <\/radialGradient>\n                                        <linearGradient id=\"paint1_linear_cap_svg_1\" x1=\"395.637\" y1=\"1148.88\" x2=\"575.777\" y2=\"172.905\" gradientUnits=\"userSpaceOnUse\">\n                                            <stop stop-color=\"#1424EE\"\/>\n                                            <stop offset=\"1\" stop-color=\"#0F1556\"\/>\n                                        <\/linearGradient>\n                                        <linearGradient id=\"paint2_linear_cap_svg_1\" x1=\"322.275\" y1=\"-640.943\" x2=\"142.135\" y2=\"335.034\" gradientUnits=\"userSpaceOnUse\">\n                                            <stop stop-color=\"#1424EE\"\/>\n                                            <stop offset=\"1\" stop-color=\"#0F1556\"\/>\n                                        <\/linearGradient>\n                                        <clipPath id=\"clip0_cap_svg_1\">\n                                            <rect width=\"594\" height=\"518\" fill=\"white\"\/>\n                                        <\/clipPath>\n                                    <\/defs>\n                                <\/svg>\n                            <\/div>\n\n                                                                                                                                <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/compliant-provisioning.avif\" alt=\"\" class=\"w-full h-auto max-w-[450px] object-contain rounded-lg shadow-2xl relative z-10\" \/>\n                                                                                    <\/div>\n                        \n                    <\/div>\n                                    <div class=\"capability-card flex flex-col-reverse lg:flex-row w-full hidden\" data-index=\"2\">\n                        \n                        <!-- Text Content Area -->\n                        <div class=\"flex-1 p-8 md:p-12 flex flex-col justify-center items-start gap-6 lg:gap-8\">\n                            <h3 class=\"text-[#0F1556] text-3xl lg:text-4xl font-medium leading-tight\">\n                                Certifications                            <\/h3>\n                            \n                            <p class=\"text-[#2A3274] text-base lg:text-lg leading-relaxed\">\n                                Establezca un proceso continuo de revisiones de acceso de usuarios, donde los revisores pueden tomar decisiones bien fundadas sobre si deben confirmar o revocar el acceso. Adem\u00e1s de eso, obtiene el registro de auditor\u00eda para demostrar que se han realizado las revisiones.                            <\/p>\n                            \n                                                        <a href=\"https:\/\/pathlock.com\/es\/products\/user-access-review-software\/\" target=\"\" class=\"flex items-center text-base font-semibold text-[#0F1556] group group-hover:text-[#44C382] leading-7 transition-colors duration-300 mt-2 lg:mt-4\">\n                                <span class=\"group-hover:text-[#44C382] transition-colors duration-300\">Obtenga m\u00e1s informaci\u00f3n<\/span>\n                                <span class=\"rtl:rotate-180 ml-2 rtl:ml-0 rtl:mr-2 stroke-[#0F1556] group-hover:stroke-[#44C382] rtl:group-hover:-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 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\"><\/path>\n                                    <\/svg>\n                                <\/span>\n                            <\/a>\n                                                    <\/div>\n\n                        <!-- Image Area -->\n                        <div class=\"w-full lg:w-[50%] shrink-0 bg-[#0F1556] flex items-center justify-center p-8 md:p-12 relative min-h-[300px] lg:min-h-[610px] overflow-hidden\">\n                        \n\n                            <!-- Decorative SVG background (placed behind the image\/placeholder) -->\n                            <div class=\"absolute inset-0 flex items-center justify-center pointer-events-none overflow-hidden\">\n                                <!-- Inline SVG provided by designer. Use per-card unique IDs so defs\/clipPaths don't clash across multiple cards. -->\n                                                                <svg class=\"w-[120%] h-[120%] max-w-none max-h-none opacity-90\" width=\"594\" height=\"518\" viewBox=\"0 0 594 518\" preserveAspectRatio=\"xMidYMid slice\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n                                    <g clip-path=\"url(#clip0_cap_svg_2)\">\n                                        <rect width=\"594\" height=\"518\" fill=\"#0F1556\"\/>\n                                        <rect width=\"594\" height=\"518\" fill=\"url(#paint0_radial_cap_svg_2)\"\/>\n                                        <path d=\"M1639.49 533.061C1648.42 517.597 1648.42 498.549 1639.49 483.085L1353.77 -12.1139C1344.84 -27.5907 1328.33 -37.1259 1310.47 -37.1259L739.083 -37.1259C721.214 -37.1259 704.704 -27.5907 695.774 -12.1138L410.055 483.085C401.132 498.549 401.132 517.597 410.055 533.061L695.775 1028.26C704.704 1043.74 721.214 1053.27 739.083 1053.27L1310.47 1053.27C1328.33 1053.27 1344.85 1043.74 1353.77 1028.26L1639.49 533.061Z\" fill=\"url(#paint1_linear_cap_svg_2)\"\/>\n                                        <path d=\"M-921.582 -25.1223C-930.505 -9.65839 -930.505 9.38965 -921.582 24.8536L-635.863 520.053C-626.933 535.53 -610.423 545.065 -592.555 545.065L-21.1707 545.065C-3.30242 545.065 13.2078 535.53 22.1376 520.053L307.857 24.8536C316.78 9.3897 316.78 -9.65839 307.857 -25.1223L22.1376 -520.321C13.2078 -535.798 -3.30237 -545.333 -21.1706 -545.333L-592.554 -545.333C-610.423 -545.333 -626.933 -535.798 -635.863 -520.321L-921.582 -25.1223Z\" fill=\"url(#paint2_linear_cap_svg_2)\"\/>\n                                    <\/g>\n                                    <defs>\n                                        <radialGradient id=\"paint0_radial_cap_svg_2\" cx=\"0\" cy=\"0\" r=\"1\" gradientTransform=\"matrix(-816.217 -756.747 867.775 -2582.44 1070.13 997.913)\" gradientUnits=\"userSpaceOnUse\">\n                                            <stop stop-color=\"#1424EE\"\/>\n                                            <stop offset=\"1\" stop-color=\"#0F1556\"\/>\n                                        <\/radialGradient>\n                                        <linearGradient id=\"paint1_linear_cap_svg_2\" x1=\"395.637\" y1=\"1148.88\" x2=\"575.777\" y2=\"172.905\" gradientUnits=\"userSpaceOnUse\">\n                                            <stop stop-color=\"#1424EE\"\/>\n                                            <stop offset=\"1\" stop-color=\"#0F1556\"\/>\n                                        <\/linearGradient>\n                                        <linearGradient id=\"paint2_linear_cap_svg_2\" x1=\"322.275\" y1=\"-640.943\" x2=\"142.135\" y2=\"335.034\" gradientUnits=\"userSpaceOnUse\">\n                                            <stop stop-color=\"#1424EE\"\/>\n                                            <stop offset=\"1\" stop-color=\"#0F1556\"\/>\n                                        <\/linearGradient>\n                                        <clipPath id=\"clip0_cap_svg_2\">\n                                            <rect width=\"594\" height=\"518\" fill=\"white\"\/>\n                                        <\/clipPath>\n                                    <\/defs>\n                                <\/svg>\n                            <\/div>\n\n                                                                                                                                <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/certifications.avif\" alt=\"\" class=\"w-full h-auto max-w-[450px] object-contain rounded-lg shadow-2xl relative z-10\" \/>\n                                                                                    <\/div>\n                        \n                    <\/div>\n                                    <div class=\"capability-card flex flex-col-reverse lg:flex-row w-full hidden\" data-index=\"3\">\n                        \n                        <!-- Text Content Area -->\n                        <div class=\"flex-1 p-8 md:p-12 flex flex-col justify-center items-start gap-6 lg:gap-8\">\n                            <h3 class=\"text-[#0F1556] text-3xl lg:text-4xl font-medium leading-tight\">\n                                AI Governance                            <\/h3>\n                            \n                            <p class=\"text-[#2A3274] text-base lg:text-lg leading-relaxed\">\n                                Pathlock garantiza un control de acceso coherente para todas las identidades al tratar las identidades no humanas (NHI) con el mismo rigor que a los usuarios humanos. Al mismo tiempo, integra agentes de IA directamente en los flujos de trabajo de gobernanza para facilitar la toma de decisiones m\u00e1s r\u00e1pidas y seguras.                            <\/p>\n                            \n                                                        <a href=\"https:\/\/pathlock.com\/es\/use-cases\/nhi-governance\/\" target=\"\" class=\"flex items-center text-base font-semibold text-[#0F1556] group group-hover:text-[#44C382] leading-7 transition-colors duration-300 mt-2 lg:mt-4\">\n                                <span class=\"group-hover:text-[#44C382] transition-colors duration-300\">Obtenga m\u00e1s informaci\u00f3n<\/span>\n                                <span class=\"rtl:rotate-180 ml-2 rtl:ml-0 rtl:mr-2 stroke-[#0F1556] group-hover:stroke-[#44C382] rtl:group-hover:-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 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\"><\/path>\n                                    <\/svg>\n                                <\/span>\n                            <\/a>\n                                                    <\/div>\n\n                        <!-- Image Area -->\n                        <div class=\"w-full lg:w-[50%] shrink-0 bg-[#0F1556] flex items-center justify-center p-8 md:p-12 relative min-h-[300px] lg:min-h-[610px] overflow-hidden\">\n                        \n\n                            <!-- Decorative SVG background (placed behind the image\/placeholder) -->\n                            <div class=\"absolute inset-0 flex items-center justify-center pointer-events-none overflow-hidden\">\n                                <!-- Inline SVG provided by designer. Use per-card unique IDs so defs\/clipPaths don't clash across multiple cards. -->\n                                                                <svg class=\"w-[120%] h-[120%] max-w-none max-h-none opacity-90\" width=\"594\" height=\"518\" viewBox=\"0 0 594 518\" preserveAspectRatio=\"xMidYMid slice\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n                                    <g clip-path=\"url(#clip0_cap_svg_3)\">\n                                        <rect width=\"594\" height=\"518\" fill=\"#0F1556\"\/>\n                                        <rect width=\"594\" height=\"518\" fill=\"url(#paint0_radial_cap_svg_3)\"\/>\n                                        <path d=\"M1639.49 533.061C1648.42 517.597 1648.42 498.549 1639.49 483.085L1353.77 -12.1139C1344.84 -27.5907 1328.33 -37.1259 1310.47 -37.1259L739.083 -37.1259C721.214 -37.1259 704.704 -27.5907 695.774 -12.1138L410.055 483.085C401.132 498.549 401.132 517.597 410.055 533.061L695.775 1028.26C704.704 1043.74 721.214 1053.27 739.083 1053.27L1310.47 1053.27C1328.33 1053.27 1344.85 1043.74 1353.77 1028.26L1639.49 533.061Z\" fill=\"url(#paint1_linear_cap_svg_3)\"\/>\n                                        <path d=\"M-921.582 -25.1223C-930.505 -9.65839 -930.505 9.38965 -921.582 24.8536L-635.863 520.053C-626.933 535.53 -610.423 545.065 -592.555 545.065L-21.1707 545.065C-3.30242 545.065 13.2078 535.53 22.1376 520.053L307.857 24.8536C316.78 9.3897 316.78 -9.65839 307.857 -25.1223L22.1376 -520.321C13.2078 -535.798 -3.30237 -545.333 -21.1706 -545.333L-592.554 -545.333C-610.423 -545.333 -626.933 -535.798 -635.863 -520.321L-921.582 -25.1223Z\" fill=\"url(#paint2_linear_cap_svg_3)\"\/>\n                                    <\/g>\n                                    <defs>\n                                        <radialGradient id=\"paint0_radial_cap_svg_3\" cx=\"0\" cy=\"0\" r=\"1\" gradientTransform=\"matrix(-816.217 -756.747 867.775 -2582.44 1070.13 997.913)\" gradientUnits=\"userSpaceOnUse\">\n                                            <stop stop-color=\"#1424EE\"\/>\n                                            <stop offset=\"1\" stop-color=\"#0F1556\"\/>\n                                        <\/radialGradient>\n                                        <linearGradient id=\"paint1_linear_cap_svg_3\" x1=\"395.637\" y1=\"1148.88\" x2=\"575.777\" y2=\"172.905\" gradientUnits=\"userSpaceOnUse\">\n                                            <stop stop-color=\"#1424EE\"\/>\n                                            <stop offset=\"1\" stop-color=\"#0F1556\"\/>\n                                        <\/linearGradient>\n                                        <linearGradient id=\"paint2_linear_cap_svg_3\" x1=\"322.275\" y1=\"-640.943\" x2=\"142.135\" y2=\"335.034\" gradientUnits=\"userSpaceOnUse\">\n                                            <stop stop-color=\"#1424EE\"\/>\n                                            <stop offset=\"1\" stop-color=\"#0F1556\"\/>\n                                        <\/linearGradient>\n                                        <clipPath id=\"clip0_cap_svg_3\">\n                                            <rect width=\"594\" height=\"518\" fill=\"white\"\/>\n                                        <\/clipPath>\n                                    <\/defs>\n                                <\/svg>\n                            <\/div>\n\n                                                                                                                                <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/ai-governance-2.avif\" alt=\"\" class=\"w-full h-auto max-w-[450px] object-contain rounded-lg shadow-2xl relative z-10\" \/>\n                                                                                    <\/div>\n                        \n                    <\/div>\n                                    <div class=\"capability-card flex flex-col-reverse lg:flex-row w-full hidden\" data-index=\"4\">\n                        \n                        <!-- Text Content Area -->\n                        <div class=\"flex-1 p-8 md:p-12 flex flex-col justify-center items-start gap-6 lg:gap-8\">\n                            <h3 class=\"text-[#0F1556] text-3xl lg:text-4xl font-medium leading-tight\">\n                                Privileged Access Management                            <\/h3>\n                            \n                            <p class=\"text-[#2A3274] text-base lg:text-lg leading-relaxed\">\n                                Aproveche el proceso de gesti\u00f3n de acceso elevado totalmente automatizado con flujos de trabajo integrados que reducen la necesidad de recursos de TI adicionales. Con Pathlock, tambi\u00e9n recibir\u00e1 evidencia lista para auditor\u00eda de que se est\u00e1n supervisando las sesiones de usuarios privilegiados.                            <\/p>\n                            \n                                                        <a href=\"https:\/\/pathlock.com\/es\/products\/elevated-access-management-software\/\" target=\"\" class=\"flex items-center text-base font-semibold text-[#0F1556] group group-hover:text-[#44C382] leading-7 transition-colors duration-300 mt-2 lg:mt-4\">\n                                <span class=\"group-hover:text-[#44C382] transition-colors duration-300\">Obtenga m\u00e1s informaci\u00f3n<\/span>\n                                <span class=\"rtl:rotate-180 ml-2 rtl:ml-0 rtl:mr-2 stroke-[#0F1556] group-hover:stroke-[#44C382] rtl:group-hover:-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 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\"><\/path>\n                                    <\/svg>\n                                <\/span>\n                            <\/a>\n                                                    <\/div>\n\n                        <!-- Image Area -->\n                        <div class=\"w-full lg:w-[50%] shrink-0 bg-[#0F1556] flex items-center justify-center p-8 md:p-12 relative min-h-[300px] lg:min-h-[610px] overflow-hidden\">\n                        \n\n                            <!-- Decorative SVG background (placed behind the image\/placeholder) -->\n                            <div class=\"absolute inset-0 flex items-center justify-center pointer-events-none overflow-hidden\">\n                                <!-- Inline SVG provided by designer. Use per-card unique IDs so defs\/clipPaths don't clash across multiple cards. -->\n                                                                <svg class=\"w-[120%] h-[120%] max-w-none max-h-none opacity-90\" width=\"594\" height=\"518\" viewBox=\"0 0 594 518\" preserveAspectRatio=\"xMidYMid slice\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n                                    <g clip-path=\"url(#clip0_cap_svg_4)\">\n                                        <rect width=\"594\" height=\"518\" fill=\"#0F1556\"\/>\n                                        <rect width=\"594\" height=\"518\" fill=\"url(#paint0_radial_cap_svg_4)\"\/>\n                                        <path d=\"M1639.49 533.061C1648.42 517.597 1648.42 498.549 1639.49 483.085L1353.77 -12.1139C1344.84 -27.5907 1328.33 -37.1259 1310.47 -37.1259L739.083 -37.1259C721.214 -37.1259 704.704 -27.5907 695.774 -12.1138L410.055 483.085C401.132 498.549 401.132 517.597 410.055 533.061L695.775 1028.26C704.704 1043.74 721.214 1053.27 739.083 1053.27L1310.47 1053.27C1328.33 1053.27 1344.85 1043.74 1353.77 1028.26L1639.49 533.061Z\" fill=\"url(#paint1_linear_cap_svg_4)\"\/>\n                                        <path d=\"M-921.582 -25.1223C-930.505 -9.65839 -930.505 9.38965 -921.582 24.8536L-635.863 520.053C-626.933 535.53 -610.423 545.065 -592.555 545.065L-21.1707 545.065C-3.30242 545.065 13.2078 535.53 22.1376 520.053L307.857 24.8536C316.78 9.3897 316.78 -9.65839 307.857 -25.1223L22.1376 -520.321C13.2078 -535.798 -3.30237 -545.333 -21.1706 -545.333L-592.554 -545.333C-610.423 -545.333 -626.933 -535.798 -635.863 -520.321L-921.582 -25.1223Z\" fill=\"url(#paint2_linear_cap_svg_4)\"\/>\n                                    <\/g>\n                                    <defs>\n                                        <radialGradient id=\"paint0_radial_cap_svg_4\" cx=\"0\" cy=\"0\" r=\"1\" gradientTransform=\"matrix(-816.217 -756.747 867.775 -2582.44 1070.13 997.913)\" gradientUnits=\"userSpaceOnUse\">\n                                            <stop stop-color=\"#1424EE\"\/>\n                                            <stop offset=\"1\" stop-color=\"#0F1556\"\/>\n                                        <\/radialGradient>\n                                        <linearGradient id=\"paint1_linear_cap_svg_4\" x1=\"395.637\" y1=\"1148.88\" x2=\"575.777\" y2=\"172.905\" gradientUnits=\"userSpaceOnUse\">\n                                            <stop stop-color=\"#1424EE\"\/>\n                                            <stop offset=\"1\" stop-color=\"#0F1556\"\/>\n                                        <\/linearGradient>\n                                        <linearGradient id=\"paint2_linear_cap_svg_4\" x1=\"322.275\" y1=\"-640.943\" x2=\"142.135\" y2=\"335.034\" gradientUnits=\"userSpaceOnUse\">\n                                            <stop stop-color=\"#1424EE\"\/>\n                                            <stop offset=\"1\" stop-color=\"#0F1556\"\/>\n                                        <\/linearGradient>\n                                        <clipPath id=\"clip0_cap_svg_4\">\n                                            <rect width=\"594\" height=\"518\" fill=\"white\"\/>\n                                        <\/clipPath>\n                                    <\/defs>\n                                <\/svg>\n                            <\/div>\n\n                                                                                                                                <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/privileged-access-management.avif\" alt=\"\" class=\"w-full h-auto max-w-[450px] object-contain rounded-lg shadow-2xl relative z-10\" \/>\n                                                                                    <\/div>\n                        \n                    <\/div>\n                                    <div class=\"capability-card flex flex-col-reverse lg:flex-row w-full hidden\" data-index=\"5\">\n                        \n                        <!-- Text Content Area -->\n                        <div class=\"flex-1 p-8 md:p-12 flex flex-col justify-center items-start gap-6 lg:gap-8\">\n                            <h3 class=\"text-[#0F1556] text-3xl lg:text-4xl font-medium leading-tight\">\n                                Dynamic Access Controls                            <\/h3>\n                            \n                            <p class=\"text-[#2A3274] text-base lg:text-lg leading-relaxed\">\n                                Aplique pol\u00edticas en tiempo real basadas en atributos para ocultar, codificar y restringir el acceso a los datos confidenciales. De este modo, se reduce el riesgo, se elimina la complejidad de los roles y se agiliza el cumplimiento normativo.                            <\/p>\n                            \n                                                        <a href=\"https:\/\/pathlock.com\/es\/products\/dynamic-access-control\/\" target=\"\" class=\"flex items-center text-base font-semibold text-[#0F1556] group group-hover:text-[#44C382] leading-7 transition-colors duration-300 mt-2 lg:mt-4\">\n                                <span class=\"group-hover:text-[#44C382] transition-colors duration-300\">Obtenga m\u00e1s informaci\u00f3n<\/span>\n                                <span class=\"rtl:rotate-180 ml-2 rtl:ml-0 rtl:mr-2 stroke-[#0F1556] group-hover:stroke-[#44C382] rtl:group-hover:-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 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\"><\/path>\n                                    <\/svg>\n                                <\/span>\n                            <\/a>\n                                                    <\/div>\n\n                        <!-- Image Area -->\n                        <div class=\"w-full lg:w-[50%] shrink-0 bg-[#0F1556] flex items-center justify-center p-8 md:p-12 relative min-h-[300px] lg:min-h-[610px] overflow-hidden\">\n                        \n\n                            <!-- Decorative SVG background (placed behind the image\/placeholder) -->\n                            <div class=\"absolute inset-0 flex items-center justify-center pointer-events-none overflow-hidden\">\n                                <!-- Inline SVG provided by designer. Use per-card unique IDs so defs\/clipPaths don't clash across multiple cards. -->\n                                                                <svg class=\"w-[120%] h-[120%] max-w-none max-h-none opacity-90\" width=\"594\" height=\"518\" viewBox=\"0 0 594 518\" preserveAspectRatio=\"xMidYMid slice\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n                                    <g clip-path=\"url(#clip0_cap_svg_5)\">\n                                        <rect width=\"594\" height=\"518\" fill=\"#0F1556\"\/>\n                                        <rect width=\"594\" height=\"518\" fill=\"url(#paint0_radial_cap_svg_5)\"\/>\n                                        <path d=\"M1639.49 533.061C1648.42 517.597 1648.42 498.549 1639.49 483.085L1353.77 -12.1139C1344.84 -27.5907 1328.33 -37.1259 1310.47 -37.1259L739.083 -37.1259C721.214 -37.1259 704.704 -27.5907 695.774 -12.1138L410.055 483.085C401.132 498.549 401.132 517.597 410.055 533.061L695.775 1028.26C704.704 1043.74 721.214 1053.27 739.083 1053.27L1310.47 1053.27C1328.33 1053.27 1344.85 1043.74 1353.77 1028.26L1639.49 533.061Z\" fill=\"url(#paint1_linear_cap_svg_5)\"\/>\n                                        <path d=\"M-921.582 -25.1223C-930.505 -9.65839 -930.505 9.38965 -921.582 24.8536L-635.863 520.053C-626.933 535.53 -610.423 545.065 -592.555 545.065L-21.1707 545.065C-3.30242 545.065 13.2078 535.53 22.1376 520.053L307.857 24.8536C316.78 9.3897 316.78 -9.65839 307.857 -25.1223L22.1376 -520.321C13.2078 -535.798 -3.30237 -545.333 -21.1706 -545.333L-592.554 -545.333C-610.423 -545.333 -626.933 -535.798 -635.863 -520.321L-921.582 -25.1223Z\" fill=\"url(#paint2_linear_cap_svg_5)\"\/>\n                                    <\/g>\n                                    <defs>\n                                        <radialGradient id=\"paint0_radial_cap_svg_5\" cx=\"0\" cy=\"0\" r=\"1\" gradientTransform=\"matrix(-816.217 -756.747 867.775 -2582.44 1070.13 997.913)\" gradientUnits=\"userSpaceOnUse\">\n                                            <stop stop-color=\"#1424EE\"\/>\n                                            <stop offset=\"1\" stop-color=\"#0F1556\"\/>\n                                        <\/radialGradient>\n                                        <linearGradient id=\"paint1_linear_cap_svg_5\" x1=\"395.637\" y1=\"1148.88\" x2=\"575.777\" y2=\"172.905\" gradientUnits=\"userSpaceOnUse\">\n                                            <stop stop-color=\"#1424EE\"\/>\n                                            <stop offset=\"1\" stop-color=\"#0F1556\"\/>\n                                        <\/linearGradient>\n                                        <linearGradient id=\"paint2_linear_cap_svg_5\" x1=\"322.275\" y1=\"-640.943\" x2=\"142.135\" y2=\"335.034\" gradientUnits=\"userSpaceOnUse\">\n                                            <stop stop-color=\"#1424EE\"\/>\n                                            <stop offset=\"1\" stop-color=\"#0F1556\"\/>\n                                        <\/linearGradient>\n                                        <clipPath id=\"clip0_cap_svg_5\">\n                                            <rect width=\"594\" height=\"518\" fill=\"white\"\/>\n                                        <\/clipPath>\n                                    <\/defs>\n                                <\/svg>\n                            <\/div>\n\n                                                                                                                                <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/dynamic-access-control.avif\" alt=\"\" class=\"w-full h-auto max-w-[450px] object-contain rounded-lg shadow-2xl relative z-10\" \/>\n                                                                                    <\/div>\n                        \n                    <\/div>\n                                    <div class=\"capability-card flex flex-col-reverse lg:flex-row w-full hidden\" data-index=\"6\">\n                        \n                        <!-- Text Content Area -->\n                        <div class=\"flex-1 p-8 md:p-12 flex flex-col justify-center items-start gap-6 lg:gap-8\">\n                            <h3 class=\"text-[#0F1556] text-3xl lg:text-4xl font-medium leading-tight\">\n                                Continuous Controls Monitoring                            <\/h3>\n                            \n                            <p class=\"text-[#2A3274] text-base lg:text-lg leading-relaxed\">\n                                Automatice la supervisi\u00f3n de controles, analice las transacciones para evaluar su impacto financiero y detecte cambios cr\u00edticos, lo que permite acelerar la correcci\u00f3n de riesgos y garantizar el cumplimiento normativo continuo.                            <\/p>\n                            \n                                                        <a href=\"https:\/\/pathlock.com\/es\/products\/continuous-controls-monitoring\/\" target=\"\" class=\"flex items-center text-base font-semibold text-[#0F1556] group group-hover:text-[#44C382] leading-7 transition-colors duration-300 mt-2 lg:mt-4\">\n                                <span class=\"group-hover:text-[#44C382] transition-colors duration-300\">Obtenga m\u00e1s informaci\u00f3n<\/span>\n                                <span class=\"rtl:rotate-180 ml-2 rtl:ml-0 rtl:mr-2 stroke-[#0F1556] group-hover:stroke-[#44C382] rtl:group-hover:-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 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\"><\/path>\n                                    <\/svg>\n                                <\/span>\n                            <\/a>\n                                                    <\/div>\n\n                        <!-- Image Area -->\n                        <div class=\"w-full lg:w-[50%] shrink-0 bg-[#0F1556] flex items-center justify-center p-8 md:p-12 relative min-h-[300px] lg:min-h-[610px] overflow-hidden\">\n                        \n\n                            <!-- Decorative SVG background (placed behind the image\/placeholder) -->\n                            <div class=\"absolute inset-0 flex items-center justify-center pointer-events-none overflow-hidden\">\n                                <!-- Inline SVG provided by designer. Use per-card unique IDs so defs\/clipPaths don't clash across multiple cards. -->\n                                                                <svg class=\"w-[120%] h-[120%] max-w-none max-h-none opacity-90\" width=\"594\" height=\"518\" viewBox=\"0 0 594 518\" preserveAspectRatio=\"xMidYMid slice\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n                                    <g clip-path=\"url(#clip0_cap_svg_6)\">\n                                        <rect width=\"594\" height=\"518\" fill=\"#0F1556\"\/>\n                                        <rect width=\"594\" height=\"518\" fill=\"url(#paint0_radial_cap_svg_6)\"\/>\n                                        <path d=\"M1639.49 533.061C1648.42 517.597 1648.42 498.549 1639.49 483.085L1353.77 -12.1139C1344.84 -27.5907 1328.33 -37.1259 1310.47 -37.1259L739.083 -37.1259C721.214 -37.1259 704.704 -27.5907 695.774 -12.1138L410.055 483.085C401.132 498.549 401.132 517.597 410.055 533.061L695.775 1028.26C704.704 1043.74 721.214 1053.27 739.083 1053.27L1310.47 1053.27C1328.33 1053.27 1344.85 1043.74 1353.77 1028.26L1639.49 533.061Z\" fill=\"url(#paint1_linear_cap_svg_6)\"\/>\n                                        <path d=\"M-921.582 -25.1223C-930.505 -9.65839 -930.505 9.38965 -921.582 24.8536L-635.863 520.053C-626.933 535.53 -610.423 545.065 -592.555 545.065L-21.1707 545.065C-3.30242 545.065 13.2078 535.53 22.1376 520.053L307.857 24.8536C316.78 9.3897 316.78 -9.65839 307.857 -25.1223L22.1376 -520.321C13.2078 -535.798 -3.30237 -545.333 -21.1706 -545.333L-592.554 -545.333C-610.423 -545.333 -626.933 -535.798 -635.863 -520.321L-921.582 -25.1223Z\" fill=\"url(#paint2_linear_cap_svg_6)\"\/>\n                                    <\/g>\n                                    <defs>\n                                        <radialGradient id=\"paint0_radial_cap_svg_6\" cx=\"0\" cy=\"0\" r=\"1\" gradientTransform=\"matrix(-816.217 -756.747 867.775 -2582.44 1070.13 997.913)\" gradientUnits=\"userSpaceOnUse\">\n                                            <stop stop-color=\"#1424EE\"\/>\n                                            <stop offset=\"1\" stop-color=\"#0F1556\"\/>\n                                        <\/radialGradient>\n                                        <linearGradient id=\"paint1_linear_cap_svg_6\" x1=\"395.637\" y1=\"1148.88\" x2=\"575.777\" y2=\"172.905\" gradientUnits=\"userSpaceOnUse\">\n                                            <stop stop-color=\"#1424EE\"\/>\n                                            <stop offset=\"1\" stop-color=\"#0F1556\"\/>\n                                        <\/linearGradient>\n                                        <linearGradient id=\"paint2_linear_cap_svg_6\" x1=\"322.275\" y1=\"-640.943\" x2=\"142.135\" y2=\"335.034\" gradientUnits=\"userSpaceOnUse\">\n                                            <stop stop-color=\"#1424EE\"\/>\n                                            <stop offset=\"1\" stop-color=\"#0F1556\"\/>\n                                        <\/linearGradient>\n                                        <clipPath id=\"clip0_cap_svg_6\">\n                                            <rect width=\"594\" height=\"518\" fill=\"white\"\/>\n                                        <\/clipPath>\n                                    <\/defs>\n                                <\/svg>\n                            <\/div>\n\n                                                                                                                                <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/continuous-controls-monitoring.avif\" alt=\"\" class=\"w-full h-auto max-w-[450px] object-contain rounded-lg shadow-2xl relative z-10\" \/>\n                                                                                    <\/div>\n                        \n                    <\/div>\n                            <\/div>\n\n            <!-- Desktop Right Arrow (match insights.php styles) -->\n            <button class=\"cap-next hidden xl:inline-flex absolute right-[-24px] top-1\/2 -translate-y-1\/2 z-20 w-10 h-10 bg-white rounded-full border border-[#e3e7f6] text-[#0F1556] shadow-sm hover:bg-[#f7fafc] disabled:opacity-40 items-center justify-center\" aria-label=\"Next capability\">\n                <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M9 18L15 12L9 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n            <\/button>\n\n        <\/div>\n\n        <!-- Mobile\/Tablet Arrows (Below content) - use same style as insights.php -->\n        <div class=\"flex xl:hidden justify-start md:justify-center items-center gap-4 mt-8 px-4\">\n            <button class=\"rtl:rotate-180 cap-prev inline-flex items-center justify-center w-10 h-10 rounded-full bg-white border border-[#e3e7f6] text-[#0F1556] shadow-sm hover:bg-[#f7fafc] disabled:opacity-40\" aria-label=\"Previous capability\">\n                <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M15 18L9 12L15 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n            <\/button>\n            <button class=\"rtl:rotate-180 cap-next inline-flex items-center justify-center w-10 h-10 rounded-full bg-white border border-[#e3e7f6] text-[#0F1556] shadow-sm hover:bg-[#f7fafc] disabled:opacity-40\" aria-label=\"Next capability\">\n                <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M9 18L15 12L9 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n            <\/button>\n        <\/div>\n        \n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n@keyframes capFadeIn {\n    from { opacity: 0; transform: translateX(10px); }\n    to { opacity: 1; transform: translateX(0); }\n}\n.animate-fade-in {\n    animation: capFadeIn 0.3s ease-out forwards;\n}\n<\/style>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n    const sliders = document.querySelectorAll('.key-capabilities-slider');\n    \n    sliders.forEach(slider => {\n        let current = 0; \/\/ Default to Privileged Access Management if possible, but 0 is safe\n        const total = parseInt(slider.getAttribute('data-total'));\n        if (total <= 0) return;\n\n        const pills = slider.querySelectorAll('.capability-pill');\n        const cards = slider.querySelectorAll('.capability-card');\n        const prevBtns = slider.querySelectorAll('.cap-prev');\n        const nextBtns = slider.querySelectorAll('.cap-next');\n\n        \/\/ Target indices for specific tabs if desired, otherwise index is standard\n        \/\/ In the mockup, \"Privileged Access Management\" is selected by default\n        \/\/ Let's find it and set it as default if it exists\n        pills.forEach((pill, idx) => {\n            if (pill.innerText.trim() === 'Privileged Access Management') {\n                current = idx;\n            }\n        });\n\n        function updateSlider(newIndex) {\n            \/\/ Revert old pill\n            pills[current].classList.remove('bg-[#0F1556]', 'text-white');\n            pills[current].classList.add('bg-[#F8F9FF]', 'text-[#0F1556]');\n            \n            \/\/ Set new pill\n            pills[newIndex].classList.remove('bg-[#F8F9FF]', 'text-[#0F1556]');\n            pills[newIndex].classList.add('bg-[#0F1556]', 'text-white');\n\n            \/\/ Hide old card\n            cards[current].classList.remove('block', 'animate-fade-in');\n            cards[current].classList.add('hidden');\n            \n            \/\/ Show new card\n            cards[newIndex].classList.remove('hidden');\n            cards[newIndex].classList.add('block', 'animate-fade-in');\n\n            current = newIndex;\n        }\n\n        \/\/ Initialize state (reset all, then apply current)\n        pills.forEach((pill, idx) => {\n            if (idx === current) {\n                pill.classList.add('bg-[#0F1556]', 'text-white');\n            } else {\n                pill.classList.add('bg-[#F8F9FF]', 'text-[#0F1556]');\n            }\n        });\n\n        cards.forEach((card, idx) => {\n            if (idx === current) {\n                card.classList.remove('hidden');\n                card.classList.add('block');\n            } else {\n                card.classList.remove('block');\n                card.classList.add('hidden');\n            }\n        });\n\n        \/\/ Event Listeners\n        pills.forEach((pill, idx) => {\n            pill.addEventListener('click', () => {\n                if(current !== idx) updateSlider(idx);\n            });\n        });\n\n        prevBtns.forEach(btn => {\n            btn.addEventListener('click', () => {\n                const newIndex = (current - 1 + total) % total;\n                updateSlider(newIndex);\n            });\n        });\n\n        nextBtns.forEach(btn => {\n            btn.addEventListener('click', () => {\n                const newIndex = (current + 1) % total;\n                updateSlider(newIndex);\n            });\n        });\n    });\n});\n<\/script>\n\n\n<style>\n    body.modal-open {\n        overflow: hidden;\n    }\n\n    .wistia_responsive_padding {\n        padding: 56.25% 0 0 0;\n        position: relative;\n    }\n\n    .wistia_responsive_wrapper {\n        height: 100%;\n        left: 0;\n        position: absolute;\n        top: 0;\n        width: 100%;\n    }\n\n    .wistia_embed {\n        height: 100%;\n        position: relative;\n        width: 100%;\n    }\n\n    .wistia_video_container {\n        height: 100%;\n        width: 100%;\n    }\n\n    .slider-hidden {\n        opacity: 0;\n        pointer-events: none;\n    }\n\n    .slider-visible {\n        opacity: 1;\n        pointer-events: auto;\n        transition: opacity 0.3s ease-out;\n    }\n<\/style>\n\n\n<section class=\"p-16 lg:p-24 overflow-hidden px-4\" style=\"background-color:#F5F6FC\">\n    <div class=\"container mx-auto lg:px-8\">\n        <div class=\"relative container\">\n            <div class=\"text-center text-[#0F1556] px-4 flex flex-col justify-center items-center\">\n                                    <span class=\"text-[#148752] text-sm lg:text-base font-bold uppercase leading-[30px] tracking-wider mb-3\">\n                        NUESTROS CLIENTES                    <\/span>\n                                                    <h2 class=\"text-3xl lg:text-5xl lg:leading-[60px] font-semibold mb-12 lg:mb-16\">\n                        Las empresas l\u00edderes<br> de todo el mundo conf\u00edan en Pathlock                    <\/h2>\n                            <\/div>\n\n            <!-- Alpine Component Root -->\n            <div x-data=\"videoController()\" class=\"relative\">\n\n                <!-- Mobile version (slider) -->\n                <div x-data=\"mobileSlider()\" class=\"w-full\">\n\n                    <!-- Slides Container -->\n                    <div class=\"relative overflow-visible w-full\"\n                         :class=\"ready ? 'slider-visible' : 'slider-hidden'\">\n                        <div class=\"flex\"\n                             @touchstart=\"startDrag\"\n                             @touchmove=\"drag\"\n                             @touchend=\"endDrag\"\n                             x-ref=\"slider\">\n                            <template x-for=\"(video, index) in videos\" :key=\"index\">\n                                <div class=\"flex-shrink-0 h-[500px] px-4 relative\"\n                                     :style=\"{ width: slideWidth + 'px' }\">\n                                    <div class=\"relative rounded-lg overflow-hidden transition-all duration-500\"\n                                         :class=\"isActive(index) ? 'h-[500px] opacity-100' : 'h-[475px] opacity-60'\">\n\n                                        <!-- Background image -->\n                                        <img loading=\"lazy\" :src=\"video.bgImage\"\n                                             class=\"no-override absolute inset-0 w-full h-full object-cover\"\n                                             alt=\"Background Image\"\/>\n\n                                        <!-- Dot pattern overlay -->\n                                        <picture class=\"no-override absolute inset-0 w-full h-full pointer-events-none z-10\">\n                                            <source media=\"(max-width: 640px)\" srcset=\"\/wp-content\/uploads\/2026\/04\/background_pattern_dots_small.webp\">\n                                            <img decoding=\"async\" loading=\"lazy\" src=\"\/wp-content\/uploads\/2026\/04\/background_pattern_dots_big.webp\"\n                                                 class=\"no-override w-full h-full object-cover\"\n                                                 aria-hidden=\"true\" alt=\"\"\/>\n                                        <\/picture>\n\n                                        <!-- Background video -->\n                                        <video :data-index=\"index\"\n                                               class=\"absolute inset-0 w-full h-full object-cover transition-opacity duration-500\"\n                                               :class=\"isActive(index) ? 'opacity-100' : 'opacity-0'\"\n                                               muted loop playsinline preload=\"none\">\n                                        <\/video>\n\n                                        <!-- Content overlay -->\n                                        <div class=\"flex flex-col justify-between gap-8 md:p-8 p-4 z-20 h-full relative bg-[#0F15564D]\">\n                                            <div class=\"flex flex-col flex-start\">\n                                                <div class=\"bg-white\/10 backdrop-blur-md border border-white\/20 p-3 rounded inline-flex items-center self-start shadow-sm\">\n                                                    <img loading=\"lazy\" :src=\"video.logo\" class=\"no-override h-10 object-contain\" alt=\"Logo\"\/>\n                                                <\/div>\n                                            <\/div>\n                                            <div class=\"z-20 flex flex-col items-start text-white sm:py-8\"\n                                                 style=\"max-width:900px\">\n                                                <span x-text=\"video.quote\"\n                                                      class=\"md:text-4xl text-2xl font-normal md:leading-10 leading-8 hyphens-auto\"><\/span>\n                                            <\/div>\n                                            <div class=\"flex flex-col items-start z-10\">\n                                                <button @click=\"openModal(video.mediaID)\"\n                                                        aria-label=\"Play video\"\n                                                        class=\"group flex items-center rounded-lg\">\n                                                    <div class=\"w-12 h-12 rtl:rotate-180 bg-white bg-opacity-20 rounded-full flex items-center justify-center\">\n                                                        <svg class=\"max-w-12 max-h-12\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                                                             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\"\/>\n                                                                <circle cx=\"65.5\" cy=\"65.5\" r=\"59\" stroke=\"white\" stroke-opacity=\"0.5\"\/>\n                                                            <\/g>\n                                                            <g class=\"transition-transform duration-300 ease-in-out group-hover:scale-125\"\n                                                               style=\"transform-origin: center;\">\n                                                                <g filter=\"url(#filter1_d_797_1676_mob)\">\n                                                                    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n                                                                          d=\"M65.2653 107.516C88.6078 107.516 107.531 88.5961 107.531 65.2578C107.531 41.9194 88.6078 23 65.2653 23C41.9228 23 23 41.9194 23 65.2578C23 88.5961 41.9228 107.516 65.2653 107.516ZM82.4356 67.4711C84.1966 66.487 84.1966 64.0266 82.4356 63.0425L58.6613 49.7565C56.9003 48.7724 54.699 50.0026 54.699 51.9709L54.699 78.5428C54.699 80.5111 56.9003 81.7412 58.6613 80.7571L82.4356 67.4711Z\"\n                                                                          fill=\"white\"\/>\n                                                                <\/g>\n                                                            <\/g>\n                                                            <defs>\n                                                                <filter id=\"filter0_b_797_1676_mob\" x=\"4\" y=\"4\" width=\"123\" height=\"123\"\n                                                                        filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\n                                                                    <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"\/>\n                                                                    <feGaussianBlur in=\"BackgroundImageFix\" stdDeviation=\"1\"\/>\n                                                                    <feComposite in2=\"SourceAlpha\" operator=\"in\" result=\"effect1_backgroundBlur_797_1676_mob\"\/>\n                                                                    <feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_backgroundBlur_797_1676_mob\" result=\"shape\"\/>\n                                                                <\/filter>\n                                                                <filter id=\"filter1_d_797_1676_mob\" x=\"0.299999\" y=\"0.299999\"\n                                                                        width=\"129.931\" height=\"129.916\"\n                                                                        filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\n                                                                    <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"\/>\n                                                                    <feColorMatrix in=\"SourceAlpha\" type=\"matrix\"\n                                                                                   values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\n                                                                                   result=\"hardAlpha\"\/>\n                                                                    <feOffset\/>\n                                                                    <feGaussianBlur stdDeviation=\"11.35\"\/>\n                                                                    <feComposite in2=\"hardAlpha\" operator=\"out\"\/>\n                                                                    <feColorMatrix type=\"matrix\"\n                                                                                   values=\"0 0 0 0 0.0588235 0 0 0 0 0.0823529 0 0 0 0 0.337255 0 0 0 0.18 0\"\/>\n                                                                    <feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_797_1676_mob\"\/>\n                                                                    <feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_797_1676_mob\" result=\"shape\"\/>\n                                                                <\/filter>\n                                                            <\/defs>\n                                                        <\/svg>\n                                                    <\/div>\n                                                    <span class=\"rtl:ml-0 rtl:mr-2 ml-2 text-sm text-[#F5F6FC] font-semibold group-hover:text-[#24B770]\">\n                                                        Mirar el video                                                    <\/span>\n                                                <\/button>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/template>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Slider controls -->\n                    <div class=\"flex items-center justify-center slider-hidden gap-4 mt-6\"\n                         :class=\"ready ? 'slider-visible' : 'slider-hidden'\">\n                        <button @click=\"prevSlide()\"\n                                class=\"w-8 h-8 rtl:rotate-180 flex items-center justify-center rounded-full border border-[#CED5EE] shadow-sm hover:!bg-[#f7fafc] transition-colors duration-200\"\n                                aria-label=\"Previous\">\n                            <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n                                <path d=\"M10 12L6 8L10 4\" stroke=\"#0F1556\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                            <\/svg>\n                        <\/button>\n                        <div class=\"flex items-center gap-2 px-4 py-[14px] border border-[#CED5EE] rounded-full\">\n                            <template x-for=\"(_, index) in Array.from({length: videos.length - 2})\" :key=\"index\">\n                                <button @click=\"goToSlide(index + 1)\"\n                                        class=\"w-10 h-1 rounded transition-colors duration-300\"\n                                        :class=\"realIndex() === index ? 'bg-[#0F1556]' : 'bg-[#CED5EE]'\"\n                                        :aria-label=\"`Go to slide ${index + 1}`\">\n                                <\/button>\n                            <\/template>\n                        <\/div>\n                        <button @click=\"nextSlide()\"\n                                class=\"w-8 h-8 rtl:rotate-180 flex items-center justify-center rounded-full border border-[#CED5EE] shadow-sm hover:!bg-[#f7fafc] transition-colors duration-200\"\n                                aria-label=\"Next\">\n                            <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n                                <path d=\"M6 4L10 8L6 12\" stroke=\"#0F1556\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                            <\/svg>\n                        <\/button>\n                    <\/div>\n                <\/div>\n\n                <!-- Modal -->\n                <div x-show=\"isModalOpen\" x-cloak class=\"fixed inset-0 z-50\">\n                    <div 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()\"><\/div>\n                    <div class=\"fixed inset-0 flex items-center justify-center p-4\">\n                        <div @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                            <div class=\"flex justify-end items-center p-4 absolute z-10 right-4\">\n                                <button @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                                    <svg class=\"h-4 w-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 18L18 6M6 6l12 12\"\/>\n                                    <\/svg>\n                                <\/button>\n                            <\/div>\n                            <div class=\"p-4 pt-0\">\n                                <div id=\"wistia-container-6a16481e1352f\" class=\"w-full\" style=\"aspect-ratio: 16 \/ 9;\"><\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                                    <div class=\"pt-8 lg:pt-16 container lg:px-8 px-4\">\n                        <div class=\"relative flex flex-wrap gap-x-16 gap-y-[45px] mx-auto justify-center\">\n                                                            <img loading=\"lazy\" decoding=\"async\"\n                                     class=\"no-override h-[36px] lg:h-[48px] w-auto\"\n                                     width=\"auto\" height=\"48\"\n                                     src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/Chevron_logo.svg\"\n                                     alt=\"\">\n                                                            <img loading=\"lazy\" decoding=\"async\"\n                                     class=\"no-override h-[36px] lg:h-[48px] w-auto\"\n                                     width=\"auto\" height=\"48\"\n                                     src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/siemens_logo.svg\"\n                                     alt=\"\">\n                                                            <img loading=\"lazy\" decoding=\"async\"\n                                     class=\"no-override h-[36px] lg:h-[48px] w-auto\"\n                                     width=\"auto\" height=\"48\"\n                                     src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/logo_ms.svg\"\n                                     alt=\"\">\n                                                            <img loading=\"lazy\" decoding=\"async\"\n                                     class=\"no-override h-[36px] lg:h-[48px] w-auto\"\n                                     width=\"auto\" height=\"48\"\n                                     src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/Toyota_logo.svg\"\n                                     alt=\"\">\n                                                            <img loading=\"lazy\" decoding=\"async\"\n                                     class=\"no-override h-[36px] lg:h-[48px] w-auto\"\n                                     width=\"auto\" height=\"48\"\n                                     src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/Linde-color.svg\"\n                                     alt=\"\">\n                                                            <img loading=\"lazy\" decoding=\"async\"\n                                     class=\"no-override h-[36px] lg:h-[48px] w-auto\"\n                                     width=\"auto\" height=\"48\"\n                                     src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/aramco_logo.svg\"\n                                     alt=\"\">\n                                                            <img loading=\"lazy\" decoding=\"async\"\n                                     class=\"no-override h-[36px] lg:h-[48px] w-auto\"\n                                     width=\"auto\" height=\"48\"\n                                     src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/jabil_logo.svg\"\n                                     alt=\"\">\n                                                            <img loading=\"lazy\" decoding=\"async\"\n                                     class=\"no-override h-[36px] lg:h-[48px] w-auto\"\n                                     width=\"auto\" height=\"48\"\n                                     src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/geico_.svg\"\n                                     alt=\"\">\n                                                            <img loading=\"lazy\" decoding=\"async\"\n                                     class=\"no-override h-[36px] lg:h-[48px] w-auto\"\n                                     width=\"auto\" height=\"48\"\n                                     src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/electrolux_lightbg.svg\"\n                                     alt=\"\">\n                                                            <img loading=\"lazy\" decoding=\"async\"\n                                     class=\"no-override h-[36px] lg:h-[48px] w-auto\"\n                                     width=\"auto\" height=\"48\"\n                                     src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/panasonic.svg\"\n                                     alt=\"\">\n                                                            <img loading=\"lazy\" decoding=\"async\"\n                                     class=\"no-override h-[36px] lg:h-[48px] w-auto\"\n                                     width=\"auto\" height=\"48\"\n                                     src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/vw.svg\"\n                                     alt=\"\">\n                                                    <\/div>\n                    <\/div>\n                \n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<script>\n    (function () {\n        const videoData = [{\"bgImage\":\"https:\\\/\\\/pathlock.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/jabil7200000-1.avif\",\"logo\":\"https:\\\/\\\/pathlock.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/jabildarkbg.svg\",\"mediaID\":\"warq7glqoo\",\"videoUrlWEBM\":\"\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/Jabil720-vp9-chrome.webm\",\"videoUrlMP4\":\"\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/Jabil720.mp4\",\"quote\":\"Pathlock optimiz\\u00f3 nuestras auditor\\u00edas SOX ayud\\u00e1ndonos a identificar las verdaderas infracciones de SoD, para que podamos concentrarnos en mitigar los riesgos reales, no solo los potenciales.\",\"tag\":\"\"},{\"bgImage\":\"https:\\\/\\\/pathlock.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/CSM720_0000.webp\",\"logo\":\"https:\\\/\\\/pathlock.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/csm.svg\",\"mediaID\":\"eluh781wd9\",\"videoUrlWEBM\":\"\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/CSM720-vp9-chrome.webm\",\"videoUrlMP4\":\"\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/CSM720.mp4\",\"quote\":\"Pathlock nos brind\\u00f3 visibilidad en tiempo real de los riesgos de acceso y automatiz\\u00f3 nuestro an\\u00e1lisis de SoD, lo que elimin\\u00f3 las conjeturas y optimiz\\u00f3 el cumplimiento.\",\"tag\":\"\"},{\"bgImage\":\"https:\\\/\\\/pathlock.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/Lee720_0000.webp\",\"logo\":\"https:\\\/\\\/pathlock.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/Lee.svg\",\"mediaID\":\"rq86egfbh3\",\"videoUrlWEBM\":\"\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/Lee720-vp9-chrome.webm\",\"videoUrlMP4\":\"\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/Lee720.mp4\",\"quote\":\"Pathlock 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.\",\"tag\":\"\"}];\n\n\n        let wistiaScriptsLoaded = false;\n        let wistiaScriptsLoading = null; \/\/ shared Promise so concurrent clicks don't double-load\n\n        function loadWistiaScripts() {\n            if (wistiaScriptsLoaded) return Promise.resolve();\n            if (wistiaScriptsLoading)  return wistiaScriptsLoading;\n\n            wistiaScriptsLoading = new Promise(function (resolve) {\n                let loaded = 0;\n                function onLoad() {\n                    loaded++;\n                    if (loaded === 2) {\n                        wistiaScriptsLoaded = true;\n                        resolve();\n                    }\n                }\n\n                \/\/ api.js (ES module)\n                const apiScript = document.createElement('script');\n                apiScript.src   = 'https:\/\/fast.wistia.com\/embed\/api.js';\n                apiScript.type  = 'module';\n                apiScript.async = true;\n                apiScript.onload = onLoad;\n                document.body.appendChild(apiScript);\n\n                \/\/ E-v1.js (classic embed helper)\n                const embedScript = document.createElement('script');\n                embedScript.src   = 'https:\/\/fast.wistia.com\/assets\/external\/E-v1.js';\n                embedScript.async = true;\n                embedScript.onload = onLoad;\n                document.body.appendChild(embedScript);\n            });\n\n            return wistiaScriptsLoading;\n        }\n\n        function registerAlpineComponents() {\n\n            \/\/ \u2500\u2500\u2500 Modal controller \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n            Alpine.data('videoController', () => ({\n                isModalOpen: false,\n                currentVideoId: null,\n                wistiaEmbed: null,\n\n                openModal(mediaId) {\n                    this.currentVideoId = mediaId;\n                    this.isModalOpen = true;\n                    document.body.classList.add('modal-open');\n\n                    const self = this;\n                    \/\/ FIX: load Wistia scripts lazily \u2014 only now, not on page load\n                    loadWistiaScripts().then(function () {\n                        self.$nextTick(function () {\n                            const container = document.getElementById('wistia-container-6a16481e1352f');\n                            if (container) {\n                                self.createWistiaVideo(mediaId, container);\n                            } else {\n                                console.error('[Wistia] Container not found in modal.');\n                            }\n                        });\n                    });\n                },\n\n                closeModal() {\n                    if (this.wistiaEmbed) {\n                        try { this.wistiaEmbed.remove(); } catch (e) { console.error(e); }\n                        this.wistiaEmbed = null;\n                    }\n                    const container = document.getElementById('wistia-container-6a16481e1352f');\n                    if (container) container.innerHTML = '';\n                    this.isModalOpen    = false;\n                    this.currentVideoId = null;\n                    document.body.classList.remove('modal-open');\n                },\n\n                createWistiaVideo(mediaId, container) {\n                    container.innerHTML = '';\n\n                    const paddingDiv = document.createElement('div');\n                    paddingDiv.className = 'wistia_responsive_padding';\n                    paddingDiv.style.cssText = 'padding:56.25% 0 0 0;position:relative;';\n\n                    const wrapperDiv = document.createElement('div');\n                    wrapperDiv.className = 'wistia_responsive_wrapper';\n                    wrapperDiv.style.cssText = 'height:100%;left:0;position:absolute;top:0;width:100%;';\n\n                    const embedDiv = document.createElement('div');\n                    embedDiv.className = `wistia_embed wistia_async_${mediaId} videoFoam=true`;\n                    embedDiv.style.cssText = 'height:100%;position:relative;width:100%;';\n\n                    wrapperDiv.appendChild(embedDiv);\n                    paddingDiv.appendChild(wrapperDiv);\n                    container.appendChild(paddingDiv);\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                    if (typeof Wistia !== 'undefined' && Wistia.hasLoaded) {\n                        Wistia.api.scan();\n                    }\n                },\n            }));\n\n\n            Alpine.data('mobileSlider', () => ({\n                currentSlide: 1,\n                videos: [],\n                startX: 0,\n                currentX: 0,\n                isDragging: false,\n                dragThreshold: 50,\n                isRTL: false,\n                slideWidth: 0,\n                offset: 0,\n                ready: false,\n                isAnimating: false,\n                animTimer: null,\n\n                init() {\n                    const original = [...videoData];\n\n                    if (original.length === 1) {\n                        this.videos = original;\n                        this.currentSlide = 0;\n                        this.$nextTick(() => {\n                            this.calcDimensions();\n                            window.addEventListener('resize', () => this.calcDimensions());\n                        });\n                        return;\n                    }\n\n                    this.videos = [\n                        original[original.length - 1],\n                        ...original,\n                        original[0],\n                    ];\n                    this.currentSlide = 1;\n                    this.isRTL = document.documentElement.dir === 'rtl' ||\n                        document.documentElement.lang === 'ar';\n\n                    this.$nextTick(() => {\n                        this.calcDimensions();\n                        window.addEventListener('resize', () => this.calcDimensions());\n                    });\n                },\n\n                calcDimensions() {\n                    const wrapperWidth = this.$refs.slider.parentElement.offsetWidth;\n                    this.slideWidth = window.innerWidth < 640\n                        ? Math.round(wrapperWidth)\n                        : Math.round(wrapperWidth * 0.87);\n                    this.offset = window.innerWidth < 640\n                        ? 0\n                        : Math.round((wrapperWidth - this.slideWidth) \/ 2);\n                    this.$refs.slider.style.transition = 'none';\n                    this.$refs.slider.style.transform  = `translateX(${this.getTranslate(this.currentSlide)}px)`;\n                    this.$nextTick(() => {\n                        this.ready = true;\n                        this.loadAndPlayVideo(this.currentSlide);\n                    });\n                },\n\n                getTranslate(slide) {\n                    const sign = this.isRTL ? 1 : -1;\n                    return sign * slide * this.slideWidth + this.offset;\n                },\n\n                realIndex() {\n                    const total = videoData.length;\n                    return (this.currentSlide - 1 + total) % total;\n                },\n\n                isActive(index) {\n                    const total = videoData.length;\n                    const ri = (index - 1 + total) % total;\n                    return ri === this.realIndex();\n                },\n\n                startDrag(e) {\n                    if (videoData.length <= 1) return;\n                    if (e.touches.length === 1) {\n                        this.isDragging = true;\n                        this.startX = e.touches[0].clientX;\n                        this.currentX = this.startX;\n                        this.$refs.slider.style.transition = 'none';\n                    }\n                },\n\n                drag(e) {\n                    if (!this.isDragging || e.touches.length !== 1) return;\n                    this.currentX = e.touches[0].clientX;\n                    const diffX = this.currentX - this.startX;\n                    const base  = this.getTranslate(this.currentSlide);\n                    this.$refs.slider.style.transform = `translateX(${base + diffX}px)`;\n                },\n\n                endDrag() {\n                    if (!this.isDragging) return;\n                    this.isDragging = false;\n                    this.$refs.slider.style.transition = 'transform 0.5s ease-in-out';\n                    const diffX = this.currentX - this.startX;\n                    if (Math.abs(diffX) > this.dragThreshold && !this.isAnimating) {\n                        if (this.isRTL) {\n                            diffX < 0 ? this.prevSlide() : this.nextSlide();\n                        } else {\n                            diffX < 0 ? this.nextSlide() : this.prevSlide();\n                        }\n                    } else {\n                        if (!this.isAnimating) this.goToSlide(this.currentSlide);\n                    }\n                    this.startX  = 0;\n                    this.currentX = 0;\n                },\n\n                nextSlide() {\n                    if (!this.isAnimating) this.goToSlide(this.currentSlide + 1); },\n                prevSlide() { if (!this.isAnimating) this.goToSlide(this.currentSlide - 1); },\n\n                goToSlide(index, animate = true) {\n                    if (this.isAnimating) return;\n                    this.isAnimating = true;\n\n                    const prev = this.currentSlide;\n                    this.currentSlide = index;\n\n                    this.$refs.slider.style.transition = animate ? 'transform 0.5s ease-in-out' : 'none';\n                    this.$refs.slider.style.transform  = `translateX(${this.getTranslate(index)}px)`;\n\n                    if (prev !== index) {\n                        const prevVideo = this.$refs.slider.querySelector(`video[data-index=\"${prev}\"]`);\n                        if (prevVideo) prevVideo.pause();\n                    }\n\n                    const total    = this.videos.length;\n                    const lastReal = total - 2;\n\n                    if (this.animTimer) clearTimeout(this.animTimer);\n                    this.animTimer = setTimeout(() => {\n                        if (this.currentSlide === 0) {\n                            this.$refs.slider.style.transition = 'none';\n                            this.currentSlide = lastReal;\n                            this.$refs.slider.style.transform  = `translateX(${this.getTranslate(lastReal)}px)`;\n                        } else if (this.currentSlide === total - 1) {\n                            this.$refs.slider.style.transition = 'none';\n                            this.currentSlide = 1;\n                            this.$refs.slider.style.transform  = `translateX(${this.getTranslate(1)}px)`;\n                        }\n                        this.$nextTick(() => this.loadAndPlayVideo(this.currentSlide));\n                        this.isAnimating = false;\n                    }, 500);\n                },\n\n\n                loadAndPlayVideo(index) {\n                    const videoEl = this.$refs.slider.querySelector(`video[data-index=\"${index}\"]`);\n                    if (!videoEl) return;\n\n                    const item = this.videos[index];\n                    if (!item) return;\n\n                    if (!videoEl.dataset.loaded) {\n                        videoEl.dataset.loaded = 'true';\n\n                        if (item.videoUrlWEBM) {\n                            const s  = document.createElement('source');\n                            s.type   = 'video\/webm';\n                            s.src    = item.videoUrlWEBM;\n                            videoEl.appendChild(s);\n                        }\n                        if (item.videoUrlMP4) {\n                            const s  = document.createElement('source');\n                            s.type   = 'video\/mp4';\n                            s.src    = item.videoUrlMP4;\n                            videoEl.appendChild(s);\n                        }\n                        videoEl.load();\n                    }\n\n                    if (videoEl.readyState >= 3) {\n                        videoEl.play().catch(e => console.log('[Slider] Autoplay prevented:', e));\n                    } else {\n                        videoEl.addEventListener('canplay', () => {\n                            videoEl.play().catch(e => console.log('[Slider] Autoplay prevented:', e));\n                        }, { once: true });\n                    }\n                },\n            }));\n        }\n\n        if (typeof Alpine !== 'undefined' && typeof Alpine.data === 'function') {\n            registerAlpineComponents();\n        } else {\n            document.addEventListener('alpine:init', registerAlpineComponents);\n        }\n    })();\n\n<\/script>\n\n\n\n<section class=\"self-stretch inline-flex flex-col justify-start items-center overflow-hidden w-full bg-gradient-to-b from-[#0F1556] via-[#0E154F] to-[#121B66] font-['Inter']\" style=\"background-image: url('https:\/\/pathlock.com\/wp-content\/uploads\/2026\/05\/reports-bg.avif'); background-size: cover; background-position: center;\">\n    <div class=\"container px-4 lg:px-8 py-16 lg:py-24 flex flex-col justify-center items-center gap-16 mx-auto\">\n        <div class=\"max-w-[1280px] px-8 flex flex-col justify-start items-start gap-8\">\n            <div class=\"self-stretch flex flex-col justify-start items-center gap-8\">\n                <div class=\"self-stretch flex flex-col justify-start items-center gap-5\">\n                    <div class=\"self-stretch flex flex-col justify-start items-center gap-3\">\n                                                <div class=\"justify-center text-[#24B770] text-base font-bold uppercase leading-5 tracking-wider\">RECONOCIMIENTO DE ANALISTAS<\/div>\n                        \n                                                <h2 class=\"max-w-[810px] text-center justify-start text-white text-3xl lg:text-5xl font-semibold leading-9 lg:leading-[60px]\">Gu\u00eda de liderazgo de KuppingerCole sobre herramientas de control de acceso para entornos SAP<\/h2>\n                                            <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"self-stretch flex justify-center items-stretch gap-8 flex-wrap content-center\">\n                                            <div class=\"flex-1 px-3 pb-3 rounded-lg outline outline-1 outline-slate-3h-full flex-1 px-3 pb-3 rounded-lg outline outline-1 outline-slate-300\/30 backdrop-blur-[10.10px] flex flex-col justify-start items-center overflow-hidden min-w-[300px] lg:max-w-[384px]\" style=\"background-image: url('https:\/\/pathlock.com\/wp-content\/uploads\/2026\/05\/reports-card-bg_3.webp'); background-size: cover; background-position: center;\">\n                    <div class=\"self-stretch px-2 py-8 inline-flex justify-center items-center\">\n                                                    <img decoding=\"async\" loading=\"lazy\" class=\"flex-1 h-80 shadow-[0px_4px_19px_0px_rgba(15,21,86,0.30)]\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/05\/sap.avif\" alt=\"\" \/>\n                                            <\/div>\n\n                    <div class=\"self-stretch flex-1 p-6 bg-white\/10 rounded-lg outline outline-1 outline-offset-[-1px] outline-white\/20 backdrop-blur-[6px] flex flex-col justify-between items-start gap-8\">\n                        <div class=\"self-stretch flex flex-col justify-start items-start gap-4\">\n                            <div class=\"self-stretch flex flex-col justify-start items-start\">\n                                                                    <img decoding=\"async\" loading=\"lazy\" class=\"no-override w-auto h-[28px] mb-4\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/05\/kcole.svg\" alt=\"\" \/>\n                                                                <div class=\"self-stretch justify-start text-white text-lg lg:text-xl font-semibold leading-7 lg:leading-8\">Pathlock nombrada l\u00edder general en herramientas de control de acceso para entornos SAP<\/div>\n                            <\/div>\n                        <\/div>\n\n                                                <a href=\"https:\/\/pathlock.com\/es\/resources\/reports\/access-control-tools-for-sap-environments\/\" target=\"\" class=\"self-stretch md:self-auto px-6 py-3 rounded-lg outline outline-1 outline-[#E3E7F6] hover:bg-[#E3E7F6] transition-all duration-300 inline-flex justify-center items-center gap-2 group\">\n                            <span class=\"text-white group-hover:text-[#0F1556] text-base font-semibold leading-6\">Descargar el informe completo<\/span>\n                            <svg class=\"w-5 h-5 rtl:rotate-180 text-white group-hover:translate-x-1 group-hover:rtl:-translate-x-1 transition-transform duration-300 group-hover:stroke-[#0F1556]\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 5l7 7m0 0l-7 7m7-7H3\"><\/path>\n                            <\/svg>\n                        <\/a>\n                                            <\/div>\n                <\/div>\n                                <div class=\"flex-1 px-3 pb-3 rounded-lg outline outline-1 outline-slate-3h-full flex-1 px-3 pb-3 rounded-lg outline outline-1 outline-slate-300\/30 backdrop-blur-[10.10px] flex flex-col justify-start items-center overflow-hidden min-w-[300px] lg:max-w-[384px]\" style=\"background-image: url('https:\/\/pathlock.com\/wp-content\/uploads\/2026\/05\/reports-card-bg_3.webp'); background-size: cover; background-position: center;\">\n                    <div class=\"self-stretch px-2 py-8 inline-flex justify-center items-center\">\n                                                    <img decoding=\"async\" loading=\"lazy\" class=\"flex-1 h-80 shadow-[0px_4px_19px_0px_rgba(15,21,86,0.30)]\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/05\/business.avif\" alt=\"\" \/>\n                                            <\/div>\n\n                    <div class=\"self-stretch flex-1 p-6 bg-white\/10 rounded-lg outline outline-1 outline-offset-[-1px] outline-white\/20 backdrop-blur-[6px] flex flex-col justify-between items-start gap-8\">\n                        <div class=\"self-stretch flex flex-col justify-start items-start gap-4\">\n                            <div class=\"self-stretch flex flex-col justify-start items-start\">\n                                                                    <img decoding=\"async\" loading=\"lazy\" class=\"no-override w-auto h-[28px] mb-4\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/05\/kcole.svg\" alt=\"\" \/>\n                                                                <div class=\"self-stretch justify-start text-white text-lg lg:text-xl font-semibold leading-7 lg:leading-8\">Pathlock nombrada l\u00edder general en gesti\u00f3n de riesgos de aplicaciones empresariales<\/div>\n                            <\/div>\n                        <\/div>\n\n                                                <a href=\"https:\/\/pathlock.com\/es\/resources\/reports\/access-control-tools-for-multi-vendor-lob-environments\/\" target=\"\" class=\"self-stretch md:self-auto px-6 py-3 rounded-lg outline outline-1 outline-[#E3E7F6] hover:bg-[#E3E7F6] transition-all duration-300 inline-flex justify-center items-center gap-2 group\">\n                            <span class=\"text-white group-hover:text-[#0F1556] text-base font-semibold leading-6\">Descargar el informe completo<\/span>\n                            <svg class=\"w-5 h-5 rtl:rotate-180 text-white group-hover:translate-x-1 group-hover:rtl:-translate-x-1 transition-transform duration-300 group-hover:stroke-[#0F1556]\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 5l7 7m0 0l-7 7m7-7H3\"><\/path>\n                            <\/svg>\n                        <\/a>\n                                            <\/div>\n                <\/div>\n                                <div class=\"flex-1 px-3 pb-3 rounded-lg outline outline-1 outline-slate-3h-full flex-1 px-3 pb-3 rounded-lg outline outline-1 outline-slate-300\/30 backdrop-blur-[10.10px] flex flex-col justify-start items-center overflow-hidden min-w-[300px] lg:max-w-[384px]\" style=\"background-image: url('https:\/\/pathlock.com\/wp-content\/uploads\/2026\/05\/reports-card-bg_3.webp'); background-size: cover; background-position: center;\">\n                    <div class=\"self-stretch px-2 py-8 inline-flex justify-center items-center\">\n                                                    <img decoding=\"async\" loading=\"lazy\" class=\"flex-1 h-80 shadow-[0px_4px_19px_0px_rgba(15,21,86,0.30)]\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/05\/gartner.avif\" alt=\"\" \/>\n                                            <\/div>\n\n                    <div class=\"self-stretch flex-1 p-6 bg-white\/10 rounded-lg outline outline-1 outline-offset-[-1px] outline-white\/20 backdrop-blur-[6px] flex flex-col justify-between items-start gap-8\">\n                        <div class=\"self-stretch flex flex-col justify-start items-start gap-4\">\n                            <div class=\"self-stretch flex flex-col justify-start items-start\">\n                                                                    <img decoding=\"async\" loading=\"lazy\" class=\"no-override w-auto h-[28px] mb-4\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/05\/Gartner.svg\" alt=\"\" \/>\n                                                                <div class=\"self-stretch justify-start text-white text-lg lg:text-xl font-semibold leading-7 lg:leading-8\">Gu\u00eda de mercado de Gartner\u00ae sobre gobernanza y administraci\u00f3n de identidad<\/div>\n                            <\/div>\n                        <\/div>\n\n                                                <a href=\"https:\/\/pathlock.com\/es\/resources\/reports\/2025-gartner-market-guide-for-iga\/\" target=\"\" class=\"self-stretch md:self-auto px-6 py-3 rounded-lg outline outline-1 outline-[#E3E7F6] hover:bg-[#E3E7F6] transition-all duration-300 inline-flex justify-center items-center gap-2 group\">\n                            <span class=\"text-white group-hover:text-[#0F1556] text-base font-semibold leading-6\">Descargar el informe completo<\/span>\n                            <svg class=\"w-5 h-5 rtl:rotate-180 text-white group-hover:translate-x-1 group-hover:rtl:-translate-x-1 transition-transform duration-300 group-hover:stroke-[#0F1556]\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 5l7 7m0 0l-7 7m7-7H3\"><\/path>\n                            <\/svg>\n                        <\/a>\n                                            <\/div>\n                <\/div>\n                                    <\/div>\n    <\/div>\n<\/section>\n\n\n\n<style>\n    body.modal-open {\n        overflow: hidden;\n    }\n<\/style>\n\n\n\n<section id=\"asociaciones\"\n         class=\"bg-[#f5f6fc] py-[40px] mt-8 lg:mt-12 lg:py-24 mb-0 w-full scroll-mt-28 !mt-0\"\n         x-data=\"modalVideoPlayer()\">\n\n    <div class=\"container mx-auto px-4 lg:px-8\">\n\n        <!-- Header -->\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 lg:text-base font-bold uppercase leading-[30px] tracking-wider mb-3\">\n                        ASOCIACIONES                    <\/span>\n                \n                                    <h2 class=\"text-3xl lg:text-5xl leading-[38px] lg:leading-[60px] max-w-[920px] font-semibold mb-4 lg:mb-5\">\n                        Implementado en asociaci\u00f3n con los principales integradores de sistemas del mundo                    <\/h2>\n                \n                                    <div class=\"text-lg max-w-[720px] lg:text-xl leading-[30px] font-normal\">\n                        Pathlock colabora con <b>integradores de sistemas<\/b> l\u00edderes a nivel mundial para garantizar implementaciones sin inconvenientes y una puesta en marcha experta. De este modo, se ofrece un r\u00e1pido retorno de valor, m\u00e1xima seguridad y cumplimiento continuo.                    <\/div>\n                \n                            <\/div>\n        <\/div>\n\n\n        <div id=\"split\" class=\"\">\n            <div class=\"\">\n                <div class=\"relative overflow-hidden rounded-lg bg-blue-950 mx-auto inset-0 flex flex-col lg:flex-row items-center justify-center container mt-10 lg:mt-16 text-white bg-gradient-to-b from-[#0e1b7a] to-[#0f1556]\">\n\n                    <div class=\"absolute top-0 right-0 w-full h-full z-0\">\n                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/08\/bg-svg-1.svg\" alt=\"\" class=\"no-override w-full h-full object-cover\" style=\"object-position: center center;\" aria-hidden=\"true\">\n                    <\/div>\n\n                    <!-- Video \/ cover panel -->\n                                        <div id=\"asociaciones-loop-video\"\n                         class=\"relative z-10 w-full lg:w-[47%] flex h-full min-h-[210px] sm:min-h-[350px] lg:min-h-[491px] bg-no-repeat bg-cover rounded-t-lg lg:rounded-t-none lg:rounded-l-lg\"\n                         style=\"background-image: url('https:\/\/pathlock.com\/wp-content\/uploads\/2025\/09\/kpmgvideo-2_0000.webp'); background-position: top center;\">\n\n                                                    <!--\n                                Lazy video: autoplay and src are intentionally omitted here.\n                                The inline IntersectionObserver above copies data-src \u2192 src\n                                and calls play() once this wrapper enters the viewport.\n                            -->\n                            <video loop muted playsinline preload=\"none\"\n                                   class=\"hero-lazy-video absolute inset-0 w-full h-full object-cover\">\n                                                                    <source data-src=\"\/wp-content\/uploads\/videos\/kpmg.webm\" type=\"video\/webm\">\n                                                                                                    <source data-src=\"\/wp-content\/uploads\/videos\/kpmg.mp4\" type=\"video\/mp4\">\n                                                            <\/video>\n                        \n                        <!-- Play button -->\n                        <div class=\"absolute w-full h-full bottom-0 left-0\">\n                            <button @click=\"toggleModal('yhd8fv0ubm')\"\n                                    class=\"flex absolute lg:bottom-[24px] bottom-[14px] lg:left-[24px] left-[17px] rounded-lg\">\n                                <div class=\"group w-16 h-16 lg:w-24 lg:h-24\">\n                                    <svg class=\"max-w-16 max-h-16 lg:max-w-24 lg:max-h-24\"\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)\">\n                                            <circle cx=\"65.5\" cy=\"65.5\" r=\"59.5\" fill=\"white\" fill-opacity=\"0.2\"\/>\n                                            <circle cx=\"65.5\" cy=\"65.5\" r=\"59\" stroke=\"white\" stroke-opacity=\"0.5\"\/>\n                                        <\/g>\n                                        <g class=\"transition-transform duration-300 ease-in-out group-hover:scale-125\" style=\"transform-origin: center;\">\n                                            <g filter=\"url(#filter1_d_797_1676)\">\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\"\/>\n                                            <\/g>\n                                        <\/g>\n                                        <defs>\n                                            <filter id=\"filter0_b_797_1676\" x=\"4\" y=\"4\" width=\"123\" height=\"123\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\n                                                <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"\/>\n                                                <feGaussianBlur in=\"BackgroundImageFix\" stdDeviation=\"1\"\/>\n                                                <feComposite in2=\"SourceAlpha\" operator=\"in\" result=\"effect1_backgroundBlur_797_1676\"\/>\n                                                <feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_backgroundBlur_797_1676\" result=\"shape\"\/>\n                                            <\/filter>\n                                            <filter id=\"filter1_d_797_1676\" 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\"\/>\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\"\/>\n                                                <feOffset\/>\n                                                <feGaussianBlur stdDeviation=\"11.35\"\/>\n                                                <feComposite in2=\"hardAlpha\" operator=\"out\"\/>\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\"\/>\n                                                <feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_797_1676\"\/>\n                                                <feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_797_1676\" result=\"shape\"\/>\n                                            <\/filter>\n                                        <\/defs>\n                                    <\/svg>\n                                <\/div>\n                            <\/button>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Testimonial panel -->\n                    <div class=\"z-10 flex justify-center align-center lg:w-[53%] py-10 px-4 lg:p-16\">\n                        <div class=\"flex-col justify-start items-start gap-8 flex\">\n                            <div class=\"flex-col justify-start items-start gap-6 flex\">\n                                <h3 class=\"text-white text-2xl lg:text-3xl font-medium leading-loose lg:leading-[38px]\">\n                                    \u201cEn KPMG, estamos comprometidos con la innovaci\u00f3n y la colaboraci\u00f3n; por eso elegimos asociarnos con Pathlock, un l\u00edder que est\u00e1 redefiniendo la seguridad de identidad\u2026\u201d                                <\/h3>\n                            <\/div>\n                            <div class=\"justify-start items-center gap-5 inline-flex\">\n                                <div class=\"min-w-20 max-w-20 h-20\">\n                                    <img decoding=\"async\" loading=\"lazy\" class=\"no-override rounded-lg\"\n                                         src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/kpmg-small.svg\"\n                                         alt=\"company logo\" \/>\n                                <\/div>\n                                <div class=\"flex flex-col justify-start items-start gap-1\">\n                                    <div class=\"text-[#f5f6fc] text-base lg:text-lg font-semibold leading-normal lg:leading-7\">\n                                        \u2014 Mick McGarry                                    <\/div>\n                                    <div class=\"text-[#ecf0fb] text-sm lg:text-base font-normal leading-tight lg:leading-normal\">\n                                        L\u00edder de oferta en EE. UU. para Servicios de GRC y ciberseguridad \/ KPMG                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Wistia modal -->\n        <div x-show=\"activeModal !== null\" x-cloak class=\"fixed inset-0\" style=\"z-index: 99;\">\n            <!-- Backdrop -->\n            <div 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\"><\/div>\n\n            <!-- Content -->\n            <div class=\"fixed inset-0 flex items-center justify-center p-4\">\n                <div @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 @click=\"closeModal('yhd8fv0ubm')\"\n                                class=\"bg-white hover:bg-gray-100 text-gray-800 p-2 rounded-full focus:outline-none\">\n                            <svg class=\"h-6 w-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 18L18 6M6 6l12 12\"\/>\n                            <\/svg>\n                        <\/button>\n                    <\/div>\n\n                    <div class=\"p-4 pt-0\">\n                        <wistia-player\n                                class=\"w-full !h-full rounded-lg !object-cover aspect-video\"\n                                media-id=\"yhd8fv0ubm\"\n                                @ready=\"this.play()\"\n                                x-cloak>\n                        <\/wistia-player>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Logos -->\n                    <div id=\"split-logos\" class=\" pt-10 lg:pt-16\">\n                <div class=\"\">\n                    <div class=\"relative flex flex-wrap gap-4 lg:items-stretch justify-center md:justify-between\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/02\/kpmg.svg\" alt=\"logo\"\n                                     class=\"no-override h-[36px] lg:h-[48px] w-auto\" width=\"auto\" height=\"48\" \/>\n                                                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/02\/pwc.svg\" alt=\"logo\"\n                                     class=\"no-override h-[36px] lg:h-[48px] w-auto\" width=\"auto\" height=\"48\" \/>\n                                                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/02\/deloitte.svg\" alt=\"logo\"\n                                     class=\"no-override h-[36px] lg:h-[48px] w-auto\" width=\"auto\" height=\"48\" \/>\n                                                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/04\/protiviti.svg\" alt=\"logo\"\n                                     class=\"no-override h-[36px] lg:h-[48px] w-auto\" width=\"auto\" height=\"48\" \/>\n                                                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/02\/ey.svg\" alt=\"logo\"\n                                     class=\"no-override h-[36px] lg:h-[48px] w-auto\" width=\"auto\" height=\"48\" \/>\n                                                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/02\/accenture.svg\" alt=\"logo\"\n                                     class=\"no-override h-[36px] lg:h-[48px] w-auto\" width=\"auto\" height=\"48\" \/>\n                                                <\/div>\n                <\/div>\n            <\/div>\n        \n    <\/div>\n<\/section>\n\n<script>\n\n    function modalVideoPlayer() {\n        return {\n            activeModal: null,\n            scriptLoaded: false,\n            toggleModal: function (modalId) {\n                if (this.activeModal === modalId) {\n                    this.closeModal();\n                } else {\n                    this.activeModal = modalId;\n                    document.body.classList.add('modal-open');\n                    var self = this;\n                    this.loadWistiaScripts().then(function () {\n                        self.playVideo();\n                    });\n                }\n            },\n            closeModal: function () {\n                var player = document.querySelector('wistia-player[media-id=\"yhd8fv0ubm\"]');\n                if (player) player.pause();\n                this.activeModal = null;\n                document.body.classList.remove('modal-open');\n            },\n            loadWistiaScripts: function () {\n                var self = this;\n                return new Promise(function (resolve) {\n                    if (self.scriptLoaded) { resolve(); return; }\n\n                    var loaded = 0;\n                    function onLoad() {\n                        loaded++;\n                        if (loaded === 2) { self.scriptLoaded = true; resolve(); }\n                    }\n\n                    var playerScript = document.createElement('script');\n                    playerScript.src   = 'https:\/\/fast.wistia.com\/player.js';\n                    playerScript.async = true;\n                    playerScript.onload = onLoad;\n                    document.body.appendChild(playerScript);\n\n                    var embedScript = document.createElement('script');\n                    embedScript.src   = 'https:\/\/fast.wistia.com\/embed\/yhd8fv0ubm.js';\n                    embedScript.async = true;\n                    embedScript.type  = 'module';\n                    embedScript.onload = onLoad;\n                    document.body.appendChild(embedScript);\n                });\n            },\n            playVideo: function () {\n                var player = document.querySelector('wistia-player[media-id=\"yhd8fv0ubm\"]');\n                if (player) player.play();\n            }\n        };\n    }\n    (function () {\n        document.addEventListener('DOMContentLoaded', function () {\n            var wrapperId = 'asociaciones-loop-video';\n            var wrapper = document.getElementById(wrapperId);\n\n            if (!wrapper) {\n                return;\n            }\n\n            var video = wrapper.querySelector('.hero-lazy-video');\n\n            if (!video) {\n                return;\n            }\n            video.querySelectorAll('source').forEach(function (source) {\n            });\n            var io = new IntersectionObserver(function (entries, observer) {\n                entries.forEach(function (entry) {\n                    console.log('[LazyVideo] IntersectionObserver fired \u2014 isIntersecting:', entry.isIntersecting, '| ratio:', entry.intersectionRatio.toFixed(2));\n\n                    if (!entry.isIntersecting) return;\n\n                    video.querySelectorAll('source[data-src]').forEach(function (source) {\n                        var dataSrc = source.getAttribute('data-src');\n                        source.src = dataSrc;\n                        source.removeAttribute('data-src');\n                        console.log('[LazyVideo] Set src:', dataSrc, '| type:', source.type);\n                    });\n\n                    \/\/ autoplay attribute gives the browser an explicit permission signal\n                    video.setAttribute('autoplay', '');\n                    console.log('[LazyVideo] autoplay attribute set');\n\n                    \/\/ Fallback: play() after the browser has buffered enough to start\n                    video.addEventListener('canplay', function onCanPlay() {\n                        console.log('[LazyVideo] canplay fired \u2014 calling play()');\n                        video.removeEventListener('canplay', onCanPlay);\n                        video.play().then(function () {\n                        }).catch(function (err) {\n                        });\n                    });\n\n                    video.addEventListener('error', function (e) {\n                        console.error('[LazyVideo] Video error:', e, video.error);\n                    });\n\n                    video.load();\n\n                    observer.disconnect();\n                });\n            }, { threshold: 0.1 });\n\n            io.observe(wrapper);\n        });\n    }());\n<\/script>","protected":false},"excerpt":{"rendered":"","protected":false},"author":16,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":true,"content-type":"","footnotes":""},"class_list":["post-44575","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.3 (Yoast SEO v27.6) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Compliance-Centric Identity Governance | Pathlock<\/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\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Compliance-Centric Identity Governance | Pathlock\" \/>\n<meta property=\"og:description\" content=\"More than 1,300 organizations worldwide chose to go beyond traditional IGA with Pathlock, the new leader in Identity Security.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/pathlock.com\/es\/\" \/>\n<meta property=\"og:site_name\" content=\"Pathlock\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-19T11:53:02+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/02\/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\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Compliance-Centric Identity Governance | Pathlock\" \/>\n<meta name=\"twitter:description\" content=\"More than 1,300 organizations worldwide chose to go beyond traditional IGA with Pathlock, the new leader in Identity Security.\" \/>\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\\\/\",\"url\":\"https:\\\/\\\/pathlock.com\\\/es\\\/\",\"name\":\"Compliance-Centric Identity Governance | Pathlock\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/pathlock.com\\\/es\\\/#website\"},\"datePublished\":\"2024-10-31T18:18:44+00:00\",\"dateModified\":\"2026-05-19T11:53:02+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/pathlock.com\\\/es\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/pathlock.com\\\/es\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/pathlock.com\\\/es\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/pathlock.com\\\/es\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Gobernanza de identidad centrada en el cumplimiento\"}]},{\"@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":"Compliance-Centric Identity Governance | Pathlock","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\/","og_locale":"es_ES","og_type":"article","og_title":"Compliance-Centric Identity Governance | Pathlock","og_description":"More than 1,300 organizations worldwide chose to go beyond traditional IGA with Pathlock, the new leader in Identity Security.","og_url":"https:\/\/pathlock.com\/es\/","og_site_name":"Pathlock","article_modified_time":"2026-05-19T11:53:02+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/02\/OpenGraph-Pathlock-Logo.webp","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_title":"Compliance-Centric Identity Governance | Pathlock","twitter_description":"More than 1,300 organizations worldwide chose to go beyond traditional IGA with Pathlock, the new leader in Identity Security.","twitter_site":"@pathlock","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/pathlock.com\/es\/","url":"https:\/\/pathlock.com\/es\/","name":"Compliance-Centric Identity Governance | Pathlock","isPartOf":{"@id":"https:\/\/pathlock.com\/es\/#website"},"datePublished":"2024-10-31T18:18:44+00:00","dateModified":"2026-05-19T11:53:02+00:00","breadcrumb":{"@id":"https:\/\/pathlock.com\/es\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/pathlock.com\/es\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/pathlock.com\/es\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/pathlock.com\/es\/"},{"@type":"ListItem","position":2,"name":"Gobernanza de identidad centrada en el cumplimiento"}]},{"@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":false,"_links":{"self":[{"href":"https:\/\/pathlock.com\/es\/wp-json\/wp\/v2\/pages\/44575","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pathlock.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pathlock.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pathlock.com\/es\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/pathlock.com\/es\/wp-json\/wp\/v2\/comments?post=44575"}],"version-history":[{"count":0,"href":"https:\/\/pathlock.com\/es\/wp-json\/wp\/v2\/pages\/44575\/revisions"}],"wp:attachment":[{"href":"https:\/\/pathlock.com\/es\/wp-json\/wp\/v2\/media?parent=44575"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}