{"id":5329,"date":"2025-12-08T03:56:02","date_gmt":"2025-12-08T03:56:02","guid":{"rendered":"https:\/\/hpmc.ae\/?page_id=5329"},"modified":"2025-12-10T03:36:55","modified_gmt":"2025-12-10T03:36:55","slug":"integrity-in-action","status":"publish","type":"page","link":"https:\/\/hpmc.ae\/es\/sustainability-in-landu\/people-our-commitment-to-care\/integrity-in-action\/","title":{"rendered":"Integridad en Acci\u00f3n"},"content":{"rendered":"<div class=\"lemonx-visual-block\" data-block-id=\"4\">\n<div class=\"integrity-modern-banner\">\n<div class=\"integrity-modern-container\">\n<div class=\"integrity-modern-content\">\n<div class=\"integrity-modern-visual\">\n<div class=\"integrity-image-wrapper\">\n                    <img height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/Landu-Saleswomen-perfessional.jpg\" alt=\"Integridad en Acci\u00f3n\" class=\"integrity-featured-image\">\n                <\/div>\n<div class=\"integrity-decorative-elements\">\n<div class=\"decorative-circle decorative-circle-1\"><\/div>\n<div class=\"decorative-circle decorative-circle-2\"><\/div>\n<div class=\"decorative-line\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"integrity-modern-text\">\n<div class=\"integrity-tag\">Excelencia en Liderazgo<\/div>\n<h1 class=\"integrity-modern-title\">Integridad en Acci\u00f3n<\/h1>\n<p class=\"integrity-modern-description\">\n                    Priorizamos un liderazgo efectivo y estamos comprometidos a realizar negocios de manera transparente y responsable.\n                <\/p>\n<div class=\"integrity-metrics\">\n<div class=\"metric-item\">\n                        <span class=\"metric-number\">100%<\/span><br \/>\n                        <span class=\"metric-label\">Transparente<\/span>\n                    <\/div>\n<div class=\"metric-divider\"><\/div>\n<div class=\"metric-item\">\n                        <span class=\"metric-number\">24\/7<\/span><br \/>\n                        <span class=\"metric-label\">Responsable<\/span>\n                    <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"integrity-modern-bg\">\n<div class=\"floating-element floating-element-1\"><\/div>\n<div class=\"floating-element floating-element-2\"><\/div>\n<div class=\"floating-element floating-element-3\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<style>\n    .integrity-modern-banner {\n        background: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);\n        padding: 100px 20px;\n        position: relative;\n        overflow: hidden;\n        min-height: 500px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }<\/p>\n<p>    .integrity-modern-container {\n        max-width: 1200px;\n        width: 100%;\n        position: relative;\n        z-index: 2;\n    }<\/p>\n<p>    .integrity-modern-content {\n        display: grid;\n        grid-template-columns: 1fr 2fr;\n        gap: 80px;\n        align-items: center;\n    }<\/p>\n<p>    .integrity-modern-visual {\n        position: relative;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        min-height: 300px;\n    }<\/p>\n<p>    \/* \u56fe\u7247\u5bb9\u5668\u6837\u5f0f *\/\n    .integrity-image-wrapper {\n        position: relative;\n        width: auto;\n        max-width: 100%;\n        border-radius: 30px;\n        overflow: hidden;\n        box-shadow: \n            0 20px 60px rgba(0, 0, 0, 0.3),\n            0 0 0 1px rgba(255, 255, 255, 0.1);\n        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n        animation: integrity-image-float 6s ease-in-out infinite;\n    }<\/p>\n<p>    .integrity-image-wrapper:hover {\n        transform: translateY(-10px);\n        box-shadow: \n            0 30px 80px rgba(0, 0, 0, 0.4),\n            0 0 0 1px rgba(255, 255, 255, 0.2);\n    }<\/p>\n<p>    .integrity-featured-image {\n        width: auto;\n        height: auto;\n        max-width: 100%;\n        max-height: 450px;\n        display: block;\n        transition: transform 0.4s ease;\n    }<\/p>\n<p>    .integrity-image-wrapper:hover .integrity-featured-image {\n        transform: scale(1.02);\n    }<\/p>\n<p>    \/* \u88c5\u9970\u5143\u7d20 *\/\n    .integrity-decorative-elements {\n        position: absolute;\n        width: 100%;\n        height: 100%;\n        pointer-events: none;\n    }<\/p>\n<p>    .decorative-circle {\n        position: absolute;\n        border-radius: 50%;\n        border: 2px solid rgba(255, 255, 255, 0.2);\n        background: rgba(255, 255, 255, 0.05);\n        backdrop-filter: blur(5px);\n    }<\/p>\n<p>    .decorative-circle-1 {\n        width: 60px;\n        height: 60px;\n        top: -20px;\n        right: -20px;\n        animation: integrity-decorative-float 8s ease-in-out infinite;\n    }<\/p>\n<p>    .decorative-circle-2 {\n        width: 40px;\n        height: 40px;\n        bottom: 30px;\n        left: -15px;\n        animation: integrity-decorative-float 8s ease-in-out infinite;\n        animation-delay: -4s;\n    }<\/p>\n<p>    .decorative-line {\n        position: absolute;\n        width: 80px;\n        height: 2px;\n        background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.4) 50%, transparent 100%);\n        bottom: -30px;\n        left: 50%;\n        transform: translateX(-50%);\n        animation: integrity-line-pulse 3s ease-in-out infinite;\n    }<\/p>\n<p>    .integrity-modern-text {\n        color: white;\n    }<\/p>\n<p>    .integrity-tag {\n        display: inline-block;\n        background: rgba(255, 255, 255, 0.15);\n        backdrop-filter: blur(10px);\n        padding: 8px 20px;\n        border-radius: 20px;\n        font-size: 0.9rem;\n        font-weight: 600;\n        margin-bottom: 20px;\n        border: 1px solid rgba(255, 255, 255, 0.2);\n        text-transform: uppercase;\n        letter-spacing: 0.5px;\n    }<\/p>\n<p>    .integrity-modern-title {\n        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n        font-size: 4rem;\n        font-weight: 800;\n        margin: 0 0 30px 0;\n        line-height: 1.1;\n        background: linear-gradient(135deg, #ffffff 0%, #f0f8ff 50%, #e6f3ff 100%);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n        letter-spacing: -0.02em;\n    }<\/p>\n<p>    .integrity-modern-description {\n        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n        font-size: 1.4rem;\n        line-height: 1.6;\n        margin: 0 0 40px 0;\n        opacity: 0.9;\n        font-weight: 300;\n        max-width: 500px;\n    }<\/p>\n<p>    .integrity-metrics {\n        display: flex;\n        align-items: center;\n        gap: 30px;\n        background: rgba(255, 255, 255, 0.1);\n        backdrop-filter: blur(20px);\n        padding: 24px 32px;\n        border-radius: 16px;\n        border: 1px solid rgba(255, 255, 255, 0.15);\n        width: fit-content;\n    }<\/p>\n<p>    .metric-item {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        gap: 4px;\n    }<\/p>\n<p>    .metric-number {\n        font-size: 2rem;\n        font-weight: 800;\n        line-height: 1;\n        background: linear-gradient(135deg, #ffffff 0%, #f0f8ff 100%);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n    }<\/p>\n<p>    .metric-label {\n        font-size: 0.85rem;\n        font-weight: 500;\n        opacity: 0.8;\n        text-transform: uppercase;\n        letter-spacing: 0.5px;\n    }<\/p>\n<p>    .metric-divider {\n        width: 1px;\n        height: 40px;\n        background: rgba(255, 255, 255, 0.3);\n    }<\/p>\n<p>    .integrity-modern-bg {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        pointer-events: none;\n    }<\/p>\n<p>    .floating-element {\n        position: absolute;\n        background: rgba(255, 255, 255, 0.05);\n        border-radius: 50%;\n        animation: integrity-float-element 12s ease-in-out infinite;\n    }<\/p>\n<p>    .floating-element-1 {\n        width: 100px;\n        height: 100px;\n        top: 10%;\n        left: 10%;\n        animation-delay: 0s;\n    }<\/p>\n<p>    .floating-element-2 {\n        width: 60px;\n        height: 60px;\n        top: 70%;\n        right: 15%;\n        animation-delay: -4s;\n    }<\/p>\n<p>    .floating-element-3 {\n        width: 80px;\n        height: 80px;\n        bottom: 20%;\n        left: 20%;\n        animation-delay: -8s;\n    }<\/p>\n<p>    \/* \u52a8\u753b *\/\n    @keyframes integrity-image-float {\n        0%, 100% {\n            transform: translateY(0px);\n        }\n        50% {\n            transform: translateY(-15px);\n        }\n    }<\/p>\n<p>    @keyframes integrity-decorative-float {\n        0%, 100% {\n            transform: translateY(0px) scale(1);\n            opacity: 0.5;\n        }\n        50% {\n            transform: translateY(-20px) scale(1.1);\n            opacity: 0.8;\n        }\n    }<\/p>\n<p>    @keyframes integrity-line-pulse {\n        0%, 100% {\n            opacity: 0.3;\n            transform: translateX(-50%) scaleX(1);\n        }\n        50% {\n            opacity: 0.8;\n            transform: translateX(-50%) scaleX(1.2);\n        }\n    }<\/p>\n<p>    @keyframes integrity-float-element {\n        0%, 100% {\n            transform: translateY(0px) scale(1);\n            opacity: 0.3;\n        }\n        50% {\n            transform: translateY(-30px) scale(1.2);\n            opacity: 0.6;\n        }\n    }<\/p>\n<p>    .integrity-modern-banner::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        background: \n            radial-gradient(circle at 25% 25%, rgba(255, 255, 255, 0.1) 0%, transparent 50%),\n            radial-gradient(circle at 75% 75%, rgba(240, 147, 251, 0.15) 0%, transparent 50%);\n        z-index: 1;\n    }<\/p>\n<p>    \/* Responsive Design *\/\n    @media (max-width: 1024px) {\n        .integrity-modern-content {\n            grid-template-columns: 1fr;\n            gap: 60px;\n            text-align: center;\n        }<\/p>\n<p>        .integrity-modern-visual {\n            min-height: 250px;\n        }<\/p>\n<p>        .integrity-featured-image {\n            max-height: 350px;\n        }\n    }<\/p>\n<p>    @media (max-width: 768px) {\n        .integrity-modern-banner {\n            padding: 80px 15px;\n            min-height: 400px;\n        }<\/p>\n<p>        .integrity-modern-title {\n            font-size: 3rem;\n        }<\/p>\n<p>        .integrity-modern-description {\n            font-size: 1.2rem;\n        }<\/p>\n<p>        .integrity-modern-visual {\n            min-height: 200px;\n        }<\/p>\n<p>        .integrity-image-wrapper {\n            border-radius: 24px;\n        }<\/p>\n<p>        .integrity-featured-image {\n            max-height: 300px;\n        }<\/p>\n<p>        .integrity-metrics {\n            padding: 20px 24px;\n            gap: 20px;\n        }<\/p>\n<p>        .metric-number {\n            font-size: 1.6rem;\n        }<\/p>\n<p>        .decorative-circle-1,\n        .decorative-circle-2 {\n            display: none;\n        }\n    }<\/p>\n<p>    @media (max-width: 480px) {\n        .integrity-modern-banner {\n            padding: 60px 15px;\n        }<\/p>\n<p>        .integrity-modern-title {\n            font-size: 2.4rem;\n        }<\/p>\n<p>        .integrity-modern-description {\n            font-size: 1.1rem;\n        }<\/p>\n<p>        .integrity-modern-visual {\n            min-height: 180px;\n        }<\/p>\n<p>        .integrity-image-wrapper {\n            border-radius: 20px;\n        }<\/p>\n<p>        .integrity-featured-image {\n            max-height: 250px;\n        }<\/p>\n<p>        .integrity-metrics {\n            flex-direction: column;\n            gap: 16px;\n            padding: 16px 20px;\n        }<\/p>\n<p>        .metric-divider {\n            width: 40px;\n            height: 1px;\n        }<\/p>\n<p>        .floating-element-1,\n        .floating-element-2,\n        .floating-element-3 {\n            display: none;\n        }<\/p>\n<p>        .decorative-line {\n            display: none;\n        }\n    }\n<\/style>\n<\/div>\n<div class=\"lemonx-visual-block\" data-block-id=\"5\">\n<div class=\"integrity-content-section\">\n<div class=\"integrity-content-container\">\n        <!-- Main Header --><\/p>\n<div class=\"integrity-header\">\n<h2 class=\"integrity-main-title\">Actuamos con Honestidad e Integridad inquebrantables en Todo lo que Hacemos<\/h2>\n<\/p><\/div>\n<p>        <!-- Integrity Principles Grid --><\/p>\n<div class=\"integrity-principles\">\n            <!-- Placing Integrity Above All Else --><\/p>\n<div class=\"principle-card principle-featured\">\n<div class=\"principle-image\">\n                    <img height=\"1541\" width=\"2312\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/a-diverse-team-of-professionals-shares-ideas-about-2025-10-09-18-57-29-utc.jpg\" alt=\"Mujer de Ventas Profesional de LANDU\" loading=\"lazy\"><\/p>\n<div class=\"principle-overlay\">\n<div class=\"principle-icon\">\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                <path d=\"M12 1L3 5V11C3 16.55 6.84 21.74 12 23C17.16 21.74 21 16.55 21 11V5L12 1Z\" fill=\"white\"><\/path>\n                            <\/svg>\n                        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"principle-content\">\n<h3 class=\"principle-title\">Poniendo la Integridad por Encima de Todo<\/h3>\n<p class=\"principle-description\">\n                        En LANDU, la conducta \u00e9tica y la transparencia definen cada interacci\u00f3n comercial. Colocamos la integridad por delante del beneficio personal, asumiendo plena responsabilidad por nuestras acciones y cumpliendo con los compromisos, incluso cuando nadie est\u00e1 mirando.\n                    <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- Respecting Customer Intelligence --><\/p>\n<div class=\"principle-card principle-secondary\">\n<div class=\"principle-image\">\n                    <img height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/Landu-Professional-Sales-Discussion.jpg\" alt=\"Discusi\u00f3n de Ventas Profesional LANDU\" loading=\"lazy\"><\/p>\n<div class=\"principle-overlay\">\n<div class=\"principle-icon\">\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                <path d=\"M20 6L9 17L4 12\" stroke=\"white\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                <circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"white\" stroke-width=\"2\" fill=\"none\"><\/circle>\n                            <\/svg>\n                        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"principle-content\">\n<h3 class=\"principle-title\">Respetando la Inteligencia de Nuestros Clientes<\/h3>\n<p class=\"principle-description\">\n                        La verdadera honestidad con los clientes va m\u00e1s all\u00e1 de simplemente decir la verdad. Requiere apertura, integridad y confiabilidad, cualidades que forman la base de la confianza y relaciones duraderas con quienes servimos.\n                    <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- Business Ethics --><\/p>\n<div class=\"principle-card principle-ethics\">\n<div class=\"ethics-icon-wrapper\">\n<div class=\"ethics-geometric-bg\">\n<div class=\"geo-shape geo-shape-1\"><\/div>\n<div class=\"geo-shape geo-shape-2\"><\/div>\n<div class=\"geo-shape geo-shape-3\"><\/div>\n<\/p><\/div>\n<div class=\"ethics-icon\">\n                        <svg viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                            <path d=\"M9 12L11 14L15 10\" stroke=\"white\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                            <path d=\"M21 12C21 16.97 16.97 21 12 21C7.03 21 3 16.97 3 12C3 7.03 7.03 3 12 3C16.97 3 21 7.03 21 12Z\" stroke=\"white\" stroke-width=\"2\" fill=\"none\"><\/path>\n                        <\/svg>\n                    <\/div>\n<\/p><\/div>\n<div class=\"principle-content\">\n<h3 class=\"principle-title\">Compromiso con la \u00c9tica Empresarial y las Pr\u00e1cticas de Denuncia<\/h3>\n<p class=\"principle-description\">\n                        Mantenemos directrices de responsabilidad corporativa integrales, que abarcan \u00e1reas como la anti-corrupci\u00f3n, competencia leal, abastecimiento responsable y protocolos para la gesti\u00f3n ambiental, la salud y seguridad en el trabajo, y la protecci\u00f3n de los derechos humanos.\n                    <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- Workplace Culture --><\/p>\n<div class=\"principle-card principle-culture\">\n<div class=\"culture-header\">\n<h3 class=\"principle-title\">Fomentando una Cultura de Integridad en el Lugar de Trabajo<\/h3>\n<p class=\"culture-subtitle\">Cultivamos un entorno donde cada miembro del equipo est\u00e1 capacitado para:<\/p>\n<\/p><\/div>\n<div class=\"culture-list\">\n<div class=\"culture-item\">\n<div class=\"culture-bullet\">\n                            <svg viewbox=\"0 0 12 12\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                <circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"url(#cultureGrad)\"><\/circle>\n                                <defs>\n                                    <lineargradient id=\"cultureGrad\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n                                        <stop offset=\"0%\" style=\"stop-color:#4A90E2\"><\/stop>\n                                        <stop offset=\"100%\" style=\"stop-color:#2E8B57\"><\/stop>\n                                    <\/lineargradient>\n                                <\/defs>\n                            <\/svg>\n                        <\/div>\n<p>                        <span>Mantener un equilibrio saludable entre trabajo y vida personal.<\/span>\n                    <\/div>\n<div class=\"culture-item\">\n<div class=\"culture-bullet\">\n                            <svg viewbox=\"0 0 12 12\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                <circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"url(#cultureGrad2)\"><\/circle>\n                                <defs>\n                                    <lineargradient id=\"cultureGrad2\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n                                        <stop offset=\"0%\" style=\"stop-color:#2E8B57\"><\/stop>\n                                        <stop offset=\"100%\" style=\"stop-color:#20B2AA\"><\/stop>\n                                    <\/lineargradient>\n                                <\/defs>\n                            <\/svg>\n                        <\/div>\n<p>                        <span>Promover la honestidad y ser reconocido por ello.<\/span>\n                    <\/div>\n<div class=\"culture-item\">\n<div class=\"culture-bullet\">\n                            <svg viewbox=\"0 0 12 12\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                <circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"url(#cultureGrad3)\"><\/circle>\n                                <defs>\n                                    <lineargradient id=\"cultureGrad3\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n                                        <stop offset=\"0%\" style=\"stop-color:#20B2AA\"><\/stop>\n                                        <stop offset=\"100%\" style=\"stop-color:#4A90E2\"><\/stop>\n                                    <\/lineargradient>\n                                <\/defs>\n                            <\/svg>\n                        <\/div>\n<p>                        <span>Tratar a cada cliente con igualdad y respeto.<\/span>\n                    <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<style>\n    .integrity-content-section {\n        padding: 100px 20px;\n        background: linear-gradient(135deg, #f0f8ff 0%, #ffffff 50%, #e0f2f1 100%);\n        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n    }<\/p>\n<p>    .integrity-content-container {\n        max-width: 1400px;\n        margin: 0 auto;\n    }<\/p>\n<p>    .integrity-header {\n        text-align: center;\n        margin-bottom: 80px;\n    }<\/p>\n<p>    .integrity-main-title {\n        font-size: 3.2rem;\n        font-weight: 800;\n        background: linear-gradient(135deg, #4A90E2 0%, #2E8B57 50%, #20B2AA 100%);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n        margin: 0;\n        line-height: 1.2;\n        max-width: 900px;\n        margin: 0 auto;\n        letter-spacing: -0.02em;\n    }<\/p>\n<p>    .integrity-principles {\n        display: grid;\n        grid-template-columns: 1fr 1fr;  \/* \u4fee\u6539\u4e3a\u5404\u5360\u4e00\u534a *\/\n        grid-template-rows: auto auto auto;\n        gap: 30px;\n    }<\/p>\n<p>    .principle-card {\n        background: white;\n        border-radius: 24px;\n        overflow: hidden;\n        box-shadow: 0 8px 32px rgba(74, 144, 226, 0.1);\n        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n        border: 1px solid rgba(74, 144, 226, 0.08);\n    }<\/p>\n<p>    .principle-card:hover {\n        transform: translateY(-8px);\n        box-shadow: 0 20px 60px rgba(74, 144, 226, 0.15);\n    }<\/p>\n<p>    .principle-featured {\n        grid-row: span 1;\n        grid-column: span 1;  \/* \u6dfb\u52a0\u8fd9\u884c *\/\n    }<\/p>\n<p>    .principle-secondary {\n        grid-row: span 1;\n        grid-column: span 1;  \/* \u6dfb\u52a0\u8fd9\u884c *\/\n    }<\/p>\n<p>    .principle-ethics {\n        grid-column: span 2;\n        display: flex;\n        align-items: center;\n        gap: 40px;\n        padding: 40px;\n    }<\/p>\n<p>    .principle-culture {\n        grid-column: span 2;\n        padding: 40px;\n    }<\/p>\n<p>    .principle-image {\n        position: relative;\n        height: 280px;\n        overflow: hidden;\n    }<\/p>\n<p>    .principle-image img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        transition: transform 0.4s ease;\n    }<\/p>\n<p>    .principle-card:hover .principle-image img {\n        transform: scale(1.05);\n    }<\/p>\n<p>    .principle-overlay {\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        background: linear-gradient(135deg, rgba(74, 144, 226, 0.8) 0%, rgba(46, 139, 87, 0.8) 100%);\n        opacity: 0;\n        transition: opacity 0.3s ease;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }<\/p>\n<p>    .principle-card:hover .principle-overlay {\n        opacity: 1;\n    }<\/p>\n<p>    .principle-icon {\n        width: 60px;\n        height: 60px;\n        background: rgba(255, 255, 255, 0.2);\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        backdrop-filter: blur(10px);\n        border: 2px solid rgba(255, 255, 255, 0.3);\n    }<\/p>\n<p>    .principle-icon svg {\n        width: 30px;\n        height: 30px;\n    }<\/p>\n<p>    .principle-content {\n        padding: 32px;\n    }<\/p>\n<p>    .principle-title {\n        font-size: 1.6rem;\n        font-weight: 700;\n        color: #2d3748;\n        margin-bottom: 16px;\n        line-height: 1.3;\n    }<\/p>\n<p>    .principle-description {\n        color: #4a5568;\n        font-size: 1.05rem;\n        line-height: 1.6;\n        margin: 0;\n    }<\/p>\n<p>    \/* Ethics Card Specific Styles *\/\n    .ethics-icon-wrapper {\n        flex-shrink: 0;\n        position: relative;\n        width: 200px;\n        height: 200px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }<\/p>\n<p>    .ethics-geometric-bg {\n        position: absolute;\n        width: 100%;\n        height: 100%;\n    }<\/p>\n<p>    .geo-shape {\n        position: absolute;\n        border-radius: 20px;\n        background: linear-gradient(135deg, rgba(74, 144, 226, 0.1) 0%, rgba(46, 139, 87, 0.1) 100%);\n        border: 1px solid rgba(74, 144, 226, 0.2);\n    }<\/p>\n<p>    .geo-shape-1 {\n        width: 100%;\n        height: 100%;\n        animation: ethics-rotate 20s linear infinite;\n    }<\/p>\n<p>    .geo-shape-2 {\n        width: 70%;\n        height: 70%;\n        top: 15%;\n        left: 15%;\n        transform: rotate(45deg);\n        animation: ethics-rotate 20s linear infinite reverse;\n    }<\/p>\n<p>    .geo-shape-3 {\n        width: 40%;\n        height: 40%;\n        top: 30%;\n        left: 30%;\n        transform: rotate(90deg);\n        animation: ethics-rotate 20s linear infinite;\n    }<\/p>\n<p>    .ethics-icon {\n        position: relative;\n        z-index: 2;\n        width: 80px;\n        height: 80px;\n        background: linear-gradient(135deg, #4A90E2 0%, #2E8B57 100%);\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        box-shadow: 0 8px 32px rgba(74, 144, 226, 0.3);\n    }<\/p>\n<p>    .ethics-icon svg {\n        width: 40px;\n        height: 40px;\n    }<\/p>\n<p>    \/* Culture Card Specific Styles *\/\n    .culture-header {\n        margin-bottom: 32px;\n    }<\/p>\n<p>    .culture-subtitle {\n        color: #4a5568;\n        font-size: 1.1rem;\n        margin: 12px 0 0 0;\n    }<\/p>\n<p>    .culture-list {\n        display: flex;\n        flex-direction: column;\n        gap: 20px;\n    }<\/p>\n<p>    .culture-item {\n        display: flex;\n        align-items: center;\n        gap: 16px;\n        padding: 16px 20px;\n        background: linear-gradient(135deg, rgba(74, 144, 226, 0.05) 0%, rgba(32, 178, 170, 0.05) 100%);\n        border-radius: 12px;\n        transition: all 0.3s ease;\n        border: 1px solid rgba(74, 144, 226, 0.1);\n    }<\/p>\n<p>    .culture-item:hover {\n        background: linear-gradient(135deg, rgba(74, 144, 226, 0.1) 0%, rgba(32, 178, 170, 0.1) 100%);\n        transform: translateX(8px);\n        border-color: rgba(74, 144, 226, 0.2);\n    }<\/p>\n<p>    .culture-bullet {\n        flex-shrink: 0;\n        width: 12px;\n        height: 12px;\n    }<\/p>\n<p>    .culture-item span {\n        color: #4a5568;\n        font-size: 1.05rem;\n        font-weight: 500;\n    }<\/p>\n<p>    @keyframes ethics-rotate {\n        0% { transform: rotate(0deg); }\n        100% { transform: rotate(360deg); }\n    }<\/p>\n<p>    \/* Responsive Design *\/\n    @media (max-width: 1200px) {\n        .integrity-principles {\n            grid-template-columns: 1fr;\n            gap: 24px;\n        }<\/p>\n<p>        .principle-ethics,\n        .principle-culture {\n            grid-column: span 1;\n        }<\/p>\n<p>        .principle-ethics {\n            flex-direction: column;\n            text-align: center;\n            gap: 30px;\n        }\n    }<\/p>\n<p>    @media (max-width: 768px) {\n        .integrity-content-section {\n            padding: 80px 15px;\n        }<\/p>\n<p>        .integrity-main-title {\n            font-size: 2.4rem;\n        }<\/p>\n<p>        .integrity-header {\n            margin-bottom: 60px;\n        }<\/p>\n<p>        .principle-image {\n            height: 220px;\n        }<\/p>\n<p>        .principle-content {\n            padding: 24px;\n        }<\/p>\n<p>        .principle-title {\n            font-size: 1.4rem;\n        }<\/p>\n<p>        .principle-description {\n            font-size: 1rem;\n        }<\/p>\n<p>        .principle-ethics,\n        .principle-culture {\n            padding: 30px;\n        }<\/p>\n<p>        .ethics-icon-wrapper {\n            width: 150px;\n            height: 150px;\n        }\n    }<\/p>\n<p>    @media (max-width: 480px) {\n        .integrity-main-title {\n            font-size: 2rem;\n        }<\/p>\n<p>        .principle-content {\n            padding: 20px;\n        }<\/p>\n<p>        .principle-ethics,\n        .principle-culture {\n            padding: 24px;\n        }<\/p>\n<p>        .culture-item {\n            padding: 12px 16px;\n        }\n    }\n<\/style>\n<p><!-- Call to Action Section --><\/p>\n<div class=\"cta-section\">\n<div class=\"cta-container\">\n<div class=\"cta-content\">\n<h2 class=\"cta-title\">Ready to Experience LANDU\u2019s Commitment to Integrity?<\/h2>\n<p class=\"cta-description\">Descubra nuestras soluciones innovadoras o p\u00f3ngase en contacto con nuestro equipo dedicado hoy mismo.<\/p>\n<\/p><\/div>\n<div class=\"cta-buttons\">\n            <a href=\"https:\/\/hpmc.ae\/es\/cellulose-ether-hpmc\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"cta-button cta-primary\"><br \/>\n                <span class=\"button-text\">View LANDU\u2019s Solutions<\/span><br \/>\n                <span class=\"button-icon\"><br \/>\n                    <svg viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M5 12H19M19 12L12 5M19 12L12 19\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                    <\/svg><br \/>\n                <\/span><br \/>\n            <\/a><br \/>\n            <a href=\"https:\/\/hpmc.ae\/es\/contact\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"cta-button cta-secondary\"><br \/>\n                <span class=\"button-text\">Cont\u00e1ctanos<\/span><br \/>\n                <span class=\"button-icon\"><br \/>\n                    <svg viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M21 15C21 15.5304 20.7893 16.0391 20.4142 16.4142C20.0391 16.7893 19.5304 17 19 17H7L3 21V5C3 4.46957 3.21071 3.96086 3.58579 3.58579C3.96086 3.21071 4.46957 3 5 3H19C19.5304 3 20.0391 3.21071 20.4142 3.58579C20.7893 3.96086 21 4.46957 21 5V15Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                    <\/svg><br \/>\n                <\/span><br \/>\n            <\/a>\n        <\/div>\n<\/p><\/div>\n<\/div>\n<style>\n    \/* Call to Action Section Styles *\/\n    .cta-section {\n        padding: 100px 20px;\n        background: linear-gradient(135deg, #4A90E2 0%, #2E8B57 100%);\n    }<\/p>\n<p>    .cta-container {\n        max-width: 1200px;\n        margin: 0 auto;\n        text-align: center;\n    }<\/p>\n<p>    .cta-content {\n        margin-bottom: 48px;\n    }<\/p>\n<p>    .cta-title {\n        font-size: 3rem;\n        font-weight: 800;\n        color: #ffffff;\n        margin: 0 0 20px 0;\n        line-height: 1.2;\n        letter-spacing: -0.02em;\n    }<\/p>\n<p>    .cta-description {\n        font-size: 1.25rem;\n        color: rgba(255, 255, 255, 0.95);\n        margin: 0;\n        line-height: 1.6;\n        max-width: 700px;\n        margin: 0 auto;\n    }<\/p>\n<p>    .cta-buttons {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        gap: 24px;\n        flex-wrap: wrap;\n    }<\/p>\n<p>    .cta-button {\n        display: inline-flex;\n        align-items: center;\n        gap: 12px;\n        padding: 18px 40px;\n        font-size: 1.1rem;\n        font-weight: 600;\n        text-decoration: none;\n        border-radius: 50px;\n        transition: all 0.3s ease;\n        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);\n    }<\/p>\n<p>    .cta-primary {\n        background: #ffffff;\n        color: #4A90E2;\n        border: 2px solid transparent;\n    }<\/p>\n<p>    .cta-primary:hover {\n        transform: translateY(-3px);\n        box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2);\n    }<\/p>\n<p>    .cta-secondary {\n        background: transparent;\n        color: #ffffff;\n        border: 2px solid #ffffff;\n    }<\/p>\n<p>    .cta-secondary:hover {\n        background: rgba(255, 255, 255, 0.1);\n        transform: translateY(-3px);\n        box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2);\n    }<\/p>\n<p>    .button-text {\n        position: relative;\n    }<\/p>\n<p>    .button-icon {\n        width: 24px;\n        height: 24px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        transition: transform 0.3s ease;\n    }<\/p>\n<p>    .cta-button:hover .button-icon {\n        transform: translateX(4px);\n    }<\/p>\n<p>    .button-icon svg {\n        width: 100%;\n        height: 100%;\n    }<\/p>\n<p>    \/* Responsive Design for CTA Section *\/\n    @media (max-width: 768px) {\n        .cta-section {\n            padding: 80px 20px;\n        }<\/p>\n<p>        .cta-title {\n            font-size: 2.2rem;\n        }<\/p>\n<p>        .cta-description {\n            font-size: 1.1rem;\n        }<\/p>\n<p>        .cta-buttons {\n            flex-direction: column;\n            gap: 16px;\n        }<\/p>\n<p>        .cta-button {\n            width: 100%;\n            max-width: 320px;\n            justify-content: center;\n            padding: 16px 32px;\n        }\n    }<\/p>\n<p>    @media (max-width: 480px) {\n        .cta-section {\n            padding: 60px 15px;\n        }<\/p>\n<p>        .cta-title {\n            font-size: 1.8rem;\n        }<\/p>\n<p>        .cta-description {\n            font-size: 1rem;\n        }<\/p>\n<p>        .cta-content {\n            margin-bottom: 36px;\n        }<\/p>\n<p>        .cta-button {\n            font-size: 1rem;\n            padding: 14px 28px;\n        }\n    }\n<\/style>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Excelencia en liderazgo Integridad en acci\u00f3n Priorizamos un liderazgo efectivo y estamos comprometidos a realizar negocios de manera transparente y responsable. 100% Transparente 24\/7 Responsable Actuamos con Honestidad e Integridad inquebrantables en todo lo que hacemos Poniendo la integridad por encima de todo En LANDU, la conducta \u00e9tica y la transparencia definen cada interacci\u00f3n comercial. Colocamos la integridad por delante del beneficio personal, [\u2026]<\/p>","protected":false},"author":1,"featured_media":0,"parent":5385,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-5329","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hpmc.ae\/es\/wp-json\/wp\/v2\/pages\/5329","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hpmc.ae\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hpmc.ae\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/es\/wp-json\/wp\/v2\/comments?post=5329"}],"version-history":[{"count":1,"href":"https:\/\/hpmc.ae\/es\/wp-json\/wp\/v2\/pages\/5329\/revisions"}],"predecessor-version":[{"id":5330,"href":"https:\/\/hpmc.ae\/es\/wp-json\/wp\/v2\/pages\/5329\/revisions\/5330"}],"up":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/es\/wp-json\/wp\/v2\/pages\/5385"}],"wp:attachment":[{"href":"https:\/\/hpmc.ae\/es\/wp-json\/wp\/v2\/media?parent=5329"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}