{"id":367,"date":"2026-08-14T02:07:33","date_gmt":"2026-08-14T02:07:33","guid":{"rendered":"https:\/\/www.valorapatrimonial.com.pe\/?page_id=367"},"modified":"2026-09-18T04:20:19","modified_gmt":"2026-09-18T04:20:19","slug":"seminario-web","status":"publish","type":"page","link":"https:\/\/www.valorapatrimonial.com.pe\/?page_id=367","title":{"rendered":"Seminario web"},"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 Webinar Hero -->\n<div id=\"vweb-widget\">\n    <style>\n        \/* =========================================\n           CSS ENCAPSULADO - Valora Webinar Hero\n           ========================================= *\/\n        #vweb-widget {\n            --vweb-navy: #0b1f3a;\n            --vweb-blue: #1a4f8a;\n            --vweb-blue-light: #dbeafe;\n            --vweb-blue-lighter: #e0edff;\n            --vweb-charcoal: #4b5563;\n            --vweb-gray-100: #f8fafc;\n            --vweb-gray-200: #e5e7eb;\n            --vweb-white: #ffffff;\n            --vweb-green: #16a34a;\n            --vweb-green-bg: #dcfce7;\n\n            font-family: 'Inter', sans-serif;\n            background-color: var(--vweb-gray-100);\n            padding: 64px 24px;\n            width: 100%;\n            box-sizing: border-box;\n            -webkit-font-smoothing: antialiased;\n            -moz-osx-font-smoothing: grayscale;\n        }\n\n        #vweb-widget *,\n        #vweb-widget *::before,\n        #vweb-widget *::after {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        #vweb-widget a { text-decoration: none; }\n\n        #vweb-widget .vweb-container {\n            max-width: 1100px;\n            margin: 0 auto;\n        }\n\n        \/* ---------- Header ---------- *\/\n        #vweb-widget .vweb-header {\n            text-align: center;\n            margin-bottom: 48px;\n        }\n\n        #vweb-widget .vweb-header h2 {\n            font-size: clamp(1.8rem, 4vw, 2.5rem);\n            font-weight: 800;\n            color: var(--vweb-navy);\n            margin-bottom: 16px;\n            line-height: 1.2;\n            letter-spacing: -0.02em;\n        }\n\n        #vweb-widget .vweb-header p {\n            font-size: 1.1rem;\n            color: var(--vweb-charcoal);\n            max-width: 560px;\n            margin: 0 auto;\n            line-height: 1.6;\n        }\n\n        \/* ---------- Card principal ---------- *\/\n        #vweb-widget .vweb-card {\n            background: var(--vweb-white);\n            border: 1px solid var(--vweb-gray-200);\n            border-radius: 20px;\n            overflow: hidden;\n            box-shadow: 0 4px 12px rgba(11, 31, 58, 0.05);\n            display: flex;\n            flex-direction: column;\n        }\n\n        @media (min-width: 900px) {\n            #vweb-widget .vweb-card {\n                flex-direction: row;\n                min-height: 460px;\n            }\n        }\n\n        \/* ========== LADO IZQUIERDO: Visual ========== *\/\n        #vweb-widget .vweb-visual {\n            position: relative;\n            width: 100%;\n            min-height: 320px;\n            background: linear-gradient(135deg, var(--vweb-blue) 0%, var(--vweb-navy) 100%);\n            overflow: hidden;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        @media (min-width: 900px) {\n            #vweb-widget .vweb-visual {\n                width: 50%;\n                min-height: auto;\n            }\n        }\n\n        \/* Blobs decorativos *\/\n        #vweb-widget .vweb-blob {\n            position: absolute;\n            border-radius: 50%;\n            filter: blur(60px);\n            opacity: 0.45;\n            pointer-events: none;\n        }\n\n        #vweb-widget .vweb-blob-1 {\n            top: -60px;\n            left: -60px;\n            width: 220px;\n            height: 220px;\n            background: #4a8ac9;\n        }\n\n        #vweb-widget .vweb-blob-2 {\n            bottom: -60px;\n            right: -60px;\n            width: 240px;\n            height: 240px;\n            background: #2c6bc4;\n        }\n\n        #vweb-widget .vweb-blob-3 {\n            top: 40%;\n            right: 10%;\n            width: 160px;\n            height: 160px;\n            background: #5a9ed4;\n        }\n\n        \/* Iconos flotantes *\/\n        #vweb-widget .vweb-icons {\n            position: absolute;\n            top: 24px;\n            right: 24px;\n            display: flex;\n            gap: 12px;\n            z-index: 3;\n        }\n\n        #vweb-widget .vweb-icon-circle {\n            width: 36px;\n            height: 36px;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);\n            border: 2px solid rgba(255, 255, 255, 0.4);\n        }\n\n        #vweb-widget .vweb-icon-circle svg {\n            width: 16px;\n            height: 16px;\n            fill: #ffffff;\n        }\n\n        #vweb-widget .vweb-icon-1 { background: #8b5cf6; }\n        #vweb-widget .vweb-icon-2 { background: #f59e0b; }\n        #vweb-widget .vweb-icon-3 { background: #ec4899; }\n        #vweb-widget .vweb-icon-4 { background: #10b981; }\n        #vweb-widget .vweb-icon-5 { background: #3b82f6; }\n\n        \/* Foto principal *\/\n        #vweb-widget .vweb-main-img {\n            position: relative;\n            z-index: 2;\n            width: 80%;\n            max-width: 320px;\n            height: auto;\n            border-radius: 12px;\n            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);\n            object-fit: cover;\n        }\n\n        \/* Widget flotante inferior *\/\n        #vweb-widget .vweb-widget-bottom {\n            position: absolute;\n            bottom: 20px;\n            left: 20px;\n            right: 20px;\n            z-index: 4;\n            display: flex;\n            gap: 10px;\n            align-items: flex-end;\n        }\n\n        #vweb-widget .vweb-widget-panel {\n            background: rgba(255, 255, 255, 0.95);\n            backdrop-filter: blur(8px);\n            -webkit-backdrop-filter: blur(8px);\n            border-radius: 12px;\n            padding: 12px 14px;\n            border: 1px solid rgba(255, 255, 255, 0.5);\n            box-shadow: 0 10px 24px rgba(0, 0, 0, 0.15);\n            flex: 1;\n        }\n\n        #vweb-widget .vweb-widget-header {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            margin-bottom: 6px;\n        }\n\n        #vweb-widget .vweb-widget-title {\n            font-size: 0.65rem;\n            font-weight: 800;\n            text-transform: uppercase;\n            letter-spacing: 0.08em;\n            color: var(--vweb-navy);\n        }\n\n        #vweb-widget .vweb-widget-badge {\n            font-size: 0.6rem;\n            font-weight: 700;\n            background: var(--vweb-green-bg);\n            color: var(--vweb-green);\n            padding: 2px 8px;\n            border-radius: 999px;\n        }\n\n        #vweb-widget .vweb-widget-text {\n            font-size: 0.7rem;\n            color: var(--vweb-charcoal);\n            line-height: 1.4;\n        }\n\n        #vweb-widget .vweb-widget-row {\n            display: flex;\n            align-items: center;\n            gap: 8px;\n            background: var(--vweb-gray-100);\n            border-radius: 8px;\n            padding: 6px 10px;\n            margin-top: 8px;\n            font-size: 0.7rem;\n            font-weight: 600;\n            color: var(--vweb-navy);\n        }\n\n        #vweb-widget .vweb-widget-row svg {\n            width: 12px;\n            height: 12px;\n            stroke: var(--vweb-charcoal);\n            fill: none;\n            stroke-width: 2;\n        }\n\n        \/* ========== LADO DERECHO: Texto ========== *\/\n        #vweb-widget .vweb-content {\n            width: 100%;\n            padding: 32px 28px;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n        }\n\n        @media (min-width: 900px) {\n            #vweb-widget .vweb-content {\n                width: 50%;\n                padding: 48px 44px;\n            }\n        }\n\n        \/* Categor\u00eda *\/\n        #vweb-widget .vweb-category {\n            display: inline-block;\n            background: var(--vweb-blue-lighter);\n            color: var(--vweb-blue);\n            font-size: 0.75rem;\n            font-weight: 700;\n            padding: 6px 14px;\n            border-radius: 999px;\n            letter-spacing: 0.05em;\n            text-transform: uppercase;\n            margin-bottom: 20px;\n            align-self: flex-start;\n        }\n\n        \/* T\u00edtulo *\/\n        #vweb-widget .vweb-title {\n            font-size: 1.5rem;\n            font-weight: 800;\n            color: var(--vweb-navy);\n            line-height: 1.25;\n            margin-bottom: 20px;\n            letter-spacing: -0.01em;\n        }\n\n        @media (min-width: 768px) {\n            #vweb-widget .vweb-title { font-size: 1.85rem; }\n        }\n\n        \/* Meta (fecha + hora) *\/\n        #vweb-widget .vweb-meta {\n            display: flex;\n            flex-wrap: wrap;\n            align-items: center;\n            gap: 20px;\n            margin-bottom: 20px;\n            font-size: 0.9rem;\n            color: var(--vweb-charcoal);\n        }\n\n        #vweb-widget .vweb-meta-item {\n            display: flex;\n            align-items: center;\n            gap: 8px;\n        }\n\n        #vweb-widget .vweb-meta-item svg {\n            width: 18px;\n            height: 18px;\n            stroke: #94a3b8;\n            fill: none;\n            stroke-width: 2;\n            stroke-linecap: round;\n            stroke-linejoin: round;\n            flex-shrink: 0;\n        }\n\n        \/* Descripci\u00f3n *\/\n        #vweb-widget .vweb-desc {\n            font-size: 1rem;\n            color: var(--vweb-charcoal);\n            line-height: 1.7;\n            margin-bottom: 28px;\n        }\n\n        \/* Bot\u00f3n *\/\n        #vweb-widget .vweb-btn {\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n            background: var(--vweb-blue);\n            color: #ffffff;\n            font-weight: 700;\n            font-size: 1rem;\n            padding: 14px 32px;\n            border-radius: 10px;\n            transition: all 0.25s ease;\n            align-self: flex-start;\n            box-shadow: 0 4px 12px rgba(26, 79, 138, 0.25);\n        }\n\n        #vweb-widget .vweb-btn:hover {\n            background: var(--vweb-navy);\n            transform: translateY(-2px);\n            box-shadow: 0 10px 20px rgba(11, 31, 58, 0.3);\n        }\n\n        #vweb-widget .vweb-btn i {\n            font-size: 0.85rem;\n            transition: transform 0.25s ease;\n        }\n\n        #vweb-widget .vweb-btn:hover i {\n            transform: translateX(3px);\n        }\n\n        \/* ---------- Animaciones ---------- *\/\n        @keyframes vwebFadeInUp {\n            from { opacity: 0; transform: translateY(20px); }\n            to { opacity: 1; transform: translateY(0); }\n        }\n\n        #vweb-widget .vweb-fade-up {\n            opacity: 0;\n            animation: vwebFadeInUp 0.8s ease-out forwards;\n        }\n\n        #vweb-widget .vweb-delay-100 { animation-delay: 0.1s; }\n        #vweb-widget .vweb-delay-200 { animation-delay: 0.2s; }\n\n        \/* ---------- Responsive ---------- *\/\n        @media (max-width: 900px) {\n            #vweb-widget {\n                padding: 48px 20px;\n            }\n            #vweb-widget .vweb-header {\n                margin-bottom: 32px;\n            }\n            #vweb-widget .vweb-visual {\n                min-height: 280px;\n            }\n            #vweb-widget .vweb-icons {\n                top: 16px;\n                right: 16px;\n                gap: 8px;\n            }\n            #vweb-widget .vweb-icon-circle {\n                width: 30px;\n                height: 30px;\n            }\n            #vweb-widget .vweb-icon-circle svg {\n                width: 14px;\n                height: 14px;\n            }\n        }\n\n        @media (max-width: 480px) {\n            #vweb-widget {\n                padding: 40px 16px;\n            }\n            #vweb-widget .vweb-content {\n                padding: 24px 20px;\n            }\n            #vweb-widget .vweb-title {\n                font-size: 1.3rem;\n            }\n            #vweb-widget .vweb-btn {\n                width: 100%;\n                justify-content: center;\n            }\n            #vweb-widget .vweb-widget-bottom {\n                bottom: 12px;\n                left: 12px;\n                right: 12px;\n                gap: 6px;\n            }\n            #vweb-widget .vweb-widget-panel {\n                padding: 10px;\n            }\n        }\n\n        @media (prefers-reduced-motion: reduce) {\n            #vweb-widget .vweb-fade-up {\n                opacity: 1;\n                animation: none;\n            }\n        }\n    <\/style>\n\n    <!-- HTML -->\n    <section class=\"vweb-container\">\n\n        <!-- Header -->\n        <div class=\"vweb-header vweb-fade-up\">\n            <h2>Webinars gratuitos<\/h2>\n            <p>Aprende a manejar tus finanzas con expertos. Sesiones en vivo y grabadas.<\/p>\n        <\/div>\n\n        <!-- Card principal -->\n        <div class=\"vweb-card vweb-fade-up vweb-delay-200\">\n\n            <!-- Lado izquierdo: Visual -->\n            <div class=\"vweb-visual\">\n\n                <!-- Blobs decorativos -->\n                <div class=\"vweb-blob vweb-blob-1\"><\/div>\n                <div class=\"vweb-blob vweb-blob-2\"><\/div>\n                <div class=\"vweb-blob vweb-blob-3\"><\/div>\n\n                <!-- Iconos flotantes -->\n                <div class=\"vweb-icons\" aria-hidden=\"true\">\n                    <div class=\"vweb-icon-circle vweb-icon-1\">\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M3 10v4h4l5 5V5L7 10H3z\"\/><\/svg>\n                    <\/div>\n                    <div class=\"vweb-icon-circle vweb-icon-2\">\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M19 3h-1V1h-2v2H8V1H6v2H5a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2V5a2 2 0 00-2-2zm0 18H5V9h14v12z\"\/><\/svg>\n                    <\/div>\n                    <div class=\"vweb-icon-circle vweb-icon-3\">\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M17 10.5V7a1 1 0 00-1-1H4a1 1 0 00-1 1v10a1 1 0 001 1h12a1 1 0 001-1v-3.5l4 4v-11l-4 4z\"\/><\/svg>\n                    <\/div>\n                    <div class=\"vweb-icon-circle vweb-icon-4\">\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l2.4 7.4H22l-6.2 4.5 2.4 7.4L12 16.8l-6.2 4.5 2.4-7.4L2 9.4h7.6z\"\/><\/svg>\n                    <\/div>\n                    <div class=\"vweb-icon-circle vweb-icon-5\">\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5s-3 1.34-3 3 1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z\"\/><\/svg>\n                    <\/div>\n                <\/div>\n\n                <!-- Foto principal (REEMPLAZA con foto real) -->\n                <img decoding=\"async\" class=\"vweb-main-img\" \n                     src=\"https:\/\/images.unsplash.com\/photo-1573496359142-b8d87734a5a2?auto=format&#038;fit=crop&#038;w=600&#038;q=80\" \n                     alt=\"Asesor financiero de Valora Patrimonial\">\n\n                <!-- Widget flotante inferior -->\n                <div class=\"vweb-widget-bottom\" aria-hidden=\"true\">\n                    <div class=\"vweb-widget-panel\">\n                        <div class=\"vweb-widget-header\">\n                            <span class=\"vweb-widget-title\">Score Crediticio<\/span>\n                            <span class=\"vweb-widget-badge\">+45 pts<\/span>\n                        <\/div>\n                        <p class=\"vweb-widget-text\">Plan de reconstrucci\u00f3n en 6 meses<\/p>\n                        <div class=\"vweb-widget-row\">\n                            <svg viewBox=\"0 0 24 24\"><path d=\"M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z\"\/><\/svg>\n                            Mes 1 \u00b7 Mes 6\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n\n            <!-- Lado derecho: Contenido -->\n            <div class=\"vweb-content\">\n\n                <span class=\"vweb-category\">Salir de deudas<\/span>\n\n                <h3 class=\"vweb-title\">C\u00f3mo negociar con tu banco y salir de deudas en 12 meses<\/h3>\n\n                <div class=\"vweb-meta\">\n                    <div class=\"vweb-meta-item\">\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z\"\/><\/svg>\n                        <span>15 de octubre de 2026<\/span>\n                    <\/div>\n                    <div class=\"vweb-meta-item\">\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z\"\/><\/svg>\n                        <span>7:00 PM (GMT-5)<\/span>\n                    <\/div>\n                <\/div>\n\n                <p class=\"vweb-desc\">\n                    Aprende paso a paso c\u00f3mo negociar con tus acreedores, ordenar tus pagos y obtener tu carta de no adeudo. Incluye plantillas de negociaci\u00f3n y casos reales de la Selva Central.\n                <\/p>\n\n                <a href=\"#registro\" class=\"vweb-btn\">\n                    Reg\u00edstrate gratis\n                    <i class=\"fa-solid fa-arrow-right\"><\/i>\n                <\/a>\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n<\/div>\n\n<!-- Font Awesome (para la flecha del bot\u00f3n) -->\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n\n\n\n<div style=\"height:8px\" 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 Webinars Grid -->\n<div id=\"vwebgrid-widget\">\n    <style>\n        \/* =========================================\n           CSS ENCAPSULADO - Valora Webinars Grid\n           ========================================= *\/\n        #vwebgrid-widget {\n            --vwebgrid-navy: #0b1f3a;\n            --vwebgrid-blue: #1a4f8a;\n            --vwebgrid-charcoal: #4b5563;\n            --vwebgrid-off-white: #f8fafc;\n            --vwebgrid-white: #ffffff;\n            --vwebgrid-light-gray: #e5e7eb;\n            --vwebgrid-tag-bg: #dbeafe;\n            --vwebgrid-tag-text: #1a4f8a;\n            --vwebgrid-shadow-sm: 0 4px 12px rgba(11, 31, 58, 0.08);\n            --vwebgrid-shadow-hover: 0 14px 28px rgba(11, 31, 58, 0.15);\n            --vwebgrid-transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n\n            font-family: \"Inter\", system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n            background-color: var(--vwebgrid-off-white);\n            color: var(--vwebgrid-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            padding: 64px 24px 80px;\n        }\n\n        #vwebgrid-widget *,\n        #vwebgrid-widget *::before,\n        #vwebgrid-widget *::after {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        #vwebgrid-widget .vwebgrid-section {\n            max-width: 1200px;\n            margin: 0 auto;\n        }\n\n        \/* ---------- Header ---------- *\/\n        #vwebgrid-widget .vwebgrid-header {\n            text-align: center;\n            margin-bottom: 48px;\n        }\n\n        #vwebgrid-widget .vwebgrid-header h2 {\n            font-size: clamp(1.75rem, 4vw, 2.5rem);\n            font-weight: 800;\n            color: var(--vwebgrid-navy);\n            letter-spacing: -0.02em;\n            line-height: 1.2;\n            margin-bottom: 16px;\n        }\n\n        #vwebgrid-widget .vwebgrid-header p {\n            font-size: 1.05rem;\n            color: var(--vwebgrid-charcoal);\n            max-width: 560px;\n            margin: 0 auto;\n            line-height: 1.65;\n        }\n\n        \/* ---------- Grid ---------- *\/\n        #vwebgrid-widget .vwebgrid-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 32px;\n        }\n\n        \/* ---------- Card ---------- *\/\n        #vwebgrid-widget .vwebgrid-card {\n            background: var(--vwebgrid-white);\n            border-radius: 16px;\n            overflow: hidden;\n            box-shadow: var(--vwebgrid-shadow-sm);\n            transition: transform var(--vwebgrid-transition), box-shadow var(--vwebgrid-transition);\n            display: flex;\n            flex-direction: column;\n            cursor: pointer;\n            text-align: left;\n        }\n\n        #vwebgrid-widget .vwebgrid-card:hover {\n            transform: translateY(-4px);\n            box-shadow: var(--vwebgrid-shadow-hover);\n        }\n\n        #vwebgrid-widget .vwebgrid-card:focus-visible {\n            outline: 3px solid var(--vwebgrid-blue);\n            outline-offset: 2px;\n        }\n\n        \/* ---------- Imagen superior ---------- *\/\n        #vwebgrid-widget .vwebgrid-image {\n            position: relative;\n            width: 100%;\n            height: 220px;\n            overflow: hidden;\n            flex-shrink: 0;\n        }\n\n        #vwebgrid-widget .vwebgrid-image img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            display: block;\n            transition: transform 0.5s ease;\n        }\n\n        #vwebgrid-widget .vwebgrid-card:hover .vwebgrid-image img {\n            transform: scale(1.05);\n        }\n\n        \/* Variantes de fondo *\/\n        #vwebgrid-widget .vwebgrid-img-gradient-1 {\n            background: linear-gradient(135deg, #1a4f8a 0%, #0b1f3a 100%);\n        }\n\n        #vwebgrid-widget .vwebgrid-img-gradient-2 {\n            background: linear-gradient(135deg, #2c6bc4 0%, #1a4f8a 60%, #0b1f3a 100%);\n        }\n\n        #vwebgrid-widget .vwebgrid-img-gradient-3 {\n            background: linear-gradient(135deg, #0b1f3a 0%, #163c6b 50%, #1a4f8a 100%);\n        }\n\n        \/* \u00cdconos flotantes *\/\n        #vwebgrid-widget .vwebgrid-floating-icons {\n            position: absolute;\n            inset: 0;\n            pointer-events: none;\n            z-index: 3;\n        }\n\n        #vwebgrid-widget .vwebgrid-icon {\n            position: absolute;\n            width: 40px;\n            height: 40px;\n            border-radius: 50%;\n            background: rgba(255, 255, 255, 0.95);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 1.2rem;\n            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);\n            backdrop-filter: blur(4px);\n            -webkit-backdrop-filter: blur(4px);\n        }\n\n        #vwebgrid-widget .vwebgrid-icon svg {\n            width: 20px;\n            height: 20px;\n            fill: var(--vwebgrid-blue);\n        }\n\n        #vwebgrid-widget .vwebgrid-icon-1 { top: 15%; left: 10%; }\n        #vwebgrid-widget .vwebgrid-icon-2 { top: 25%; right: 12%; }\n        #vwebgrid-widget .vwebgrid-icon-3 { bottom: 20%; left: 22%; }\n        #vwebgrid-widget .vwebgrid-icon-4 { bottom: 15%; right: 18%; }\n        #vwebgrid-widget .vwebgrid-icon-5 { top: 12%; left: 42%; }\n\n        \/* Mockup UI (para la card 2) *\/\n        #vwebgrid-widget .vwebgrid-ui-mockup {\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            width: 70%;\n            max-width: 240px;\n            background: #ffffff;\n            border-radius: 12px;\n            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3);\n            padding: 14px;\n            z-index: 5;\n        }\n\n        #vwebgrid-widget .vwebgrid-ui-header {\n            display: flex;\n            align-items: center;\n            gap: 6px;\n            font-size: 0.75rem;\n            font-weight: 800;\n            color: var(--vwebgrid-navy);\n            margin-bottom: 10px;\n            padding-bottom: 8px;\n            border-bottom: 1px solid #f0f0f0;\n        }\n\n        #vwebgrid-widget .vwebgrid-ui-header .vwebgrid-badge-dot {\n            width: 8px;\n            height: 8px;\n            border-radius: 50%;\n            background: #16a34a;\n        }\n\n        #vwebgrid-widget .vwebgrid-ui-list {\n            list-style: none;\n            padding: 0;\n            margin: 0;\n            font-size: 0.7rem;\n            color: var(--vwebgrid-charcoal);\n        }\n\n        #vwebgrid-widget .vwebgrid-ui-list li {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            padding: 5px 0;\n            border-bottom: 1px solid #f5f5f5;\n        }\n\n        #vwebgrid-widget .vwebgrid-ui-list li:last-child {\n            border-bottom: none;\n        }\n\n        #vwebgrid-widget .vwebgrid-ui-list li strong {\n            color: var(--vwebgrid-navy);\n        }\n\n        #vwebgrid-widget .vwebgrid-ui-list li span {\n            color: #16a34a;\n            font-weight: 700;\n        }\n\n        \/* ---------- Contenido ---------- *\/\n        #vwebgrid-widget .vwebgrid-content {\n            padding: 22px 20px 24px;\n            display: flex;\n            flex-direction: column;\n            flex: 1;\n        }\n\n        \/* Tag de categor\u00eda *\/\n        #vwebgrid-widget .vwebgrid-tag {\n            align-self: flex-start;\n            background: var(--vwebgrid-tag-bg);\n            color: var(--vwebgrid-tag-text);\n            font-size: 0.7rem;\n            font-weight: 700;\n            padding: 5px 12px;\n            border-radius: 999px;\n            margin-bottom: 14px;\n            letter-spacing: 0.04em;\n            text-transform: uppercase;\n        }\n\n        \/* T\u00edtulo *\/\n        #vwebgrid-widget .vwebgrid-title {\n            font-size: 1.15rem;\n            font-weight: 800;\n            color: var(--vwebgrid-navy);\n            line-height: 1.35;\n            margin-bottom: 16px;\n            letter-spacing: -0.01em;\n            flex: 1;\n        }\n\n        \/* CTA Link *\/\n        #vwebgrid-widget .vwebgrid-link {\n            display: inline-flex;\n            align-items: center;\n            gap: 6px;\n            color: var(--vwebgrid-navy);\n            font-weight: 700;\n            font-size: 0.95rem;\n            text-decoration: none;\n            margin-top: auto;\n            transition: color 0.2s ease, gap 0.2s ease;\n            align-self: flex-start;\n        }\n\n        #vwebgrid-widget .vwebgrid-link:hover {\n            color: var(--vwebgrid-blue);\n        }\n\n        #vwebgrid-widget .vwebgrid-link 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            transition: transform 0.2s ease;\n        }\n\n        #vwebgrid-widget .vwebgrid-link:hover svg {\n            transform: translateX(4px);\n        }\n\n        \/* ========== RESPONSIVE ========== *\/\n        @media (max-width: 992px) {\n            #vwebgrid-widget .vwebgrid-grid {\n                gap: 24px;\n            }\n            #vwebgrid-widget .vwebgrid-image {\n                height: 200px;\n            }\n        }\n\n        @media (max-width: 768px) {\n            #vwebgrid-widget {\n                padding: 40px 16px 56px;\n            }\n            #vwebgrid-widget .vwebgrid-grid {\n                grid-template-columns: 1fr;\n                gap: 28px;\n                max-width: 480px;\n                margin: 0 auto;\n            }\n            #vwebgrid-widget .vwebgrid-image {\n                height: 220px;\n            }\n            #vwebgrid-widget .vwebgrid-header {\n                margin-bottom: 36px;\n            }\n        }\n\n        @media (max-width: 400px) {\n            #vwebgrid-widget .vwebgrid-image {\n                height: 190px;\n            }\n            #vwebgrid-widget .vwebgrid-title {\n                font-size: 1.05rem;\n            }\n            #vwebgrid-widget .vwebgrid-icon {\n                width: 34px;\n                height: 34px;\n            }\n            #vwebgrid-widget .vwebgrid-icon svg {\n                width: 16px;\n                height: 16px;\n            }\n        }\n\n        @media (prefers-reduced-motion: reduce) {\n            #vwebgrid-widget .vwebgrid-card,\n            #vwebgrid-widget .vwebgrid-image img,\n            #vwebgrid-widget .vwebgrid-link svg {\n                transition: none;\n            }\n            #vwebgrid-widget .vwebgrid-card:hover {\n                transform: none;\n            }\n        }\n    <\/style>\n\n    <!-- HTML -->\n    <section class=\"vwebgrid-section\" aria-label=\"Webinars y eventos\">\n\n        <!-- Header -->\n        <div class=\"vwebgrid-header\">\n            <h2>M\u00e1s webinars y eventos<\/h2>\n            <p>Aprende con expertos en finanzas. Sesiones en vivo y grabadas sobre deudas, ahorro, inversi\u00f3n y patrimonio.<\/p>\n        <\/div>\n\n        <!-- Grid -->\n        <div class=\"vwebgrid-grid\">\n\n            <!-- Card 1: Negociar con tu banco -->\n            <article class=\"vwebgrid-card\" tabindex=\"0\">\n                <div class=\"vwebgrid-image vwebgrid-img-gradient-1\">\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1556742049-0cfed4f6a45d?auto=format&#038;fit=crop&#038;w=600&#038;q=80\" \n                         alt=\"Persona negociando con su banco\" loading=\"lazy\">\n                    <div class=\"vwebgrid-floating-icons\" aria-hidden=\"true\">\n                        <div class=\"vwebgrid-icon vwebgrid-icon-1\">\n                            <svg viewBox=\"0 0 24 24\"><path d=\"M3 10v4h4l5 5V5L7 10H3z\"\/><\/svg>\n                        <\/div>\n                        <div class=\"vwebgrid-icon vwebgrid-icon-2\">\n                            <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l2.4 7.4H22l-6.2 4.5 2.4 7.4L12 16.8l-6.2 4.5 2.4-7.4L2 9.4h7.6z\"\/><\/svg>\n                        <\/div>\n                        <div class=\"vwebgrid-icon vwebgrid-icon-3\">\n                            <svg viewBox=\"0 0 24 24\"><path d=\"M3 3v18h18M7 14l4-4 4 4 5-6\"\/><\/svg>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"vwebgrid-content\">\n                    <span class=\"vwebgrid-tag\">Salir de deudas<\/span>\n                    <h3 class=\"vwebgrid-title\">C\u00f3mo negociar con tu banco paso a paso y obtener tu carta de no adeudo<\/h3>\n                    <a href=\"#registro-1\" class=\"vwebgrid-link\">\n                        Reg\u00edstrate ahora\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M13 5l7 7-7 7\"\/><\/svg>\n                    <\/a>\n                <\/div>\n            <\/article>\n\n            <!-- Card 2: Presupuesto familiar -->\n            <article class=\"vwebgrid-card\" tabindex=\"0\">\n                <div class=\"vwebgrid-image vwebgrid-img-gradient-2\">\n                    <!-- Mockup UI (en lugar de foto) -->\n                    <div class=\"vwebgrid-ui-mockup\" aria-hidden=\"true\">\n                        <div class=\"vwebgrid-ui-header\">\n                            <span class=\"vwebgrid-badge-dot\"><\/span>\n                            Presupuesto Familiar\n                        <\/div>\n                        <ul class=\"vwebgrid-ui-list\">\n                            <li><span>Ingresos<\/span><strong>S\/ 2,800<\/strong><\/li>\n                            <li><span>Gastos fijos<\/span><strong>S\/ 1,200<\/strong><\/li>\n                            <li><span>Ahorro<\/span><span>S\/ 400<\/span><\/li>\n                            <li><span>Deudas<\/span><strong>S\/ 500<\/strong><\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n                <div class=\"vwebgrid-content\">\n                    <span class=\"vwebgrid-tag\">Ahorro<\/span>\n                    <h3 class=\"vwebgrid-title\">Presupuesto familiar: la base para construir tu libertad financiera<\/h3>\n                    <a href=\"#registro-2\" class=\"vwebgrid-link\">\n                        Reg\u00edstrate ahora\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M13 5l7 7-7 7\"\/><\/svg>\n                    <\/a>\n                <\/div>\n            <\/article>\n\n            <!-- Card 3: Reconstruir score -->\n            <article class=\"vwebgrid-card\" tabindex=\"0\">\n                <div class=\"vwebgrid-image vwebgrid-img-gradient-3\">\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1573497019940-1c28c88b4f3e?auto=format&#038;fit=crop&#038;w=600&#038;q=80\" \n                         alt=\"Asesor de Valora mostrando plan financiero\" loading=\"lazy\">\n                    <div class=\"vwebgrid-floating-icons\" aria-hidden=\"true\">\n                        <div class=\"vwebgrid-icon vwebgrid-icon-1\">\n                            <svg viewBox=\"0 0 24 24\"><path d=\"M3 3v18h18M7 14l4-4 4 4 5-6\"\/><\/svg>\n                        <\/div>\n                        <div class=\"vwebgrid-icon vwebgrid-icon-4\">\n                            <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l2.4 7.4H22l-6.2 4.5 2.4 7.4L12 16.8l-6.2 4.5 2.4-7.4L2 9.4h7.6z\"\/><\/svg>\n                        <\/div>\n                        <div class=\"vwebgrid-icon vwebgrid-icon-5\">\n                            <svg viewBox=\"0 0 24 24\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"vwebgrid-content\">\n                    <span class=\"vwebgrid-tag\">Reconstrucci\u00f3n<\/span>\n                    <h3 class=\"vwebgrid-title\">C\u00f3mo reconstruir tu score crediticio en solo 6 meses<\/h3>\n                    <a href=\"#grabacion-3\" class=\"vwebgrid-link\">\n                        Ver grabaci\u00f3n\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M13 5l7 7-7 7\"\/><\/svg>\n                    <\/a>\n                <\/div>\n            <\/article>\n\n        <\/div>\n    <\/section>\n<\/div>\n\n<!-- Script Aislado -->\n<script>\n    (function() {\n        document.querySelectorAll('#vwebgrid-widget .vwebgrid-card').forEach(card => {\n            card.addEventListener('click', function(e) {\n                if (e.target.closest('a')) return;\n                const link = card.querySelector('.vwebgrid-link');\n                if (link) {\n                    console.log('Navegando a:', link.getAttribute('href'));\n                }\n            });\n\n            card.addEventListener('keydown', function(e) {\n                if (e.key === 'Enter' || e.key === ' ') {\n                    e.preventDefault();\n                    const link = card.querySelector('.vwebgrid-link');\n                    if (link) {\n                        link.click();\n                    }\n                }\n            });\n        });\n    })();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Webinars gratuitos Aprende a manejar tus finanzas con expertos. Sesiones en vivo y grabadas. Score Crediticio +45 pts Plan de reconstrucci\u00f3n en 6 meses Mes 1 \u00b7 Mes 6 Salir de deudas C\u00f3mo negociar con tu banco y salir de deudas en 12 meses 15 de octubre de 2026 7:00 PM (GMT-5) Aprende paso a [&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-367","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.valorapatrimonial.com.pe\/index.php?rest_route=\/wp\/v2\/pages\/367","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=367"}],"version-history":[{"count":5,"href":"https:\/\/www.valorapatrimonial.com.pe\/index.php?rest_route=\/wp\/v2\/pages\/367\/revisions"}],"predecessor-version":[{"id":468,"href":"https:\/\/www.valorapatrimonial.com.pe\/index.php?rest_route=\/wp\/v2\/pages\/367\/revisions\/468"}],"wp:attachment":[{"href":"https:\/\/www.valorapatrimonial.com.pe\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=367"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}