{"id":353,"date":"2026-08-13T22:08:33","date_gmt":"2026-08-13T22:08:33","guid":{"rendered":"https:\/\/www.valorapatrimonial.com.pe\/?page_id=353"},"modified":"2026-09-18T04:08:08","modified_gmt":"2026-09-18T04:08:08","slug":"impacto-social","status":"publish","type":"page","link":"https:\/\/www.valorapatrimonial.com.pe\/?page_id=353","title":{"rendered":"Impacto social"},"content":{"rendered":"\n<!-- Fuente -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;800&#038;display=swap\" rel=\"stylesheet\">\n\n<!-- Contenedor Aislado Valora Misi\u00f3n -->\n<div id=\"vmission-widget\">\n    <style>\n        \/* =========================================\n           CSS ENCAPSULADO - Valora Misi\u00f3n\n           ========================================= *\/\n        #vmission-widget {\n            --vmission-blue: #1a4f8a;\n            --vmission-blue-dark: #0b1f3a;\n            --vmission-blue-light: #dbeafe;\n            --vmission-blue-bg: #e0edff;\n            --vmission-charcoal: #4b5563;\n            --vmission-white: #ffffff;\n\n            font-family: 'Inter', sans-serif;\n            background-color: var(--vmission-white);\n            margin: 0 auto;\n            padding: 80px 24px;\n            width: 100%;\n            box-sizing: border-box;\n            -webkit-font-smoothing: antialiased;\n            -moz-osx-font-smoothing: grayscale;\n        }\n\n        #vmission-widget *,\n        #vmission-widget *::before,\n        #vmission-widget *::after {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n\n        \/* ---------- Layout Principal ---------- *\/\n        #vmission-widget .vmission-container {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            gap: 48px;\n            max-width: 1200px;\n            margin: 0 auto;\n        }\n\n        @media (min-width: 900px) {\n            #vmission-widget .vmission-container {\n                flex-direction: row;\n                align-items: stretch;\n                gap: 56px;\n            }\n        }\n\n        \/* ---------- Columna Izquierda: Visual ---------- *\/\n        #vmission-widget .vmission-visual-col {\n            width: 100%;\n            position: relative;\n        }\n\n        @media (min-width: 900px) {\n            #vmission-widget .vmission-visual-col {\n                width: 40%;\n                flex-shrink: 0;\n            }\n        }\n\n        #vmission-widget .vmission-visual-base {\n            position: relative;\n            width: 100%;\n            aspect-ratio: 4 \/ 5;\n            background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);\n            border-radius: 24px;\n            overflow: hidden;\n            box-shadow: 0 8px 24px rgba(11, 31, 58, 0.08);\n        }\n\n        @media (min-width: 900px) {\n            #vmission-widget .vmission-visual-base {\n                aspect-ratio: 1 \/ 1;\n            }\n        }\n\n        \/* L\u00edneas decorativas onduladas *\/\n        #vmission-widget .vmission-wavy-lines {\n            position: absolute;\n            top: 0;\n            right: 0;\n            width: 60%;\n            height: 60%;\n            background-image: url(\"data:image\/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M10 10 Q 30 30 50 10 T 90 10' stroke='%231a4f8a' fill='none' stroke-width='1' opacity='0.15'\/%3E%3Cpath d='M10 30 Q 30 50 50 30 T 90 30' stroke='%231a4f8a' fill='none' stroke-width='1' opacity='0.15'\/%3E%3Cpath d='M10 50 Q 30 70 50 50 T 90 50' stroke='%231a4f8a' fill='none' stroke-width='1' opacity='0.15'\/%3E%3Cpath d='M10 70 Q 30 90 50 70 T 90 70' stroke='%231a4f8a' fill='none' stroke-width='1' opacity='0.15'\/%3E%3C\/svg%3E\");\n            background-repeat: no-repeat;\n            background-position: top right;\n            background-size: cover;\n            pointer-events: none;\n            z-index: 1;\n        }\n\n        \/* Foto principal *\/\n        #vmission-widget .vmission-main-img {\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 78%;\n            height: 78%;\n            z-index: 10;\n            overflow: hidden;\n            border-top-right-radius: 24px;\n        }\n\n        #vmission-widget .vmission-main-img img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            object-position: top center;\n            display: block;\n        }\n\n        \/* Badges flotantes (derecha) *\/\n        #vmission-widget .vmission-badges {\n            position: absolute;\n            top: 25%;\n            right: 16px;\n            display: flex;\n            flex-direction: column;\n            gap: 14px;\n            z-index: 20;\n        }\n\n        #vmission-widget .vmission-badge {\n            width: 48px;\n            height: 48px;\n            background: var(--vmission-blue);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            box-shadow: 0 8px 16px rgba(26, 79, 138, 0.3);\n            border: 3px solid #ffffff;\n            transition: transform 0.3s ease;\n        }\n\n        #vmission-widget .vmission-badge:hover {\n            transform: scale(1.1);\n        }\n\n        #vmission-widget .vmission-badge svg {\n            width: 24px;\n            height: 24px;\n            stroke: #ffffff;\n            fill: none;\n            stroke-width: 2;\n            stroke-linecap: round;\n            stroke-linejoin: round;\n        }\n\n        \/* Posiciones ligeramente distintas para efecto org\u00e1nico *\/\n        #vmission-widget .vmission-badge:nth-child(1) { transform: translateX(8px); }\n        #vmission-widget .vmission-badge:nth-child(2) { transform: translateX(-8px); }\n        #vmission-widget .vmission-badge:nth-child(3) { transform: translateX(4px); }\n\n        #vmission-widget .vmission-badge:nth-child(1):hover { transform: translateX(8px) scale(1.1); }\n        #vmission-widget .vmission-badge:nth-child(2):hover { transform: translateX(-8px) scale(1.1); }\n        #vmission-widget .vmission-badge:nth-child(3):hover { transform: translateX(4px) scale(1.1); }\n\n        \/* ---------- Columna Derecha: Texto ---------- *\/\n        #vmission-widget .vmission-text-col {\n            width: 100%;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n        }\n\n        @media (min-width: 900px) {\n            #vmission-widget .vmission-text-col {\n                width: 60%;\n            }\n        }\n\n        #vmission-widget .vmission-title {\n            font-size: clamp(2rem, 4.5vw, 3.5rem);\n            font-weight: 800;\n            color: var(--vmission-blue-dark);\n            line-height: 1.1;\n            letter-spacing: -0.02em;\n            margin-bottom: 24px;\n        }\n\n        #vmission-widget .vmission-desc {\n            font-size: 1.15rem;\n            color: var(--vmission-charcoal);\n            line-height: 1.7;\n            max-width: 620px;\n        }\n\n        \/* ---------- Animaciones ---------- *\/\n        @keyframes vmissionFadeInUp {\n            from { opacity: 0; transform: translateY(20px); }\n            to { opacity: 1; transform: translateY(0); }\n        }\n\n        #vmission-widget .vmission-fade-up {\n            opacity: 0;\n            animation: vmissionFadeInUp 0.8s ease-out forwards;\n        }\n\n        #vmission-widget .vmission-delay-100 { animation-delay: 0.1s; }\n        #vmission-widget .vmission-delay-200 { animation-delay: 0.2s; }\n\n        \/* ---------- Responsive ---------- *\/\n        @media (max-width: 900px) {\n            #vmission-widget {\n                padding: 56px 20px;\n            }\n            #vmission-widget .vmission-container {\n                gap: 40px;\n            }\n            #vmission-widget .vmission-text-col {\n                text-align: center;\n                align-items: center;\n            }\n            #vmission-widget .vmission-desc {\n                margin-left: auto;\n                margin-right: auto;\n            }\n        }\n\n        @media (max-width: 480px) {\n            #vmission-widget {\n                padding: 40px 16px;\n            }\n            #vmission-widget .vmission-badges {\n                right: 12px;\n                gap: 10px;\n            }\n            #vmission-widget .vmission-badge {\n                width: 40px;\n                height: 40px;\n            }\n            #vmission-widget .vmission-badge svg {\n                width: 20px;\n                height: 20px;\n            }\n        }\n\n        @media (prefers-reduced-motion: reduce) {\n            #vmission-widget .vmission-fade-up {\n                opacity: 1;\n                animation: none;\n            }\n        }\n    <\/style>\n\n    <!-- HTML -->\n    <div class=\"vmission-container\">\n\n        <!-- Columna Izquierda: Visual -->\n        <div class=\"vmission-visual-col vmission-fade-up vmission-delay-100\">\n            <div class=\"vmission-visual-base\">\n\n                <!-- L\u00edneas decorativas -->\n                <div class=\"vmission-wavy-lines\"><\/div>\n\n                <!-- Foto principal (REEMPLAZA con foto real) -->\n                <div class=\"vmission-main-img\">\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1573496359142-b8d87734a5a2?ixlib=rb-4.0.3&#038;auto=format&#038;fit=crop&#038;w=600&#038;q=80\" \n                         alt=\"Cliente satisfecho de Valora Patrimonial\">\n                <\/div>\n\n                <!-- Badges flotantes (azules Valora) -->\n                <div class=\"vmission-badges\">\n                    \n                    <!-- Badge 1: Gr\u00e1fico -->\n                    <div class=\"vmission-badge\" aria-hidden=\"true\">\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"M3 3v18h18\"\/>\n                            <path d=\"M7 14l4-4 4 4 5-6\"\/>\n                        <\/svg>\n                    <\/div>\n\n                    <!-- Badge 2: Mano (apoyo) -->\n                    <div class=\"vmission-badge\" aria-hidden=\"true\">\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"M11 14l-3-3a2 2 0 0 1 3-3l2 2\"\/>\n                            <path d=\"M14 8l1.5 1.5a2 2 0 0 1 0 3L13 15\"\/>\n                            <path d=\"M9 12l-1.5-1.5a2 2 0 0 0-3 3l2 2\"\/>\n                            <path d=\"M12 20l-4-4 2-2\"\/>\n                            <path d=\"M18 15l3-3-2-2\"\/>\n                            <path d=\"M13 21l3-3\"\/>\n                        <\/svg>\n                    <\/div>\n\n                    <!-- Badge 3: Coraz\u00f3n -->\n                    <div class=\"vmission-badge\" aria-hidden=\"true\">\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/>\n                        <\/svg>\n                    <\/div>\n\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Columna Derecha: Texto -->\n        <div class=\"vmission-text-col vmission-fade-up vmission-delay-200\">\n\n            <h2 class=\"vmission-title\">\n                Creemos en el poder<br>\n                de las finanzas para<br>\n                transformar vidas.\n            <\/h2>\n\n            <p class=\"vmission-desc\">\n                Nuestra misi\u00f3n es generar un impacto positivo a largo plazo en las familias de la Selva Central, brind\u00e1ndoles las herramientas y el acompa\u00f1amiento que necesitan para recuperar su salud financiera, reconstruir su historial y construir patrimonio.\n            <\/p>\n\n        <\/div>\n\n    <\/div>\n<\/div>\n\n\n\n<div style=\"height:23px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<!-- Fuente -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700;800&#038;display=swap\" rel=\"stylesheet\">\n\n<!-- Contenedor Aislado Valora Social -->\n<div id=\"vsocial-widget\">\n    <style>\n        \/* =========================================\n           CSS ENCAPSULADO - Valora Social\n           ========================================= *\/\n        #vsocial-widget {\n            --vsocial-bg: #f8fafc;\n            --vsocial-navy: #0b1f3a;\n            --vsocial-blue: #1a4f8a;\n            --vsocial-blue-hover: #0b1f3a;\n            --vsocial-charcoal: #4b5563;\n            --vsocial-blue-light: #dbeafe;\n            --vsocial-blue-mint: #e0edff;\n            --vsocial-white: #ffffff;\n\n            font-family: 'Inter', sans-serif;\n            background-color: var(--vsocial-bg);\n            margin: 0 auto;\n            padding: 80px 24px;\n            width: 100%;\n            box-sizing: border-box;\n            -webkit-font-smoothing: antialiased;\n            -moz-osx-font-smoothing: grayscale;\n        }\n\n        #vsocial-widget *,\n        #vsocial-widget *::before,\n        #vsocial-widget *::after {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n\n        #vsocial-widget .vsocial-container {\n            max-width: 1200px;\n            margin: 0 auto;\n        }\n\n        \/* ---------- Header centrado ---------- *\/\n        #vsocial-widget .vsocial-header {\n            text-align: center;\n            margin-bottom: 64px;\n        }\n\n        #vsocial-widget .vsocial-header h2 {\n            font-size: clamp(1.8rem, 4vw, 2.75rem);\n            font-weight: 800;\n            color: var(--vsocial-navy);\n            line-height: 1.2;\n            letter-spacing: -0.02em;\n            max-width: 900px;\n            margin: 0 auto;\n        }\n\n        \/* ---------- Layout 2 columnas ---------- *\/\n        #vsocial-widget .vsocial-layout {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            gap: 48px;\n        }\n\n        @media (min-width: 900px) {\n            #vsocial-widget .vsocial-layout {\n                flex-direction: row;\n                align-items: center;\n                gap: 64px;\n            }\n        }\n\n        \/* ---------- Columna Izquierda: Visual ---------- *\/\n        #vsocial-widget .vsocial-visual-col {\n            width: 100%;\n            position: relative;\n        }\n\n        @media (min-width: 900px) {\n            #vsocial-widget .vsocial-visual-col {\n                width: 50%;\n                flex-shrink: 0;\n            }\n        }\n\n        #vsocial-widget .vsocial-visual-base {\n            position: relative;\n            width: 100%;\n            aspect-ratio: 4 \/ 3;\n            background: linear-gradient(135deg, var(--vsocial-blue-mint) 0%, var(--vsocial-blue-light) 100%);\n            border-radius: 24px;\n            overflow: hidden;\n            box-shadow: 0 8px 24px rgba(11, 31, 58, 0.08);\n        }\n\n        @media (min-width: 900px) {\n            #vsocial-widget .vsocial-visual-base {\n                aspect-ratio: 1 \/ 1;\n            }\n        }\n\n        \/* Foto principal *\/\n        #vsocial-widget .vsocial-main-img {\n            position: absolute;\n            inset: 0;\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            object-position: center;\n            z-index: 1;\n        }\n\n        \/* Widget flotante superior derecha (Badge + Coraz\u00f3n) *\/\n        #vsocial-widget .vsocial-widget-top {\n            position: absolute;\n            top: 24px;\n            right: 24px;\n            display: flex;\n            align-items: center;\n            gap: 8px;\n            z-index: 10;\n        }\n\n        #vsocial-widget .vsocial-badge-circle {\n            width: 40px;\n            height: 40px;\n            background: var(--vsocial-blue);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            box-shadow: 0 6px 12px rgba(26, 79, 138, 0.3);\n            border: 3px solid #ffffff;\n        }\n\n        #vsocial-widget .vsocial-badge-circle svg {\n            width: 20px;\n            height: 20px;\n            stroke: #ffffff;\n            fill: none;\n            stroke-width: 2;\n            stroke-linecap: round;\n            stroke-linejoin: round;\n        }\n\n        #vsocial-widget .vsocial-card-counter {\n            background: #ffffff;\n            border-radius: 12px;\n            padding: 10px 14px;\n            box-shadow: 0 10px 24px rgba(11, 31, 58, 0.15);\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            min-width: 76px;\n        }\n\n        #vsocial-widget .vsocial-card-counter svg {\n            width: 24px;\n            height: 24px;\n            fill: var(--vsocial-blue);\n            margin-bottom: 4px;\n        }\n\n        #vsocial-widget .vsocial-card-counter span {\n            color: var(--vsocial-navy);\n            font-weight: 800;\n            font-size: 1.1rem;\n            line-height: 1;\n        }\n\n        #vsocial-widget .vsocial-card-counter small {\n            font-size: 0.65rem;\n            color: var(--vsocial-charcoal);\n            text-transform: uppercase;\n            letter-spacing: 0.05em;\n            margin-top: 2px;\n            font-weight: 600;\n        }\n\n        \/* Widget flotante inferior derecha (Gr\u00e1fico) *\/\n        #vsocial-widget .vsocial-widget-graph {\n            position: absolute;\n            bottom: 24px;\n            right: 24px;\n            background: #ffffff;\n            border-radius: 12px;\n            padding: 16px;\n            box-shadow: 0 10px 24px rgba(11, 31, 58, 0.15);\n            width: 190px;\n            z-index: 10;\n        }\n\n        #vsocial-widget .vsocial-graph-box {\n            position: relative;\n            height: 64px;\n            margin-bottom: 8px;\n        }\n\n        #vsocial-widget .vsocial-graph-lines {\n            position: absolute;\n            inset: 0;\n            display: flex;\n            flex-direction: column;\n            justify-content: space-between;\n            pointer-events: none;\n        }\n\n        #vsocial-widget .vsocial-graph-lines div {\n            border-top: 1px solid #e5e7eb;\n            width: 100%;\n        }\n\n        #vsocial-widget .vsocial-graph-svg {\n            position: absolute;\n            inset: 0;\n            width: 100%;\n            height: 100%;\n        }\n\n        #vsocial-widget .vsocial-graph-label {\n            font-size: 0.7rem;\n            color: var(--vsocial-charcoal);\n            font-weight: 600;\n            text-align: center;\n        }\n\n        \/* ---------- Columna Derecha: Texto ---------- *\/\n        #vsocial-widget .vsocial-text-col {\n            width: 100%;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n        }\n\n        @media (min-width: 900px) {\n            #vsocial-widget .vsocial-text-col {\n                width: 50%;\n            }\n        }\n\n        #vsocial-widget .vsocial-title {\n            font-size: clamp(1.75rem, 3.5vw, 2.5rem);\n            font-weight: 800;\n            color: var(--vsocial-navy);\n            line-height: 1.2;\n            letter-spacing: -0.02em;\n            margin-bottom: 24px;\n        }\n\n        #vsocial-widget .vsocial-text-col p {\n            font-size: 1.05rem;\n            line-height: 1.7;\n            color: var(--vsocial-charcoal);\n            margin-bottom: 16px;\n        }\n\n        #vsocial-widget .vsocial-text-col p strong {\n            color: var(--vsocial-navy);\n            font-weight: 700;\n        }\n\n        \/* Bot\u00f3n *\/\n        #vsocial-widget .vsocial-btn {\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n            margin-top: 16px;\n            padding: 16px 32px;\n            background-color: var(--vsocial-blue);\n            color: #ffffff;\n            font-weight: 700;\n            font-size: 1rem;\n            border-radius: 10px;\n            text-decoration: none;\n            border: none;\n            cursor: pointer;\n            transition: all 0.25s ease;\n            box-shadow: 0 4px 12px rgba(26, 79, 138, 0.25);\n            font-family: inherit;\n            align-self: flex-start;\n        }\n\n        #vsocial-widget .vsocial-btn:hover {\n            background-color: var(--vsocial-blue-hover);\n            transform: translateY(-2px);\n            box-shadow: 0 10px 20px rgba(11, 31, 58, 0.3);\n        }\n\n        #vsocial-widget .vsocial-btn i {\n            font-size: 0.85rem;\n            transition: transform 0.25s ease;\n        }\n\n        #vsocial-widget .vsocial-btn:hover i {\n            transform: translateX(3px);\n        }\n\n        \/* ---------- Animaciones ---------- *\/\n        @keyframes vsocialFadeInUp {\n            from { opacity: 0; transform: translateY(20px); }\n            to { opacity: 1; transform: translateY(0); }\n        }\n\n        #vsocial-widget .vsocial-fade-up {\n            opacity: 0;\n            animation: vsocialFadeInUp 0.8s ease-out forwards;\n        }\n\n        #vsocial-widget .vsocial-delay-100 { animation-delay: 0.1s; }\n        #vsocial-widget .vsocial-delay-200 { animation-delay: 0.2s; }\n\n        \/* ---------- Responsive ---------- *\/\n        @media (max-width: 900px) {\n            #vsocial-widget {\n                padding: 56px 20px;\n            }\n            #vsocial-widget .vsocial-header {\n                margin-bottom: 40px;\n            }\n            #vsocial-widget .vsocial-text-col {\n                text-align: center;\n                align-items: center;\n            }\n            #vsocial-widget .vsocial-btn {\n                align-self: center;\n            }\n        }\n\n        @media (max-width: 480px) {\n            #vsocial-widget {\n                padding: 40px 16px;\n            }\n            #vsocial-widget .vsocial-widget-top {\n                top: 16px;\n                right: 16px;\n            }\n            #vsocial-widget .vsocial-badge-circle {\n                width: 34px;\n                height: 34px;\n            }\n            #vsocial-widget .vsocial-badge-circle svg {\n                width: 16px;\n                height: 16px;\n            }\n            #vsocial-widget .vsocial-card-counter {\n                padding: 8px 10px;\n                min-width: 66px;\n            }\n            #vsocial-widget .vsocial-card-counter span {\n                font-size: 1rem;\n            }\n            #vsocial-widget .vsocial-widget-graph {\n                bottom: 16px;\n                right: 16px;\n                width: 160px;\n                padding: 12px;\n            }\n            #vsocial-widget .vsocial-btn {\n                width: 100%;\n                justify-content: center;\n            }\n        }\n\n        @media (prefers-reduced-motion: reduce) {\n            #vsocial-widget .vsocial-fade-up {\n                opacity: 1;\n                animation: none;\n            }\n        }\n    <\/style>\n\n    <!-- HTML -->\n    <section class=\"vsocial-container\">\n\n        <!-- Header centrado -->\n        <div class=\"vsocial-header vsocial-fade-up\">\n            <h2>C\u00f3mo Valora impulsa a las familias de la Selva Central<\/h2>\n        <\/div>\n\n        <!-- Layout 2 columnas -->\n        <div class=\"vsocial-layout\">\n\n            <!-- Columna Izquierda: Visual -->\n            <div class=\"vsocial-visual-col vsocial-fade-up vsocial-delay-100\">\n                <div class=\"vsocial-visual-base\">\n\n                    <!-- Foto principal (REEMPLAZA con foto real) -->\n                    <img decoding=\"async\" class=\"vsocial-main-img\" \n                         src=\"https:\/\/images.unsplash.com\/photo-1573497019940-1c28c88b4f3e?auto=format&#038;fit=crop&#038;w=800&#038;q=80\" \n                         alt=\"Familia de la Selva Central acompa\u00f1ada por Valora Patrimonial\">\n\n                    <!-- Widget superior derecha: Badge + Coraz\u00f3n -->\n                    <div class=\"vsocial-widget-top\">\n                        \n                        <!-- Badge circular (mano de apoyo) -->\n                        <div class=\"vsocial-badge-circle\" aria-hidden=\"true\">\n                            <svg viewBox=\"0 0 24 24\">\n                                <path d=\"M12 21s-7-4.5-7-10a5 5 0 0 1 9-3 5 5 0 0 1 9 3c0 5.5-7 10-7 10z\"\/>\n                            <\/svg>\n                        <\/div>\n\n                        <!-- Card con coraz\u00f3n + 12K -->\n                        <div class=\"vsocial-card-counter\">\n                            <svg viewBox=\"0 0 20 20\" aria-hidden=\"true\">\n                                <path d=\"M3.172 5.172a4 4 0 015.656 0L10 6.343l1.172-1.171a4 4 0 115.656 5.656L10 17.657l-6.828-6.829a4 4 0 010-5.656z\"\/>\n                            <\/svg>\n                            <span>+450<\/span>\n                            <small>Familias<\/small>\n                        <\/div>\n\n                    <\/div>\n\n                    <!-- Widget inferior derecha: Gr\u00e1fico -->\n                    <div class=\"vsocial-widget-graph\" aria-hidden=\"true\">\n                        <div class=\"vsocial-graph-box\">\n                            <div class=\"vsocial-graph-lines\">\n                                <div><\/div>\n                                <div><\/div>\n                                <div><\/div>\n                                <div><\/div>\n                            <\/div>\n                            <svg class=\"vsocial-graph-svg\" preserveAspectRatio=\"none\" viewBox=\"0 0 192 64\">\n                                <polyline points=\"0,50 20,40 40,45 60,30 80,35 100,20 120,25 140,10 160,15 192,5\" \n                                          fill=\"none\" stroke=\"#1a4f8a\" stroke-width=\"2.5\" stroke-linecap=\"round\"\/>\n                                <polyline points=\"0,58 20,54 40,50 60,46 80,42 100,38 120,34 140,30 160,26 192,22\" \n                                          fill=\"none\" stroke=\"#2c6bc4\" stroke-width=\"2\" stroke-linecap=\"round\" opacity=\"0.7\"\/>\n                                <polyline points=\"0,62 20,60 40,58 60,56 80,54 100,52 120,50 140,48 160,46 192,44\" \n                                          fill=\"none\" stroke=\"#8aa9d1\" stroke-width=\"2\" stroke-linecap=\"round\" opacity=\"0.5\"\/>\n                            <\/svg>\n                        <\/div>\n                        <div class=\"vsocial-graph-label\">Progreso financiero<\/div>\n                    <\/div>\n\n                <\/div>\n            <\/div>\n\n            <!-- Columna Derecha: Texto -->\n            <div class=\"vsocial-text-col vsocial-fade-up vsocial-delay-200\">\n\n                <h3 class=\"vsocial-title\">El Programa Valora Social<\/h3>\n\n                <p>\n                    Ofrecemos <strong>acompa\u00f1amiento subsidiado de hasta 100%<\/strong> a familias en situaci\u00f3n de vulnerabilidad que no pueden costear el diagn\u00f3stico ni la membres\u00eda, pero que s\u00ed tienen la voluntad de transformar sus finanzas.\n                <\/p>\n                <p>\n                    Valora ayuda a las familias seleccionadas a <strong>ahorrar en promedio 3 horas semanales<\/strong> de gesti\u00f3n financiera, brind\u00e1ndoles las herramientas para salir de deudas, reconstruir su historial y comenzar a construir patrimonio.\n                <\/p>\n\n                <a href=\"#postular\" class=\"vsocial-btn\">\n                    Postula ahora\n                    <i class=\"fa-solid fa-arrow-right\"><\/i>\n                <\/a>\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n<\/div>\n\n<!-- Font Awesome (para el \u00edcono de la flecha) -->\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<!-- Fuente -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700;800&#038;display=swap\" rel=\"stylesheet\">\n\n<!-- Contenedor Aislado Valora Eco -->\n<div id=\"veco-widget\">\n    <style>\n        \/* =========================================\n           CSS ENCAPSULADO - Valora Eco\n           ========================================= *\/\n        #veco-widget {\n            --veco-bg: #f8fafc;\n            --veco-navy: #0b1f3a;\n            --veco-blue: #1a4f8a;\n            --veco-charcoal: #4b5563;\n            --veco-link-hover: #0b1f3a;\n\n            font-family: 'Inter', sans-serif;\n            background-color: var(--veco-bg);\n            margin: 0 auto;\n            padding: 80px 24px;\n            width: 100%;\n            box-sizing: border-box;\n            -webkit-font-smoothing: antialiased;\n            -moz-osx-font-smoothing: grayscale;\n        }\n\n        #veco-widget *,\n        #veco-widget *::before,\n        #veco-widget *::after {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n\n        #veco-widget a {\n            text-decoration-skip-ink: auto;\n        }\n\n        \/* ---------- Contenedor ---------- *\/\n        #veco-widget .veco-container {\n            max-width: 1100px;\n            margin: 0 auto;\n        }\n\n        \/* ---------- Header centrado ---------- *\/\n        #veco-widget .veco-header {\n            text-align: center;\n            margin-bottom: 64px;\n        }\n\n        #veco-widget .veco-header h2 {\n            font-size: clamp(1.8rem, 4vw, 2.75rem);\n            font-weight: 800;\n            color: var(--veco-navy);\n            line-height: 1.2;\n            letter-spacing: -0.02em;\n            margin-bottom: 20px;\n        }\n\n        #veco-widget .veco-header p {\n            font-size: 1.1rem;\n            color: var(--veco-charcoal);\n            line-height: 1.65;\n            max-width: 640px;\n            margin: 0 auto;\n        }\n\n        \/* ---------- Grid 2 columnas ---------- *\/\n        #veco-widget .veco-grid {\n            display: grid;\n            grid-template-columns: 1fr;\n            gap: 48px;\n        }\n\n        @media (min-width: 768px) {\n            #veco-widget .veco-grid {\n                grid-template-columns: 1fr 1fr;\n                gap: 56px;\n            }\n        }\n\n        \/* ---------- Card ---------- *\/\n        #veco-widget .veco-card {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            text-align: center;\n            padding: 16px;\n            border-radius: 16px;\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n\n        @media (min-width: 768px) {\n            #veco-widget .veco-card {\n                align-items: flex-start;\n                text-align: left;\n            }\n        }\n\n        #veco-widget .veco-card:hover {\n            transform: translateY(-3px);\n            box-shadow: 0 10px 25px -5px rgba(11, 31, 58, 0.1), 0 8px 10px -6px rgba(11, 31, 58, 0.08);\n        }\n\n        \/* ---------- Logo circular ---------- *\/\n        #veco-widget .veco-logo-badge {\n            width: 96px;\n            height: 96px;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin-bottom: 24px;\n            flex-shrink: 0;\n            box-shadow: 0 4px 12px rgba(11, 31, 58, 0.1);\n        }\n\n        \/* Logo 1: Sistema financiero (fondo blanco con borde punteado) *\/\n        #veco-widget .veco-logo-system {\n            background: #ffffff;\n            border: 2px dashed #94a3b8;\n        }\n\n        #veco-widget .veco-logo-system svg {\n            width: 48px;\n            height: 48px;\n            stroke: var(--veco-blue);\n            fill: none;\n            stroke-width: 1.8;\n            stroke-linecap: round;\n            stroke-linejoin: round;\n        }\n\n        \/* Logo 2: Programa Social (fondo azul Valora) *\/\n        #veco-widget .veco-logo-social {\n            background: var(--veco-blue);\n        }\n\n        #veco-widget .veco-logo-social svg {\n            width: 48px;\n            height: 48px;\n            stroke: #ffffff;\n            fill: none;\n            stroke-width: 1.8;\n            stroke-linecap: round;\n            stroke-linejoin: round;\n        }\n\n        \/* ---------- T\u00edtulo del card ---------- *\/\n        #veco-widget .veco-card-title {\n            font-size: 1.5rem;\n            font-weight: 700;\n            color: var(--veco-navy);\n            margin-bottom: 16px;\n            line-height: 1.3;\n        }\n\n        \/* ---------- Texto del card ---------- *\/\n        #veco-widget .veco-card-text {\n            color: var(--veco-charcoal);\n            font-size: 1.05rem;\n            line-height: 1.7;\n        }\n\n        #veco-widget .veco-card-text strong {\n            color: var(--veco-navy);\n            font-weight: 700;\n        }\n\n        \/* ---------- Link dentro del texto ---------- *\/\n        #veco-widget .veco-link {\n            color: var(--veco-navy);\n            font-weight: 700;\n            text-decoration: underline;\n            text-decoration-thickness: 2px;\n            text-underline-offset: 3px;\n            transition: color 0.2s ease;\n        }\n\n        #veco-widget .veco-link:hover {\n            color: var(--veco-link-hover);\n        }\n\n        \/* ---------- Animaciones ---------- *\/\n        @keyframes vecoFadeInUp {\n            from { opacity: 0; transform: translateY(20px); }\n            to { opacity: 1; transform: translateY(0); }\n        }\n\n        #veco-widget .veco-fade-up {\n            opacity: 0;\n            animation: vecoFadeInUp 0.8s ease-out forwards;\n        }\n\n        #veco-widget .veco-delay-100 { animation-delay: 0.1s; }\n        #veco-widget .veco-delay-200 { animation-delay: 0.2s; }\n\n        \/* ---------- Responsive ---------- *\/\n        @media (max-width: 768px) {\n            #veco-widget {\n                padding: 56px 20px;\n            }\n            #veco-widget .veco-header {\n                margin-bottom: 48px;\n            }\n            #veco-widget .veco-grid {\n                gap: 40px;\n            }\n            #veco-widget .veco-card {\n                padding: 8px;\n            }\n        }\n\n        @media (max-width: 480px) {\n            #veco-widget {\n                padding: 40px 16px;\n            }\n            #veco-widget .veco-logo-badge {\n                width: 80px;\n                height: 80px;\n            }\n            #veco-widget .veco-logo-badge svg {\n                width: 40px;\n                height: 40px;\n            }\n            #veco-widget .veco-card-title {\n                font-size: 1.25rem;\n            }\n        }\n\n        @media (prefers-reduced-motion: reduce) {\n            #veco-widget .veco-fade-up {\n                opacity: 1;\n                animation: none;\n            }\n        }\n    <\/style>\n\n    <!-- HTML -->\n    <section class=\"veco-container\">\n\n        <!-- Header centrado -->\n        <div class=\"veco-header veco-fade-up\">\n            <h2>C\u00f3mo Valora contribuye<br>al desarrollo de la Selva Central<\/h2>\n            <p>\n                Colaboramos con instituciones del sistema financiero y con programas sociales para ampliar nuestro impacto en la regi\u00f3n.\n            <\/p>\n        <\/div>\n\n        <!-- Grid 2 columnas -->\n        <div class=\"veco-grid\">\n\n            <!-- Card 1: Sistema financiero formal -->\n            <div class=\"veco-card veco-fade-up veco-delay-100\">\n                <div class=\"veco-logo-badge veco-logo-system\" aria-hidden=\"true\">\n                    <!-- \u00cdcono: edificio bancario \/ instituci\u00f3n -->\n                    <svg viewBox=\"0 0 24 24\">\n                        <path d=\"M3 21h18\"\/>\n                        <path d=\"M3 10l9-7 9 7\"\/>\n                        <path d=\"M5 10v11\"\/>\n                        <path d=\"M9 10v11\"\/>\n                        <path d=\"M15 10v11\"\/>\n                        <path d=\"M19 10v11\"\/>\n                        <path d=\"M12 7v1\"\/>\n                    <\/svg>\n                <\/div>\n                <h3 class=\"veco-card-title\">Sistema financiero formal<\/h3>\n                <p class=\"veco-card-text\">\n                    Trabajamos alineados con la <strong>SBS<\/strong> y con bancos e instituciones reguladas para que cada cliente rehabilitado pueda <strong>reinsertarse en el sistema formal<\/strong>. Nuestra metodolog\u00eda se basa en la experiencia de nuestro fundador en la <strong>Bolsa de Valores de Lima, LarrainVial y Renta4Banco<\/strong>. <a href=\"#metodo\" class=\"veco-link\">Conoce nuestro m\u00e9todo<\/a> para m\u00e1s detalles.\n                <\/p>\n            <\/div>\n\n            <!-- Card 2: Programa Valora Social -->\n            <div class=\"veco-card veco-fade-up veco-delay-200\">\n                <div class=\"veco-logo-badge veco-logo-social\" aria-hidden=\"true\">\n                    <!-- \u00cdcono: coraz\u00f3n con manos (apoyo social) -->\n                    <svg viewBox=\"0 0 24 24\">\n                        <path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/>\n                    <\/svg>\n                <\/div>\n                <h3 class=\"veco-card-title\">Programa Valora Social<\/h3>\n                <p class=\"veco-card-text\">\n                    Desde 2024, hemos acompa\u00f1ado a m\u00e1s de <strong>100 familias en situaci\u00f3n vulnerable<\/strong> a trav\u00e9s de nuestro programa de acompa\u00f1amiento subsidiado, en alianza con <strong>ONGs locales y programas de educaci\u00f3n financiera<\/strong> de la Selva Central. <a href=\"#social\" class=\"veco-link\">Conoce el programa<\/a> y c\u00f3mo postular.\n                <\/p>\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Creemos en el poder de las finanzas para transformar vidas. Nuestra misi\u00f3n es generar un impacto positivo a largo plazo en las familias de la Selva Central, brind\u00e1ndoles las herramientas y el acompa\u00f1amiento que necesitan para recuperar su salud financiera, reconstruir su historial y construir patrimonio. C\u00f3mo Valora impulsa a las familias de la Selva [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-no-title","meta":{"footnotes":""},"class_list":["post-353","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.valorapatrimonial.com.pe\/index.php?rest_route=\/wp\/v2\/pages\/353","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.valorapatrimonial.com.pe\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.valorapatrimonial.com.pe\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.valorapatrimonial.com.pe\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.valorapatrimonial.com.pe\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=353"}],"version-history":[{"count":9,"href":"https:\/\/www.valorapatrimonial.com.pe\/index.php?rest_route=\/wp\/v2\/pages\/353\/revisions"}],"predecessor-version":[{"id":463,"href":"https:\/\/www.valorapatrimonial.com.pe\/index.php?rest_route=\/wp\/v2\/pages\/353\/revisions\/463"}],"wp:attachment":[{"href":"https:\/\/www.valorapatrimonial.com.pe\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=353"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}