{"id":340,"date":"2026-08-13T17:22:46","date_gmt":"2026-08-13T17:22:46","guid":{"rendered":"https:\/\/www.valorapatrimonial.com.pe\/?page_id=340"},"modified":"2026-09-16T03:33:33","modified_gmt":"2026-09-16T03:33:33","slug":"clientes","status":"publish","type":"page","link":"https:\/\/www.valorapatrimonial.com.pe\/?page_id=340","title":{"rendered":"Clientes"},"content":{"rendered":"\n<!-- Google Fonts y Font Awesome -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&#038;display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n\n<!-- Contenedor Aislado Valora Hero Satisfacci\u00f3n -->\n<div id=\"vhero-widget\">\n    <style>\n        \/* =========================================\n           CSS ENCAPSULADO - Valora Hero\n           ========================================= *\/\n        #vhero-widget {\n            font-family: 'Inter', sans-serif;\n            background-color: #ffffff;\n            padding: 3rem 1rem;\n            width: 100%;\n            box-sizing: border-box;\n            display: flex;\n            justify-content: center;\n        }\n\n        #vhero-widget *,\n        #vhero-widget *::before,\n        #vhero-widget *::after {\n            box-sizing: inherit;\n            margin: 0;\n            padding: 0;\n        }\n\n        \/* --- Animaciones Flotantes --- *\/\n        @keyframes vheroFloat {\n            0% { transform: translateY(0px); }\n            50% { transform: translateY(-10px); }\n            100% { transform: translateY(0px); }\n        }\n        #vhero-widget .vhero-anim-float { animation: vheroFloat 6s ease-in-out infinite; }\n        #vhero-widget .vhero-anim-float-delay { animation: vheroFloat 7s ease-in-out infinite; animation-delay: 1s; }\n        #vhero-widget .vhero-anim-float-slow { animation: vheroFloat 8s ease-in-out infinite; animation-delay: 2s; }\n\n        \/* --- Contenedor --- *\/\n        #vhero-widget .vhero-container {\n            width: 100%;\n            max-width: 80rem;\n            margin: 0 auto;\n        }\n\n        #vhero-widget .vhero-layout {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            gap: 3rem;\n        }\n        @media (min-width: 1024px) {\n            #vhero-widget .vhero-layout { flex-direction: row; gap: 4rem; }\n        }\n\n        \/* =========================================\n           COLUMNA IZQUIERDA (Visuales)\n           ========================================= *\/\n        #vhero-widget .vhero-visual-col {\n            width: 100%;\n            position: relative;\n            min-height: 500px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            order: 1;\n        }\n        @media (min-width: 1024px) {\n            #vhero-widget .vhero-visual-col { width: 45%; min-height: 600px; }\n        }\n\n        \/* Fondo azul Valora *\/\n        #vhero-widget .vhero-bg-shape {\n            position: absolute;\n            top: 2.5rem; bottom: 2.5rem; left: 0; right: 0;\n            background: linear-gradient(135deg, #1a4f8a 0%, #0b1f3a 100%);\n            border-radius: 1.5rem;\n            transform: rotate(-2deg) scale(0.95);\n            z-index: 0;\n            box-shadow: 0 20px 25px -5px rgba(11, 31, 58, 0.25);\n        }\n\n        \/* Badge superior azul claro *\/\n        #vhero-widget .vhero-badge-top {\n            position: absolute;\n            top: 0; left: 50%;\n            transform: translate(-50%, -1rem);\n            background-color: #dbeafe;\n            color: #0b1f3a;\n            padding: 0.5rem 1.5rem;\n            border-radius: 9999px;\n            font-weight: 700;\n            font-size: 1.05rem;\n            box-shadow: 0 4px 6px -1px rgba(11, 31, 58, 0.15);\n            z-index: 20;\n            white-space: nowrap;\n        }\n\n        #vhero-widget .vhero-badge-top strong {\n            color: #1a4f8a;\n        }\n\n        \/* Imagen principal *\/\n        #vhero-widget .vhero-main-img-wrap {\n            position: relative;\n            z-index: 10;\n            width: 75%;\n            aspect-ratio: 3 \/ 4;\n            border-radius: 1rem;\n            overflow: hidden;\n            box-shadow: 0 25px 50px -12px rgba(11, 31, 58, 0.35);\n            border: 4px solid #ffffff;\n        }\n        #vhero-widget .vhero-main-img {\n            width: 100%; height: 100%; object-fit: cover; object-position: top;\n        }\n\n        \/* Widgets base *\/\n        #vhero-widget .vhero-widget-box {\n            background-color: #ffffff;\n            border-radius: 0.75rem;\n            box-shadow: 0 20px 25px -5px rgba(11, 31, 58, 0.15);\n            border: 1px solid #eef2f7;\n        }\n\n        \/* --- Widget 1: Badge Respaldo (arriba derecha) --- *\/\n        #vhero-widget .vhero-pos-badge {\n            position: absolute; top: 2.5rem; right: 0; z-index: 30;\n        }\n        @media (min-width: 1024px) { #vhero-widget .vhero-pos-badge { right: -1rem; } }\n        \n        #vhero-widget .vhero-badge-content { padding: 0.75rem; max-width: 11.25rem; }\n        #vhero-widget .vhero-badge-icon {\n            width: 1.5rem; height: 1.5rem; border-radius: 0.25rem;\n            background: linear-gradient(to bottom right, #1a4f8a, #0b1f3a);\n            display: flex; align-items: center; justify-content: center;\n            color: white; font-size: 0.65rem; font-weight: 700;\n        }\n\n        \/* --- Widget 2: Score Crediticio (izquierda) --- *\/\n        #vhero-widget .vhero-pos-score {\n            position: absolute; top: 33.333%; left: -1rem; z-index: 30; display: none;\n        }\n        @media (min-width: 640px) { #vhero-widget .vhero-pos-score { display: block; } }\n        @media (min-width: 1024px) { #vhero-widget .vhero-pos-score { left: -2rem; } }\n        \n        #vhero-widget .vhero-bar-bg { height: 0.5rem; background-color: #dbeafe; border-radius: 9999px; overflow: hidden; margin-bottom: 0.25rem; }\n        #vhero-widget .vhero-bar-fill { height: 100%; background-color: #1a4f8a; }\n        #vhero-widget .vhero-bar-fill-green { height: 100%; background-color: #16a34a; }\n\n        \/* --- Widget 3: Deuda bajando (izquierda abajo) --- *\/\n        #vhero-widget .vhero-pos-debt {\n            position: absolute; bottom: 5rem; left: -1rem; z-index: 30; display: none;\n        }\n        @media (min-width: 640px) { #vhero-widget .vhero-pos-debt { display: block; } }\n        @media (min-width: 1024px) { #vhero-widget .vhero-pos-debt { left: -3rem; } }\n        \n        #vhero-widget .vhero-dot { width: 0.5rem; height: 0.5rem; border-radius: 50%; }\n        #vhero-widget .vhero-metric-bar { height: 0.375rem; background-color: #f3f4f6; border-radius: 9999px; overflow: hidden; margin-bottom: 0.25rem; }\n\n        \/* --- Widget 4: Ahorro (centro) --- *\/\n        #vhero-widget .vhero-pos-heart {\n            position: absolute; bottom: 8rem; left: 50%; transform: translateX(-50%); z-index: 30;\n        }\n        \n        #vhero-widget .vhero-heart-content {\n            background-color: #ffffff; padding: 0.375rem 0.75rem; border-radius: 9999px;\n            box-shadow: 0 10px 15px -3px rgba(11, 31, 58, 0.15); border: 1px solid #eef2f7;\n            display: flex; align-items: center; gap: 0.5rem;\n        }\n\n        \/* --- Widget 5: Plan de pagos (abajo derecha) --- *\/\n        #vhero-widget .vhero-pos-plan {\n            position: absolute; bottom: -1.5rem; right: 0; z-index: 40; width: 12rem;\n        }\n        @media (min-width: 640px) { #vhero-widget .vhero-pos-plan { width: 14rem; } }\n        @media (min-width: 1024px) { #vhero-widget .vhero-pos-plan { right: -1.5rem; } }\n        \n        #vhero-widget .vhero-plan-tabs { display: flex; border-bottom: 1px solid #eef2f7; background-color: #f8fafc; }\n        #vhero-widget .vhero-plan-tab { padding: 0.5rem 0.75rem; font-size: 0.625rem; color: #6b7280; }\n        #vhero-widget .vhero-plan-tab.active { color: #1a4f8a; font-weight: 700; border-bottom: 2px solid #1a4f8a; }\n        #vhero-widget .vhero-plan-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.25rem; padding: 0.5rem; background-color: #f8fafc; }\n        #vhero-widget .vhero-plan-item { aspect-ratio: 1\/1; background-color: #dbeafe; border-radius: 0.25rem; display: flex; align-items: center; justify-content: center; font-size: 0.6rem; font-weight: 700; color: #0b1f3a; }\n        #vhero-widget .vhero-plan-item.paid { background-color: #dcfce7; color: #16a34a; }\n        #vhero-widget .vhero-plan-item.pending { background-color: #fef3c7; color: #d97706; }\n\n        \/* =========================================\n           COLUMNA DERECHA (Texto)\n           ========================================= *\/\n        #vhero-widget .vhero-text-col {\n            width: 100%;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            order: 2;\n        }\n        @media (min-width: 1024px) {\n            #vhero-widget .vhero-text-col { width: 55%; }\n        }\n\n        #vhero-widget .vhero-title {\n            font-size: 2.25rem;\n            font-weight: 800;\n            color: #0b1f3a;\n            line-height: 1.1;\n            letter-spacing: -0.025em;\n            margin-bottom: 1.5rem;\n        }\n        @media (min-width: 640px) { #vhero-widget .vhero-title { font-size: 3rem; } }\n        @media (min-width: 1024px) { #vhero-widget .vhero-title { font-size: 3.5rem; } }\n        \n        #vhero-widget .vhero-highlight { color: #1a4f8a; }\n\n        #vhero-widget .vhero-desc {\n            font-size: 1.125rem;\n            color: #4b5563;\n            line-height: 1.625;\n            max-width: 36rem;\n            margin-bottom: 2rem;\n        }\n\n        \/* Botones *\/\n        #vhero-widget .vhero-cta-wrap {\n            display: flex;\n            flex-direction: column;\n            align-items: flex-start;\n            gap: 1rem;\n            margin-bottom: 0.5rem;\n        }\n        @media (min-width: 640px) {\n            #vhero-widget .vhero-cta-wrap { flex-direction: row; align-items: center; }\n        }\n\n        #vhero-widget .vhero-btn-primary {\n            display: inline-block;\n            background-color: #1a4f8a;\n            color: #ffffff;\n            font-weight: 700;\n            padding: 1rem 2rem;\n            border-radius: 0.5rem;\n            text-align: center;\n            text-decoration: none;\n            border: none;\n            cursor: pointer;\n            box-shadow: 0 10px 15px -3px rgba(11, 31, 58, 0.2);\n            transition: all 0.3s ease;\n            width: 100%;\n            font-family: inherit;\n            font-size: 1rem;\n        }\n        @media (min-width: 640px) { #vhero-widget .vhero-btn-primary { width: auto; } }\n        \n        #vhero-widget .vhero-btn-primary:hover {\n            background-color: #0b1f3a;\n            transform: translateY(-4px);\n            box-shadow: 0 15px 25px -5px rgba(11, 31, 58, 0.35);\n        }\n\n        #vhero-widget .vhero-link-secondary {\n            color: #0b1f3a;\n            font-weight: 600;\n            text-decoration: underline;\n            text-underline-offset: 4px;\n            transition: color 0.3s ease;\n        }\n        #vhero-widget .vhero-link-secondary:hover {\n            color: #1a4f8a;\n        }\n\n        #vhero-widget .vhero-disclaimer {\n            font-size: 0.75rem;\n            color: #9ca3af;\n        }\n\n        \/* Responsive m\u00f3vil *\/\n        @media (max-width: 640px) {\n            #vhero-widget {\n                padding: 2rem 1rem;\n            }\n            #vhero-widget .vhero-title {\n                font-size: 1.75rem;\n            }\n            #vhero-widget .vhero-desc {\n                font-size: 1rem;\n            }\n            #vhero-widget .vhero-badge-top {\n                font-size: 0.85rem;\n                padding: 0.4rem 1rem;\n            }\n        }\n\n        \/* Accesibilidad *\/\n        @media (prefers-reduced-motion: reduce) {\n            #vhero-widget .vhero-anim-float,\n            #vhero-widget .vhero-anim-float-delay,\n            #vhero-widget .vhero-anim-float-slow {\n                animation: none;\n            }\n        }\n    <\/style>\n\n    <!-- HTML -->\n    <main class=\"vhero-container\">\n        \n        <div class=\"vhero-layout\">\n            \n            <!-- Columna Izquierda: Visual Compuesto -->\n            <div class=\"vhero-visual-col\">\n                \n                <!-- Fondo azul Valora -->\n                <div class=\"vhero-bg-shape\"><\/div>\n                \n                <!-- Badge superior -->\n                <div class=\"vhero-badge-top\">\n                    <strong>#1<\/strong> Acompa\u00f1amiento financiero\n                <\/div>\n\n                <!-- Imagen principal (reemplaza con foto real de cliente o fundador) -->\n                <div class=\"vhero-main-img-wrap\">\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\" alt=\"Cliente satisfecho de Valora Patrimonial\" class=\"vhero-main-img\">\n                <\/div>\n\n                <!-- Widgets Flotantes -->\n\n                <!-- 1. Badge de Respaldo (arriba derecha) -->\n                <div class=\"vhero-pos-badge vhero-anim-float\">\n                    <div class=\"vhero-widget-box vhero-badge-content\">\n                        <div style=\"display:flex; align-items:center; gap:0.5rem; margin-bottom:0.25rem;\">\n                            <div class=\"vhero-badge-icon\">\n                                <i class=\"fa-solid fa-award\"><\/i>\n                            <\/div>\n                            <span style=\"font-size:0.7rem; font-weight:700; color:#0b1f3a;\">Experiencia<\/span>\n                        <\/div>\n                        <p style=\"font-size:0.6rem; color:#4b5563; line-height:1.3;\">BVL \u00b7 LarrainVial<br>Renta4Banco<\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- 2. Score Crediticio (izquierda) -->\n                <div class=\"vhero-pos-score vhero-anim-float-delay\">\n                    <div class=\"vhero-widget-box\" style=\"padding:1rem; width:8.5rem;\">\n                        <p style=\"font-size:0.7rem; font-weight:700; color:#0b1f3a; margin-bottom:0.5rem;\">Score Crediticio<\/p>\n                        <div>\n                            <div class=\"vhero-bar-bg\"><div class=\"vhero-bar-fill-green\" style=\"width:80%;\"><\/div><\/div>\n                            <div class=\"vhero-bar-bg\"><div class=\"vhero-bar-fill-green\" style=\"width:65%;\"><\/div><\/div>\n                            <div class=\"vhero-bar-bg\"><div class=\"vhero-bar-fill\" style=\"width:45%;\"><\/div><\/div>\n                        <\/div>\n                        <div style=\"font-size:0.6rem; color:#16a34a; font-weight:700; margin-top:0.4rem;\">\n                            <i class=\"fa-solid fa-arrow-trend-up\"><\/i> +45 pts\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- 3. Deuda bajando (izquierda abajo) -->\n                <div class=\"vhero-pos-debt vhero-anim-float-slow\">\n                    <div class=\"vhero-widget-box\" style=\"padding:0.75rem; width:10rem;\">\n                        <div style=\"display:flex; align-items:center; gap:0.5rem; margin-bottom:0.5rem;\">\n                            <div class=\"vhero-dot\" style=\"background-color:#dc2626;\"><\/div>\n                            <div class=\"vhero-dot\" style=\"background-color:#f59e0b;\"><\/div>\n                            <div class=\"vhero-dot\" style=\"background-color:#16a34a;\"><\/div>\n                            <span style=\"font-size:0.6rem; color:#6b7280; margin-left:auto;\">Deudas<\/span>\n                        <\/div>\n                        <div class=\"vhero-metric-bar\"><div style=\"height:100%; background-color:#dc2626; width:80%;\"><\/div><\/div>\n                        <div class=\"vhero-metric-bar\"><div style=\"height:100%; background-color:#f59e0b; width:50%;\"><\/div><\/div>\n                        <div class=\"vhero-metric-bar\"><div style=\"height:100%; background-color:#16a34a; width:20%;\"><\/div><\/div>\n                        <div style=\"font-size:0.6rem; color:#16a34a; font-weight:700; margin-top:0.4rem; text-align:center;\">\n                            \u2193 78% en 12 meses\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- 4. Ahorro acumulado (centro) -->\n                <div class=\"vhero-pos-heart vhero-anim-float\">\n                    <div class=\"vhero-heart-content\">\n                        <i class=\"fa-solid fa-piggy-bank\" style=\"color:#1a4f8a;\"><\/i>\n                        <span style=\"font-size:0.875rem; font-weight:700; color:#0b1f3a;\">S\/ 12.4K<\/span>\n                    <\/div>\n                <\/div>\n\n                <!-- 5. Plan de pagos (abajo derecha) -->\n                <div class=\"vhero-pos-plan vhero-anim-float-delay\">\n                    <div class=\"vhero-widget-box\" style=\"overflow:hidden;\">\n                        <div class=\"vhero-plan-tabs\">\n                            <div class=\"vhero-plan-tab active\">Plan<\/div>\n                            <div class=\"vhero-plan-tab\">Deudas<\/div>\n                            <div class=\"vhero-plan-tab\">Ahorro<\/div>\n                        <\/div>\n                        <div style=\"padding:0.5rem 0.75rem; font-size:0.6rem; font-weight:600; color:#0b1f3a;\">\n                            Mes 1 \u00b7 Mes 12\n                        <\/div>\n                        <div class=\"vhero-plan-grid\">\n                            <div class=\"vhero-plan-item paid\">\u2713<\/div>\n                            <div class=\"vhero-plan-item paid\">\u2713<\/div>\n                            <div class=\"vhero-plan-item paid\">\u2713<\/div>\n                            <div class=\"vhero-plan-item pending\">\u00b7<\/div>\n                            <div class=\"vhero-plan-item pending\">\u00b7<\/div>\n                            <div class=\"vhero-plan-item pending\">\u00b7<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n\n            <!-- Columna Derecha: Textos y CTA -->\n            <div class=\"vhero-text-col\">\n                \n                <h1 class=\"vhero-title\">\n                    Mira por qu\u00e9 Valora lidera en <span class=\"vhero-highlight\">satisfacci\u00f3n<\/span>\n                <\/h1>\n\n                <p class=\"vhero-desc\">\n                    Miles de familias de la Selva Central conf\u00edan en nosotros para recuperar su tranquilidad financiera. Descubre c\u00f3mo nuestro acompa\u00f1amiento integral y nuestro equipo experto transforman deudas en patrimonio.\n                <\/p>\n\n                <div class=\"vhero-cta-wrap\">\n                    <button class=\"vhero-btn-primary\">\n                        Agenda tu diagn\u00f3stico\n                    <\/button>\n                    <a href=\"#contacto\" class=\"vhero-link-secondary\">\n                        Habla con un asesor\n                    <\/a>\n                <\/div>\n\n                <p class=\"vhero-disclaimer\">\n                    Diagn\u00f3stico desde S\/ 30. Sin compromiso. Confidencialidad garantizada.\n                <\/p>\n\n            <\/div>\n        <\/div>\n    <\/main>\n<\/div>\n\n\n\n<div style=\"height:11px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<!-- Contenedor Aislado Valora Proof -->\n<div id=\"vproof-widget\">\n    <style>\n        \/* =========================================\n           CSS ENCAPSULADO - Valora Proof\n           ========================================= *\/\n        #vproof-widget {\n            --vproof-navy: #0b1f3a;\n            --vproof-blue: #1a4f8a;\n            --vproof-charcoal: #4b5563;\n            --vproof-light-gray: #e5e7eb;\n            --vproof-white: #ffffff;\n            --vproof-shadow-sm: 0 4px 8px rgba(11, 31, 58, 0.06);\n            --vproof-shadow-hover: 0 10px 20px rgba(11, 31, 58, 0.15);\n            --vproof-transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n\n            font-family: \"Inter\", system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n            background-color: var(--vproof-white);\n            color: var(--vproof-charcoal);\n            line-height: 1.6;\n            -webkit-font-smoothing: antialiased;\n            -moz-osx-font-smoothing: grayscale;\n            width: 100%;\n            display: block;\n        }\n\n        #vproof-widget *,\n        #vproof-widget *::before,\n        #vproof-widget *::after {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n\n        \/* ========== SECTION ========== *\/\n        #vproof-widget .vproof-results-section {\n            padding: 100px 24px;\n            max-width: 1200px;\n            margin: 0 auto;\n        }\n\n        \/* ========== HEADER ========== *\/\n        #vproof-widget .vproof-section-heading {\n            text-align: center;\n            font-size: clamp(2.2rem, 5vw, 3.5rem);\n            font-weight: 800;\n            letter-spacing: -0.02em;\n            color: var(--vproof-navy);\n            margin-bottom: 72px;\n            line-height: 1.2;\n            border: none;\n            padding: 0;\n        }\n\n        #vproof-widget .vproof-section-heading em {\n            font-style: italic;\n            color: var(--vproof-blue);\n        }\n\n        \/* ========== GRID ========== *\/\n        #vproof-widget .vproof-results-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 0;\n            position: relative;\n        }\n\n        \/* L\u00edneas divisorias verticales *\/\n        #vproof-widget .vproof-results-grid::before {\n            content: \"\";\n            position: absolute;\n            top: 0;\n            bottom: 0;\n            left: 33.333%;\n            width: 1px;\n            background-color: var(--vproof-light-gray);\n        }\n\n        #vproof-widget .vproof-results-grid::after {\n            content: \"\";\n            position: absolute;\n            top: 0;\n            bottom: 0;\n            left: 66.666%;\n            width: 1px;\n            background-color: var(--vproof-light-gray);\n        }\n\n        \/* Columna *\/\n        #vproof-widget .vproof-result-column {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            text-align: center;\n            padding: 0 32px;\n            position: relative;\n            z-index: 1;\n        }\n\n        \/* Estad\u00edstica *\/\n        #vproof-widget .vproof-stat {\n            font-size: clamp(2.8rem, 5.5vw, 4.5rem);\n            font-weight: 800;\n            color: var(--vproof-blue);\n            line-height: 1.1;\n            margin-bottom: 24px;\n            letter-spacing: -0.03em;\n        }\n\n        \/* Descripci\u00f3n *\/\n        #vproof-widget .vproof-description {\n            font-size: 1.05rem;\n            line-height: 1.7;\n            color: var(--vproof-charcoal);\n            margin-bottom: 32px;\n            max-width: 320px;\n        }\n\n        \/* Logo textual *\/\n        #vproof-widget .vproof-logo {\n            width: 100%;\n            max-width: 200px;\n            height: auto;\n            transition: transform var(--vproof-transition), box-shadow var(--vproof-transition);\n            cursor: pointer;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            padding: 8px;\n            border-radius: 8px;\n        }\n\n        #vproof-widget .vproof-logo:hover {\n            transform: scale(1.05);\n            box-shadow: var(--vproof-shadow-hover);\n        }\n\n        #vproof-widget .vproof-logo:focus-visible {\n            outline: 3px solid var(--vproof-navy);\n            outline-offset: 4px;\n        }\n\n        \/* Estilos espec\u00edficos de los logos textuales *\/\n        #vproof-widget .vproof-logo-satipo {\n            font-weight: 700;\n            font-size: 1.3rem;\n            color: #1a4f8a;\n            letter-spacing: -0.01em;\n            background: #dbeafe;\n            padding: 6px 16px;\n            border-radius: 999px;\n        }\n        #vproof-widget .vproof-logo-satipo .vproof-icon {\n            margin-right: 6px;\n            font-size: 1.1rem;\n        }\n\n        #vproof-widget .vproof-logo-chanchamayo {\n            display: flex;\n            align-items: center;\n            gap: 8px;\n            font-weight: 700;\n            font-size: 1.3rem;\n            color: #0b1f3a;\n            letter-spacing: -0.01em;\n            background: #eef2f7;\n            padding: 6px 16px;\n            border-radius: 999px;\n        }\n        #vproof-widget .vproof-logo-chanchamayo .vproof-emblem {\n            width: 22px;\n            height: 22px;\n            border-radius: 50%;\n            background-color: #0b1f3a;\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            color: #fff;\n            font-size: 0.7rem;\n            font-weight: 700;\n        }\n\n        #vproof-widget .vproof-logo-lamerced {\n            display: flex;\n            align-items: center;\n            gap: 6px;\n            font-weight: 700;\n            font-size: 1.3rem;\n            color: #1a4f8a;\n            letter-spacing: -0.01em;\n            background: #dbeafe;\n            padding: 6px 16px;\n            border-radius: 999px;\n        }\n        #vproof-widget .vproof-logo-lamerced .vproof-symbol {\n            font-size: 1.4rem;\n            color: #1a4f8a;\n            font-weight: 800;\n            line-height: 1;\n        }\n\n        \/* ========== FADE-UP ========== *\/\n        #vproof-widget .vproof-fade-up {\n            opacity: 0;\n            transform: translateY(30px);\n            transition: opacity 0.8s cubic-bezier(0.4, 0, 0.2, 1),\n                        transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);\n            transition-delay: var(--delay, 0s);\n            will-change: opacity, transform;\n        }\n\n        #vproof-widget .vproof-fade-up.vproof-visible {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        \/* ========== RESPONSIVE ========== *\/\n        @media (max-width: 992px) {\n            #vproof-widget .vproof-result-column { padding: 0 20px; }\n            #vproof-widget .vproof-description { font-size: 0.95rem; }\n        }\n\n        @media (max-width: 768px) {\n            #vproof-widget .vproof-results-section { padding: 64px 20px; }\n            #vproof-widget .vproof-section-heading { margin-bottom: 48px; }\n            #vproof-widget .vproof-results-grid {\n                grid-template-columns: 1fr;\n                gap: 48px;\n                max-width: 400px;\n                margin: 0 auto;\n            }\n            #vproof-widget .vproof-results-grid::before,\n            #vproof-widget .vproof-results-grid::after { display: none; }\n            #vproof-widget .vproof-result-column { padding: 0; }\n            #vproof-widget .vproof-stat { font-size: 3.5rem; margin-bottom: 16px; }\n            #vproof-widget .vproof-description { margin-bottom: 24px; }\n            #vproof-widget .vproof-logo { max-width: 180px; }\n        }\n\n        @media (max-width: 400px) {\n            #vproof-widget .vproof-results-section { padding: 48px 16px; }\n            #vproof-widget .vproof-stat { font-size: 3rem; }\n        }\n\n        @media (prefers-reduced-motion: reduce) {\n            #vproof-widget .vproof-fade-up {\n                opacity: 1;\n                transform: none;\n                transition: none;\n            }\n        }\n    <\/style>\n\n    <!-- HTML -->\n    <section class=\"vproof-results-section\" aria-labelledby=\"results-heading\">\n        <h2 id=\"results-heading\" class=\"vproof-section-heading vproof-fade-up\" style=\"--delay: 0ms;\">\n            Valora ayuda a familias a obtener <em>resultados reales<\/em>.\n        <\/h2>\n\n        <div class=\"vproof-results-grid\">\n            <!-- Columna 1: Rosa Quispe -->\n            <div class=\"vproof-result-column vproof-fade-up\" style=\"--delay: 150ms;\">\n                <div class=\"vproof-stat\">78%<\/div>\n                <p class=\"vproof-description\">Rosa Quispe M., comerciante de Satipo, redujo su deuda total en 78% en 12 meses. Pas\u00f3 de 4 acreedores a cero y hoy su negocio est\u00e1 en expansi\u00f3n.<\/p>\n                <div class=\"vproof-logo\" tabindex=\"0\" role=\"img\" aria-label=\"Caso Satipo\">\n                    <span class=\"vproof-logo-satipo\">\n                        <span class=\"vproof-icon\" aria-hidden=\"true\">\ud83d\udccd<\/span>\n                        Caso Satipo\n                    <\/span>\n                <\/div>\n            <\/div>\n\n            <!-- Columna 2: Carlos Mendoza -->\n            <div class=\"vproof-result-column vproof-fade-up\" style=\"--delay: 250ms;\">\n                <div class=\"vproof-stat\">+45 pts<\/div>\n                <p class=\"vproof-description\">Carlos Mendoza R., ingeniero de Chanchamayo, reconstruy\u00f3 su score crediticio y volvi\u00f3 al sistema financiero formal. Hoy tiene una hipoteca aprobada.<\/p>\n                <div class=\"vproof-logo\" tabindex=\"0\" role=\"img\" aria-label=\"Caso Chanchamayo\">\n                    <span class=\"vproof-logo-chanchamayo\">\n                        <span class=\"vproof-emblem\" aria-hidden=\"true\">C<\/span>\n                        Caso Chanchamayo\n                    <\/span>\n                <\/div>\n            <\/div>\n\n            <!-- Columna 3: Mar\u00eda Fern\u00e1ndez -->\n            <div class=\"vproof-result-column vproof-fade-up\" style=\"--delay: 350ms;\">\n                <div class=\"vproof-stat\">S\/ 12,000<\/div>\n                <p class=\"vproof-description\">Mar\u00eda Fern\u00e1ndez T., docente de La Merced, ahorr\u00f3 S\/ 12,000 en 12 meses. Aprendi\u00f3 a presupuestar, manejar deudas y construir su fondo de emergencia.<\/p>\n                <div class=\"vproof-logo\" tabindex=\"0\" role=\"img\" aria-label=\"Caso La Merced\">\n                    <span class=\"vproof-logo-lamerced\">\n                        <span class=\"vproof-symbol\" aria-hidden=\"true\">\u2713<\/span>\n                        Caso La Merced\n                    <\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n<\/div>\n\n<!-- SCRIPT JS AISLADO -->\n<script>\n    (function() {\n        const fadeElements = document.querySelectorAll('#vproof-widget .vproof-fade-up');\n\n        if (!('IntersectionObserver' in window)) {\n            fadeElements.forEach(el => el.classList.add('vproof-visible'));\n            return;\n        }\n\n        const observer = new IntersectionObserver((entries) => {\n            entries.forEach(entry => {\n                if (entry.isIntersecting) {\n                    entry.target.classList.add('vproof-visible');\n                    observer.unobserve(entry.target);\n                }\n            });\n        }, {\n            threshold: 0.2,\n            rootMargin: '0px 0px -40px 0px'\n        });\n\n        fadeElements.forEach(el => observer.observe(el));\n\n        \/\/ Accesibilidad teclado para logos\n        const logos = document.querySelectorAll('#vproof-widget .vproof-logo');\n        logos.forEach(logo => {\n            logo.addEventListener('keydown', function(e) {\n                if (e.key === 'Enter' || e.key === ' ') {\n                    e.preventDefault();\n                    this.click();\n                }\n            });\n        });\n    })();\n<\/script>\n\n\n\n<div style=\"height:26px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<!-- Contenedor Aislado Valora Stories -->\n<div id=\"vstor-widget\">\n    <style>\n        \/* =========================================\n           CSS ENCAPSULADO - Valora Stories\n           ========================================= *\/\n        #vstor-widget {\n            --vstor-navy: #0b1f3a;\n            --vstor-blue: #1a4f8a;\n            --vstor-charcoal: #4b5563;\n            --vstor-light-gray: #e5e7eb;\n            --vstor-white: #ffffff;\n            --vstor-card-bg: #ffffff;\n            --vstor-border-radius: 12px;\n            --vstor-shadow-hover: 0 12px 28px rgba(11, 31, 58, 0.15);\n            --vstor-transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n\n            font-family: \"Inter\", system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n            background-color: var(--vstor-white);\n            color: var(--vstor-charcoal);\n            line-height: 1.6;\n            -webkit-font-smoothing: antialiased;\n            -moz-osx-font-smoothing: grayscale;\n            width: 100%;\n            display: block;\n        }\n\n        #vstor-widget *,\n        #vstor-widget *::before,\n        #vstor-widget *::after {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n\n        #vstor-widget .vstor-section {\n            padding: 80px 24px;\n            max-width: 1200px;\n            margin: 0 auto;\n        }\n\n        \/* Header *\/\n        #vstor-widget .vstor-section-header {\n            text-align: center;\n            max-width: 800px;\n            margin: 0 auto 60px;\n        }\n\n        #vstor-widget .vstor-section-header h2 {\n            font-size: clamp(2rem, 4vw, 3rem);\n            font-weight: 800;\n            letter-spacing: -0.02em;\n            color: var(--vstor-navy);\n            line-height: 1.2;\n            margin-bottom: 16px;\n            border: none;\n            padding: 0;\n        }\n\n        #vstor-widget .vstor-section-header p {\n            font-size: 1.15rem;\n            color: var(--vstor-charcoal);\n            line-height: 1.7;\n        }\n\n        \/* Bento Grid *\/\n        #vstor-widget .vstor-bento-grid {\n            display: grid;\n            grid-template-columns: 1.1fr 1fr;\n            gap: 24px;\n            align-items: stretch;\n        }\n\n        \/* Card Base *\/\n        #vstor-widget .vstor-card {\n            background: var(--vstor-card-bg);\n            border: 1px solid var(--vstor-light-gray);\n            border-radius: var(--vstor-border-radius);\n            padding: 24px;\n            display: flex;\n            flex-direction: column;\n            transition: transform var(--vstor-transition), box-shadow var(--vstor-transition);\n            cursor: pointer;\n        }\n\n        #vstor-widget .vstor-card:hover {\n            transform: translateY(-4px);\n            box-shadow: var(--vstor-shadow-hover);\n        }\n\n        #vstor-widget .vstor-card:focus-visible {\n            outline: 3px solid var(--vstor-navy);\n            outline-offset: 2px;\n        }\n\n        \/* Left Large Card *\/\n        #vstor-widget .vstor-card-large {\n            grid-row: span 2;\n            padding: 0;\n            overflow: hidden;\n            display: flex;\n            flex-direction: column;\n        }\n\n        #vstor-widget .vstor-card-large .vstor-card-image {\n            height: 260px;\n            width: 100%;\n            background: url('https:\/\/images.unsplash.com\/photo-1556742049-0cfed4f6a45d?w=800&h=500&fit=crop') center\/cover no-repeat;\n            flex-shrink: 0;\n        }\n\n        #vstor-widget .vstor-card-large .vstor-card-content {\n            padding: 28px 24px;\n            flex: 1;\n            display: flex;\n            flex-direction: column;\n        }\n\n        \/* Logos textuales (en lugar de logos de empresas) *\/\n        #vstor-widget .vstor-logo {\n            margin-bottom: 16px;\n        }\n\n        #vstor-widget .vstor-logo-satipo {\n            font-family: Georgia, \"Times New Roman\", serif;\n            font-weight: 700;\n            font-size: 1.8rem;\n            color: var(--vstor-navy);\n            line-height: 1.1;\n        }\n\n        #vstor-widget .vstor-logo-satipo span {\n            display: block;\n            font-size: 0.7rem;\n            font-family: \"Inter\", sans-serif;\n            letter-spacing: 0.15em;\n            color: var(--vstor-charcoal);\n            font-weight: 500;\n            margin-top: 2px;\n            text-transform: uppercase;\n        }\n\n        #vstor-widget .vstor-logo-chanchamayo {\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n            font-weight: 700;\n            font-size: 1.15rem;\n            color: var(--vstor-navy);\n        }\n\n        #vstor-widget .vstor-logo-chanchamayo .vstor-icon {\n            width: 28px;\n            height: 28px;\n            background-color: var(--vstor-blue);\n            border-radius: 6px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: white;\n            font-weight: 800;\n            font-size: 0.9rem;\n        }\n\n        #vstor-widget .vstor-logo-lamerced {\n            font-weight: 700;\n            color: var(--vstor-navy);\n            margin-bottom: 12px;\n            font-size: 1.15rem;\n            display: flex;\n            align-items: center;\n            gap: 8px;\n        }\n\n        #vstor-widget .vstor-logo-lamerced::before {\n            content: \"\u2713\";\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            width: 24px;\n            height: 24px;\n            border-radius: 50%;\n            background: var(--vstor-blue);\n            color: #fff;\n            font-size: 0.75rem;\n            font-weight: 800;\n        }\n\n        \/* Card Title *\/\n        #vstor-widget .vstor-card-title {\n            font-size: 1.35rem;\n            font-weight: 700;\n            color: var(--vstor-navy);\n            line-height: 1.4;\n            margin-bottom: 16px;\n            letter-spacing: -0.01em;\n        }\n\n        \/* Metrics *\/\n        #vstor-widget .vstor-metrics {\n            display: flex;\n            gap: 24px;\n            margin-bottom: 20px;\n        }\n\n        #vstor-widget .vstor-metric {\n            flex: 1;\n        }\n\n        #vstor-widget .vstor-metric-value {\n            font-size: 2.8rem;\n            font-weight: 800;\n            color: var(--vstor-blue);\n            line-height: 1.1;\n            letter-spacing: -0.02em;\n            margin-bottom: 4px;\n        }\n\n        #vstor-widget .vstor-metric-label {\n            font-size: 0.95rem;\n            color: var(--vstor-charcoal);\n            line-height: 1.5;\n        }\n\n        \/* Action Link *\/\n        #vstor-widget .vstor-action-link {\n            margin-top: auto;\n            display: inline-block;\n            color: var(--vstor-navy);\n            font-weight: 700;\n            font-size: 1rem;\n            text-decoration: none;\n            border-bottom: 2px solid var(--vstor-navy);\n            padding-bottom: 2px;\n            transition: color 0.2s ease, border-color 0.2s ease;\n            align-self: flex-start;\n        }\n\n        #vstor-widget .vstor-action-link:hover {\n            color: var(--vstor-blue);\n            border-color: var(--vstor-blue);\n        }\n\n        \/* Right Cards *\/\n        #vstor-widget .vstor-card-small {\n            display: flex;\n            flex-direction: column;\n        }\n\n        #vstor-widget .vstor-card-small .vstor-card-content {\n            display: flex;\n            flex-direction: column;\n            flex: 1;\n        }\n\n        #vstor-widget .vstor-bento-right {\n            display: flex;\n            flex-direction: column;\n            gap: 24px;\n        }\n\n        \/* Responsive *\/\n        @media (max-width: 900px) {\n            #vstor-widget .vstor-bento-grid { grid-template-columns: 1fr; gap: 24px; }\n            #vstor-widget .vstor-card-large { grid-row: auto; }\n            #vstor-widget .vstor-card-large .vstor-card-image { height: 220px; }\n            #vstor-widget .vstor-metrics { flex-direction: column; gap: 16px; }\n            #vstor-widget .vstor-metric-value { font-size: 2.2rem; }\n        }\n\n        @media (max-width: 480px) {\n            #vstor-widget .vstor-section { padding: 48px 16px; }\n            #vstor-widget .vstor-section-header { margin-bottom: 40px; }\n            #vstor-widget .vstor-card { padding: 16px; }\n            #vstor-widget .vstor-card-large .vstor-card-image { height: 180px; }\n            #vstor-widget .vstor-card-large .vstor-card-content { padding: 20px; }\n            #vstor-widget .vstor-card-title { font-size: 1.2rem; }\n            #vstor-widget .vstor-metric-value { font-size: 2rem; }\n        }\n    <\/style>\n\n    <!-- HTML -->\n    <section class=\"vstor-section\" aria-labelledby=\"success-heading\">\n        <div class=\"vstor-section-header\">\n            <h2 id=\"success-heading\">Historias reales de familias que transformaron sus finanzas<\/h2>\n            <p>Descubre c\u00f3mo nuestros clientes de la Selva Central recuperaron su tranquilidad financiera y construyeron un futuro diferente.<\/p>\n        <\/div>\n\n        <div class=\"vstor-bento-grid\">\n            <!-- Left Large Card: Rosa Quispe -->\n            <article class=\"vstor-card vstor-card-large\" tabindex=\"0\">\n                <div class=\"vstor-card-image\" role=\"img\" aria-label=\"Comerciante de Satipo sonriendo en su negocio\"><\/div>\n                <div class=\"vstor-card-content\">\n                    <div class=\"vstor-logo vstor-logo-satipo\">\n                        Satipo<span>Caso real<\/span>\n                    <\/div>\n                    <h3 class=\"vstor-card-title\">Rosa Quispe M. pas\u00f3 de tener 4 acreedores a cero deudas en menos de un a\u00f1o<\/h3>\n                    <div class=\"vstor-metrics\">\n                        <div class=\"vstor-metric\">\n                            <div class=\"vstor-metric-value\">78%<\/div>\n                            <div class=\"vstor-metric-label\">de reducci\u00f3n de deuda total en 12 meses<\/div>\n                        <\/div>\n                        <div class=\"vstor-metric\">\n                            <div class=\"vstor-metric-value\">12<\/div>\n                            <div class=\"vstor-metric-label\">meses para obtener su carta de no adeudo<\/div>\n                        <\/div>\n                    <\/div>\n                    <a href=\"#caso-rosa\" class=\"vstor-action-link\">Lee el caso completo \u2192<\/a>\n                <\/div>\n            <\/article>\n\n            <!-- Right Column: Two Cards -->\n            <div class=\"vstor-bento-right\">\n                <!-- Top Right: Carlos Mendoza -->\n                <article class=\"vstor-card vstor-card-small\" tabindex=\"0\">\n                    <div class=\"vstor-card-content\">\n                        <div class=\"vstor-logo vstor-logo-chanchamayo\">\n                            <span class=\"vstor-icon\" aria-hidden=\"true\">C<\/span>\n                            Chanchamayo\n                        <\/div>\n                        <h3 class=\"vstor-card-title\">Carlos Mendoza R. reconstruy\u00f3 su score y accedi\u00f3 a una hipoteca<\/h3>\n                        <div class=\"vstor-metrics\">\n                            <div class=\"vstor-metric\">\n                                <div class=\"vstor-metric-value\">+45 pts<\/div>\n                                <div class=\"vstor-metric-label\">de score crediticio recuperados en 6 meses<\/div>\n                            <\/div>\n                            <div class=\"vstor-metric\">\n                                <div class=\"vstor-metric-value\">6<\/div>\n                                <div class=\"vstor-metric-label\">meses para volver al sistema financiero<\/div>\n                            <\/div>\n                        <\/div>\n                        <a href=\"#caso-carlos\" class=\"vstor-action-link\">Lee el caso completo \u2192<\/a>\n                    <\/div>\n                <\/article>\n\n                <!-- Bottom Right: Mar\u00eda Fern\u00e1ndez -->\n                <article class=\"vstor-card vstor-card-small\" tabindex=\"0\">\n                    <div class=\"vstor-card-content\">\n                        <div class=\"vstor-logo-lamerced\">La Merced \u00b7 Caso real<\/div>\n                        <h3 class=\"vstor-card-title\">Mar\u00eda Fern\u00e1ndez T. ahorr\u00f3 por primera vez en su vida y cre\u00f3 su fondo de emergencia<\/h3>\n                        <div class=\"vstor-metrics\">\n                            <div class=\"vstor-metric\">\n                                <div class=\"vstor-metric-value\">S\/ 12,000<\/div>\n                                <div class=\"vstor-metric-label\">ahorrados en 12 meses gracias al acompa\u00f1amiento<\/div>\n                            <\/div>\n                            <div class=\"vstor-metric\">\n                                <div class=\"vstor-metric-value\">S\/ 3,500<\/div>\n                                <div class=\"vstor-metric-label\">fondo de emergencia generado para imprevistos<\/div>\n                            <\/div>\n                        <\/div>\n                        <a href=\"#caso-maria\" class=\"vstor-action-link\">Lee el caso completo \u2192<\/a>\n                    <\/div>\n                <\/article>\n            <\/div>\n        <\/div>\n    <\/section>\n<\/div>\n\n<!-- SCRIPT JS AISLADO -->\n<script>\n    (function() {\n        const cards = document.querySelectorAll('#vstor-widget .vstor-card');\n        \n        cards.forEach(card => {\n            card.addEventListener('click', function(e) {\n                if (e.target.closest('.vstor-action-link')) return;\n                const link = card.querySelector('.vstor-action-link');\n                if (link) {\n                    window.location.href = link.getAttribute('href');\n                }\n            });\n            \n            card.addEventListener('keydown', function(e) {\n                if (e.key === 'Enter' || e.key === ' ') {\n                    e.preventDefault();\n                    const link = card.querySelector('.vstor-action-link');\n                    if (link) {\n                        link.click();\n                    }\n                }\n            });\n        });\n    })();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>#1 Acompa\u00f1amiento financiero Experiencia BVL \u00b7 LarrainVialRenta4Banco Score Crediticio +45 pts Deudas \u2193 78% en 12 meses S\/ 12.4K Plan Deudas Ahorro Mes 1 \u00b7 Mes 12 \u2713 \u2713 \u2713 \u00b7 \u00b7 \u00b7 Mira por qu\u00e9 Valora lidera en satisfacci\u00f3n Miles de familias de la Selva Central conf\u00edan en nosotros para recuperar su tranquilidad financiera. [&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-340","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.valorapatrimonial.com.pe\/index.php?rest_route=\/wp\/v2\/pages\/340","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=340"}],"version-history":[{"count":7,"href":"https:\/\/www.valorapatrimonial.com.pe\/index.php?rest_route=\/wp\/v2\/pages\/340\/revisions"}],"predecessor-version":[{"id":457,"href":"https:\/\/www.valorapatrimonial.com.pe\/index.php?rest_route=\/wp\/v2\/pages\/340\/revisions\/457"}],"wp:attachment":[{"href":"https:\/\/www.valorapatrimonial.com.pe\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=340"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}