{"id":372,"date":"2026-08-14T02:22:08","date_gmt":"2026-08-14T02:22:08","guid":{"rendered":"https:\/\/www.valorapatrimonial.com.pe\/?page_id=372"},"modified":"2026-09-18T04:22:58","modified_gmt":"2026-09-18T04:22:58","slug":"academia","status":"publish","type":"page","link":"https:\/\/www.valorapatrimonial.com.pe\/?page_id=372","title":{"rendered":"Academia"},"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 Academia -->\n<div id=\"vacad-widget\">\n    <style>\n        \/* =========================================\n           CSS ENCAPSULADO - Valora Academia\n           ========================================= *\/\n        #vacad-widget {\n            --vacad-navy: #0b1f3a;\n            --vacad-blue: #1a4f8a;\n            --vacad-blue-hover: #163c6b;\n            --vacad-charcoal: #4b5563;\n            --vacad-white: #ffffff;\n            --vacad-gray-100: #f8fafc;\n            --vacad-gray-200: #e2e8f0;\n            --vacad-gray-300: #cbd5e1;\n\n            font-family: 'Inter', sans-serif;\n            background-color: var(--vacad-white);\n            min-height: 80vh;\n            width: 100%;\n            box-sizing: border-box;\n            padding: 80px 24px;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n            -webkit-font-smoothing: antialiased;\n            -moz-osx-font-smoothing: grayscale;\n        }\n\n        #vacad-widget *,\n        #vacad-widget *::before,\n        #vacad-widget *::after {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        #vacad-widget a {\n            text-decoration: none;\n        }\n\n        #vacad-widget .vacad-main {\n            width: 100%;\n            max-width: 960px;\n            margin: 0 auto;\n            text-align: center;\n        }\n\n        \/* ========== HEADER ========== *\/\n        #vacad-widget .vacad-header {\n            margin-bottom: 64px;\n        }\n\n        #vacad-widget .vacad-title {\n            font-size: clamp(2rem, 5.5vw, 3.75rem);\n            font-weight: 800;\n            line-height: 1.1;\n            letter-spacing: -0.025em;\n            margin-bottom: 28px;\n            color: var(--vacad-navy);\n        }\n\n        #vacad-widget .vacad-title .vacad-line {\n            display: block;\n        }\n\n        #vacad-widget .vacad-title .vacad-highlight {\n            color: var(--vacad-blue);\n        }\n\n        #vacad-widget .vacad-desc {\n            font-size: clamp(1.05rem, 2vw, 1.25rem);\n            color: var(--vacad-charcoal);\n            max-width: 720px;\n            margin: 0 auto 16px;\n            line-height: 1.65;\n        }\n\n        #vacad-widget .vacad-intro {\n            font-size: clamp(1rem, 1.8vw, 1.15rem);\n            font-weight: 500;\n            color: var(--vacad-charcoal);\n            margin-top: 8px;\n        }\n\n        \/* ========== GRID DE 2 CARDS ========== *\/\n        #vacad-widget .vacad-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 40px;\n            text-align: center;\n        }\n\n        \/* Card base *\/\n        #vacad-widget .vacad-card {\n            background: var(--vacad-white);\n            border: 1px solid var(--vacad-gray-200);\n            border-radius: 20px;\n            padding: 48px 32px;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: flex-start;\n            box-shadow: 0 4px 12px rgba(11, 31, 58, 0.04);\n            transition: all 0.3s ease;\n            position: relative;\n            overflow: hidden;\n        }\n\n        #vacad-widget .vacad-card::before {\n            content: \"\";\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: 4px;\n            background: linear-gradient(90deg, var(--vacad-blue) 0%, var(--vacad-navy) 100%);\n            transform: scaleX(0);\n            transform-origin: left;\n            transition: transform 0.35s ease;\n        }\n\n        #vacad-widget .vacad-card:hover {\n            border-color: var(--vacad-blue);\n            box-shadow: 0 12px 28px rgba(11, 31, 58, 0.12);\n            transform: translateY(-4px);\n        }\n\n        #vacad-widget .vacad-card:hover::before {\n            transform: scaleX(1);\n        }\n\n        \/* \u00cdcono circular superior *\/\n        #vacad-widget .vacad-icon-wrap {\n            width: 72px;\n            height: 72px;\n            border-radius: 50%;\n            background: var(--vacad-gray-100);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin-bottom: 24px;\n            transition: background-color 0.3s ease;\n        }\n\n        #vacad-widget .vacad-card:hover .vacad-icon-wrap {\n            background: #dbeafe;\n        }\n\n        #vacad-widget .vacad-icon-wrap svg {\n            width: 32px;\n            height: 32px;\n            stroke: var(--vacad-blue);\n            fill: none;\n            stroke-width: 1.8;\n            stroke-linecap: round;\n            stroke-linejoin: round;\n        }\n\n        \/* T\u00edtulo de la card *\/\n        #vacad-widget .vacad-card-title {\n            font-size: clamp(1.4rem, 2.5vw, 1.75rem);\n            font-weight: 800;\n            color: var(--vacad-navy);\n            margin-bottom: 16px;\n            line-height: 1.25;\n            letter-spacing: -0.015em;\n        }\n\n        \/* Descripci\u00f3n *\/\n        #vacad-widget .vacad-card-text {\n            font-size: 1rem;\n            color: var(--vacad-charcoal);\n            line-height: 1.65;\n            max-width: 320px;\n            margin-bottom: 32px;\n        }\n\n        \/* Bot\u00f3n *\/\n        #vacad-widget .vacad-btn {\n            display: inline-block;\n            background-color: var(--vacad-blue);\n            color: var(--vacad-white);\n            font-weight: 700;\n            font-size: 1rem;\n            padding: 14px 40px;\n            border-radius: 10px;\n            min-width: 180px;\n            text-align: center;\n            transition: all 0.25s ease;\n            box-shadow: 0 4px 12px rgba(26, 79, 138, 0.25);\n            border: 2px solid var(--vacad-blue);\n            cursor: pointer;\n        }\n\n        #vacad-widget .vacad-btn:hover {\n            background-color: var(--vacad-navy);\n            border-color: var(--vacad-navy);\n            transform: translateY(-2px);\n            box-shadow: 0 10px 20px rgba(11, 31, 58, 0.3);\n        }\n\n        \/* ========== ANIMACIONES ========== *\/\n        @keyframes vacadFadeInUp {\n            from { opacity: 0; transform: translateY(20px); }\n            to { opacity: 1; transform: translateY(0); }\n        }\n\n        #vacad-widget .vacad-fade-up {\n            opacity: 0;\n            animation: vacadFadeInUp 0.8s ease-out forwards;\n        }\n\n        #vacad-widget .vacad-delay-100 { animation-delay: 0.1s; }\n        #vacad-widget .vacad-delay-200 { animation-delay: 0.2s; }\n        #vacad-widget .vacad-delay-300 { animation-delay: 0.3s; }\n\n        \/* ========== RESPONSIVE ========== *\/\n        @media (max-width: 768px) {\n            #vacad-widget {\n                padding: 56px 20px;\n            }\n            #vacad-widget .vacad-header {\n                margin-bottom: 48px;\n            }\n            #vacad-widget .vacad-grid {\n                grid-template-columns: 1fr;\n                gap: 24px;\n                max-width: 420px;\n                margin: 0 auto;\n            }\n            #vacad-widget .vacad-card {\n                padding: 40px 24px;\n            }\n            #vacad-widget .vacad-btn {\n                width: 100%;\n            }\n        }\n\n        @media (max-width: 480px) {\n            #vacad-widget {\n                padding: 40px 16px;\n            }\n            #vacad-widget .vacad-title {\n                margin-bottom: 20px;\n            }\n            #vacad-widget .vacad-card {\n                padding: 32px 20px;\n            }\n            #vacad-widget .vacad-icon-wrap {\n                width: 60px;\n                height: 60px;\n            }\n            #vacad-widget .vacad-icon-wrap svg {\n                width: 26px;\n                height: 26px;\n            }\n        }\n\n        @media (prefers-reduced-motion: reduce) {\n            #vacad-widget .vacad-fade-up {\n                opacity: 1;\n                animation: none;\n            }\n            #vacad-widget .vacad-card,\n            #vacad-widget .vacad-card::before,\n            #vacad-widget .vacad-btn {\n                transition: none;\n            }\n        }\n    <\/style>\n\n    <!-- HTML -->\n    <main class=\"vacad-main\">\n\n        <!-- Header -->\n        <header class=\"vacad-header vacad-fade-up\">\n            <h1 class=\"vacad-title\">\n                <span class=\"vacad-line\">\u00a1Bienvenido a la<\/span>\n                <span class=\"vacad-line vacad-highlight\">Academia Valora!<\/span>\n            <\/h1>\n            <p class=\"vacad-desc\">\n                Nos alegra mucho que est\u00e9s aqu\u00ed: tu espacio para aprender todo sobre finanzas personales y c\u00f3mo sacarle el m\u00e1ximo partido a Valora.\n            <\/p>\n            <p class=\"vacad-intro\">\n                Cu\u00e9ntanos qui\u00e9n eres para darte el acceso r\u00e1pido y sencillo:\n            <\/p>\n        <\/header>\n\n        <!-- Grid de 2 cards -->\n        <div class=\"vacad-grid\">\n\n            <!-- Card 1: Soy Cliente -->\n            <div class=\"vacad-card vacad-fade-up vacad-delay-100\">\n                <div class=\"vacad-icon-wrap\" aria-hidden=\"true\">\n                    <svg viewBox=\"0 0 24 24\">\n                        <circle cx=\"12\" cy=\"8\" r=\"4\"><\/circle>\n                        <path d=\"M4 21v-2a6 6 0 0 1 6-6h4a6 6 0 0 1 6 6v2\"><\/path>\n                    <\/svg>\n                <\/div>\n                <h2 class=\"vacad-card-title\">Soy Cliente<\/h2>\n                <p class=\"vacad-card-text\">\n                    \u00bfEres cliente de Valora? Ingresa a tu portal de aprendizaje y revisa tu progreso financiero, cursos y recursos.\n                <\/p>\n                <a href=\"#login-cliente\" class=\"vacad-btn\">Ingresar<\/a>\n            <\/div>\n\n            <!-- Card 2: Soy Asesor -->\n            <div class=\"vacad-card vacad-fade-up vacad-delay-200\">\n                <div class=\"vacad-icon-wrap\" aria-hidden=\"true\">\n                    <svg viewBox=\"0 0 24 24\">\n                        <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path>\n                        <circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle>\n                        <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path>\n                        <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path>\n                    <\/svg>\n                <\/div>\n                <h2 class=\"vacad-card-title\">Soy Asesor<\/h2>\n                <p class=\"vacad-card-text\">\n                    \u00bfEres parte del equipo de Valora? Accede a tus recursos de formaci\u00f3n, casos activos y herramientas internas.\n                <\/p>\n                <a href=\"#login-asesor\" class=\"vacad-btn\">Ingresar<\/a>\n            <\/div>\n\n        <\/div>\n\n    <\/main>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u00a1Bienvenido a la Academia Valora! Nos alegra mucho que est\u00e9s aqu\u00ed: tu espacio para aprender todo sobre finanzas personales y c\u00f3mo sacarle el m\u00e1ximo partido a Valora. Cu\u00e9ntanos qui\u00e9n eres para darte el acceso r\u00e1pido y sencillo: Soy Cliente \u00bfEres cliente de Valora? Ingresa a tu portal de aprendizaje y revisa tu progreso financiero, cursos [&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-372","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.valorapatrimonial.com.pe\/index.php?rest_route=\/wp\/v2\/pages\/372","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=372"}],"version-history":[{"count":3,"href":"https:\/\/www.valorapatrimonial.com.pe\/index.php?rest_route=\/wp\/v2\/pages\/372\/revisions"}],"predecessor-version":[{"id":470,"href":"https:\/\/www.valorapatrimonial.com.pe\/index.php?rest_route=\/wp\/v2\/pages\/372\/revisions\/470"}],"wp:attachment":[{"href":"https:\/\/www.valorapatrimonial.com.pe\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=372"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}