{"id":362,"date":"2026-08-14T01:37:59","date_gmt":"2026-08-14T01:37:59","guid":{"rendered":"https:\/\/www.valorapatrimonial.com.pe\/?page_id=362"},"modified":"2026-09-18T04:15:10","modified_gmt":"2026-09-18T04:15:10","slug":"biblioteca-de-recursos","status":"publish","type":"page","link":"https:\/\/www.valorapatrimonial.com.pe\/?page_id=362","title":{"rendered":"Biblioteca de Recursos"},"content":{"rendered":"\n<!-- Fuente -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;700;900&#038;display=swap\" rel=\"stylesheet\">\n\n<!-- Contenedor Aislado Valora Biblioteca -->\n<div id=\"vlib-widget\">\n    <style>\n        \/* =========================================\n           CSS ENCAPSULADO - Valora Biblioteca\n           ========================================= *\/\n        #vlib-widget {\n            --vlib-navy: #0b1f3a;\n            --vlib-blue: #1a4f8a;\n            --vlib-blue-hover: #163c6b;\n            --vlib-charcoal: #4b5563;\n            --vlib-white: #ffffff;\n            --vlib-gray-bg: #e5e7eb;\n            --vlib-gray-hover: #d1d5db;\n            --vlib-border: #d1d5db;\n\n            font-family: 'Inter', sans-serif;\n            margin: 0 auto;\n            padding: 0;\n            background-color: #ffffff;\n            width: 100%;\n            box-sizing: border-box;\n            -webkit-font-smoothing: antialiased;\n            -moz-osx-font-smoothing: grayscale;\n        }\n\n        #vlib-widget *,\n        #vlib-widget *::before,\n        #vlib-widget *::after {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n\n        \/* =========================================\n           SECCI\u00d3N 1: HERO\n           ========================================= *\/\n        #vlib-widget .vlib-hero {\n            background-color: var(--vlib-navy);\n            padding: 100px 24px;\n            min-height: 60vh;\n            display: flex;\n            align-items: center;\n            overflow: hidden;\n        }\n\n        #vlib-widget .vlib-hero-content {\n            max-width: 960px;\n            width: 100%;\n            margin: 0 auto;\n        }\n\n        \/* Pre-header *\/\n        #vlib-widget .vlib-preheader {\n            color: var(--vlib-white);\n            font-size: 0.75rem;\n            font-weight: 700;\n            text-transform: uppercase;\n            letter-spacing: 0.25em;\n            opacity: 0.9;\n            margin-bottom: 24px;\n            display: inline-block;\n        }\n\n        \/* T\u00edtulo principal *\/\n        #vlib-widget .vlib-title {\n            font-size: clamp(2.25rem, 6vw, 5rem);\n            font-weight: 900;\n            color: var(--vlib-white);\n            line-height: 1.1;\n            letter-spacing: -0.025em;\n            margin-bottom: 24px;\n        }\n\n        \/* Subt\u00edtulo *\/\n        #vlib-widget .vlib-subtitle {\n            font-size: clamp(1.1rem, 2vw, 1.5rem);\n            font-weight: 400;\n            color: var(--vlib-white);\n            line-height: 1.6;\n            max-width: 640px;\n            opacity: 0.9;\n        }\n\n        \/* =========================================\n           SECCI\u00d3N 2: BARRA DE FILTROS\n           ========================================= *\/\n        #vlib-widget .vlib-filters {\n            background: #ffffff;\n            padding: 24px;\n            border-bottom: 1px solid #eef2f7;\n        }\n\n        #vlib-widget .vlib-filters-container {\n            max-width: 1200px;\n            margin: 0 auto;\n            display: flex;\n            flex-wrap: wrap;\n            align-items: center;\n            gap: 12px;\n        }\n\n        \/* Contenedor de los dropdowns *\/\n        #vlib-widget .vlib-selects {\n            display: flex;\n            gap: 12px;\n            flex: 1 1 auto;\n            min-width: 0;\n        }\n\n        @media (max-width: 768px) {\n            #vlib-widget .vlib-selects {\n                flex-direction: column;\n                width: 100%;\n            }\n        }\n\n        \/* Wrapper de cada dropdown *\/\n        #vlib-widget .vlib-select-wrap {\n            position: relative;\n            flex: 1 1 220px;\n            min-width: 0;\n        }\n\n        #vlib-widget .vlib-select-wrap select {\n            width: 100%;\n            padding: 14px 44px 14px 16px;\n            font-size: 1rem;\n            font-family: inherit;\n            font-weight: 500;\n            border: 1px solid var(--vlib-border);\n            border-radius: 4px;\n            background-color: #ffffff;\n            color: var(--vlib-navy);\n            appearance: none;\n            -webkit-appearance: none;\n            cursor: pointer;\n            outline: none;\n            box-shadow: none;\n            transition: border-color 0.2s ease, box-shadow 0.2s ease;\n        }\n\n        #vlib-widget .vlib-select-wrap select:hover,\n        #vlib-widget .vlib-select-wrap select:focus {\n            border-color: var(--vlib-blue);\n            box-shadow: 0 0 0 3px rgba(26, 79, 138, 0.1);\n        }\n\n        \/* Flecha personalizada *\/\n        #vlib-widget .vlib-select-wrap::after {\n            content: \"\";\n            position: absolute;\n            right: 16px;\n            top: 50%;\n            transform: translateY(-50%) rotate(45deg);\n            width: 8px;\n            height: 8px;\n            border-right: 2px solid var(--vlib-charcoal);\n            border-bottom: 2px solid var(--vlib-charcoal);\n            pointer-events: none;\n            transition: transform 0.2s ease;\n        }\n\n        \/* Botones de acci\u00f3n *\/\n        #vlib-widget .vlib-actions {\n            display: flex;\n            gap: 12px;\n        }\n\n        #vlib-widget .vlib-btn {\n            padding: 14px 32px;\n            font-size: 1rem;\n            font-family: inherit;\n            font-weight: 700;\n            border-radius: 4px;\n            border: none;\n            cursor: pointer;\n            transition: background-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;\n            white-space: nowrap;\n        }\n\n        \/* Bot\u00f3n Aplicar (azul) *\/\n        #vlib-widget .vlib-btn-apply {\n            background-color: var(--vlib-blue);\n            color: var(--vlib-white);\n        }\n\n        #vlib-widget .vlib-btn-apply:hover {\n            background-color: var(--vlib-blue-hover);\n            box-shadow: 0 4px 12px rgba(26, 79, 138, 0.3);\n            transform: translateY(-1px);\n        }\n\n        \/* Bot\u00f3n Limpiar (gris) *\/\n        #vlib-widget .vlib-btn-clear {\n            background-color: var(--vlib-gray-bg);\n            color: var(--vlib-navy);\n        }\n\n        #vlib-widget .vlib-btn-clear:hover {\n            background-color: var(--vlib-gray-hover);\n            box-shadow: 0 4px 12px rgba(11, 31, 58, 0.1);\n        }\n\n        \/* =========================================\n           ANIMACIONES\n           ========================================= *\/\n        @keyframes vlibFadeInUp {\n            from {\n                opacity: 0;\n                transform: translateY(20px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        #vlib-widget .vlib-fade-up {\n            opacity: 0;\n            animation: vlibFadeInUp 0.8s ease-out forwards;\n        }\n\n        #vlib-widget .vlib-delay-100 { animation-delay: 0.1s; }\n        #vlib-widget .vlib-delay-200 { animation-delay: 0.2s; }\n        #vlib-widget .vlib-delay-300 { animation-delay: 0.3s; }\n\n        \/* =========================================\n           RESPONSIVE\n           ========================================= *\/\n        @media (max-width: 768px) {\n            #vlib-widget .vlib-hero {\n                padding: 64px 20px;\n                min-height: 50vh;\n            }\n            #vlib-widget .vlib-preheader {\n                font-size: 0.7rem;\n                letter-spacing: 0.2em;\n                margin-bottom: 16px;\n            }\n            #vlib-widget .vlib-title {\n                margin-bottom: 16px;\n            }\n            #vlib-widget .vlib-filters {\n                padding: 20px;\n            }\n            #vlib-widget .vlib-actions {\n                width: 100%;\n                justify-content: center;\n            }\n            #vlib-widget .vlib-btn {\n                flex: 1;\n                padding: 12px 20px;\n            }\n        }\n\n        @media (max-width: 480px) {\n            #vlib-widget .vlib-hero {\n                padding: 48px 16px;\n            }\n            #vlib-widget .vlib-filters {\n                padding: 16px;\n            }\n            #vlib-widget .vlib-btn {\n                padding: 12px 16px;\n                font-size: 0.9rem;\n            }\n        }\n\n        @media (prefers-reduced-motion: reduce) {\n            #vlib-widget .vlib-fade-up {\n                opacity: 1;\n                animation: none;\n            }\n        }\n    <\/style>\n\n    <!-- =========================================\n         SECCI\u00d3N 1: HERO\n         ========================================= -->\n    <section class=\"vlib-hero\">\n        <div class=\"vlib-hero-content\">\n\n            <!-- Pre-header -->\n            <span class=\"vlib-preheader vlib-fade-up vlib-delay-100\">\n                Biblioteca de Recursos\n            <\/span>\n\n            <!-- T\u00edtulo principal -->\n            <h1 class=\"vlib-title vlib-fade-up vlib-delay-200\">\n                Las finanzas<br>\n                est\u00e1n en nuestro ADN.\n            <\/h1>\n\n            <!-- Subt\u00edtulo -->\n            <p class=\"vlib-subtitle vlib-fade-up vlib-delay-300\">\n                Explora recursos gratuitos \u2014 gu\u00edas, casos reales, plantillas y webinars \u2014 para transformar tus finanzas y construir tu patrimonio.\n            <\/p>\n\n        <\/div>\n    <\/section>\n\n    <!-- =========================================\n         SECCI\u00d3N 2: BARRA DE FILTROS\n         ========================================= -->\n    <div class=\"vlib-filters\">\n        <div class=\"vlib-filters-container\">\n\n            <!-- Dropdowns -->\n            <div class=\"vlib-selects\">\n\n                <!-- Dropdown 1: Categor\u00edas -->\n                <div class=\"vlib-select-wrap\">\n                    <select aria-label=\"Todas las categor\u00edas\">\n                        <option selected>Todas las categor\u00edas<\/option>\n                        <option>Casos de \u00e9xito<\/option>\n                        <option>Gu\u00edas descargables<\/option>\n                        <option>Tendencias<\/option>\n                        <option>Educaci\u00f3n financiera<\/option>\n                        <option>Webinars<\/option>\n                        <option>Plantillas<\/option>\n                    <\/select>\n                <\/div>\n\n                <!-- Dropdown 2: Temas -->\n                <div class=\"vlib-select-wrap\">\n                    <select aria-label=\"Todos los temas\">\n                        <option selected>Todos los temas<\/option>\n                        <option>Salir de deudas<\/option>\n                        <option>Ahorro y presupuesto<\/option>\n                        <option>Reconstruir historial<\/option>\n                        <option>Inversi\u00f3n<\/option>\n                        <option>Construcci\u00f3n patrimonial<\/option>\n                        <option>Educaci\u00f3n financiera<\/option>\n                    <\/select>\n                <\/div>\n\n            <\/div>\n\n            <!-- Botones -->\n            <div class=\"vlib-actions\">\n                <button class=\"vlib-btn vlib-btn-apply\" type=\"button\">Aplicar<\/button>\n                <button class=\"vlib-btn vlib-btn-clear\" type=\"button\">Limpiar<\/button>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/div>\n\n<!-- Script Aislado -->\n<script>\n    (function() {\n        const btnApply = document.querySelector('#vlib-widget .vlib-btn-apply');\n        const btnClear = document.querySelector('#vlib-widget .vlib-btn-clear');\n\n        if (btnApply) {\n            btnApply.addEventListener('click', function() {\n                console.log('Aplicar filtros (simulado)');\n            });\n        }\n\n        if (btnClear) {\n            btnClear.addEventListener('click', function() {\n                const selects = document.querySelectorAll('#vlib-widget .vlib-select-wrap select');\n                selects.forEach(sel => sel.selectedIndex = 0);\n                console.log('Filtros limpiados');\n            });\n        }\n    })();\n<\/script>\n\n\n\n<div style=\"height:28px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<!-- Fuente -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700;800&#038;display=swap\" rel=\"stylesheet\">\n\n<!-- Contenedor Aislado Valora Library Grid -->\n<div id=\"vlib-grid-widget\">\n    <style>\n        \/* =========================================\n           CSS ENCAPSULADO - Valora Library Grid\n           ========================================= *\/\n        #vlib-grid-widget {\n            --vlib-navy: #0b1f3a;\n            --vlib-blue: #1a4f8a;\n            --vlib-blue-hover: #163c6b;\n            --vlib-light-gray: #e5e7eb;\n            --vlib-charcoal: #4b5563;\n            --vlib-off-white: #f8fafc;\n            --vlib-white: #ffffff;\n            --vlib-red: #dc2626;\n            --vlib-border-radius: 12px;\n            --vlib-shadow-sm: 0 4px 12px rgba(11, 31, 58, 0.08);\n            --vlib-shadow-hover: 0 12px 28px rgba(11, 31, 58, 0.15);\n            --vlib-transition: 0.3s ease;\n\n            font-family: \"Inter\", system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n            background-color: var(--vlib-off-white);\n            color: var(--vlib-charcoal);\n            line-height: 1.6;\n            -webkit-font-smoothing: antialiased;\n            -moz-osx-font-smoothing: grayscale;\n            margin: 0 auto;\n            width: 100%;\n            box-sizing: border-box;\n        }\n\n        #vlib-grid-widget *,\n        #vlib-grid-widget *::before,\n        #vlib-grid-widget *::after {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        #vlib-grid-widget button,\n        #vlib-grid-widget select {\n            font-family: inherit;\n            outline: none;\n        }\n\n        \/* ========== SECCI\u00d3N ========== *\/\n        #vlib-grid-widget .vlib-library-section {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 64px 24px 80px;\n        }\n\n        \/* ========== BARRA DE FILTROS ========== *\/\n        #vlib-grid-widget .vlib-filter-bar {\n            display: flex;\n            flex-wrap: wrap;\n            align-items: center;\n            gap: 16px;\n            margin-bottom: 48px;\n        }\n\n        #vlib-grid-widget .vlib-filter-selects {\n            display: flex;\n            gap: 12px;\n            flex: 1 1 auto;\n            min-width: 0;\n            flex-wrap: wrap;\n        }\n\n        #vlib-grid-widget .vlib-filter-select {\n            position: relative;\n            flex: 1 1 220px;\n            min-width: 160px;\n        }\n\n        #vlib-grid-widget .vlib-filter-select select {\n            width: 100%;\n            padding: 12px 40px 12px 16px;\n            font-size: 1rem;\n            border: 1px solid var(--vlib-navy);\n            border-radius: var(--vlib-border-radius);\n            background-color: var(--vlib-white);\n            color: var(--vlib-charcoal);\n            appearance: none;\n            -webkit-appearance: none;\n            cursor: pointer;\n            transition: border-color var(--vlib-transition), box-shadow var(--vlib-transition);\n        }\n\n        #vlib-grid-widget .vlib-filter-select select:hover,\n        #vlib-grid-widget .vlib-filter-select select:focus {\n            border-color: var(--vlib-blue);\n            box-shadow: 0 0 0 3px rgba(26, 79, 138, 0.1);\n        }\n\n        #vlib-grid-widget .vlib-filter-select::after {\n            content: \"\u25bc\";\n            position: absolute;\n            right: 16px;\n            top: 50%;\n            transform: translateY(-50%);\n            font-size: 0.7rem;\n            color: var(--vlib-charcoal);\n            pointer-events: none;\n        }\n\n        #vlib-grid-widget .vlib-filter-actions {\n            display: flex;\n            gap: 12px;\n        }\n\n        #vlib-grid-widget .vlib-btn {\n            padding: 12px 28px;\n            font-size: 1rem;\n            font-weight: 600;\n            border-radius: var(--vlib-border-radius);\n            border: none;\n            cursor: pointer;\n            transition: background-color var(--vlib-transition), box-shadow var(--vlib-transition);\n            white-space: nowrap;\n        }\n\n        #vlib-grid-widget .vlib-btn-apply {\n            background-color: var(--vlib-blue);\n            color: var(--vlib-white);\n        }\n\n        #vlib-grid-widget .vlib-btn-apply:hover {\n            background-color: var(--vlib-navy);\n            box-shadow: 0 6px 16px rgba(26, 79, 138, 0.3);\n        }\n\n        #vlib-grid-widget .vlib-btn-clear {\n            background-color: var(--vlib-light-gray);\n            color: var(--vlib-charcoal);\n        }\n\n        #vlib-grid-widget .vlib-btn-clear:hover {\n            background-color: #d1d5db;\n            box-shadow: 0 4px 10px rgba(0,0,0,0.1);\n        }\n\n        \/* ========== GRID DE RECURSOS ========== *\/\n        #vlib-grid-widget .vlib-resource-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 32px;\n        }\n\n        #vlib-grid-widget .vlib-resource-card {\n            background: var(--vlib-white);\n            border-radius: var(--vlib-border-radius);\n            overflow: hidden;\n            box-shadow: var(--vlib-shadow-sm);\n            transition: transform var(--vlib-transition), box-shadow var(--vlib-transition);\n            cursor: pointer;\n            text-align: left;\n            display: flex;\n            flex-direction: column;\n        }\n\n        #vlib-grid-widget .vlib-resource-card:hover {\n            transform: translateY(-4px);\n            box-shadow: var(--vlib-shadow-hover);\n        }\n\n        #vlib-grid-widget .vlib-resource-card:focus-visible {\n            outline: 3px solid var(--vlib-blue);\n            outline-offset: 2px;\n        }\n\n        \/* Imagen *\/\n        #vlib-grid-widget .vlib-card-image {\n            position: relative;\n            width: 100%;\n            height: 220px;\n            overflow: hidden;\n            flex-shrink: 0;\n        }\n\n        #vlib-grid-widget .vlib-card-image img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            display: block;\n        }\n\n        \/* Fondos decorativos *\/\n        #vlib-grid-widget .vlib-card-image.vlib-middle {\n            background: linear-gradient(135deg, #1a4f8a 0%, #0b1f3a 100%);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        #vlib-grid-widget .vlib-card-image.vlib-right {\n            background: linear-gradient(135deg, #163c6b 0%, #0b1f3a 60%, #1a4f8a 100%);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        \/* Mockup: Calculadora\/Presupuesto *\/\n        #vlib-grid-widget .vlib-mockup-budget {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n            gap: 12px;\n            color: #ffffff;\n            text-align: center;\n        }\n\n        #vlib-grid-widget .vlib-mockup-icon {\n            font-size: 4.5rem;\n            filter: drop-shadow(0 10px 20px rgba(0,0,0,0.3));\n        }\n\n        #vlib-grid-widget .vlib-mockup-label {\n            font-size: 0.8rem;\n            font-weight: 800;\n            letter-spacing: 0.15em;\n            text-transform: uppercase;\n            opacity: 0.9;\n        }\n\n        \/* Mockup: Revistas apiladas *\/\n        #vlib-grid-widget .vlib-magazine-stack {\n            position: relative;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            width: 100%;\n            height: 100%;\n        }\n\n        #vlib-grid-widget .vlib-magazine {\n            position: absolute;\n            width: 130px;\n            height: 175px;\n            background: #ffffff;\n            border-radius: 6px;\n            box-shadow: 0 8px 20px rgba(0,0,0,0.35);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-weight: 800;\n            color: var(--vlib-navy);\n            text-align: center;\n            font-size: 0.75rem;\n            padding: 12px;\n            line-height: 1.3;\n        }\n\n        #vlib-grid-widget .vlib-magazine:nth-child(1) {\n            transform: translateX(-35px) rotate(-4deg);\n            z-index: 1;\n        }\n\n        #vlib-grid-widget .vlib-magazine:nth-child(2) {\n            transform: translateX(0) rotate(0deg);\n            z-index: 3;\n            background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);\n        }\n\n        #vlib-grid-widget .vlib-magazine:nth-child(3) {\n            transform: translateX(35px) rotate(4deg);\n            z-index: 2;\n        }\n\n        #vlib-grid-widget .vlib-magazine-title {\n            font-size: 0.85rem;\n            font-weight: 900;\n            line-height: 1.2;\n            letter-spacing: -0.02em;\n        }\n\n        #vlib-grid-widget .vlib-magazine-year {\n            font-size: 0.65rem;\n            font-weight: 600;\n            color: var(--vlib-blue);\n            margin-top: 6px;\n            letter-spacing: 0.1em;\n        }\n\n        \/* Badge overlay (m\u00e9tricas) *\/\n        #vlib-grid-widget .vlib-badge-overlay {\n            position: absolute;\n            background: var(--vlib-white);\n            border-radius: 8px;\n            padding: 8px 16px;\n            box-shadow: 0 4px 12px rgba(0,0,0,0.15);\n            font-weight: bold;\n            z-index: 2;\n            pointer-events: none;\n        }\n\n        #vlib-grid-widget .vlib-badge-engagement {\n            top: 16px;\n            right: 16px;\n            color: #1e1e1e;\n            text-align: center;\n        }\n\n        #vlib-grid-widget .vlib-badge-engagement .vlib-value {\n            font-size: 1.15rem;\n            font-weight: 800;\n            color: var(--vlib-navy);\n            line-height: 1;\n        }\n\n        #vlib-grid-widget .vlib-badge-engagement .vlib-label {\n            font-size: 0.65rem;\n            color: #6b7280;\n            text-transform: uppercase;\n            letter-spacing: 0.05em;\n            margin-top: 4px;\n        }\n\n        \/* Badge logo (abajo izquierda) *\/\n        #vlib-grid-widget .vlib-badge-logo {\n            bottom: 16px;\n            left: 16px;\n            background-color: var(--vlib-navy);\n            color: #ffffff;\n            font-size: 0.7rem;\n            letter-spacing: 0.08em;\n            padding: 6px 12px;\n            border-radius: 6px;\n            font-weight: 700;\n            text-transform: uppercase;\n        }\n\n        \/* Contenido *\/\n        #vlib-grid-widget .vlib-card-content {\n            padding: 24px 22px 28px;\n            flex: 1;\n            display: flex;\n            flex-direction: column;\n        }\n\n        #vlib-grid-widget .vlib-card-category {\n            display: block;\n            font-size: 0.8rem;\n            font-weight: 700;\n            color: var(--vlib-blue);\n            margin-bottom: 10px;\n            text-transform: uppercase;\n            letter-spacing: 0.08em;\n        }\n\n        #vlib-grid-widget .vlib-card-title {\n            font-size: 1.3rem;\n            font-weight: 800;\n            color: var(--vlib-navy);\n            margin-bottom: 12px;\n            line-height: 1.35;\n            letter-spacing: -0.01em;\n        }\n\n        #vlib-grid-widget .vlib-card-body {\n            font-size: 0.95rem;\n            color: var(--vlib-charcoal);\n            line-height: 1.65;\n            flex: 1;\n        }\n\n        \/* ========== RESPONSIVE ========== *\/\n        @media (max-width: 900px) {\n            #vlib-grid-widget .vlib-resource-grid {\n                grid-template-columns: repeat(2, 1fr);\n                gap: 24px;\n            }\n        }\n\n        @media (max-width: 768px) {\n            #vlib-grid-widget .vlib-library-section {\n                padding: 40px 16px;\n            }\n            #vlib-grid-widget .vlib-filter-bar {\n                flex-direction: column;\n                align-items: stretch;\n            }\n            #vlib-grid-widget .vlib-filter-selects {\n                flex-direction: column;\n            }\n            #vlib-grid-widget .vlib-filter-actions {\n                justify-content: center;\n            }\n            #vlib-grid-widget .vlib-btn {\n                flex: 1;\n                text-align: center;\n            }\n            #vlib-grid-widget .vlib-resource-grid {\n                grid-template-columns: 1fr;\n                gap: 24px;\n            }\n            #vlib-grid-widget .vlib-card-image {\n                height: 200px;\n            }\n            #vlib-grid-widget .vlib-card-title {\n                font-size: 1.15rem;\n            }\n        }\n\n        @media (max-width: 480px) {\n            #vlib-grid-widget .vlib-card-image {\n                height: 180px;\n            }\n            #vlib-grid-widget .vlib-badge-overlay {\n                padding: 6px 12px;\n            }\n            #vlib-grid-widget .vlib-badge-engagement .vlib-value {\n                font-size: 1rem;\n            }\n            #vlib-grid-widget .vlib-magazine {\n                width: 110px;\n                height: 150px;\n                font-size: 0.7rem;\n            }\n        }\n    <\/style>\n\n    <!-- HTML -->\n    <section class=\"vlib-library-section\" aria-label=\"Biblioteca de recursos\">\n\n        <!-- Barra de filtros -->\n        <div class=\"vlib-filter-bar\">\n            <div class=\"vlib-filter-selects\">\n                <div class=\"vlib-filter-select\">\n                    <select aria-label=\"Todas las categor\u00edas\">\n                        <option selected>Todas las categor\u00edas<\/option>\n                        <option>Casos de \u00e9xito<\/option>\n                        <option>Gu\u00edas descargables<\/option>\n                        <option>Tendencias<\/option>\n                        <option>Educaci\u00f3n financiera<\/option>\n                        <option>Webinars<\/option>\n                    <\/select>\n                <\/div>\n                <div class=\"vlib-filter-select\">\n                    <select aria-label=\"Todos los temas\">\n                        <option selected>Todos los temas<\/option>\n                        <option>Salir de deudas<\/option>\n                        <option>Ahorro y presupuesto<\/option>\n                        <option>Reconstruir historial<\/option>\n                        <option>Inversi\u00f3n<\/option>\n                        <option>Patrimonio<\/option>\n                    <\/select>\n                <\/div>\n            <\/div>\n            <div class=\"vlib-filter-actions\">\n                <button class=\"vlib-btn vlib-btn-apply\" type=\"button\">Aplicar<\/button>\n                <button class=\"vlib-btn vlib-btn-clear\" type=\"button\">Limpiar<\/button>\n            <\/div>\n        <\/div>\n\n        <!-- Grid de recursos -->\n        <div class=\"vlib-resource-grid\">\n\n            <!-- Card 1: Caso de \u00e9xito -->\n            <article class=\"vlib-resource-card\" tabindex=\"0\">\n                <div class=\"vlib-card-image\">\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1573497019940-1c28c88b4f3e?w=600&#038;auto=format&#038;fit=crop\" \n                         alt=\"Comerciante de Satipo sonriendo\" loading=\"lazy\">\n                    <div class=\"vlib-badge-overlay vlib-badge-engagement\">\n                        <div class=\"vlib-value\">78%<\/div>\n                        <div class=\"vlib-label\">Deuda reducida<\/div>\n                    <\/div>\n                    <div class=\"vlib-badge-overlay vlib-badge-logo\">Caso Satipo<\/div>\n                <\/div>\n                <div class=\"vlib-card-content\">\n                    <span class=\"vlib-card-category\">Casos de \u00e9xito<\/span>\n                    <h3 class=\"vlib-card-title\">\u00bfC\u00f3mo Rosa Quispe sali\u00f3 de 4 deudas en menos de 12 meses?<\/h3>\n                    <p class=\"vlib-card-body\">\n                        Rosa, comerciante de Satipo, lleg\u00f3 a Valora con 4 acreedores activos y score destruido. Hoy tiene su carta de no adeudo y su negocio en expansi\u00f3n. Conoce su proceso paso a paso.\n                    <\/p>\n                <\/div>\n            <\/article>\n\n            <!-- Card 2: Gu\u00eda descargable -->\n            <article class=\"vlib-resource-card\" tabindex=\"0\">\n                <div class=\"vlib-card-image vlib-middle\">\n                    <div class=\"vlib-mockup-budget\" aria-hidden=\"true\">\n                        <div class=\"vlib-mockup-icon\">\ud83d\udcca<\/div>\n                        <div class=\"vlib-mockup-label\">Gu\u00eda gratuita<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"vlib-card-content\">\n                    <span class=\"vlib-card-category\">Gu\u00eda descargable<\/span>\n                    <h3 class=\"vlib-card-title\">Presupuesto familiar: la gu\u00eda definitiva para ordenar tus finanzas<\/h3>\n                    <p class=\"vlib-card-body\">\n                        Aprende paso a paso a construir un presupuesto familiar realista. Incluye plantilla descargable, ejemplos adaptados a la realidad peruana y tips para mantenerte constante sin sacrificar lo que amas.\n                    <\/p>\n                <\/div>\n            <\/article>\n\n            <!-- Card 3: Reporte -->\n            <article class=\"vlib-resource-card\" tabindex=\"0\">\n                <div class=\"vlib-card-image vlib-right\">\n                    <div class=\"vlib-magazine-stack\" aria-hidden=\"true\">\n                        <div class=\"vlib-magazine\">\n                            <div>\n                                <div class=\"vlib-magazine-title\">MOROSIDAD<br>SELVA<br>CENTRAL<\/div>\n                                <div class=\"vlib-magazine-year\">2026<\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"vlib-magazine\">\n                            <div>\n                                <div class=\"vlib-magazine-title\">MOROSIDAD<br>SELVA<br>CENTRAL<\/div>\n                                <div class=\"vlib-magazine-year\">2026<\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"vlib-magazine\">\n                            <div>\n                                <div class=\"vlib-magazine-title\">MOROSIDAD<br>SELVA<br>CENTRAL<\/div>\n                                <div class=\"vlib-magazine-year\">2026<\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"vlib-card-content\">\n                    <span class=\"vlib-card-category\">Tendencias<\/span>\n                    <h3 class=\"vlib-card-title\">Reporte de morosidad en la Selva Central 2026<\/h3>\n                    <p class=\"vlib-card-body\">\n                        An\u00e1lisis completo de la situaci\u00f3n financiera de Satipo, Chanchamayo y La Merced: cifras actualizadas de la SBS, perfiles de morosos, causas principales y qu\u00e9 soluciones est\u00e1n funcionando en la regi\u00f3n.\n                    <\/p>\n                <\/div>\n            <\/article>\n\n        <\/div>\n    <\/section>\n<\/div>\n\n<!-- Script Aislado -->\n<script>\n    (function() {\n        \/\/ Cards clickeables\n        document.querySelectorAll('#vlib-grid-widget .vlib-resource-card').forEach(card => {\n            card.addEventListener('click', function(e) {\n                if (e.target.closest('a, button, select')) return;\n                console.log('Abrir recurso (simulado)');\n            });\n            \n            card.addEventListener('keydown', function(e) {\n                if (e.key === 'Enter' || e.key === ' ') {\n                    e.preventDefault();\n                    console.log('Abrir recurso (simulado)');\n                }\n            });\n        });\n\n        \/\/ Bot\u00f3n aplicar\n        const btnApply = document.querySelector('#vlib-grid-widget .vlib-btn-apply');\n        if (btnApply) {\n            btnApply.addEventListener('click', function() {\n                console.log('Aplicar filtros');\n            });\n        }\n\n        \/\/ Bot\u00f3n limpiar\n        const btnClear = document.querySelector('#vlib-grid-widget .vlib-btn-clear');\n        if (btnClear) {\n            btnClear.addEventListener('click', function() {\n                document.querySelectorAll('#vlib-grid-widget .vlib-filter-select select').forEach(sel => sel.selectedIndex = 0);\n                console.log('Filtros limpiados');\n            });\n        }\n    })();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Biblioteca de Recursos Las finanzas est\u00e1n en nuestro ADN. Explora recursos gratuitos \u2014 gu\u00edas, casos reales, plantillas y webinars \u2014 para transformar tus finanzas y construir tu patrimonio. Todas las categor\u00edasCasos de \u00e9xitoGu\u00edas descargablesTendenciasEducaci\u00f3n financieraWebinarsPlantillas Todos los temasSalir de deudasAhorro y presupuestoReconstruir historialInversi\u00f3nConstrucci\u00f3n patrimonialEducaci\u00f3n financiera Aplicar Limpiar Todas las categor\u00edasCasos de \u00e9xitoGu\u00edas descargablesTendenciasEducaci\u00f3n financieraWebinars Todos [&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-362","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.valorapatrimonial.com.pe\/index.php?rest_route=\/wp\/v2\/pages\/362","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=362"}],"version-history":[{"count":6,"href":"https:\/\/www.valorapatrimonial.com.pe\/index.php?rest_route=\/wp\/v2\/pages\/362\/revisions"}],"predecessor-version":[{"id":466,"href":"https:\/\/www.valorapatrimonial.com.pe\/index.php?rest_route=\/wp\/v2\/pages\/362\/revisions\/466"}],"wp:attachment":[{"href":"https:\/\/www.valorapatrimonial.com.pe\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=362"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}