{"id":21,"date":"2026-07-16T22:41:14","date_gmt":"2026-07-16T22:41:14","guid":{"rendered":"https:\/\/www.valorapatrimonial.com.pe\/?page_id=21"},"modified":"2026-09-19T04:23:54","modified_gmt":"2026-09-19T04:23:54","slug":"contacto","status":"publish","type":"page","link":"https:\/\/www.valorapatrimonial.com.pe\/?page_id=21","title":{"rendered":"Contacto"},"content":{"rendered":"\n<!-- Fuente -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&#038;display=swap\" rel=\"stylesheet\">\n\n<!-- Contenedor Aislado Valora Contacto -->\n<div id=\"vcontact-widget\">\n    <style>\n        \/* =========================================\n           CSS ENCAPSULADO - Valora Contacto\n           ========================================= *\/\n        #vcontact-widget {\n            --vcontact-navy: #0b1f3a;\n            --vcontact-blue: #1a4f8a;\n            --vcontact-charcoal: #4b5563;\n            --vcontact-steel-gray: #94a3b8;\n            --vcontact-white: #ffffff;\n            --vcontact-gray-100: #f8fafc;\n            --vcontact-transition: 0.25s ease;\n\n            font-family: \"Inter\", system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n            background-color: var(--vcontact-white);\n            color: var(--vcontact-charcoal);\n            line-height: 1.6;\n            -webkit-font-smoothing: antialiased;\n            -moz-osx-font-smoothing: grayscale;\n            width: 100%;\n            box-sizing: border-box;\n        }\n\n        #vcontact-widget *,\n        #vcontact-widget *::before,\n        #vcontact-widget *::after {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        #vcontact-widget a {\n            background-color: transparent;\n            box-shadow: none;\n        }\n\n        #vcontact-widget h1,\n        #vcontact-widget h2,\n        #vcontact-widget p {\n            margin-top: 0;\n        }\n\n        \/* ========== SECCI\u00d3N ========== *\/\n        #vcontact-widget .vcontact-section {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 80px 24px;\n        }\n\n        \/* ========== HEADER ========== *\/\n        #vcontact-widget .vcontact-header {\n            text-align: center;\n            margin-bottom: 64px;\n        }\n\n        #vcontact-widget .vcontact-header h1 {\n            font-size: clamp(2.25rem, 5.5vw, 3.5rem);\n            font-weight: 800;\n            color: var(--vcontact-navy);\n            letter-spacing: -0.025em;\n            margin-bottom: 16px;\n            line-height: 1.15;\n        }\n\n        #vcontact-widget .vcontact-header p {\n            font-size: 1.15rem;\n            color: var(--vcontact-charcoal);\n            max-width: 720px;\n            margin: 0 auto;\n            line-height: 1.7;\n        }\n\n        \/* ========== GRID DE 3 COLUMNAS ========== *\/\n        #vcontact-widget .vcontact-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 40px;\n        }\n\n        \/* Columna *\/\n        #vcontact-widget .vcontact-column {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            text-align: center;\n            padding: 24px 20px;\n            border-radius: 12px;\n            transition: transform var(--vcontact-transition), box-shadow var(--vcontact-transition);\n            background: var(--vcontact-white);\n        }\n\n        #vcontact-widget .vcontact-column:hover {\n            transform: translateY(-4px);\n            box-shadow: 0 12px 24px rgba(11, 31, 58, 0.08);\n        }\n\n        \/* \u00cdcono grande *\/\n        #vcontact-widget .vcontact-icon {\n            width: 70px;\n            height: 70px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin-bottom: 24px;\n            transition: transform 0.3s ease;\n        }\n\n        #vcontact-widget .vcontact-column:hover .vcontact-icon {\n            transform: scale(1.08);\n        }\n\n        #vcontact-widget .vcontact-icon svg {\n            width: 100%;\n            height: 100%;\n            stroke: var(--vcontact-steel-gray);\n            fill: none;\n            stroke-width: 1.5;\n            stroke-linecap: round;\n            stroke-linejoin: round;\n            transition: stroke 0.3s ease;\n        }\n\n        #vcontact-widget .vcontact-column:hover .vcontact-icon svg {\n            stroke: var(--vcontact-blue);\n        }\n\n        \/* T\u00edtulo *\/\n        #vcontact-widget .vcontact-title {\n            font-size: 1.5rem;\n            font-weight: 700;\n            color: var(--vcontact-navy);\n            margin-bottom: 12px;\n            line-height: 1.3;\n            letter-spacing: -0.01em;\n        }\n\n        \/* Descripci\u00f3n *\/\n        #vcontact-widget .vcontact-body {\n            font-size: 1rem;\n            color: var(--vcontact-charcoal);\n            line-height: 1.7;\n            margin-bottom: 20px;\n            flex-grow: 1;\n        }\n\n        \/* Link con flecha *\/\n        #vcontact-widget .vcontact-link {\n            display: inline-block;\n            font-weight: 700;\n            color: var(--vcontact-navy);\n            text-decoration: underline;\n            text-underline-offset: 4px;\n            transition: color 0.2s ease, text-decoration-color 0.2s ease;\n            margin-top: auto;\n            letter-spacing: 0.01em;\n            font-size: 0.95rem;\n        }\n\n        #vcontact-widget .vcontact-link:hover {\n            color: var(--vcontact-blue);\n            text-decoration-color: var(--vcontact-blue);\n        }\n\n        #vcontact-widget .vcontact-arrow {\n            display: inline-block;\n            transition: transform 0.2s ease;\n            margin-left: 4px;\n            text-decoration: none;\n        }\n\n        #vcontact-widget .vcontact-link:hover .vcontact-arrow {\n            transform: translateX(4px);\n        }\n\n        \/* ========== RESPONSIVE ========== *\/\n        @media (max-width: 900px) {\n            #vcontact-widget .vcontact-grid {\n                grid-template-columns: 1fr;\n                max-width: 500px;\n                margin: 0 auto;\n                gap: 48px;\n            }\n            #vcontact-widget .vcontact-header {\n                margin-bottom: 48px;\n            }\n        }\n\n        @media (max-width: 480px) {\n            #vcontact-widget .vcontact-section {\n                padding: 48px 16px;\n            }\n            #vcontact-widget .vcontact-header h1 {\n                font-size: 2rem;\n            }\n            #vcontact-widget .vcontact-header p {\n                font-size: 1rem;\n            }\n            #vcontact-widget .vcontact-title {\n                font-size: 1.3rem;\n            }\n            #vcontact-widget .vcontact-icon {\n                width: 60px;\n                height: 60px;\n            }\n        }\n\n        @media (prefers-reduced-motion: reduce) {\n            #vcontact-widget .vcontact-column,\n            #vcontact-widget .vcontact-icon,\n            #vcontact-widget .vcontact-icon svg,\n            #vcontact-widget .vcontact-arrow {\n                transition: none;\n            }\n            #vcontact-widget .vcontact-column:hover {\n                transform: none;\n            }\n        }\n    <\/style>\n\n    <!-- HTML -->\n    <section class=\"vcontact-section\" aria-labelledby=\"vcontact-heading\">\n\n        <!-- Header -->\n        <div class=\"vcontact-header\">\n            <h1 id=\"vcontact-heading\">Cont\u00e1ctanos<\/h1>\n            <p>\n                Estamos aqu\u00ed para responder tus dudas sobre deudas, ahorro, inversi\u00f3n y patrimonio. Nos encantar\u00eda saber de ti.\n            <\/p>\n        <\/div>\n\n        <!-- Grid 3 columnas -->\n        <div class=\"vcontact-grid\">\n\n            <!-- Columna 1: Agenda tu diagn\u00f3stico -->\n            <div class=\"vcontact-column\">\n                <div class=\"vcontact-icon\" aria-hidden=\"true\">\n                    <svg viewBox=\"0 0 64 64\">\n                        <!-- Manos estrechando (handshake) -->\n                        <path d=\"M20 44 C16 38 18 30 24 26 C28 24 32 24 36 26 C38 28 40 32 40 36 L40 40 C40 42 42 44 44 44 C46 44 48 42 48 40 L48 32 C48 30 49 28 51 28 C53 28 54 30 54 32 L54 40 C54 48 48 52 42 52 L26 52 C22 52 20 48 20 44 Z\"><\/path>\n                        <path d=\"M44 44 C48 38 46 30 40 26 C36 24 32 24 28 26 C26 28 24 32 24 36 L24 40 C24 42 22 44 20 44 C18 44 16 42 16 40 L16 32 C16 30 15 28 13 28 C11 28 10 30 10 32 L10 40 C10 48 16 52 22 52 L38 52 C42 52 44 48 44 44 Z\"><\/path>\n                    <\/svg>\n                <\/div>\n                <h2 class=\"vcontact-title\">Agenda tu diagn\u00f3stico<\/h2>\n                <p class=\"vcontact-body\">\n                    Descubre c\u00f3mo funciona Valora con un diagn\u00f3stico personalizado. Sin compromiso, con total confidencialidad.\n                <\/p>\n                <a href=\"#diagnostico\" class=\"vcontact-link\">\n                    Reservar ahora <span class=\"vcontact-arrow\">\u2192<\/span>\n                <\/a>\n            <\/div>\n\n            <!-- Columna 2: Habla con un asesor -->\n            <div class=\"vcontact-column\">\n                <div class=\"vcontact-icon\" aria-hidden=\"true\">\n                    <svg viewBox=\"0 0 64 64\">\n                        <!-- Cabeza -->\n                        <circle cx=\"32\" cy=\"24\" r=\"8\"><\/circle>\n                        <!-- Cuerpo -->\n                        <path d=\"M16 48 C16 38 22 34 32 34 C42 34 48 38 48 48\"><\/path>\n                        <!-- Auriculares -->\n                        <path d=\"M24 24 L24 18 C24 14 28 12 32 12 C36 12 40 14 40 18 L40 24\"><\/path>\n                        <rect x=\"22\" y=\"20\" width=\"4\" height=\"8\" rx=\"2\"><\/rect>\n                        <rect x=\"38\" y=\"20\" width=\"4\" height=\"8\" rx=\"2\"><\/rect>\n                        <!-- Micr\u00f3fono -->\n                        <path d=\"M32 34 L32 40\"><\/path>\n                        <circle cx=\"32\" cy=\"44\" r=\"4\"><\/circle>\n                    <\/svg>\n                <\/div>\n                <h2 class=\"vcontact-title\">Habla con un asesor<\/h2>\n                <p class=\"vcontact-body\">\n                    \u00bfTienes dudas sobre tu caso? Conversa con un experto en finanzas personales. Te respondemos en menos de 24h.\n                <\/p>\n                <a href=\"#canales\" class=\"vcontact-link\">\n                    Ver canales de contacto <span class=\"vcontact-arrow\">\u2192<\/span>\n                <\/a>\n            <\/div>\n\n            <!-- Columna 3: Visita nuestro blog -->\n            <div class=\"vcontact-column\">\n                <div class=\"vcontact-icon\" aria-hidden=\"true\">\n                    <svg viewBox=\"0 0 64 64\">\n                        <!-- Libro abierto -->\n                        <path d=\"M32 18 L12 24 L12 52 L32 46 Z\"><\/path>\n                        <path d=\"M32 18 L52 24 L52 52 L32 46 Z\"><\/path>\n                        <!-- L\u00edneas del libro -->\n                        <line x1=\"18\" y1=\"32\" x2=\"28\" y2=\"30\"><\/line>\n                        <line x1=\"18\" y1=\"38\" x2=\"28\" y2=\"36\"><\/line>\n                        <line x1=\"18\" y1=\"44\" x2=\"28\" y2=\"42\"><\/line>\n                        <line x1=\"36\" y1=\"30\" x2=\"46\" y2=\"32\"><\/line>\n                        <line x1=\"36\" y1=\"36\" x2=\"46\" y2=\"38\"><\/line>\n                        <line x1=\"36\" y1=\"42\" x2=\"46\" y2=\"44\"><\/line>\n                    <\/svg>\n                <\/div>\n                <h2 class=\"vcontact-title\">Visita nuestro blog<\/h2>\n                <p class=\"vcontact-body\">\n                    Aprende con gu\u00edas, casos reales y webinars gratuitos sobre educaci\u00f3n financiera y construcci\u00f3n patrimonial.\n                <\/p>\n                <a href=\"#blog\" class=\"vcontact-link\">\n                    Ir al blog <span class=\"vcontact-arrow\">\u2192<\/span>\n                <\/a>\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n<\/div>\n\n\n\n<div style=\"height:13px\" 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;500;600;700;800&#038;display=swap\" rel=\"stylesheet\">\n\n<!-- Contenedor Aislado Valora Formulario -->\n<div id=\"vform-widget\">\n    <style>\n        \/* =========================================\n           CSS ENCAPSULADO - Valora Formulario\n           ========================================= *\/\n        #vform-widget {\n            --vform-navy: #0b1f3a;\n            --vform-blue: #1a4f8a;\n            --vform-blue-hover: #163c6b;\n            --vform-charcoal: #4b5563;\n            --vform-gray-bg: #f8fafc;\n            --vform-white: #ffffff;\n            --vform-border: #cbd5e1;\n            --vform-shadow: 0 6px 16px rgba(11, 31, 58, 0.06);\n            --vform-shadow-hover: 0 10px 24px rgba(11, 31, 58, 0.12);\n            --vform-transition: 0.25s ease;\n\n            font-family: \"Inter\", system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n            background-color: var(--vform-white);\n            color: var(--vform-charcoal);\n            line-height: 1.6;\n            -webkit-font-smoothing: antialiased;\n            -moz-osx-font-smoothing: grayscale;\n            width: 100%;\n            box-sizing: border-box;\n        }\n\n        #vform-widget *,\n        #vform-widget *::before,\n        #vform-widget *::after {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        #vform-widget h1,\n        #vform-widget h2,\n        #vform-widget h3,\n        #vform-widget p {\n            margin-top: 0;\n            background: transparent;\n        }\n\n        #vform-widget a {\n            text-decoration: none;\n            box-shadow: none;\n        }\n\n        \/* ========== SECCI\u00d3N PRINCIPAL ========== *\/\n        #vform-widget .vform-section {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 80px 24px;\n            display: flex;\n            gap: 48px;\n            align-items: flex-start;\n        }\n\n        \/* ========== COLUMNA IZQUIERDA ========== *\/\n        #vform-widget .vform-left {\n            flex: 1 1 45%;\n        }\n\n        #vform-widget .vform-left h2 {\n            font-size: clamp(2rem, 4vw, 3rem);\n            font-weight: 800;\n            color: var(--vform-navy);\n            letter-spacing: -0.025em;\n            margin-bottom: 16px;\n            line-height: 1.15;\n        }\n\n        #vform-widget .vform-intro {\n            font-size: 1.15rem;\n            color: var(--vform-charcoal);\n            margin-bottom: 36px;\n            line-height: 1.7;\n        }\n\n        \/* Bloque de expectativas *\/\n        #vform-widget .vform-expect-title {\n            font-size: 1.35rem;\n            font-weight: 700;\n            color: var(--vform-navy);\n            margin-bottom: 20px;\n        }\n\n        #vform-widget .vform-list {\n            list-style: none;\n            padding: 0;\n            margin: 0 0 40px 0;\n        }\n\n        #vform-widget .vform-list li {\n            display: flex;\n            align-items: flex-start;\n            gap: 12px;\n            margin-bottom: 14px;\n            color: var(--vform-charcoal);\n            font-size: 1.02rem;\n            line-height: 1.55;\n        }\n\n        #vform-widget .vform-check {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            width: 22px;\n            height: 22px;\n            border-radius: 50%;\n            background: var(--vform-blue);\n            color: #ffffff;\n            font-weight: 800;\n            font-size: 0.75rem;\n            flex-shrink: 0;\n            margin-top: 3px;\n        }\n\n        \/* Bloque de confianza *\/\n        #vform-widget .vform-trust-title {\n            font-size: 1.15rem;\n            font-weight: 700;\n            color: var(--vform-navy);\n            margin-bottom: 18px;\n        }\n\n        #vform-widget .vform-logo-row {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 14px;\n            align-items: center;\n        }\n\n        #vform-widget .vform-logo-pill {\n            display: inline-flex;\n            align-items: center;\n            gap: 6px;\n            padding: 8px 16px;\n            border: 2px solid #e2e8f0;\n            border-radius: 999px;\n            font-weight: 700;\n            font-size: 0.85rem;\n            color: #64748b;\n            background: var(--vform-gray-bg);\n            transition: all 0.3s ease;\n        }\n\n        #vform-widget .vform-logo-pill:hover {\n            border-color: var(--vform-navy);\n            color: var(--vform-navy);\n            background: #ffffff;\n        }\n\n        \/* ========== COLUMNA DERECHA (FORMULARIO) ========== *\/\n        #vform-widget .vform-right {\n            flex: 1 1 55%;\n        }\n\n        #vform-widget .vform-form-container {\n            background-color: var(--vform-gray-bg);\n            border-radius: 16px;\n            padding: 36px 32px;\n            box-shadow: var(--vform-shadow);\n            border: 1px solid #e2e8f0;\n        }\n\n        #vform-widget .vform-form-title {\n            font-size: 1.75rem;\n            font-weight: 800;\n            color: var(--vform-navy);\n            margin-bottom: 8px;\n            letter-spacing: -0.02em;\n        }\n\n        #vform-widget .vform-required-note {\n            font-size: 0.85rem;\n            color: #94a3b8;\n            margin-bottom: 28px;\n        }\n\n        \/* Campos del formulario *\/\n        #vform-widget .vform-form-group {\n            margin-bottom: 20px;\n        }\n\n        #vform-widget .vform-form-group label {\n            display: block;\n            font-weight: 600;\n            color: var(--vform-navy);\n            margin-bottom: 8px;\n            font-size: 0.92rem;\n        }\n\n        #vform-widget .vform-form-group label .vform-req {\n            color: #dc2626;\n            margin-left: 2px;\n        }\n\n        #vform-widget .vform-form-group input,\n        #vform-widget .vform-form-group select,\n        #vform-widget .vform-form-group textarea {\n            width: 100%;\n            padding: 14px 16px;\n            font-size: 1rem;\n            font-family: inherit;\n            border: 1px solid var(--vform-border);\n            border-radius: 8px;\n            background-color: var(--vform-white);\n            color: var(--vform-navy);\n            outline: none;\n            transition: border-color var(--vform-transition), box-shadow var(--vform-transition);\n            height: auto;\n        }\n\n        #vform-widget .vform-form-group textarea {\n            resize: vertical;\n            min-height: 100px;\n        }\n\n        #vform-widget .vform-form-group input::placeholder,\n        #vform-widget .vform-form-group textarea::placeholder {\n            color: #94a3b8;\n        }\n\n        #vform-widget .vform-form-group input:focus,\n        #vform-widget .vform-form-group select:focus,\n        #vform-widget .vform-form-group textarea:focus {\n            border-color: var(--vform-blue);\n            box-shadow: 0 0 0 3px rgba(26, 79, 138, 0.15);\n        }\n\n        \/* Select con flecha custom *\/\n        #vform-widget .vform-form-group select {\n            appearance: none;\n            -webkit-appearance: none;\n            background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%234b5563' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C\/polyline%3E%3C\/svg%3E\");\n            background-repeat: no-repeat;\n            background-position: right 16px center;\n            padding-right: 44px;\n            cursor: pointer;\n        }\n\n        \/* Fila de 2 columnas (para nombre\/apellido o similares) *\/\n        #vform-widget .vform-row {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 16px;\n        }\n\n        \/* Texto de privacidad *\/\n        #vform-widget .vform-privacy-text {\n            font-size: 0.85rem;\n            color: var(--vform-charcoal);\n            margin-top: 24px;\n            line-height: 1.6;\n        }\n\n        #vform-widget .vform-privacy-text a {\n            color: var(--vform-blue);\n            text-decoration: underline;\n            transition: color 0.2s ease;\n        }\n\n        #vform-widget .vform-privacy-text a:hover {\n            color: var(--vform-navy);\n        }\n\n        \/* Bot\u00f3n *\/\n        #vform-widget .vform-btn {\n            margin-top: 28px;\n            background-color: var(--vform-blue);\n            color: var(--vform-white);\n            border: none;\n            padding: 16px 32px;\n            font-size: 1.05rem;\n            font-weight: 700;\n            font-family: inherit;\n            border-radius: 8px;\n            cursor: pointer;\n            transition: background-color var(--vform-transition), box-shadow var(--vform-transition), transform var(--vform-transition);\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            gap: 8px;\n            letter-spacing: 0.01em;\n            box-shadow: 0 4px 12px rgba(26, 79, 138, 0.25);\n        }\n\n        #vform-widget .vform-btn:hover {\n            background-color: var(--vform-navy);\n            box-shadow: var(--vform-shadow-hover);\n            transform: translateY(-2px);\n        }\n\n        #vform-widget .vform-btn:active {\n            transform: scale(0.98);\n        }\n\n        #vform-widget .vform-btn svg {\n            width: 16px;\n            height: 16px;\n            stroke: currentColor;\n            fill: none;\n            stroke-width: 2.5;\n            stroke-linecap: round;\n            stroke-linejoin: round;\n        }\n\n        \/* ========== RESPONSIVE ========== *\/\n        @media (max-width: 900px) {\n            #vform-widget .vform-section {\n                flex-direction: column;\n                gap: 40px;\n                padding: 48px 20px;\n            }\n            #vform-widget .vform-left,\n            #vform-widget .vform-right {\n                flex: 1 1 100%;\n            }\n            #vform-widget .vform-logo-row {\n                justify-content: flex-start;\n            }\n        }\n\n        @media (max-width: 480px) {\n            #vform-widget .vform-form-container {\n                padding: 28px 20px;\n            }\n            #vform-widget .vform-form-title {\n                font-size: 1.4rem;\n            }\n            #vform-widget .vform-btn {\n                width: 100%;\n            }\n            #vform-widget .vform-row {\n                grid-template-columns: 1fr;\n            }\n            #vform-widget .vform-left h2 {\n                font-size: 1.75rem;\n            }\n        }\n\n        @media (prefers-reduced-motion: reduce) {\n            #vform-widget .vform-btn,\n            #vform-widget .vform-logo-pill {\n                transition: none;\n            }\n            #vform-widget .vform-btn:hover {\n                transform: none;\n            }\n        }\n    <\/style>\n\n    <section class=\"vform-section\" aria-labelledby=\"vform-heading\">\n\n        <!-- ========== COLUMNA IZQUIERDA ========== -->\n        <div class=\"vform-left\">\n            <h2 id=\"vform-heading\">Agenda tu diagn\u00f3stico<\/h2>\n            <p class=\"vform-intro\">\n                \u00bfListo para transformar tus finanzas? Reserva tu diagn\u00f3stico personalizado y descubre c\u00f3mo salir de deudas, reconstruir tu historial y construir patrimonio.\n            <\/p>\n\n            <!-- Qu\u00e9 incluye -->\n            <h3 class=\"vform-expect-title\">Qu\u00e9 incluye tu diagn\u00f3stico<\/h3>\n            <ul class=\"vform-list\">\n                <li>\n                    <span class=\"vform-check\" aria-hidden=\"true\">\u2713<\/span>\n                    <span>An\u00e1lisis completo de tu reporte crediticio y situaci\u00f3n financiera actual.<\/span>\n                <\/li>\n                <li>\n                    <span class=\"vform-check\" aria-hidden=\"true\">\u2713<\/span>\n                    <span>Plan de acci\u00f3n personalizado para salir de deudas y reconstruir tu score.<\/span>\n                <\/li>\n                <li>\n                    <span class=\"vform-check\" aria-hidden=\"true\">\u2713<\/span>\n                    <span>Sesi\u00f3n 1 a 1 con un asesor experto para resolver todas tus dudas.<\/span>\n                <\/li>\n            <\/ul>\n\n            <!-- Confianza -->\n            <h3 class=\"vform-trust-title\">Respaldados por experiencia en los mercados m\u00e1s exigentes<\/h3>\n            <div class=\"vform-logo-row\" aria-label=\"Instituciones de respaldo\">\n                <span class=\"vform-logo-pill\">BVL<\/span>\n                <span class=\"vform-logo-pill\">LarrainVial<\/span>\n                <span class=\"vform-logo-pill\">Renta4Banco<\/span>\n                <span class=\"vform-logo-pill\">SBS<\/span>\n            <\/div>\n        <\/div>\n\n        <!-- ========== COLUMNA DERECHA (FORMULARIO) ========== -->\n        <div class=\"vform-right\">\n            <div class=\"vform-form-container\">\n\n                <h3 class=\"vform-form-title\">Reserva tu diagn\u00f3stico<\/h3>\n                <p class=\"vform-required-note\">* indica campos obligatorios<\/p>\n\n                <form id=\"vform-diagnosticoForm\" action=\"#\" method=\"post\">\n\n                    <!-- Nombre completo -->\n                    <div class=\"vform-form-group\">\n                        <label for=\"vform-nombre\">Nombre completo <span class=\"vform-req\">*<\/span><\/label>\n                        <input type=\"text\" id=\"vform-nombre\" name=\"nombre\" required placeholder=\"Ej: Rosa Quispe M.\">\n                    <\/div>\n\n                    <!-- Email + WhatsApp -->\n                    <div class=\"vform-row\">\n                        <div class=\"vform-form-group\">\n                            <label for=\"vform-email\">Email <span class=\"vform-req\">*<\/span><\/label>\n                            <input type=\"email\" id=\"vform-email\" name=\"email\" required placeholder=\"tucorreo@gmail.com\">\n                        <\/div>\n                        <div class=\"vform-form-group\">\n                            <label for=\"vform-whatsapp\">WhatsApp <span class=\"vform-req\">*<\/span><\/label>\n                            <input type=\"tel\" id=\"vform-whatsapp\" name=\"whatsapp\" required placeholder=\"+51 999 999 999\">\n                        <\/div>\n                    <\/div>\n\n                    <!-- Ciudad -->\n                    <div class=\"vform-form-group\">\n                        <label for=\"vform-ciudad\">Ciudad <span class=\"vform-req\">*<\/span><\/label>\n                        <select id=\"vform-ciudad\" name=\"ciudad\" required>\n                            <option value=\"\" selected disabled>Seleccionar&#8230;<\/option>\n                            <option value=\"satipo\">Satipo<\/option>\n                            <option value=\"chanchamayo\">Chanchamayo<\/option>\n                            <option value=\"lamerced\">La Merced<\/option>\n                            <option value=\"pichanaki\">Pichanaki<\/option>\n                            <option value=\"otro\">Otra ciudad<\/option>\n                        <\/select>\n                    <\/div>\n\n                    <!-- Nivel de deuda -->\n                    <div class=\"vform-form-group\">\n                        <label for=\"vform-deuda\">Nivel de deuda actual <span class=\"vform-req\">*<\/span><\/label>\n                        <select id=\"vform-deuda\" name=\"deuda\" required>\n                            <option value=\"\" selected disabled>Seleccionar&#8230;<\/option>\n                            <option value=\"0\">No tengo deudas (solo quiero ahorrar\/invertir)<\/option>\n                            <option value=\"1\">Menos de S\/ 5,000<\/option>\n                            <option value=\"2\">S\/ 5,000 &#8211; S\/ 20,000<\/option>\n                            <option value=\"3\">S\/ 20,000 &#8211; S\/ 50,000<\/option>\n                            <option value=\"4\">M\u00e1s de S\/ 50,000<\/option>\n                        <\/select>\n                    <\/div>\n\n                    <!-- \u00bfQu\u00e9 quieres lograr? -->\n                    <div class=\"vform-form-group\">\n                        <label for=\"vform-objetivo\">\u00bfQu\u00e9 quieres lograr? <span class=\"vform-req\">*<\/span><\/label>\n                        <select id=\"vform-objetivo\" name=\"objetivo\" required>\n                            <option value=\"\" selected disabled>Seleccionar&#8230;<\/option>\n                            <option value=\"salir-deudas\">Salir de deudas<\/option>\n                            <option value=\"reconstruir-score\">Reconstruir mi historial crediticio<\/option>\n                            <option value=\"ahorrar\">Aprender a ahorrar y presupuestar<\/option>\n                            <option value=\"invertir\">Invertir y construir patrimonio<\/option>\n                            <option value=\"integral\">Todo el ciclo completo<\/option>\n                        <\/select>\n                    <\/div>\n\n                    <!-- \u00bfC\u00f3mo nos conociste? -->\n                    <div class=\"vform-form-group\">\n                        <label for=\"vform-como\">\u00bfC\u00f3mo nos conociste?<\/label>\n                        <select id=\"vform-como\" name=\"como\">\n                            <option value=\"\" selected disabled>Seleccionar&#8230;<\/option>\n                            <option value=\"redes\">Redes sociales<\/option>\n                            <option value=\"recomendacion\">Recomendaci\u00f3n de un amigo\/familiar<\/option>\n                            <option value=\"google\">B\u00fasqueda en Google<\/option>\n                            <option value=\"evento\">Evento o webinar<\/option>\n                            <option value=\"otro\">Otro<\/option>\n                        <\/select>\n                    <\/div>\n\n                    <!-- Mensaje opcional -->\n                    <div class=\"vform-form-group\">\n                        <label for=\"vform-mensaje\">Cu\u00e9ntanos brevemente tu situaci\u00f3n (opcional)<\/label>\n                        <textarea id=\"vform-mensaje\" name=\"mensaje\" placeholder=\"Ej: Tengo 3 tarjetas de cr\u00e9dito y un pr\u00e9stamo personal que ya no puedo pagar...\"><\/textarea>\n                    <\/div>\n\n                    <!-- Texto privacidad -->\n                    <p class=\"vform-privacy-text\">\n                        Tu informaci\u00f3n ser\u00e1 tratada con total confidencialidad y solo se usar\u00e1 para agendar tu diagn\u00f3stico. Consulta nuestra <a href=\"#privacidad\" target=\"_blank\">Pol\u00edtica de privacidad<\/a>.\n                    <\/p>\n\n                    <!-- Bot\u00f3n -->\n                    <button type=\"submit\" class=\"vform-btn\">\n                        Agendar diagn\u00f3stico \u2014 S\/ 30\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M13 5l7 7-7 7\"\/><\/svg>\n                    <\/button>\n\n                <\/form>\n            <\/div>\n        <\/div>\n\n    <\/section>\n<\/div>\n\n<!-- Script Aislado -->\n<script>\n    (function() {\n        const form = document.getElementById('vform-diagnosticoForm');\n        if (form) {\n            form.addEventListener('submit', function(e) {\n                e.preventDefault();\n                \/\/ Simulaci\u00f3n de env\u00edo\n                alert('\u00a1Gracias! Hemos recibido tu solicitud. Un asesor te contactar\u00e1 en menos de 24 horas.');\n                console.log('Formulario enviado (simulado)');\n                \/\/ Aqu\u00ed puedes conectar con tu servicio de email (Mailchimp, SendGrid, etc.)\n            });\n        }\n    })();\n<\/script>\n\n\n\n<div style=\"height:24px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<!-- Fuente + Font Awesome -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@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 Soporte -->\n<div id=\"vsupport-widget\">\n    <style>\n        \/* =========================================\n           CSS ENCAPSULADO - Valora Soporte\n           ========================================= *\/\n        #vsupport-widget {\n            --vsupport-navy: #0b1f3a;\n            --vsupport-blue: #1a4f8a;\n            --vsupport-blue-light: #dbeafe;\n            --vsupport-charcoal: #4b5563;\n            --vsupport-off-white: #f8fafc;\n            --vsupport-white: #ffffff;\n            --vsupport-green: #16a34a;\n            --vsupport-green-bg: #dcfce7;\n            --vsupport-whatsapp: #25d366;\n            --vsupport-instagram: #e1306c;\n            --vsupport-shadow-sm: 0 4px 12px rgba(11, 31, 58, 0.08);\n            --vsupport-shadow-md: 0 10px 24px rgba(11, 31, 58, 0.12);\n            --vsupport-shadow-lg: 0 20px 40px rgba(11, 31, 58, 0.15);\n            --vsupport-transition: 0.25s ease;\n\n            font-family: \"Inter\", system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n            background-color: var(--vsupport-off-white);\n            color: var(--vsupport-charcoal);\n            line-height: 1.6;\n            -webkit-font-smoothing: antialiased;\n            -moz-osx-font-smoothing: grayscale;\n            width: 100%;\n            box-sizing: border-box;\n        }\n\n        #vsupport-widget *,\n        #vsupport-widget *::before,\n        #vsupport-widget *::after {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        #vsupport-widget h1,\n        #vsupport-widget h2,\n        #vsupport-widget h3,\n        #vsupport-widget p {\n            margin-top: 0;\n        }\n\n        #vsupport-widget a {\n            text-decoration: none;\n            box-shadow: none;\n        }\n\n        #vsupport-widget img {\n            max-width: 100%;\n            height: auto;\n            display: block;\n        }\n\n        \/* ========== SECCI\u00d3N ========== *\/\n        #vsupport-widget .vsupport-section {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 80px 24px;\n            display: flex;\n            flex-wrap: wrap;\n            gap: 48px;\n            align-items: flex-start;\n        }\n\n        \/* ========== COLUMNA IZQUIERDA (COLLAGE) ========== *\/\n        #vsupport-widget .vsupport-left {\n            flex: 1 1 50%;\n            min-width: 320px;\n            position: relative;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            padding: 20px 0;\n        }\n\n        #vsupport-widget .vsupport-collage {\n            position: relative;\n            width: 100%;\n            max-width: 560px;\n            aspect-ratio: 4 \/ 3.5;\n        }\n\n        \/* Post central *\/\n        #vsupport-widget .vsupport-post {\n            position: absolute;\n            top: 10%;\n            left: 10%;\n            width: 80%;\n            background: var(--vsupport-white);\n            border-radius: 16px;\n            box-shadow: var(--vsupport-shadow-lg);\n            overflow: hidden;\n            z-index: 1;\n        }\n\n        #vsupport-widget .vsupport-post-img {\n            width: 100%;\n            height: 220px;\n            background: linear-gradient(135deg, var(--vsupport-blue) 0%, var(--vsupport-navy) 100%);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            overflow: hidden;\n        }\n\n        #vsupport-widget .vsupport-post-img img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n        }\n\n        #vsupport-widget .vsupport-post-actions {\n            display: flex;\n            gap: 14px;\n            padding: 12px 16px;\n            align-items: center;\n            font-size: 0.85rem;\n            color: var(--vsupport-charcoal);\n        }\n\n        #vsupport-widget .vsupport-heart {\n            color: var(--vsupport-blue);\n            font-weight: 700;\n        }\n\n        #vsupport-widget .vsupport-progress-bar {\n            flex: 1;\n            height: 6px;\n            background: #e2e8f0;\n            border-radius: 3px;\n            position: relative;\n            overflow: hidden;\n        }\n\n        #vsupport-widget .vsupport-progress-bar::after {\n            content: \"\";\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 78%;\n            height: 100%;\n            background: var(--vsupport-blue);\n            border-radius: 3px;\n        }\n\n        \/* Badges flotantes *\/\n        #vsupport-widget .vsupport-badge {\n            position: absolute;\n            z-index: 3;\n            box-shadow: var(--vsupport-shadow-md);\n            background: var(--vsupport-white);\n            transition: transform var(--vsupport-transition);\n        }\n\n        #vsupport-widget .vsupport-badge:hover {\n            transform: translateY(-4px);\n        }\n\n        \/* Badge score (arriba derecha) *\/\n        #vsupport-widget .vsupport-score-badge {\n            top: -20px;\n            right: -10px;\n            width: 90px;\n            height: 90px;\n            border-radius: 50%;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n            gap: 2px;\n        }\n\n        #vsupport-widget .vsupport-score-badge .vsupport-score-icon {\n            font-size: 1.5rem;\n            color: var(--vsupport-green);\n        }\n\n        #vsupport-widget .vsupport-score-badge .vsupport-score-value {\n            font-weight: 800;\n            font-size: 1rem;\n            color: var(--vsupport-navy);\n            line-height: 1;\n        }\n\n        #vsupport-widget .vsupport-score-badge .vsupport-score-label {\n            font-size: 0.55rem;\n            color: var(--vsupport-charcoal);\n            text-transform: uppercase;\n            letter-spacing: 0.05em;\n            font-weight: 600;\n        }\n\n        \/* Badge logo (izquierda) *\/\n        #vsupport-widget .vsupport-logo-badge {\n            left: -30px;\n            top: 45%;\n            width: 80px;\n            height: 80px;\n            border-radius: 20px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        #vsupport-widget .vsupport-logo-badge .vsupport-logo {\n            width: 48px;\n            height: 48px;\n            background: linear-gradient(135deg, var(--vsupport-blue), var(--vsupport-navy));\n            border-radius: 12px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: #ffffff;\n            font-weight: 800;\n            font-size: 1.2rem;\n        }\n\n        \/* Badge chat (derecha) *\/\n        #vsupport-widget .vsupport-chat-badge {\n            right: -15px;\n            top: 35%;\n            width: 100px;\n            height: 50px;\n            flex-direction: row;\n            gap: 8px;\n            border-radius: 12px;\n            padding: 0 12px;\n            display: flex;\n            align-items: center;\n        }\n\n        #vsupport-widget .vsupport-chat-badge .vsupport-chat-icon {\n            width: 26px;\n            height: 26px;\n            background: var(--vsupport-blue-light);\n            border-radius: 8px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: var(--vsupport-blue);\n            font-size: 0.85rem;\n        }\n\n        #vsupport-widget .vsupport-chat-badge .vsupport-chat-label {\n            font-weight: 700;\n            font-size: 0.85rem;\n            color: var(--vsupport-navy);\n        }\n\n        \/* Bot\u00f3n \"Agendar llamada\" (abajo izquierda) *\/\n        #vsupport-widget .vsupport-btn-float {\n            position: absolute;\n            bottom: -10px;\n            left: 20px;\n            z-index: 3;\n            background: var(--vsupport-white);\n            border: 1.5px solid var(--vsupport-navy);\n            border-radius: 50px;\n            padding: 8px 16px;\n            display: flex;\n            align-items: center;\n            gap: 8px;\n            font-weight: 700;\n            font-size: 0.8rem;\n            color: var(--vsupport-navy);\n            box-shadow: var(--vsupport-shadow-sm);\n            transition: all var(--vsupport-transition);\n        }\n\n        #vsupport-widget .vsupport-btn-float:hover {\n            box-shadow: var(--vsupport-shadow-md);\n            transform: translateY(-2px);\n            background: var(--vsupport-navy);\n            color: #ffffff;\n        }\n\n        #vsupport-widget .vsupport-btn-float .vsupport-plus {\n            font-size: 1rem;\n            font-weight: 800;\n        }\n\n        \/* Modal (abajo centro-derecha) *\/\n        #vsupport-widget .vsupport-modal {\n            position: absolute;\n            bottom: -40px;\n            left: 35%;\n            width: 50%;\n            background: var(--vsupport-white);\n            border-radius: 12px;\n            box-shadow: var(--vsupport-shadow-lg);\n            z-index: 4;\n            padding: 14px;\n        }\n\n        #vsupport-widget .vsupport-modal-header {\n            font-weight: 700;\n            font-size: 0.85rem;\n            color: var(--vsupport-navy);\n            margin-bottom: 8px;\n        }\n\n        #vsupport-widget .vsupport-toggle-row {\n            display: flex;\n            align-items: flex-start;\n            gap: 8px;\n            margin-bottom: 10px;\n        }\n\n        #vsupport-widget .vsupport-toggle {\n            width: 30px;\n            height: 16px;\n            background: var(--vsupport-blue);\n            border-radius: 8px;\n            position: relative;\n            flex-shrink: 0;\n            margin-top: 2px;\n        }\n\n        #vsupport-widget .vsupport-toggle::after {\n            content: \"\";\n            position: absolute;\n            top: 2px;\n            right: 2px;\n            width: 12px;\n            height: 12px;\n            background: #ffffff;\n            border-radius: 50%;\n        }\n\n        #vsupport-widget .vsupport-toggle-label {\n            font-size: 0.65rem;\n            color: var(--vsupport-charcoal);\n            line-height: 1.4;\n        }\n\n        #vsupport-widget .vsupport-modal-subtitle {\n            font-size: 0.7rem;\n            font-weight: 700;\n            color: var(--vsupport-navy);\n            margin-bottom: 6px;\n        }\n\n        #vsupport-widget .vsupport-checkbox-list {\n            list-style: none;\n            padding: 0;\n            margin: 0;\n            display: flex;\n            flex-direction: column;\n            gap: 4px;\n        }\n\n        #vsupport-widget .vsupport-checkbox-list li {\n            display: flex;\n            align-items: center;\n            gap: 6px;\n            font-size: 0.65rem;\n            color: var(--vsupport-charcoal);\n        }\n\n        #vsupport-widget .vsupport-checkbox-list input[type=\"checkbox\"] {\n            width: 12px;\n            height: 12px;\n            accent-color: var(--vsupport-blue);\n            margin: 0;\n            flex-shrink: 0;\n        }\n\n        \/* ========== COLUMNA DERECHA ========== *\/\n        #vsupport-widget .vsupport-right {\n            flex: 1 1 45%;\n            min-width: 300px;\n        }\n\n        #vsupport-widget .vsupport-right h2 {\n            font-size: clamp(1.75rem, 4vw, 2.75rem);\n            font-weight: 800;\n            color: var(--vsupport-navy);\n            letter-spacing: -0.025em;\n            margin-bottom: 20px;\n            line-height: 1.15;\n        }\n\n        #vsupport-widget .vsupport-intro {\n            font-size: 1.05rem;\n            color: var(--vsupport-charcoal);\n            margin-bottom: 28px;\n            line-height: 1.7;\n        }\n\n        #vsupport-widget .vsupport-methods-subtitle {\n            font-weight: 700;\n            color: var(--vsupport-navy);\n            margin-bottom: 18px;\n            font-size: 1.1rem;\n        }\n\n        \/* Lista numerada *\/\n        #vsupport-widget .vsupport-numbered-list {\n            list-style: none;\n            padding: 0;\n            margin: 0 0 28px 0;\n            counter-reset: vsupport-counter;\n        }\n\n        #vsupport-widget .vsupport-numbered-list li {\n            display: flex;\n            align-items: flex-start;\n            gap: 10px;\n            margin-bottom: 14px;\n            font-size: 1rem;\n            color: var(--vsupport-charcoal);\n            line-height: 1.55;\n            counter-increment: vsupport-counter;\n        }\n\n        #vsupport-widget .vsupport-numbered-list li::before {\n            content: counter(vsupport-counter) \".\";\n            font-weight: 700;\n            color: var(--vsupport-navy);\n            min-width: 20px;\n            flex-shrink: 0;\n        }\n\n        #vsupport-widget .vsupport-numbered-list a {\n            color: var(--vsupport-blue);\n            font-weight: 700;\n            text-decoration: underline;\n            text-underline-offset: 3px;\n            transition: color 0.2s ease;\n        }\n\n        #vsupport-widget .vsupport-numbered-list a:hover {\n            color: var(--vsupport-navy);\n        }\n\n        \/* ========== CANALES SOCIALES ========== *\/\n        #vsupport-widget .vsupport-social-container {\n            display: flex;\n            gap: 24px;\n            margin-top: 32px;\n            flex-wrap: wrap;\n        }\n\n        #vsupport-widget .vsupport-social-item {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            gap: 10px;\n        }\n\n        #vsupport-widget .vsupport-social-icon {\n            width: 60px;\n            height: 60px;\n            border-radius: 18px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: #ffffff;\n            font-size: 1.75rem;\n            transition: transform var(--vsupport-transition), box-shadow var(--vsupport-transition);\n        }\n\n        #vsupport-widget .vsupport-social-whatsapp {\n            background: var(--vsupport-whatsapp);\n        }\n\n        #vsupport-widget .vsupport-social-instagram {\n            background: linear-gradient(135deg, #feda75 0%, #fa7e1e 25%, #d62976 50%, #962fbf 75%, #4f5bd5 100%);\n        }\n\n        #vsupport-widget .vsupport-social-item:hover .vsupport-social-icon {\n            transform: scale(1.05);\n            box-shadow: var(--vsupport-shadow-md);\n        }\n\n        #vsupport-widget .vsupport-social-handle {\n            font-size: 0.85rem;\n            color: var(--vsupport-navy);\n            font-weight: 600;\n            white-space: nowrap;\n        }\n\n        \/* ========== RESPONSIVE ========== *\/\n        @media (max-width: 800px) {\n            #vsupport-widget .vsupport-section {\n                flex-direction: column;\n                align-items: center;\n                padding: 56px 20px;\n            }\n            #vsupport-widget .vsupport-left,\n            #vsupport-widget .vsupport-right {\n                flex: 1 1 100%;\n                width: 100%;\n                max-width: 600px;\n            }\n            #vsupport-widget .vsupport-left {\n                margin-bottom: 60px;\n            }\n            #vsupport-widget .vsupport-modal {\n                bottom: -30px;\n                left: 28%;\n                width: 58%;\n            }\n        }\n\n        @media (max-width: 480px) {\n            #vsupport-widget .vsupport-section {\n                padding: 40px 16px;\n            }\n            #vsupport-widget .vsupport-post-img {\n                height: 160px;\n            }\n            #vsupport-widget .vsupport-score-badge {\n                width: 70px;\n                height: 70px;\n                top: -15px;\n                right: -5px;\n            }\n            #vsupport-widget .vsupport-score-badge .vsupport-score-icon {\n                font-size: 1.2rem;\n            }\n            #vsupport-widget .vsupport-score-badge .vsupport-score-value {\n                font-size: 0.85rem;\n            }\n            #vsupport-widget .vsupport-score-badge .vsupport-score-label {\n                font-size: 0.5rem;\n            }\n            #vsupport-widget .vsupport-logo-badge {\n                width: 60px;\n                height: 60px;\n                left: -15px;\n            }\n            #vsupport-widget .vsupport-logo-badge .vsupport-logo {\n                width: 38px;\n                height: 38px;\n                font-size: 1rem;\n            }\n            #vsupport-widget .vsupport-chat-badge {\n                width: 80px;\n                height: 40px;\n                right: -5px;\n            }\n            #vsupport-widget .vsupport-btn-float {\n                padding: 6px 12px;\n                font-size: 0.7rem;\n            }\n            #vsupport-widget .vsupport-modal {\n                width: 75%;\n                left: 12%;\n                bottom: -20px;\n                padding: 10px;\n            }\n            #vsupport-widget .vsupport-toggle-label,\n            #vsupport-widget .vsupport-checkbox-list li {\n                font-size: 0.55rem;\n            }\n            #vsupport-widget .vsupport-social-icon {\n                width: 50px;\n                height: 50px;\n                border-radius: 14px;\n                font-size: 1.5rem;\n            }\n            #vsupport-widget .vsupport-social-container {\n                justify-content: center;\n            }\n        }\n\n        @media (prefers-reduced-motion: reduce) {\n            #vsupport-widget .vsupport-badge,\n            #vsupport-widget .vsupport-btn-float,\n            #vsupport-widget .vsupport-social-icon {\n                transition: none;\n            }\n            #vsupport-widget .vsupport-badge:hover,\n            #vsupport-widget .vsupport-btn-float:hover,\n            #vsupport-widget .vsupport-social-item:hover .vsupport-social-icon {\n                transform: none;\n            }\n        }\n    <\/style>\n\n    <section class=\"vsupport-section\" aria-label=\"Soporte al cliente\">\n\n        <!-- ========== COLUMNA IZQUIERDA: COLLAGE ========== -->\n        <div class=\"vsupport-left\">\n            <div class=\"vsupport-collage\">\n\n                <!-- Post central -->\n                <div class=\"vsupport-post\">\n                    <div class=\"vsupport-post-img\">\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1573497019940-1c28c88b4f3e?w=600&#038;auto=format&#038;fit=crop\" \n                             alt=\"Cliente de Valora Patrimonial sonriendo\">\n                    <\/div>\n                    <div class=\"vsupport-post-actions\">\n                        <span class=\"vsupport-heart\">\u2764 2.3K<\/span>\n                        <span>\ud83d\udcac 45<\/span>\n                        <span>\u2197<\/span>\n                        <div class=\"vsupport-progress-bar\" aria-hidden=\"true\"><\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Badge Score (arriba derecha) -->\n                <div class=\"vsupport-badge vsupport-score-badge\" aria-hidden=\"true\">\n                    <i class=\"fa-solid fa-arrow-trend-up vsupport-score-icon\"><\/i>\n                    <span class=\"vsupport-score-value\">+45<\/span>\n                    <span class=\"vsupport-score-label\">Score<\/span>\n                <\/div>\n\n                <!-- Badge Logo Valora (izquierda) -->\n                <div class=\"vsupport-badge vsupport-logo-badge\" aria-label=\"Valora Patrimonial\">\n                    <div class=\"vsupport-logo\">VP<\/div>\n                <\/div>\n\n                <!-- Badge Chat (derecha) -->\n                <div class=\"vsupport-badge vsupport-chat-badge\" aria-hidden=\"true\">\n                    <div class=\"vsupport-chat-icon\">\n                        <i class=\"fa-solid fa-comment-dots\"><\/i>\n                    <\/div>\n                    <span class=\"vsupport-chat-label\">Chat<\/span>\n                <\/div>\n\n                <!-- Bot\u00f3n \"Agendar llamada\" -->\n                <a href=\"#agendar\" class=\"vsupport-btn-float\">\n                    <span class=\"vsupport-plus\">+<\/span>\n                    <span>Agendar llamada<\/span>\n                <\/a>\n\n                <!-- Modal \"Plan de pagos\" -->\n                <div class=\"vsupport-modal\" aria-hidden=\"true\">\n                    <div class=\"vsupport-modal-header\">Plan de pagos<\/div>\n                    <div class=\"vsupport-toggle-row\">\n                        <div class=\"vsupport-toggle\"><\/div>\n                        <span class=\"vsupport-toggle-label\">Activar recordatorios autom\u00e1ticos de pago<\/span>\n                    <\/div>\n                    <div class=\"vsupport-modal-subtitle\">Cuotas del mes<\/div>\n                    <ul class=\"vsupport-checkbox-list\">\n                        <li><input type=\"checkbox\" checked> Tarjeta de cr\u00e9dito<\/li>\n                        <li><input type=\"checkbox\" checked> Pr\u00e9stamo personal<\/li>\n                        <li><input type=\"checkbox\"> Cr\u00e9dito vehicular<\/li>\n                        <li><input type=\"checkbox\"> Cr\u00e9dito hipotecario<\/li>\n                        <li><input type=\"checkbox\"> Otros<\/li>\n                    <\/ul>\n                <\/div>\n\n            <\/div>\n        <\/div>\n\n        <!-- ========== COLUMNA DERECHA: TEXTO + CANALES ========== -->\n        <div class=\"vsupport-right\">\n            <h2>Habla con nuestro equipo de soporte<\/h2>\n            <p class=\"vsupport-intro\">\n                \u00bfNecesitas ayuda? Cont\u00e1ctanos. Incluye tu nombre completo, la ciudad donde vives y una descripci\u00f3n de tu situaci\u00f3n. Nos encanta recibir sugerencias y saber c\u00f3mo podemos mejorar.\n            <\/p>\n\n            <div class=\"vsupport-methods-subtitle\">Estas son las 4 formas de contactarnos:<\/div>\n\n            <ol class=\"vsupport-numbered-list\">\n                <li>Escr\u00edbenos por <strong>WhatsApp<\/strong> para una respuesta r\u00e1pida (menos de 2 horas); o<\/li>\n                <li>Env\u00eda un correo a <strong>hola@valorapatrimonial.pe<\/strong> con tus dudas; o<\/li>\n                <li>Completa el <a href=\"#formulario\">formulario de diagn\u00f3stico<\/a> y te llamamos nosotros; o<\/li>\n                <li>Escr\u00edbenos por <strong>Instagram<\/strong> o <strong>Facebook<\/strong> para consultas r\u00e1pidas.<\/li>\n            <\/ol>\n\n            <!-- Canales sociales -->\n            <div class=\"vsupport-social-container\">\n                <a href=\"#whatsapp\" class=\"vsupport-social-item\">\n                    <div class=\"vsupport-social-icon vsupport-social-whatsapp\">\n                        <i class=\"fa-brands fa-whatsapp\"><\/i>\n                    <\/div>\n                    <span class=\"vsupport-social-handle\">+51 999 999 999<\/span>\n                <\/a>\n\n                <a href=\"#instagram\" class=\"vsupport-social-item\">\n                    <div class=\"vsupport-social-icon vsupport-social-instagram\">\n                        <i class=\"fa-brands fa-instagram\"><\/i>\n                    <\/div>\n                    <span class=\"vsupport-social-handle\">@valorapatrimonial<\/span>\n                <\/a>\n            <\/div>\n        <\/div>\n\n    <\/section>\n<\/div>\n\n\n\n<div style=\"height:24px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<!-- Fuente + Font Awesome -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@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 Horarios -->\n<div id=\"vhours-widget\">\n    <style>\n        \/* =========================================\n           CSS ENCAPSULADO - Valora Horarios\n           ========================================= *\/\n        #vhours-widget {\n            --vhours-navy: #0b1f3a;\n            --vhours-blue: #1a4f8a;\n            --vhours-blue-light: #dbeafe;\n            --vhours-charcoal: #4b5563;\n            --vhours-white: #ffffff;\n            --vhours-gray-50: #f8fafc;\n            --vhours-gray-100: #f1f5f9;\n            --vhours-gray-200: #e2e8f0;\n            --vhours-green: #16a34a;\n            --vhours-shadow-sm: 0 4px 12px rgba(11, 31, 58, 0.08);\n            --vhours-shadow-md: 0 10px 24px rgba(11, 31, 58, 0.12);\n            --vhours-shadow-lg: 0 20px 40px rgba(11, 31, 58, 0.15);\n\n            font-family: \"Inter\", system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n            background-color: var(--vhours-white);\n            color: var(--vhours-charcoal);\n            line-height: 1.6;\n            -webkit-font-smoothing: antialiased;\n            -moz-osx-font-smoothing: grayscale;\n            width: 100%;\n            box-sizing: border-box;\n        }\n\n        #vhours-widget *,\n        #vhours-widget *::before,\n        #vhours-widget *::after {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        #vhours-widget h1,\n        #vhours-widget h2,\n        #vhours-widget h3,\n        #vhours-widget p {\n            margin-top: 0;\n        }\n\n        \/* ========== SECCI\u00d3N ========== *\/\n        #vhours-widget .vhours-section {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 80px 24px;\n            display: flex;\n            flex-wrap: wrap;\n            gap: 48px;\n            align-items: center;\n        }\n\n        \/* ========== COLUMNA IZQUIERDA (HORARIOS) ========== *\/\n        #vhours-widget .vhours-left {\n            flex: 1 1 45%;\n            min-width: 300px;\n        }\n\n        #vhours-widget .vhours-left h1 {\n            font-size: clamp(2rem, 4vw, 3rem);\n            font-weight: 800;\n            color: var(--vhours-navy);\n            letter-spacing: -0.025em;\n            margin-bottom: 36px;\n            line-height: 1.15;\n        }\n\n        #vhours-widget .vhours-block {\n            margin-bottom: 28px;\n            padding-left: 20px;\n            border-left: 3px solid var(--vhours-blue);\n        }\n\n        #vhours-widget .vhours-time {\n            font-weight: 700;\n            font-size: 1.1rem;\n            color: var(--vhours-navy);\n            margin-bottom: 4px;\n            line-height: 1.4;\n        }\n\n        #vhours-widget .vhours-zones {\n            font-size: 0.95rem;\n            color: var(--vhours-charcoal);\n            line-height: 1.6;\n        }\n\n        #vhours-widget .vhours-zones strong {\n            color: var(--vhours-blue);\n            font-weight: 600;\n        }\n\n        \/* Bloque de idiomas *\/\n        #vhours-widget .vhours-lang-block {\n            margin-top: 40px;\n            padding: 20px 24px;\n            background: var(--vhours-gray-50);\n            border-radius: 12px;\n            border: 1px solid var(--vhours-gray-200);\n        }\n\n        #vhours-widget .vhours-lang-title {\n            font-weight: 700;\n            font-size: 1rem;\n            color: var(--vhours-navy);\n            margin-bottom: 8px;\n            display: flex;\n            align-items: center;\n            gap: 8px;\n        }\n\n        #vhours-widget .vhours-lang-title i {\n            color: var(--vhours-blue);\n            font-size: 0.9rem;\n        }\n\n        #vhours-widget .vhours-langs {\n            font-size: 1rem;\n            color: var(--vhours-charcoal);\n            line-height: 1.5;\n        }\n\n        \/* Nota adicional *\/\n        #vhours-widget .vhours-note {\n            margin-top: 24px;\n            padding: 14px 18px;\n            background: var(--vhours-blue-light);\n            border-radius: 10px;\n            font-size: 0.9rem;\n            color: var(--vhours-navy);\n            line-height: 1.5;\n        }\n\n        #vhours-widget .vhours-note i {\n            color: var(--vhours-blue);\n            margin-right: 6px;\n        }\n\n        \/* ========== COLUMNA DERECHA (COMPOSITE VISUAL) ========== *\/\n        #vhours-widget .vhours-right {\n            flex: 1 1 50%;\n            min-width: 320px;\n            position: relative;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            padding: 20px 0;\n        }\n\n        #vhours-widget .vhours-composite {\n            position: relative;\n            width: 100%;\n            max-width: 560px;\n            aspect-ratio: 4 \/ 3;\n        }\n\n        \/* ===== Widget principal: Plan de pagos ===== *\/\n        #vhours-widget .vhours-plan-widget {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            background: var(--vhours-white);\n            border-radius: 16px;\n            box-shadow: var(--vhours-shadow-lg);\n            padding: 20px;\n            z-index: 1;\n        }\n\n        #vhours-widget .vhours-plan-header {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            margin-bottom: 16px;\n            border-bottom: 1px solid var(--vhours-gray-200);\n            padding-bottom: 10px;\n        }\n\n        #vhours-widget .vhours-plan-tabs {\n            display: flex;\n            gap: 16px;\n            align-items: center;\n        }\n\n        #vhours-widget .vhours-plan-tabs span {\n            font-size: 0.85rem;\n            font-weight: 600;\n            color: #94a3b8;\n        }\n\n        #vhours-widget .vhours-plan-tabs .vhours-active {\n            color: var(--vhours-blue);\n            border-bottom: 2px solid var(--vhours-blue);\n            padding-bottom: 2px;\n            font-weight: 700;\n        }\n\n        #vhours-widget .vhours-plan-logo {\n            width: 26px;\n            height: 26px;\n            background: linear-gradient(135deg, var(--vhours-blue), var(--vhours-navy));\n            border-radius: 50%;\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            color: #ffffff;\n            font-weight: 800;\n            font-size: 0.7rem;\n            margin-right: 8px;\n        }\n\n        \/* Selector de mes *\/\n        #vhours-widget .vhours-date-picker {\n            display: flex;\n            align-items: center;\n            gap: 10px;\n            margin-bottom: 16px;\n            color: var(--vhours-charcoal);\n            font-weight: 600;\n            font-size: 0.85rem;\n        }\n\n        #vhours-widget .vhours-date-picker i {\n            color: #cbd5e1;\n            font-size: 0.75rem;\n            cursor: pointer;\n        }\n\n        #vhours-widget .vhours-date-picker .vhours-current {\n            background: var(--vhours-gray-50);\n            padding: 4px 12px;\n            border-radius: 999px;\n            font-size: 0.8rem;\n        }\n\n        \/* Grid de cuotas *\/\n        #vhours-widget .vhours-payments-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 10px;\n        }\n\n        #vhours-widget .vhours-payment-card {\n            background: var(--vhours-gray-50);\n            border-radius: 8px;\n            padding: 10px;\n            text-align: center;\n            border: 1px solid var(--vhours-gray-200);\n        }\n\n        #vhours-widget .vhours-payment-card.vhours-paid {\n            background: #f0fdf4;\n            border-color: #86efac;\n        }\n\n        #vhours-widget .vhours-payment-card.vhours-current {\n            background: var(--vhours-blue-light);\n            border-color: var(--vhours-blue);\n        }\n\n        #vhours-widget .vhours-payment-label {\n            font-size: 0.65rem;\n            font-weight: 700;\n            color: #94a3b8;\n            text-transform: uppercase;\n            letter-spacing: 0.05em;\n            margin-bottom: 6px;\n        }\n\n        #vhours-widget .vhours-payment-icon {\n            width: 32px;\n            height: 32px;\n            border-radius: 50%;\n            background: var(--vhours-white);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin: 0 auto 6px;\n            font-size: 0.9rem;\n        }\n\n        #vhours-widget .vhours-payment-icon.vhours-icon-green {\n            color: var(--vhours-green);\n        }\n\n        #vhours-widget .vhours-payment-icon.vhours-icon-blue {\n            color: var(--vhours-blue);\n        }\n\n        #vhours-widget .vhours-payment-icon.vhours-icon-gray {\n            color: #94a3b8;\n        }\n\n        #vhours-widget .vhours-payment-name {\n            font-size: 0.7rem;\n            font-weight: 700;\n            color: var(--vhours-navy);\n            margin-bottom: 2px;\n            line-height: 1.2;\n        }\n\n        #vhours-widget .vhours-payment-amount {\n            font-size: 0.6rem;\n            color: var(--vhours-charcoal);\n            line-height: 1.2;\n        }\n\n        \/* ===== Notificaci\u00f3n flotante (arriba derecha) ===== *\/\n        #vhours-widget .vhours-notification {\n            position: absolute;\n            top: -30px;\n            right: -20px;\n            width: 200px;\n            background: var(--vhours-white);\n            border-radius: 12px;\n            box-shadow: var(--vhours-shadow-md);\n            overflow: hidden;\n            z-index: 2;\n        }\n\n        #vhours-widget .vhours-notification-img {\n            width: 100%;\n            height: 100px;\n            background: linear-gradient(135deg, var(--vhours-blue) 0%, var(--vhours-navy) 100%);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: #ffffff;\n            font-size: 2rem;\n            position: relative;\n        }\n\n        #vhours-widget .vhours-notification-img i {\n            font-size: 2.5rem;\n            opacity: 0.95;\n        }\n\n        #vhours-widget .vhours-notification-content {\n            padding: 10px 12px;\n        }\n\n        #vhours-widget .vhours-notification-title {\n            font-size: 0.7rem;\n            font-weight: 800;\n            color: var(--vhours-green);\n            margin-bottom: 2px;\n            display: flex;\n            align-items: center;\n            gap: 4px;\n        }\n\n        #vhours-widget .vhours-notification-text {\n            font-size: 0.65rem;\n            color: var(--vhours-charcoal);\n            line-height: 1.3;\n        }\n\n        \/* ===== Donut chart (abajo derecha) ===== *\/\n        #vhours-widget .vhours-donut {\n            position: absolute;\n            bottom: -20px;\n            right: 10px;\n            width: 140px;\n            background: var(--vhours-white);\n            border-radius: 14px;\n            box-shadow: var(--vhours-shadow-md);\n            z-index: 3;\n            padding: 12px;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n        }\n\n        #vhours-widget .vhours-donut-chart {\n            position: relative;\n            width: 90px;\n            height: 90px;\n            margin-bottom: 8px;\n        }\n\n        #vhours-widget .vhours-donut-chart svg {\n            width: 100%;\n            height: 100%;\n            transform: rotate(-90deg);\n        }\n\n        #vhours-widget .vhours-donut-center {\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            text-align: center;\n            line-height: 1;\n        }\n\n        #vhours-widget .vhours-donut-value {\n            font-size: 1.15rem;\n            font-weight: 800;\n            color: var(--vhours-navy);\n        }\n\n        #vhours-widget .vhours-donut-label {\n            font-size: 0.55rem;\n            color: #94a3b8;\n            text-transform: uppercase;\n            letter-spacing: 0.05em;\n            font-weight: 700;\n            margin-top: 2px;\n        }\n\n        #vhours-widget .vhours-donut-legend {\n            display: flex;\n            gap: 8px;\n            font-size: 0.55rem;\n            color: var(--vhours-charcoal);\n            font-weight: 600;\n            flex-wrap: wrap;\n            justify-content: center;\n        }\n\n        #vhours-widget .vhours-donut-legend span {\n            display: flex;\n            align-items: center;\n            gap: 3px;\n        }\n\n        #vhours-widget .vhours-donut-legend .vhours-dot {\n            width: 7px;\n            height: 7px;\n            border-radius: 50%;\n        }\n\n        \/* ========== RESPONSIVE ========== *\/\n        @media (max-width: 800px) {\n            #vhours-widget .vhours-section {\n                flex-direction: column;\n                align-items: center;\n                padding: 56px 20px;\n            }\n            #vhours-widget .vhours-left,\n            #vhours-widget .vhours-right {\n                flex: 1 1 100%;\n                width: 100%;\n            }\n            #vhours-widget .vhours-left {\n                max-width: 520px;\n            }\n            #vhours-widget .vhours-right {\n                max-width: 520px;\n                margin-top: 40px;\n            }\n            #vhours-widget .vhours-notification {\n                top: -20px;\n                right: -10px;\n                width: 170px;\n            }\n            #vhours-widget .vhours-notification-img {\n                height: 85px;\n            }\n            #vhours-widget .vhours-donut {\n                bottom: -10px;\n                right: 0;\n                width: 120px;\n            }\n        }\n\n        @media (max-width: 480px) {\n            #vhours-widget .vhours-section {\n                padding: 40px 16px;\n            }\n            #vhours-widget .vhours-left h1 {\n                font-size: 1.75rem;\n                margin-bottom: 28px;\n            }\n            #vhours-widget .vhours-plan-widget {\n                padding: 14px;\n            }\n            #vhours-widget .vhours-plan-tabs span {\n                font-size: 0.7rem;\n            }\n            #vhours-widget .vhours-payments-grid {\n                gap: 6px;\n            }\n            #vhours-widget .vhours-payment-card {\n                padding: 6px;\n            }\n            #vhours-widget .vhours-payment-icon {\n                width: 26px;\n                height: 26px;\n                font-size: 0.75rem;\n            }\n            #vhours-widget .vhours-payment-name {\n                font-size: 0.6rem;\n            }\n            #vhours-widget .vhours-notification {\n                width: 150px;\n            }\n            #vhours-widget .vhours-notification-img {\n                height: 70px;\n            }\n            #vhours-widget .vhours-notification-img i {\n                font-size: 1.8rem;\n            }\n            #vhours-widget .vhours-notification-title {\n                font-size: 0.6rem;\n            }\n            #vhours-widget .vhours-notification-text {\n                font-size: 0.55rem;\n            }\n            #vhours-widget .vhours-donut {\n                width: 100px;\n                padding: 8px;\n            }\n            #vhours-widget .vhours-donut-chart {\n                width: 70px;\n                height: 70px;\n            }\n            #vhours-widget .vhours-donut-value {\n                font-size: 0.95rem;\n            }\n        }\n\n        @media (prefers-reduced-motion: reduce) {\n            #vhours-widget .vhours-notification,\n            #vhours-widget .vhours-donut {\n                transition: none;\n            }\n        }\n    <\/style>\n\n    <section class=\"vhours-section\" aria-label=\"Horario de atenci\u00f3n\">\n\n        <!-- ========== COLUMNA IZQUIERDA ========== -->\n        <div class=\"vhours-left\">\n            <h1>Horario de atenci\u00f3n<\/h1>\n\n            <div class=\"vhours-block\">\n                <div class=\"vhours-time\">Lunes a viernes: 9:00 am \u2014 6:00 pm<\/div>\n                <div class=\"vhours-zones\">(<strong>GMT-5 \u00b7 Hora de Per\u00fa<\/strong>)<\/div>\n            <\/div>\n\n            <div class=\"vhours-block\">\n                <div class=\"vhours-time\">S\u00e1bados: 9:00 am \u2014 1:00 pm<\/div>\n                <div class=\"vhours-zones\">(<strong>GMT-5 \u00b7 Hora de Per\u00fa<\/strong>) \u2014 Atenci\u00f3n limitada por WhatsApp<\/div>\n            <\/div>\n\n            <div class=\"vhours-block\">\n                <div class=\"vhours-time\">Domingos y feriados: cerrado<\/div>\n                <div class=\"vhours-zones\">Respuesta a mensajes a partir del siguiente d\u00eda h\u00e1bil<\/div>\n            <\/div>\n\n            <!-- Idiomas -->\n            <div class=\"vhours-lang-block\">\n                <div class=\"vhours-lang-title\">\n                    <i class=\"fa-solid fa-language\"><\/i>\n                    Idiomas de atenci\u00f3n\n                <\/div>\n                <div class=\"vhours-langs\">Espa\u00f1ol (y atenci\u00f3n en quechua en oficina central)<\/div>\n            <\/div>\n\n            <!-- Nota de emergencia -->\n            <div class=\"vhours-note\">\n                <i class=\"fa-solid fa-circle-info\"><\/i>\n                Clientes activos con casos urgentes pueden escribir por WhatsApp en cualquier horario. Respondemos lo antes posible.\n            <\/div>\n        <\/div>\n\n        <!-- ========== COLUMNA DERECHA ========== -->\n        <div class=\"vhours-right\">\n            <div class=\"vhours-composite\">\n\n                <!-- ===== Widget: Plan de pagos ===== -->\n                <div class=\"vhours-plan-widget\">\n\n                    <!-- Header con tabs -->\n                    <div class=\"vhours-plan-header\">\n                        <div class=\"vhours-plan-tabs\">\n                            <span class=\"vhours-plan-logo\">VP<\/span>\n                            <span class=\"vhours-active\">Plan<\/span>\n                            <span>Ahorro<\/span>\n                            <span>Score<\/span>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Selector de mes -->\n                    <div class=\"vhours-date-picker\">\n                        <i class=\"fa-solid fa-chevron-left\"><\/i>\n                        <span class=\"vhours-current\">Octubre 2026<\/span>\n                        <i class=\"fa-solid fa-chevron-right\"><\/i>\n                    <\/div>\n\n                    <!-- Grid de cuotas -->\n                    <div class=\"vhours-payments-grid\">\n\n                        <!-- Cuota 1: Pagada -->\n                        <div class=\"vhours-payment-card vhours-paid\">\n                            <div class=\"vhours-payment-label\">Semana 1<\/div>\n                            <div class=\"vhours-payment-icon vhours-icon-green\">\n                                <i class=\"fa-solid fa-check\"><\/i>\n                            <\/div>\n                            <div class=\"vhours-payment-name\">Tarjeta<\/div>\n                            <div class=\"vhours-payment-amount\">Pagada<\/div>\n                        <\/div>\n\n                        <!-- Cuota 2: Actual -->\n                        <div class=\"vhours-payment-card vhours-current\">\n                            <div class=\"vhours-payment-label\">Semana 2<\/div>\n                            <div class=\"vhours-payment-icon vhours-icon-blue\">\n                                <i class=\"fa-solid fa-clock\"><\/i>\n                            <\/div>\n                            <div class=\"vhours-payment-name\">Pr\u00e9stamo<\/div>\n                            <div class=\"vhours-payment-amount\">Pendiente<\/div>\n                        <\/div>\n\n                        <!-- Cuota 3: Pendiente -->\n                        <div class=\"vhours-payment-card\">\n                            <div class=\"vhours-payment-label\">Semana 3<\/div>\n                            <div class=\"vhours-payment-icon vhours-icon-gray\">\n                                <i class=\"fa-solid fa-hourglass-half\"><\/i>\n                            <\/div>\n                            <div class=\"vhours-payment-name\">Cuota<\/div>\n                            <div class=\"vhours-payment-amount\">Programada<\/div>\n                        <\/div>\n\n                    <\/div>\n\n                <\/div>\n\n                <!-- ===== Notificaci\u00f3n flotante (arriba derecha) ===== -->\n                <div class=\"vhours-notification\">\n                    <div class=\"vhours-notification-img\">\n                        <i class=\"fa-solid fa-circle-check\"><\/i>\n                    <\/div>\n                    <div class=\"vhours-notification-content\">\n                        <div class=\"vhours-notification-title\">\n                            <i class=\"fa-solid fa-check-circle\"><\/i>\n                            \u00a1Cuota pagada!\n                        <\/div>\n                        <div class=\"vhours-notification-text\">\n                            Tu score crediticio subi\u00f3 +8 pts este mes.\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- ===== Donut chart (abajo derecha) ===== -->\n                <div class=\"vhours-donut\">\n                    <div class=\"vhours-donut-chart\">\n                        <svg viewBox=\"0 0 100 100\">\n                            <!-- Fondo -->\n                            <circle cx=\"50\" cy=\"50\" r=\"40\" fill=\"none\" stroke=\"#f1f5f9\" stroke-width=\"12\"><\/circle>\n                            <!-- Segmento 78% (deuda pagada) -->\n                            <circle cx=\"50\" cy=\"50\" r=\"40\" fill=\"none\" stroke=\"#1a4f8a\" stroke-width=\"12\" \n                                    stroke-dasharray=\"196 251.2\" stroke-linecap=\"round\"><\/circle>\n                            <!-- Segmento 15% (ahorro) -->\n                            <circle cx=\"50\" cy=\"50\" r=\"40\" fill=\"none\" stroke=\"#60a5fa\" stroke-width=\"12\" \n                                    stroke-dasharray=\"37.7 251.2\" stroke-dashoffset=\"-196\" stroke-linecap=\"round\"><\/circle>\n                            <!-- Segmento 7% (pendiente) -->\n                            <circle cx=\"50\" cy=\"50\" r=\"40\" fill=\"none\" stroke=\"#cbd5e1\" stroke-width=\"12\" \n                                    stroke-dasharray=\"17.5 251.2\" stroke-dashoffset=\"-233.7\" stroke-linecap=\"round\"><\/circle>\n                        <\/svg>\n                        <div class=\"vhours-donut-center\">\n                            <div class=\"vhours-donut-value\">78%<\/div>\n                            <div class=\"vhours-donut-label\">Deuda<\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"vhours-donut-legend\">\n                        <span><span class=\"vhours-dot\" style=\"background: #1a4f8a;\"><\/span>Pagado<\/span>\n                        <span><span class=\"vhours-dot\" style=\"background: #60a5fa;\"><\/span>Ahorro<\/span>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n\n    <\/section>\n<\/div>\n\n\n\n<div style=\"height:24px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<!-- Fuente + Font Awesome -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@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 Oficinas -->\n<div id=\"voffices-widget\">\n    <style>\n        \/* =========================================\n           CSS ENCAPSULADO - Valora Oficinas\n           ========================================= *\/\n        #voffices-widget {\n            --voffices-navy: #0b1f3a;\n            --voffices-blue: #1a4f8a;\n            --voffices-charcoal: #4b5563;\n            --voffices-white: #ffffff;\n            --voffices-gray-50: #f8fafc;\n            --voffices-gray-200: #e2e8f0;\n            --voffices-blue-light: #dbeafe;\n            --voffices-shadow-sm: 0 4px 12px rgba(11, 31, 58, 0.06);\n            --voffices-shadow-md: 0 10px 24px rgba(11, 31, 58, 0.12);\n\n            font-family: \"Inter\", system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n            background-color: var(--voffices-white);\n            color: var(--voffices-charcoal);\n            line-height: 1.5;\n            -webkit-font-smoothing: antialiased;\n            -moz-osx-font-smoothing: grayscale;\n            width: 100%;\n            box-sizing: border-box;\n        }\n\n        #voffices-widget *,\n        #voffices-widget *::before,\n        #voffices-widget *::after {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        #voffices-widget h1,\n        #voffices-widget h2,\n        #voffices-widget h3,\n        #voffices-widget p {\n            margin-top: 0;\n            background: transparent;\n            border: none;\n        }\n\n        \/* ========== SECCI\u00d3N ========== *\/\n        #voffices-widget .voffices-section {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 80px 24px;\n        }\n\n        #voffices-widget .voffices-header {\n            text-align: center;\n            font-size: clamp(2rem, 4vw, 3rem);\n            font-weight: 800;\n            color: var(--voffices-navy);\n            letter-spacing: -0.025em;\n            margin-bottom: 16px;\n            line-height: 1.15;\n        }\n\n        #voffices-widget .voffices-subtitle {\n            text-align: center;\n            font-size: 1.1rem;\n            color: var(--voffices-charcoal);\n            max-width: 640px;\n            margin: 0 auto 64px;\n            line-height: 1.7;\n        }\n\n        \/* ========== GRID ========== *\/\n        #voffices-widget .voffices-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 32px;\n            align-items: stretch;\n        }\n\n        \/* ========== CARD ========== *\/\n        #voffices-widget .voffices-card {\n            text-align: left;\n            background: var(--voffices-white);\n            border: 1px solid var(--voffices-gray-200);\n            border-radius: 14px;\n            padding: 24px;\n            transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;\n            display: flex;\n            flex-direction: column;\n        }\n\n        #voffices-widget .voffices-card:hover {\n            transform: translateY(-4px);\n            box-shadow: var(--voffices-shadow-md);\n            border-color: var(--voffices-blue);\n        }\n\n        \/* Card destacada (Sede Central) *\/\n        #voffices-widget .voffices-card-hq {\n            background: linear-gradient(135deg, var(--voffices-blue) 0%, var(--voffices-navy) 100%);\n            border-color: transparent;\n            color: #ffffff;\n            position: relative;\n            overflow: hidden;\n        }\n\n        #voffices-widget .voffices-card-hq::before {\n            content: \"\";\n            position: absolute;\n            top: -60px;\n            right: -60px;\n            width: 160px;\n            height: 160px;\n            background: rgba(255, 255, 255, 0.08);\n            border-radius: 50%;\n            pointer-events: none;\n        }\n\n        #voffices-widget .voffices-card-hq:hover {\n            border-color: transparent;\n            box-shadow: 0 20px 40px rgba(26, 79, 138, 0.35);\n        }\n\n        #voffices-widget .voffices-card-hq .voffices-name,\n        #voffices-widget .voffices-card-hq .voffices-address,\n        #voffices-widget .voffices-card-hq .voffices-region {\n            color: #ffffff;\n        }\n\n        \/* Badge de sede central *\/\n        #voffices-widget .voffices-badge-hq {\n            display: inline-flex;\n            align-items: center;\n            gap: 6px;\n            font-size: 0.7rem;\n            font-weight: 700;\n            letter-spacing: 0.08em;\n            text-transform: uppercase;\n            background: rgba(255, 255, 255, 0.18);\n            color: #ffffff;\n            padding: 5px 12px;\n            border-radius: 999px;\n            margin-bottom: 14px;\n            align-self: flex-start;\n            position: relative;\n            z-index: 2;\n        }\n\n        #voffices-widget .voffices-badge-hq i {\n            font-size: 0.75rem;\n        }\n\n        \/* \u00cdcono *\/\n        #voffices-widget .voffices-icon {\n            width: 40px;\n            height: 40px;\n            border-radius: 10px;\n            background: var(--voffices-blue-light);\n            color: var(--voffices-blue);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 1rem;\n            margin-bottom: 16px;\n            flex-shrink: 0;\n        }\n\n        #voffices-widget .voffices-card-hq .voffices-icon {\n            background: rgba(255, 255, 255, 0.2);\n            color: #ffffff;\n        }\n\n        \/* Nombre *\/\n        #voffices-widget .voffices-name {\n            font-size: 1.2rem;\n            font-weight: 700;\n            color: var(--voffices-navy);\n            margin-bottom: 8px;\n            line-height: 1.3;\n        }\n\n        \/* Regi\u00f3n (etiqueta) *\/\n        #voffices-widget .voffices-region {\n            font-size: 0.75rem;\n            font-weight: 700;\n            color: var(--voffices-blue);\n            text-transform: uppercase;\n            letter-spacing: 0.08em;\n            margin-bottom: 10px;\n        }\n\n        \/* Direcci\u00f3n *\/\n        #voffices-widget .voffices-address {\n            font-size: 0.95rem;\n            font-weight: 400;\n            color: var(--voffices-charcoal);\n            line-height: 1.6;\n            flex: 1;\n        }\n\n        #voffices-widget .voffices-address strong {\n            font-weight: 600;\n            color: var(--voffices-navy);\n        }\n\n        #voffices-widget .voffices-card-hq .voffices-address strong {\n            color: #ffffff;\n            opacity: 0.95;\n        }\n\n        \/* Nota inferior (cobertura digital) *\/\n        #voffices-widget .voffices-note {\n            margin-top: 56px;\n            text-align: center;\n            padding: 24px 32px;\n            background: var(--voffices-gray-50);\n            border-radius: 14px;\n            border: 1px dashed var(--voffices-gray-200);\n            max-width: 720px;\n            margin-left: auto;\n            margin-right: auto;\n        }\n\n        #voffices-widget .voffices-note-icon {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            width: 44px;\n            height: 44px;\n            border-radius: 50%;\n            background: var(--voffices-blue-light);\n            color: var(--voffices-blue);\n            font-size: 1.1rem;\n            margin-bottom: 12px;\n        }\n\n        #voffices-widget .voffices-note-title {\n            font-size: 1.05rem;\n            font-weight: 700;\n            color: var(--voffices-navy);\n            margin-bottom: 6px;\n        }\n\n        #voffices-widget .voffices-note-text {\n            font-size: 0.95rem;\n            color: var(--voffices-charcoal);\n            line-height: 1.6;\n        }\n\n        \/* ========== RESPONSIVE ========== *\/\n        @media (max-width: 992px) {\n            #voffices-widget .voffices-grid {\n                grid-template-columns: repeat(2, 1fr);\n                gap: 24px;\n            }\n        }\n\n        @media (max-width: 600px) {\n            #voffices-widget .voffices-section {\n                padding: 48px 16px;\n            }\n            #voffices-widget .voffices-header {\n                margin-bottom: 12px;\n            }\n            #voffices-widget .voffices-subtitle {\n                margin-bottom: 40px;\n                font-size: 1rem;\n            }\n            #voffices-widget .voffices-grid {\n                grid-template-columns: 1fr;\n                gap: 18px;\n            }\n            #voffices-widget .voffices-card {\n                padding: 20px;\n            }\n            #voffices-widget .voffices-note {\n                padding: 20px 22px;\n                margin-top: 40px;\n            }\n        }\n\n        @media (prefers-reduced-motion: reduce) {\n            #voffices-widget .voffices-card {\n                transition: none;\n            }\n            #voffices-widget .voffices-card:hover {\n                transform: none;\n            }\n        }\n    <\/style>\n\n    <section class=\"voffices-section\" aria-labelledby=\"voffices-heading\">\n\n        <!-- Header -->\n        <h2 id=\"voffices-heading\" class=\"voffices-header\">Nuestra presencia en la Selva Central<\/h2>\n        <p class=\"voffices-subtitle\">\n            Estamos cerca de ti. Vis\u00edtanos en nuestra oficina central o agenda una cita en tu distrito.\n        <\/p>\n\n        <!-- Grid de oficinas -->\n        <div class=\"voffices-grid\">\n\n            <!-- Card 1: Sede Central (destacada) -->\n            <div class=\"voffices-card voffices-card-hq\">\n                <span class=\"voffices-badge-hq\">\n                    <i class=\"fa-solid fa-star\"><\/i>\n                    Sede Central\n                <\/span>\n                <div class=\"voffices-icon\">\n                    <i class=\"fa-solid fa-building\"><\/i>\n                <\/div>\n                <h3 class=\"voffices-name\">Satipo<\/h3>\n                <div class=\"voffices-region\">Jun\u00edn \u00b7 Per\u00fa<\/div>\n                <p class=\"voffices-address\">\n                    <strong>Av. Principal s\/n<\/strong><br>\n                    Ref: Frente a la Plaza de Armas<br>\n                    Satipo, Jun\u00edn\n                <\/p>\n            <\/div>\n\n            <!-- Card 2: Chanchamayo -->\n            <div class=\"voffices-card\">\n                <div class=\"voffices-icon\">\n                    <i class=\"fa-solid fa-map-location-dot\"><\/i>\n                <\/div>\n                <h3 class=\"voffices-name\">Chanchamayo<\/h3>\n                <div class=\"voffices-region\">Jun\u00edn \u00b7 Per\u00fa<\/div>\n                <p class=\"voffices-address\">\n                    <strong>Punto de atenci\u00f3n<\/strong><br>\n                    Av. San Carlos s\/n<br>\n                    Chanchamayo, Jun\u00edn\n                <\/p>\n            <\/div>\n\n            <!-- Card 3: La Merced -->\n            <div class=\"voffices-card\">\n                <div class=\"voffices-icon\">\n                    <i class=\"fa-solid fa-map-location-dot\"><\/i>\n                <\/div>\n                <h3 class=\"voffices-name\">La Merced<\/h3>\n                <div class=\"voffices-region\">Jun\u00edn \u00b7 Per\u00fa<\/div>\n                <p class=\"voffices-address\">\n                    <strong>Punto de atenci\u00f3n<\/strong><br>\n                    Jr. Tarma s\/n<br>\n                    La Merced, Jun\u00edn\n                <\/p>\n            <\/div>\n\n            <!-- Card 4: Pichanaki -->\n            <div class=\"voffices-card\">\n                <div class=\"voffices-icon\">\n                    <i class=\"fa-solid fa-map-location-dot\"><\/i>\n                <\/div>\n                <h3 class=\"voffices-name\">Pichanaki<\/h3>\n                <div class=\"voffices-region\">Jun\u00edn \u00b7 Per\u00fa<\/div>\n                <p class=\"voffices-address\">\n                    <strong>Punto de atenci\u00f3n<\/strong><br>\n                    Av. Circunvalaci\u00f3n s\/n<br>\n                    Pichanaki, Jun\u00edn\n                <\/p>\n            <\/div>\n\n            <!-- Card 5: Satipo (cobertura rural) -->\n            <div class=\"voffices-card\">\n                <div class=\"voffices-icon\">\n                    <i class=\"fa-solid fa-truck-fast\"><\/i>\n                <\/div>\n                <h3 class=\"voffices-name\">Cobertura rural<\/h3>\n                <div class=\"voffices-region\">Selva Central<\/div>\n                <p class=\"voffices-address\">\n                    <strong>Visitas a domicilio<\/strong><br>\n                    Comunidades nativas y centros poblados<br>\n                    Previa coordinaci\u00f3n por WhatsApp\n                <\/p>\n            <\/div>\n\n            <!-- Card 6: 100% Digital -->\n            <div class=\"voffices-card\">\n                <div class=\"voffices-icon\">\n                    <i class=\"fa-solid fa-laptop\"><\/i>\n                <\/div>\n                <h3 class=\"voffices-name\">Atenci\u00f3n 100% digital<\/h3>\n                <div class=\"voffices-region\">Todo el Per\u00fa<\/div>\n                <p class=\"voffices-address\">\n                    <strong>Videollamadas y WhatsApp<\/strong><br>\n                    Si no est\u00e1s en la regi\u00f3n, te acompa\u00f1amos<br>\n                    donde est\u00e9s.\n                <\/p>\n            <\/div>\n\n        <\/div>\n\n        <!-- Nota adicional -->\n        <div class=\"voffices-note\">\n            <div class=\"voffices-note-icon\">\n                <i class=\"fa-solid fa-handshake-angle\"><\/i>\n            <\/div>\n            <h3 class=\"voffices-note-title\">\u00bfNo ves tu distrito?<\/h3>\n            <p class=\"voffices-note-text\">\n                Escr\u00edbenos por WhatsApp al <strong>+51 999 999 999<\/strong> y evaluamos c\u00f3mo acompa\u00f1arte en tu zona. Estamos en constante expansi\u00f3n.\n            <\/p>\n        <\/div>\n\n    <\/section>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Cont\u00e1ctanos Estamos aqu\u00ed para responder tus dudas sobre deudas, ahorro, inversi\u00f3n y patrimonio. Nos encantar\u00eda saber de ti. Agenda tu diagn\u00f3stico Descubre c\u00f3mo funciona Valora con un diagn\u00f3stico personalizado. Sin compromiso, con total confidencialidad. Reservar ahora \u2192 Habla con un asesor \u00bfTienes dudas sobre tu caso? Conversa con un experto en finanzas personales. Te respondemos [&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-21","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.valorapatrimonial.com.pe\/index.php?rest_route=\/wp\/v2\/pages\/21","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=21"}],"version-history":[{"count":11,"href":"https:\/\/www.valorapatrimonial.com.pe\/index.php?rest_route=\/wp\/v2\/pages\/21\/revisions"}],"predecessor-version":[{"id":476,"href":"https:\/\/www.valorapatrimonial.com.pe\/index.php?rest_route=\/wp\/v2\/pages\/21\/revisions\/476"}],"wp:attachment":[{"href":"https:\/\/www.valorapatrimonial.com.pe\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=21"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}