Agente Finanzas | Semana de la IA<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600&family=Orbitron:wght@500;700;900&family=Fira+Code:wght@400;600&display=swap\" rel=\"stylesheet\">\r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n fontFamily: {\r\n sans: ['Inter', 'sans-serif'],\r\n tech: ['Orbitron', 'sans-serif'],\r\n mono: ['Fira Code', 'monospace'],\r\n },\r\n colors: {\r\n slate: { 950: '#020617' },\r\n finance: {\r\n light: '#2dd4bf', \/\/ Teal 400\r\n DEFAULT: '#14b8a6', \/\/ Teal 500\r\n dark: '#0f766e', \/\/ Teal 700\r\n glow: 'rgba(20, 184, 166, 0.5)'\r\n }\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n <style>\r\n \/* --- SCOPE (ENCAPSULAMIENTO) --- *\/\r\n .ia-agent-wrapper {\r\n background-color: #020617;\r\n color: #e2e8f0;\r\n overflow: visible; \r\n position: relative;\r\n width: 100%;\r\n min-height: 100vh;\r\n isolation: isolate;\r\n }\r\n\r\n \/* --- FONDO --- *\/\r\n .ia-agent-wrapper .cyber-grid {\r\n position: absolute;\r\n top: 0; left: 0; width: 100%; height: 100%;\r\n background-image: \r\n linear-gradient(rgba(20, 184, 166, 0.05) 1px, transparent 1px),\r\n linear-gradient(90deg, rgba(20, 184, 166, 0.05) 1px, transparent 1px);\r\n background-size: 50px 50px;\r\n mask-image: linear-gradient(to bottom, black 40%, transparent 100%);\r\n z-index: 0;\r\n pointer-events: none;\r\n }\r\n\r\n \/* --- UI GLASS --- *\/\r\n .ia-agent-wrapper .glass-panel {\r\n background: rgba(15, 23, 42, 0.6);\r\n backdrop-filter: blur(12px);\r\n border: 1px solid rgba(20, 184, 166, 0.2);\r\n box-shadow: 0 4px 30px rgba(0, 0, 0, 0.3);\r\n }\r\n\r\n \/* --- TERMINAL BOX (Prompt) --- *\/\r\n .ia-agent-wrapper .terminal-box {\r\n background: #0f172a;\r\n border: 1px solid #1e293b;\r\n border-left: 4px solid #14b8a6;\r\n font-family: 'Fira Code', monospace;\r\n position: relative;\r\n overflow: hidden;\r\n transition: all 0.5s ease-in-out;\r\n }\r\n .ia-agent-wrapper .terminal-box::before {\r\n content: '';\r\n position: absolute;\r\n top: 0; left: 0; width: 100%; height: 2px;\r\n background: linear-gradient(90deg, transparent, #14b8a6, transparent);\r\n animation: scanline 3s infinite linear;\r\n }\r\n\r\n @keyframes scanline {\r\n 0% { transform: translateX(-100%); }\r\n 100% { transform: translateX(100%); }\r\n }\r\n\r\n \/* --- VIDEO FRAME --- *\/\r\n .ia-agent-wrapper .phone-frame {\r\n border: 8px solid #1e293b;\r\n border-radius: 2rem;\r\n box-shadow: 0 0 50px rgba(20, 184, 166, 0.2), inset 0 0 20px rgba(0,0,0,0.5);\r\n background: #000;\r\n position: relative;\r\n overflow: hidden;\r\n aspect-ratio: 9\/16;\r\n max-height: 80vh;\r\n }\r\n\r\n \/* --- BOTONES --- *\/\r\n .ia-agent-wrapper .btn-action {\r\n background: linear-gradient(90deg, #14b8a6, #0d9488);\r\n position: relative;\r\n overflow: hidden;\r\n transition: all 0.3s ease;\r\n cursor: pointer;\r\n display: inline-flex;\r\n text-decoration: none;\r\n }\r\n .ia-agent-wrapper .btn-action:hover {\r\n box-shadow: 0 0 25px rgba(20, 184, 166, 0.6);\r\n transform: translateY(-2px);\r\n }\r\n .ia-agent-wrapper .btn-action::after {\r\n content: '';\r\n position: absolute;\r\n top: -50%; left: -50%; width: 200%; height: 200%;\r\n background: radial-gradient(circle, rgba(255,255,255,0.2) 0%, transparent 60%);\r\n transform: scale(0);\r\n transition: transform 0.6s;\r\n }\r\n .ia-agent-wrapper .btn-action:hover::after { transform: scale(1); }\r\n\r\n .ia-agent-wrapper .btn-outline {\r\n border: 1px solid rgba(20, 184, 166, 0.5);\r\n background: rgba(20, 184, 166, 0.05);\r\n transition: all 0.3s;\r\n cursor: pointer;\r\n color: #2dd4bf;\r\n }\r\n .ia-agent-wrapper .btn-outline:hover {\r\n background: rgba(20, 184, 166, 0.15);\r\n border-color: #14b8a6;\r\n color: #fff;\r\n }\r\n\r\n \/* --- TEXTOS --- *\/\r\n .ia-agent-wrapper .text-glow { text-shadow: 0 0 10px rgba(20, 184, 166, 0.5); }\r\n \r\n \/* --- PASO A PASO --- *\/\r\n .ia-agent-wrapper .step-circle {\r\n width: 32px; height: 32px;\r\n background: rgba(20, 184, 166, 0.2);\r\n border: 1px solid #14b8a6;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-weight: bold;\r\n color: #2dd4bf;\r\n font-family: 'Orbitron', sans-serif;\r\n }\r\n\r\n \/* --- ANIMACIONES --- *\/\r\n .ia-agent-wrapper .reveal {\r\n opacity: 0; transform: translateY(20px);\r\n transition: all 0.8s cubic-bezier(0.5, 0, 0, 1);\r\n }\r\n .ia-agent-wrapper .reveal.active { opacity: 1; transform: translateY(0); }\r\n .ia-agent-wrapper .delay-100 { transition-delay: 0.1s; }\r\n .ia-agent-wrapper .delay-200 { transition-delay: 0.2s; }\r\n .ia-agent-wrapper .delay-300 { transition-delay: 0.3s; }\r\n\r\n .ia-agent-wrapper .prompt-container {\r\n max-height: 120px;\r\n overflow: hidden;\r\n transition: max-height 0.5s ease-in-out;\r\n }\r\n .ia-agent-wrapper .prompt-container.expanded {\r\n max-height: 1500px;\r\n }\r\n \r\n .ia-agent-wrapper * {\r\n box-sizing: border-box;\r\n }\r\n\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"ia-agent-wrapper font-sans antialiased\">\r\n \r\n <div class=\"absolute inset-0 z-0 pointer-events-none overflow-hidden\">\r\n <div class=\"cyber-grid\"><\/div>\r\n <div class=\"absolute bottom-0 left-0 w-full h-1\/2 bg-gradient-to-t from-slate-950 to-transparent\"><\/div>\r\n <div class=\"absolute top-20 right-20 w-96 h-96 bg-teal-600\/10 rounded-full blur-[100px] animate-pulse\"><\/div>\r\n <div class=\"absolute bottom-20 left-20 w-96 h-96 bg-cyan-600\/10 rounded-full blur-[100px] animate-pulse\" style=\"animation-delay: 1s;\"><\/div>\r\n <\/div>\r\n\r\n <nav class=\"relative z-40 w-full p-4 md:p-6 flex justify-between items-center border-b border-white\/5 bg-slate-950\/50 backdrop-blur-md\">\r\n <div class=\"flex items-center gap-3\">\r\n <a href=\"https:\/\/redporlaciberseguridad.org\/semana-de-la-ia\/\" class=\"text-gray-400 hover:text-white transition-colors flex items-center gap-2 text-xs md:text-sm uppercase tracking-widest font-tech decoration-0 no-underline\">\r\n <svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 19l-7-7 7-7\"><\/path><\/svg>\r\n <span class=\"hidden sm:inline\">Volver a <\/span>Inicio\r\n <\/a>\r\n <\/div>\r\n <div class=\"flex items-center gap-2\">\r\n <div class=\"w-2 h-2 rounded-full bg-teal-500 animate-pulse\"><\/div>\r\n <span class=\"text-finance-light font-bold font-tech text-xs md:text-sm\">MODO: FINANZAS<\/span>\r\n <\/div>\r\n <\/nav>\r\n\r\n <main class=\"relative z-10 flex-1 flex flex-col lg:flex-row items-center lg:items-start justify-center gap-8 lg:gap-16 p-4 md:p-6 lg:p-12 max-w-7xl mx-auto w-full pt-8\">\r\n \r\n <div class=\"w-full lg:w-[400px] flex-shrink-0 flex justify-center relative lg:sticky lg:top-24 mb-6 lg:mb-0 reveal\">\r\n <div class=\"phone-frame w-full max-w-[320px] lg:max-w-full group shadow-2xl bg-black relative overflow-hidden\">\r\n \r\n <iframe \r\n id=\"financeVideo\"\r\n class=\"w-full h-full object-cover\"\r\n src=\"https:\/\/www.youtube.com\/embed\/DeWXvXcapJw?enablejsapi=1&rel=0&modestbranding=1&autoplay=1&mute=1&playsinline=1\" \r\n title=\"Asistente Finanzas\" \r\n frameborder=\"0\" \r\n allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" \r\n referrerpolicy=\"strict-origin-when-cross-origin\" \r\n allowfullscreen>\r\n <\/iframe>\r\n \r\n <div id=\"videoOverlay\" onclick=\"playVideo()\" class=\"absolute inset-0 z-30 cursor-pointer bg-black\/40 hover:bg-black\/20 transition-all duration-300 group\">\r\n \r\n <div class=\"absolute bottom-0 left-0 w-full p-6 bg-gradient-to-t from-black via-black\/80 to-transparent pt-20 z-10\">\r\n <h3 class=\"text-white font-bold text-lg text-glow\">FinanceSmart \ud83d\udcc8<\/h3>\r\n <p class=\"text-gray-300 text-sm\">Libertad Financiera...<\/p>\r\n <div class=\"w-full bg-gray-700 h-1 rounded-full mt-3 overflow-hidden\">\r\n <div class=\"w-1\/3 h-full bg-teal-500\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"flex-1 w-full max-w-2xl reveal delay-100\">\r\n \r\n <div class=\"mb-8 border-b border-gray-800 pb-6\">\r\n <div class=\"flex items-center gap-4 mb-2\">\r\n <span class=\"text-4xl md:text-5xl\">\ud83d\udcc8<\/span>\r\n <div>\r\n <h1 class=\"text-2xl md:text-3xl lg:text-5xl font-black text-white font-tech text-glow leading-tight\">FINANCESMART<\/h1>\r\n <p class=\"text-finance-light font-bold uppercase tracking-widest text-xs md:text-sm mt-1\">Consultor\u00eda Financiera Estrat\u00e9gica<\/p>\r\n <\/div>\r\n <\/div>\r\n <p class=\"text-gray-400 text-base md:text-lg mt-4 leading-relaxed\">\r\n Vamos a poner a trabajar cada peso por tu libertad. <span class=\"text-white font-bold\">Sal de deudas, optimiza impuestos y planifica tu retiro<\/span> con un experto financiero basado en el contexto mexicano.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"mb-10 relative\">\r\n <h3 class=\"text-white font-bold font-tech text-lg mb-6 flex items-center gap-2\">\r\n <span class=\"w-2 h-6 bg-teal-500 block\"><\/span>\r\n C\u00d3MO ACTIVAR TU CONSULTOR IA\r\n <\/h3>\r\n \r\n <div class=\"space-y-8 relative pl-4 border-l border-gray-800 ml-2\">\r\n <div class=\"relative pl-6\">\r\n <div class=\"absolute -left-[27px] step-circle\">1<\/div>\r\n <h4 class=\"text-white font-bold text-sm uppercase\">Entra a la Inteligencia Artificial<\/h4>\r\n <p class=\"text-gray-400 text-sm mt-1\">Haz clic aqu\u00ed: <a href=\"https:\/\/copilot.microsoft.com\/\" target=\"_blank\" class=\"text-teal-400 underline font-bold hover:text-teal-300 transition-colors\">https:\/\/copilot.microsoft.com\/<\/a>.<\/p>\r\n <\/div>\r\n <div class=\"relative pl-6\">\r\n <div class=\"absolute -left-[27px] step-circle\">2<\/div>\r\n <h4 class=\"text-white font-bold text-sm uppercase\">Copia el Prompt Maestro<\/h4>\r\n <p class=\"text-gray-400 text-sm mt-1\">Ve al recuadro oscuro de abajo y presiona el bot\u00f3n <b>\"Copiar Prompt\"<\/b>.<\/p>\r\n <\/div>\r\n <div class=\"relative pl-6\">\r\n <div class=\"absolute -left-[27px] step-circle\">3<\/div>\r\n <h4 class=\"text-white font-bold text-sm uppercase\">Pega y Personaliza en Copilot<\/h4>\r\n <p class=\"text-gray-400 text-sm mt-1\">Pega el texto en el chat. Antes de enviarlo, <b>sustituye la informaci\u00f3n<\/b> con tus datos reales.<\/p>\r\n <\/div>\r\n <div class=\"relative pl-6\">\r\n <div class=\"absolute -left-[27px] step-circle\">4<\/div>\r\n <h4 class=\"text-white font-bold text-sm uppercase\">Optimiza tu dinero<\/h4>\r\n <p class=\"text-gray-400 text-sm mt-1\">Deja que la IA analice tus deudas, gastos e inversiones.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"mb-10 reveal delay-200\">\r\n <div class=\"flex justify-between items-end mb-3\">\r\n <h3 class=\"text-white font-bold font-tech flex items-center gap-2 text-sm md:text-base\">\r\n <span class=\"w-2 h-6 bg-teal-500 block\"><\/span>\r\n EL PROMPT MAESTRO\r\n <\/h3>\r\n <div class=\"flex gap-2\">\r\n <span class=\"text-[10px] md:text-xs text-green-400 uppercase tracking-wider font-mono bg-green-500\/10 px-2 py-1 rounded hidden\" id=\"copySuccess\">\u00a1Copiado!<\/span>\r\n <span class=\"text-[10px] md:text-xs text-finance-light uppercase tracking-wider font-mono bg-teal-500\/10 px-2 py-1 rounded\">Finance Mode<\/span>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"terminal-box p-4 md:p-6 rounded-lg text-sm text-gray-300 leading-relaxed shadow-2xl group relative\">\r\n <div class=\"absolute top-2 right-2 flex gap-1\">\r\n <div class=\"w-2 h-2 md:w-3 md:h-3 rounded-full bg-red-500\/20 border border-red-500\"><\/div>\r\n <div class=\"w-2 h-2 md:w-3 md:h-3 rounded-full bg-yellow-500\/20 border border-yellow-500\"><\/div>\r\n <div class=\"w-2 h-2 md:w-3 md:h-3 rounded-full bg-green-500\/20 border border-green-500\"><\/div>\r\n <\/div>\r\n \r\n <p class=\"mb-4 text-finance-light text-xs md:text-sm\">\/\/ Instrucci\u00f3n para IA:<\/p>\r\n \r\n <div id=\"promptContainer\" class=\"prompt-container relative\">\r\n <p id=\"promptText\" class=\"whitespace-pre-line font-mono text-xs md:text-sm text-gray-300\">\r\n <\/p>\r\n <div id=\"fadeOverlay\" class=\"absolute bottom-0 left-0 w-full h-20 bg-gradient-to-t from-[#0f172a] to-transparent pointer-events-none transition-opacity duration-300\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"mt-6 flex flex-col sm:flex-row gap-3 pt-4 border-t border-gray-800\">\r\n <button onclick=\"copyFullPrompt()\" class=\"w-full sm:flex-1 bg-teal-600 hover:bg-teal-500 text-white py-3 sm:py-2 px-4 rounded text-xs font-bold uppercase tracking-wider flex items-center justify-center gap-2 transition-all hover:scale-[1.02] shadow-lg shadow-teal-900\/20 order-1 sm:order-1\">\r\n <svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 5H6a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2v-1M8 5a2 2 0 002 2h2a2 2 0 002-2M8 5a2 2 0 012-2h2a2 2 0 012 2m0 0h2a2 2 0 012 2v3m2 4H10m0 0l3-3m-3 3l3 3\"><\/path><\/svg>\r\n Copiar Prompt\r\n <\/button>\r\n <button onclick=\"togglePrompt()\" id=\"toggleBtn\" class=\"w-full sm:w-auto px-4 py-3 sm:py-2 border border-gray-600 hover:border-finance-light text-gray-400 hover:text-white rounded text-xs font-bold uppercase transition-all flex items-center justify-center gap-2 order-2 sm:order-2\">\r\n <svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 12a3 3 0 11-6 0 3 3 0 016 0z\"><\/path><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z\"><\/path><\/svg>\r\n Ver Todo\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"mb-10 p-5 rounded-lg border border-teal-500\/20 bg-teal-500\/5 reveal delay-300\">\r\n <h4 class=\"text-finance-light font-bold font-tech uppercase mb-3 flex items-center gap-2\">\r\n <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n Experiencia Combinada\r\n <\/h4>\r\n <div class=\"flex flex-wrap gap-2\">\r\n <span class=\"text-xs bg-teal-500\/20 text-finance-light px-2 py-1 rounded\">Contadur\u00eda<\/span>\r\n <span class=\"text-xs bg-teal-500\/20 text-finance-light px-2 py-1 rounded\">An\u00e1lisis de Inversi\u00f3n<\/span>\r\n <span class=\"text-xs bg-teal-500\/20 text-finance-light px-2 py-1 rounded\">Psicolog\u00eda del Dinero<\/span>\r\n <span class=\"text-xs bg-teal-500\/20 text-finance-light px-2 py-1 rounded\">Contexto SAT M\u00e9xico<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"flex flex-col gap-6 reveal delay-300 border-t border-gray-800 pt-8 pb-10 sm:pb-0\">\r\n <div class=\"flex flex-col sm:flex-row gap-4\">\r\n <a id=\"btnConstancia\" href=\"https:\/\/forms.office.com\/pages\/responsepage.aspx?id=PrFFKQuFrU-IqDW_pMoqULLHmYjb64BBndQsaYIJHQ9URUJZREVOQ1k0Q0JPQllVTVFJWlo0VDk0Si4u&route=shorturl\" target=\"_blank\" class=\"btn-action flex-1 py-4 px-6 rounded-lg font-bold text-white text-base md:text-lg font-tech uppercase tracking-wide flex items-center justify-center gap-3 shadow-[0_0_20px_rgba(20,184,166,0.4)] decoration-0 no-underline\">\r\n <span>\ud83d\udcdc Obtener Constancia<\/span>\r\n <svg class=\"w-5 h-5 animate-pulse\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 10V3L4 14h7v7l9-11h-7z\"><\/path><\/svg>\r\n <\/a>\r\n \r\n <a href=\"https:\/\/redporlaciberseguridad.org\/semana-de-la-ia\/\" class=\"btn-outline py-4 px-6 rounded-lg font-bold text-finance-light font-tech uppercase tracking-wide flex-1 sm:flex-none flex items-center justify-center gap-2 group text-sm md:text-base decoration-0 no-underline\">\r\n <svg class=\"w-4 h-4 group-hover:-translate-x-1 transition-transform\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10 19l-7-7m0 0l7-7m-7 7h18\"><\/path><\/svg>\r\n Ver M\u00e1s Agentes\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <p class=\"text-center text-xs text-gray-500 mt-4 mb-8 sm:mb-0\">Al obtener tu constancia certificas que has configurado exitosamente tu agente.<\/p>\r\n\r\n <\/div>\r\n <\/main>\r\n\r\n <\/div>\r\n\r\n <script>\r\n \/\/ Animaciones de entrada\r\n document.addEventListener('DOMContentLoaded', () => {\r\n const reveals = document.querySelectorAll('.reveal');\r\n reveals.forEach((el, index) => {\r\n setTimeout(() => {\r\n el.classList.add('active');\r\n }, index * 100);\r\n });\r\n \r\n \/\/ Inyectar el Prompt\r\n document.getElementById('promptText').innerText = financePrompt;\r\n });\r\n\r\n const financePrompt = `Eres FinanceSmart, un experto en finanzas personales e inversiones basado en el contexto mexicano.\r\n\r\nTienes la experiencia combinada de:\r\n\u2022 Planificador financiero certificado\r\n\u2022 Contador experto (conocimiento del SAT)\r\n\u2022 Analista de inversiones\r\n\u2022 Especialista en psicolog\u00eda del dinero\r\n\r\nTu misi\u00f3n: Ayudar al usuario a organizar sus quincenas, salir de deudas, planificar su patrimonio y eliminar el estr\u00e9s financiero.\r\n\r\n---\r\n\ud83e\udde0 TU PROCESO DE AN\u00c1LISIS:\r\n1. Flujo de Caja: Identificar gastos hormiga y fugas de capital.\r\n2. Diagn\u00f3stico de Deudas: Crear planes para liquidar tarjetas de cr\u00e9dito (Avalancha\/Bola de Nieve).\r\n3. Perfil de Riesgo: Determinar si el usuario es conservador o agresivo.\r\n4. Optimizaci\u00f3n Fiscal: Sugerir deducciones personales ante el SAT.\r\n5. Estrategias de Inversi\u00f3n: Sugerir opciones como CETES, Fondos Indexados o Acciones para vencer a la inflaci\u00f3n.\r\n6. Plan de Retiro: Analizar Afore o PPR y proyectar montos de jubilaci\u00f3n.\r\n\r\n---\r\n\ud83d\uded1 REGLA DE ORO (Personalizaci\u00f3n):\r\nAntes de dar cualquier consejo, haz preguntas clave:\r\n\u2022 Edad y Ciudad\r\n\u2022 Ingresos y Gastos fijos\r\n\u2022 Monto de deudas y tasas de inter\u00e9s\r\n\u2022 Objetivos (viaje, retiro, casa)\r\n\r\n---\r\n\ud83d\udccc SALUDO OBLIGATORIO:\r\n\"Bienvenido a tu consultor\u00eda financiera estrat\u00e9gica. Vamos a poner a trabajar cada peso por tu libertad.\"`;\r\n\r\n function togglePrompt() {\r\n const container = document.getElementById('promptContainer');\r\n const overlay = document.getElementById('fadeOverlay');\r\n const btn = document.getElementById('toggleBtn');\r\n \r\n container.classList.toggle('expanded');\r\n \r\n if (container.classList.contains('expanded')) {\r\n overlay.style.opacity = '0';\r\n overlay.style.pointerEvents = 'none';\r\n btn.innerHTML = 'Colapsar';\r\n } else {\r\n overlay.style.opacity = '1';\r\n overlay.style.pointerEvents = 'auto';\r\n btn.innerHTML = `<svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 12a3 3 0 11-6 0 3 3 0 016 0z\"><\/path><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z\"><\/path><\/svg> Ver Todo`;\r\n }\r\n }\r\n\r\n function copyFullPrompt() {\r\n const textArea = document.createElement(\"textarea\");\r\n textArea.value = financePrompt;\r\n document.body.appendChild(textArea);\r\n textArea.select();\r\n try {\r\n document.execCommand('copy');\r\n const successMsg = document.getElementById('copySuccess');\r\n successMsg.classList.remove('hidden');\r\n setTimeout(() => {\r\n successMsg.classList.add('hidden');\r\n }, 3000);\r\n } catch (err) {\r\n console.error('Error al copiar: ', err);\r\n }\r\n document.body.removeChild(textArea);\r\n }\r\n\r\n function playVideo() {\r\n const iframe = document.getElementById('financeVideo');\r\n const overlay = document.getElementById('videoOverlay');\r\n \r\n if (iframe && overlay) {\r\n overlay.style.opacity = '0';\r\n overlay.style.pointerEvents = 'none';\r\n \r\n setTimeout(() => {\r\n overlay.style.display = 'none';\r\n }, 300);\r\n\r\n iframe.contentWindow.postMessage('{\"event\":\"command\",\"func\":\"playVideo\",\"args\":\"\"}', '*');\r\n }\r\n }\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1392a0f elementor-widget elementor-widget-html\" data-id=\"1392a0f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Grabaciones | IA para Finanzas<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600&family=Orbitron:wght@500;700;900&family=Fira+Code:wght@400;600&display=swap\" rel=\"stylesheet\">\r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n fontFamily: {\r\n sans: ['Inter', 'sans-serif'],\r\n tech: ['Orbitron', 'sans-serif'],\r\n mono: ['Fira Code', 'monospace'],\r\n },\r\n colors: {\r\n teacher: {\r\n light: '#60a5fa',\r\n DEFAULT: '#3b82f6',\r\n dark: '#1d4ed8',\r\n glow: 'rgba(59, 130, 246, 0.5)'\r\n }\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n <style>\r\n \/* BASE STYLE - TRANSPARENTE *\/\r\n body {\r\n background-color: transparent !important;\r\n color: #e2e8f0;\r\n margin: 0;\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* AJUSTE DE CONTENEDOR PARA COINCIDIR CON EL DISE\u00d1O SUPERIOR *\/\r\n .ia-agent-section {\r\n position: relative;\r\n width: 100%;\r\n max-width: 80rem; \/* max-w-7xl *\/\r\n margin: 0 auto;\r\n padding: 4rem 1rem;\r\n isolation: isolate;\r\n background: transparent;\r\n }\r\n\r\n .text-glow { text-shadow: 0 0 10px rgba(59, 130, 246, 0.6); }\r\n\r\n \/* VIDEO CARDS - MANTIENEN EFECTO GLASS PERO SOBRE EL FONDO EXTERNO *\/\r\n .video-card {\r\n background: rgba(15, 23, 42, 0.7);\r\n backdrop-filter: blur(10px);\r\n border: 1px solid rgba(59, 130, 246, 0.2);\r\n border-radius: 1.25rem;\r\n overflow: hidden;\r\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);\r\n width: 100%;\r\n max-width: 600px;\r\n }\r\n\r\n .video-card:hover {\r\n border-color: #3b82f6;\r\n transform: translateY(-8px);\r\n box-shadow: 0 20px 40px rgba(59, 130, 246, 0.15);\r\n }\r\n\r\n \/* REVEAL ANIMATION *\/\r\n .reveal {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n transition: all 1s cubic-bezier(0.5, 0, 0, 1);\r\n }\r\n .reveal.active {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <div class=\"ia-agent-section font-sans\">\r\n \r\n \r\n <header class=\"w-full text-center mb-16 reveal\">\r\n <h1 class=\"text-4xl md:text-6xl font-black text-white font-tech text-glow mb-4 tracking-tighter uppercase\">\r\n GRABACIONES\r\n <\/h1>\r\n <p class=\"text-gray-400 text-sm md:text-lg max-w-2xl mx-auto leading-relaxed\">\r\n Finanzas con IA: reportes, proyecciones y an\u00e1lisis autom\u00e1tico.\r\n <\/p>\r\n <\/header>\r\n\r\n \r\n <main class=\"flex justify-center px-4\">\r\n \r\n \r\n <div class=\"video-card reveal\" style=\"transition-delay: 200ms;\">\r\n <div class=\"p-5 border-b border-white\/5 bg-white\/5 flex items-center justify-between\">\r\n <div class=\"flex items-center gap-3\">\r\n <span class=\"text-2xl\">\ud83d\udcc8<\/span>\r\n <div>\r\n <h3 class=\"text-white font-bold font-tech text-xs md:text-sm uppercase tracking-wider\">IA para Finanzas<\/h3>\r\n <p class=\"text-[10px] text-teacher-light font-mono opacity-70\">Reportes y An\u00e1lisis Autom\u00e1tico<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"h-2 w-2 rounded-full bg-blue-500 animate-pulse\"><\/div>\r\n <\/div>\r\n \r\n <div class=\"aspect-video bg-black relative\">\r\n <iframe \r\n src=\"https:\/\/www.facebook.com\/plugins\/video.php?height=314&href=https%3A%2F%2Fwww.facebook.com%2Freel%2F1313769543952564%2F&show_text=false&width=560&t=0\" \r\n class=\"absolute inset-0 w-full h-full\"\r\n style=\"border:none;overflow:hidden\" \r\n scrolling=\"no\" \r\n frameborder=\"0\" \r\n allowfullscreen=\"true\" \r\n allow=\"autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share\">\r\n <\/iframe>\r\n <\/div>\r\n <div class=\"p-6 bg-slate-900\/30\">\r\n <ul class=\"text-xs text-gray-300 space-y-2 font-sans\">\r\n <li class=\"flex items-start gap-2\">\r\n <span class=\"text-blue-400\">\ud83d\udcca<\/span>\r\n <span>Analiza datos financieros y detecta riesgos en minutos.<\/span>\r\n <\/li>\r\n <li class=\"flex items-start gap-2\">\r\n <span class=\"text-blue-400\">\ud83d\ude80<\/span>\r\n <span>Genera proyecciones autom\u00e1ticas para mejores decisiones.<\/span>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/main>\r\n\r\n \r\n <footer class=\"mt-20 text-center reveal\" style=\"transition-delay: 400ms;\">\r\n <p class=\"text-gray-500 text-[10px] font-tech uppercase tracking-[0.2em]\">Semana de la IA \u00a9 2026<\/p>\r\n <\/footer>\r\n <\/div>\r\n\r\n <script>\r\n document.addEventListener('DOMContentLoaded', () => {\r\n const reveals = document.querySelectorAll('.reveal');\r\n setTimeout(() => {\r\n reveals.forEach(el => {\r\n el.classList.add('active');\r\n });\r\n }, 100);\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3d320d7 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"3d320d7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Agente Finanzas | Semana de la IA Volver a Inicio MODO: FINANZAS FinanceSmart \ud83d\udcc8 Libertad Financiera… \ud83d\udcc8 FINANCESMART Consultor\u00eda Financiera Estrat\u00e9gica Vamos a poner a trabajar cada peso por tu libertad. Sal de deudas, optimiza impuestos y planifica tu retiro con un experto financiero basado en el contexto mexicano. C\u00d3MO ACTIVAR TU CONSULTOR IA 1<\/p>","protected":false},"author":8,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-18443","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/redporlaciberseguridad.org\/en\/wp-json\/wp\/v2\/pages\/18443","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/redporlaciberseguridad.org\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/redporlaciberseguridad.org\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/redporlaciberseguridad.org\/en\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/redporlaciberseguridad.org\/en\/wp-json\/wp\/v2\/comments?post=18443"}],"version-history":[{"count":25,"href":"https:\/\/redporlaciberseguridad.org\/en\/wp-json\/wp\/v2\/pages\/18443\/revisions"}],"predecessor-version":[{"id":19915,"href":"https:\/\/redporlaciberseguridad.org\/en\/wp-json\/wp\/v2\/pages\/18443\/revisions\/19915"}],"wp:attachment":[{"href":"https:\/\/redporlaciberseguridad.org\/en\/wp-json\/wp\/v2\/media?parent=18443"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Agente Finanzas | Semana de la IA<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600&family=Orbitron:wght@500;700;900&family=Fira+Code:wght@400;600&display=swap\" rel=\"stylesheet\">\r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n fontFamily: {\r\n sans: ['Inter', 'sans-serif'],\r\n tech: ['Orbitron', 'sans-serif'],\r\n mono: ['Fira Code', 'monospace'],\r\n },\r\n colors: {\r\n slate: { 950: '#020617' },\r\n finance: {\r\n light: '#2dd4bf', \/\/ Teal 400\r\n DEFAULT: '#14b8a6', \/\/ Teal 500\r\n dark: '#0f766e', \/\/ Teal 700\r\n glow: 'rgba(20, 184, 166, 0.5)'\r\n }\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n <style>\r\n \/* --- SCOPE (ENCAPSULAMIENTO) --- *\/\r\n .ia-agent-wrapper {\r\n background-color: #020617;\r\n color: #e2e8f0;\r\n overflow: visible; \r\n position: relative;\r\n width: 100%;\r\n min-height: 100vh;\r\n isolation: isolate;\r\n }\r\n\r\n \/* --- FONDO --- *\/\r\n .ia-agent-wrapper .cyber-grid {\r\n position: absolute;\r\n top: 0; left: 0; width: 100%; height: 100%;\r\n background-image: \r\n linear-gradient(rgba(20, 184, 166, 0.05) 1px, transparent 1px),\r\n linear-gradient(90deg, rgba(20, 184, 166, 0.05) 1px, transparent 1px);\r\n background-size: 50px 50px;\r\n mask-image: linear-gradient(to bottom, black 40%, transparent 100%);\r\n z-index: 0;\r\n pointer-events: none;\r\n }\r\n\r\n \/* --- UI GLASS --- *\/\r\n .ia-agent-wrapper .glass-panel {\r\n background: rgba(15, 23, 42, 0.6);\r\n backdrop-filter: blur(12px);\r\n border: 1px solid rgba(20, 184, 166, 0.2);\r\n box-shadow: 0 4px 30px rgba(0, 0, 0, 0.3);\r\n }\r\n\r\n \/* --- TERMINAL BOX (Prompt) --- *\/\r\n .ia-agent-wrapper .terminal-box {\r\n background: #0f172a;\r\n border: 1px solid #1e293b;\r\n border-left: 4px solid #14b8a6;\r\n font-family: 'Fira Code', monospace;\r\n position: relative;\r\n overflow: hidden;\r\n transition: all 0.5s ease-in-out;\r\n }\r\n .ia-agent-wrapper .terminal-box::before {\r\n content: '';\r\n position: absolute;\r\n top: 0; left: 0; width: 100%; height: 2px;\r\n background: linear-gradient(90deg, transparent, #14b8a6, transparent);\r\n animation: scanline 3s infinite linear;\r\n }\r\n\r\n @keyframes scanline {\r\n 0% { transform: translateX(-100%); }\r\n 100% { transform: translateX(100%); }\r\n }\r\n\r\n \/* --- VIDEO FRAME --- *\/\r\n .ia-agent-wrapper .phone-frame {\r\n border: 8px solid #1e293b;\r\n border-radius: 2rem;\r\n box-shadow: 0 0 50px rgba(20, 184, 166, 0.2), inset 0 0 20px rgba(0,0,0,0.5);\r\n background: #000;\r\n position: relative;\r\n overflow: hidden;\r\n aspect-ratio: 9\/16;\r\n max-height: 80vh;\r\n }\r\n\r\n \/* --- BOTONES --- *\/\r\n .ia-agent-wrapper .btn-action {\r\n background: linear-gradient(90deg, #14b8a6, #0d9488);\r\n position: relative;\r\n overflow: hidden;\r\n transition: all 0.3s ease;\r\n cursor: pointer;\r\n display: inline-flex;\r\n text-decoration: none;\r\n }\r\n .ia-agent-wrapper .btn-action:hover {\r\n box-shadow: 0 0 25px rgba(20, 184, 166, 0.6);\r\n transform: translateY(-2px);\r\n }\r\n .ia-agent-wrapper .btn-action::after {\r\n content: '';\r\n position: absolute;\r\n top: -50%; left: -50%; width: 200%; height: 200%;\r\n background: radial-gradient(circle, rgba(255,255,255,0.2) 0%, transparent 60%);\r\n transform: scale(0);\r\n transition: transform 0.6s;\r\n }\r\n .ia-agent-wrapper .btn-action:hover::after { transform: scale(1); }\r\n\r\n .ia-agent-wrapper .btn-outline {\r\n border: 1px solid rgba(20, 184, 166, 0.5);\r\n background: rgba(20, 184, 166, 0.05);\r\n transition: all 0.3s;\r\n cursor: pointer;\r\n color: #2dd4bf;\r\n }\r\n .ia-agent-wrapper .btn-outline:hover {\r\n background: rgba(20, 184, 166, 0.15);\r\n border-color: #14b8a6;\r\n color: #fff;\r\n }\r\n\r\n \/* --- TEXTOS --- *\/\r\n .ia-agent-wrapper .text-glow { text-shadow: 0 0 10px rgba(20, 184, 166, 0.5); }\r\n \r\n \/* --- PASO A PASO --- *\/\r\n .ia-agent-wrapper .step-circle {\r\n width: 32px; height: 32px;\r\n background: rgba(20, 184, 166, 0.2);\r\n border: 1px solid #14b8a6;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-weight: bold;\r\n color: #2dd4bf;\r\n font-family: 'Orbitron', sans-serif;\r\n }\r\n\r\n \/* --- ANIMACIONES --- *\/\r\n .ia-agent-wrapper .reveal {\r\n opacity: 0; transform: translateY(20px);\r\n transition: all 0.8s cubic-bezier(0.5, 0, 0, 1);\r\n }\r\n .ia-agent-wrapper .reveal.active { opacity: 1; transform: translateY(0); }\r\n .ia-agent-wrapper .delay-100 { transition-delay: 0.1s; }\r\n .ia-agent-wrapper .delay-200 { transition-delay: 0.2s; }\r\n .ia-agent-wrapper .delay-300 { transition-delay: 0.3s; }\r\n\r\n .ia-agent-wrapper .prompt-container {\r\n max-height: 120px;\r\n overflow: hidden;\r\n transition: max-height 0.5s ease-in-out;\r\n }\r\n .ia-agent-wrapper .prompt-container.expanded {\r\n max-height: 1500px;\r\n }\r\n \r\n .ia-agent-wrapper * {\r\n box-sizing: border-box;\r\n }\r\n\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"ia-agent-wrapper font-sans antialiased\">\r\n \r\n <div class=\"absolute inset-0 z-0 pointer-events-none overflow-hidden\">\r\n <div class=\"cyber-grid\"><\/div>\r\n <div class=\"absolute bottom-0 left-0 w-full h-1\/2 bg-gradient-to-t from-slate-950 to-transparent\"><\/div>\r\n <div class=\"absolute top-20 right-20 w-96 h-96 bg-teal-600\/10 rounded-full blur-[100px] animate-pulse\"><\/div>\r\n <div class=\"absolute bottom-20 left-20 w-96 h-96 bg-cyan-600\/10 rounded-full blur-[100px] animate-pulse\" style=\"animation-delay: 1s;\"><\/div>\r\n <\/div>\r\n\r\n <nav class=\"relative z-40 w-full p-4 md:p-6 flex justify-between items-center border-b border-white\/5 bg-slate-950\/50 backdrop-blur-md\">\r\n <div class=\"flex items-center gap-3\">\r\n <a href=\"https:\/\/redporlaciberseguridad.org\/semana-de-la-ia\/\" class=\"text-gray-400 hover:text-white transition-colors flex items-center gap-2 text-xs md:text-sm uppercase tracking-widest font-tech decoration-0 no-underline\">\r\n <svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 19l-7-7 7-7\"><\/path><\/svg>\r\n <span class=\"hidden sm:inline\">Volver a <\/span>Inicio\r\n <\/a>\r\n <\/div>\r\n <div class=\"flex items-center gap-2\">\r\n <div class=\"w-2 h-2 rounded-full bg-teal-500 animate-pulse\"><\/div>\r\n <span class=\"text-finance-light font-bold font-tech text-xs md:text-sm\">MODO: FINANZAS<\/span>\r\n <\/div>\r\n <\/nav>\r\n\r\n <main class=\"relative z-10 flex-1 flex flex-col lg:flex-row items-center lg:items-start justify-center gap-8 lg:gap-16 p-4 md:p-6 lg:p-12 max-w-7xl mx-auto w-full pt-8\">\r\n \r\n <div class=\"w-full lg:w-[400px] flex-shrink-0 flex justify-center relative lg:sticky lg:top-24 mb-6 lg:mb-0 reveal\">\r\n <div class=\"phone-frame w-full max-w-[320px] lg:max-w-full group shadow-2xl bg-black relative overflow-hidden\">\r\n \r\n <iframe \r\n id=\"financeVideo\"\r\n class=\"w-full h-full object-cover\"\r\n src=\"https:\/\/www.youtube.com\/embed\/DeWXvXcapJw?enablejsapi=1&rel=0&modestbranding=1&autoplay=1&mute=1&playsinline=1\" \r\n title=\"Asistente Finanzas\" \r\n frameborder=\"0\" \r\n allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" \r\n referrerpolicy=\"strict-origin-when-cross-origin\" \r\n allowfullscreen>\r\n <\/iframe>\r\n \r\n <div id=\"videoOverlay\" onclick=\"playVideo()\" class=\"absolute inset-0 z-30 cursor-pointer bg-black\/40 hover:bg-black\/20 transition-all duration-300 group\">\r\n \r\n <div class=\"absolute bottom-0 left-0 w-full p-6 bg-gradient-to-t from-black via-black\/80 to-transparent pt-20 z-10\">\r\n <h3 class=\"text-white font-bold text-lg text-glow\">FinanceSmart \ud83d\udcc8<\/h3>\r\n <p class=\"text-gray-300 text-sm\">Libertad Financiera...<\/p>\r\n <div class=\"w-full bg-gray-700 h-1 rounded-full mt-3 overflow-hidden\">\r\n <div class=\"w-1\/3 h-full bg-teal-500\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"flex-1 w-full max-w-2xl reveal delay-100\">\r\n \r\n <div class=\"mb-8 border-b border-gray-800 pb-6\">\r\n <div class=\"flex items-center gap-4 mb-2\">\r\n <span class=\"text-4xl md:text-5xl\">\ud83d\udcc8<\/span>\r\n <div>\r\n <h1 class=\"text-2xl md:text-3xl lg:text-5xl font-black text-white font-tech text-glow leading-tight\">FINANCESMART<\/h1>\r\n <p class=\"text-finance-light font-bold uppercase tracking-widest text-xs md:text-sm mt-1\">Consultor\u00eda Financiera Estrat\u00e9gica<\/p>\r\n <\/div>\r\n <\/div>\r\n <p class=\"text-gray-400 text-base md:text-lg mt-4 leading-relaxed\">\r\n Vamos a poner a trabajar cada peso por tu libertad. <span class=\"text-white font-bold\">Sal de deudas, optimiza impuestos y planifica tu retiro<\/span> con un experto financiero basado en el contexto mexicano.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"mb-10 relative\">\r\n <h3 class=\"text-white font-bold font-tech text-lg mb-6 flex items-center gap-2\">\r\n <span class=\"w-2 h-6 bg-teal-500 block\"><\/span>\r\n C\u00d3MO ACTIVAR TU CONSULTOR IA\r\n <\/h3>\r\n \r\n <div class=\"space-y-8 relative pl-4 border-l border-gray-800 ml-2\">\r\n <div class=\"relative pl-6\">\r\n <div class=\"absolute -left-[27px] step-circle\">1<\/div>\r\n <h4 class=\"text-white font-bold text-sm uppercase\">Entra a la Inteligencia Artificial<\/h4>\r\n <p class=\"text-gray-400 text-sm mt-1\">Haz clic aqu\u00ed: <a href=\"https:\/\/copilot.microsoft.com\/\" target=\"_blank\" class=\"text-teal-400 underline font-bold hover:text-teal-300 transition-colors\">https:\/\/copilot.microsoft.com\/<\/a>.<\/p>\r\n <\/div>\r\n <div class=\"relative pl-6\">\r\n <div class=\"absolute -left-[27px] step-circle\">2<\/div>\r\n <h4 class=\"text-white font-bold text-sm uppercase\">Copia el Prompt Maestro<\/h4>\r\n <p class=\"text-gray-400 text-sm mt-1\">Ve al recuadro oscuro de abajo y presiona el bot\u00f3n <b>\"Copiar Prompt\"<\/b>.<\/p>\r\n <\/div>\r\n <div class=\"relative pl-6\">\r\n <div class=\"absolute -left-[27px] step-circle\">3<\/div>\r\n <h4 class=\"text-white font-bold text-sm uppercase\">Pega y Personaliza en Copilot<\/h4>\r\n <p class=\"text-gray-400 text-sm mt-1\">Pega el texto en el chat. Antes de enviarlo, <b>sustituye la informaci\u00f3n<\/b> con tus datos reales.<\/p>\r\n <\/div>\r\n <div class=\"relative pl-6\">\r\n <div class=\"absolute -left-[27px] step-circle\">4<\/div>\r\n <h4 class=\"text-white font-bold text-sm uppercase\">Optimiza tu dinero<\/h4>\r\n <p class=\"text-gray-400 text-sm mt-1\">Deja que la IA analice tus deudas, gastos e inversiones.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"mb-10 reveal delay-200\">\r\n <div class=\"flex justify-between items-end mb-3\">\r\n <h3 class=\"text-white font-bold font-tech flex items-center gap-2 text-sm md:text-base\">\r\n <span class=\"w-2 h-6 bg-teal-500 block\"><\/span>\r\n EL PROMPT MAESTRO\r\n <\/h3>\r\n <div class=\"flex gap-2\">\r\n <span class=\"text-[10px] md:text-xs text-green-400 uppercase tracking-wider font-mono bg-green-500\/10 px-2 py-1 rounded hidden\" id=\"copySuccess\">\u00a1Copiado!<\/span>\r\n <span class=\"text-[10px] md:text-xs text-finance-light uppercase tracking-wider font-mono bg-teal-500\/10 px-2 py-1 rounded\">Finance Mode<\/span>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"terminal-box p-4 md:p-6 rounded-lg text-sm text-gray-300 leading-relaxed shadow-2xl group relative\">\r\n <div class=\"absolute top-2 right-2 flex gap-1\">\r\n <div class=\"w-2 h-2 md:w-3 md:h-3 rounded-full bg-red-500\/20 border border-red-500\"><\/div>\r\n <div class=\"w-2 h-2 md:w-3 md:h-3 rounded-full bg-yellow-500\/20 border border-yellow-500\"><\/div>\r\n <div class=\"w-2 h-2 md:w-3 md:h-3 rounded-full bg-green-500\/20 border border-green-500\"><\/div>\r\n <\/div>\r\n \r\n <p class=\"mb-4 text-finance-light text-xs md:text-sm\">\/\/ Instrucci\u00f3n para IA:<\/p>\r\n \r\n <div id=\"promptContainer\" class=\"prompt-container relative\">\r\n <p id=\"promptText\" class=\"whitespace-pre-line font-mono text-xs md:text-sm text-gray-300\">\r\n <\/p>\r\n <div id=\"fadeOverlay\" class=\"absolute bottom-0 left-0 w-full h-20 bg-gradient-to-t from-[#0f172a] to-transparent pointer-events-none transition-opacity duration-300\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"mt-6 flex flex-col sm:flex-row gap-3 pt-4 border-t border-gray-800\">\r\n <button onclick=\"copyFullPrompt()\" class=\"w-full sm:flex-1 bg-teal-600 hover:bg-teal-500 text-white py-3 sm:py-2 px-4 rounded text-xs font-bold uppercase tracking-wider flex items-center justify-center gap-2 transition-all hover:scale-[1.02] shadow-lg shadow-teal-900\/20 order-1 sm:order-1\">\r\n <svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 5H6a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2v-1M8 5a2 2 0 002 2h2a2 2 0 002-2M8 5a2 2 0 012-2h2a2 2 0 012 2m0 0h2a2 2 0 012 2v3m2 4H10m0 0l3-3m-3 3l3 3\"><\/path><\/svg>\r\n Copiar Prompt\r\n <\/button>\r\n <button onclick=\"togglePrompt()\" id=\"toggleBtn\" class=\"w-full sm:w-auto px-4 py-3 sm:py-2 border border-gray-600 hover:border-finance-light text-gray-400 hover:text-white rounded text-xs font-bold uppercase transition-all flex items-center justify-center gap-2 order-2 sm:order-2\">\r\n <svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 12a3 3 0 11-6 0 3 3 0 016 0z\"><\/path><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z\"><\/path><\/svg>\r\n Ver Todo\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"mb-10 p-5 rounded-lg border border-teal-500\/20 bg-teal-500\/5 reveal delay-300\">\r\n <h4 class=\"text-finance-light font-bold font-tech uppercase mb-3 flex items-center gap-2\">\r\n <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n Experiencia Combinada\r\n <\/h4>\r\n <div class=\"flex flex-wrap gap-2\">\r\n <span class=\"text-xs bg-teal-500\/20 text-finance-light px-2 py-1 rounded\">Contadur\u00eda<\/span>\r\n <span class=\"text-xs bg-teal-500\/20 text-finance-light px-2 py-1 rounded\">An\u00e1lisis de Inversi\u00f3n<\/span>\r\n <span class=\"text-xs bg-teal-500\/20 text-finance-light px-2 py-1 rounded\">Psicolog\u00eda del Dinero<\/span>\r\n <span class=\"text-xs bg-teal-500\/20 text-finance-light px-2 py-1 rounded\">Contexto SAT M\u00e9xico<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"flex flex-col gap-6 reveal delay-300 border-t border-gray-800 pt-8 pb-10 sm:pb-0\">\r\n <div class=\"flex flex-col sm:flex-row gap-4\">\r\n <a id=\"btnConstancia\" href=\"https:\/\/forms.office.com\/pages\/responsepage.aspx?id=PrFFKQuFrU-IqDW_pMoqULLHmYjb64BBndQsaYIJHQ9URUJZREVOQ1k0Q0JPQllVTVFJWlo0VDk0Si4u&route=shorturl\" target=\"_blank\" class=\"btn-action flex-1 py-4 px-6 rounded-lg font-bold text-white text-base md:text-lg font-tech uppercase tracking-wide flex items-center justify-center gap-3 shadow-[0_0_20px_rgba(20,184,166,0.4)] decoration-0 no-underline\">\r\n <span>\ud83d\udcdc Obtener Constancia<\/span>\r\n <svg class=\"w-5 h-5 animate-pulse\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 10V3L4 14h7v7l9-11h-7z\"><\/path><\/svg>\r\n <\/a>\r\n \r\n <a href=\"https:\/\/redporlaciberseguridad.org\/semana-de-la-ia\/\" class=\"btn-outline py-4 px-6 rounded-lg font-bold text-finance-light font-tech uppercase tracking-wide flex-1 sm:flex-none flex items-center justify-center gap-2 group text-sm md:text-base decoration-0 no-underline\">\r\n <svg class=\"w-4 h-4 group-hover:-translate-x-1 transition-transform\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10 19l-7-7m0 0l7-7m-7 7h18\"><\/path><\/svg>\r\n Ver M\u00e1s Agentes\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <p class=\"text-center text-xs text-gray-500 mt-4 mb-8 sm:mb-0\">Al obtener tu constancia certificas que has configurado exitosamente tu agente.<\/p>\r\n\r\n <\/div>\r\n <\/main>\r\n\r\n <\/div>\r\n\r\n <script>\r\n \/\/ Animaciones de entrada\r\n document.addEventListener('DOMContentLoaded', () => {\r\n const reveals = document.querySelectorAll('.reveal');\r\n reveals.forEach((el, index) => {\r\n setTimeout(() => {\r\n el.classList.add('active');\r\n }, index * 100);\r\n });\r\n \r\n \/\/ Inyectar el Prompt\r\n document.getElementById('promptText').innerText = financePrompt;\r\n });\r\n\r\n const financePrompt = `Eres FinanceSmart, un experto en finanzas personales e inversiones basado en el contexto mexicano.\r\n\r\nTienes la experiencia combinada de:\r\n\u2022 Planificador financiero certificado\r\n\u2022 Contador experto (conocimiento del SAT)\r\n\u2022 Analista de inversiones\r\n\u2022 Especialista en psicolog\u00eda del dinero\r\n\r\nTu misi\u00f3n: Ayudar al usuario a organizar sus quincenas, salir de deudas, planificar su patrimonio y eliminar el estr\u00e9s financiero.\r\n\r\n---\r\n\ud83e\udde0 TU PROCESO DE AN\u00c1LISIS:\r\n1. Flujo de Caja: Identificar gastos hormiga y fugas de capital.\r\n2. Diagn\u00f3stico de Deudas: Crear planes para liquidar tarjetas de cr\u00e9dito (Avalancha\/Bola de Nieve).\r\n3. Perfil de Riesgo: Determinar si el usuario es conservador o agresivo.\r\n4. Optimizaci\u00f3n Fiscal: Sugerir deducciones personales ante el SAT.\r\n5. Estrategias de Inversi\u00f3n: Sugerir opciones como CETES, Fondos Indexados o Acciones para vencer a la inflaci\u00f3n.\r\n6. Plan de Retiro: Analizar Afore o PPR y proyectar montos de jubilaci\u00f3n.\r\n\r\n---\r\n\ud83d\uded1 REGLA DE ORO (Personalizaci\u00f3n):\r\nAntes de dar cualquier consejo, haz preguntas clave:\r\n\u2022 Edad y Ciudad\r\n\u2022 Ingresos y Gastos fijos\r\n\u2022 Monto de deudas y tasas de inter\u00e9s\r\n\u2022 Objetivos (viaje, retiro, casa)\r\n\r\n---\r\n\ud83d\udccc SALUDO OBLIGATORIO:\r\n\"Bienvenido a tu consultor\u00eda financiera estrat\u00e9gica. Vamos a poner a trabajar cada peso por tu libertad.\"`;\r\n\r\n function togglePrompt() {\r\n const container = document.getElementById('promptContainer');\r\n const overlay = document.getElementById('fadeOverlay');\r\n const btn = document.getElementById('toggleBtn');\r\n \r\n container.classList.toggle('expanded');\r\n \r\n if (container.classList.contains('expanded')) {\r\n overlay.style.opacity = '0';\r\n overlay.style.pointerEvents = 'none';\r\n btn.innerHTML = 'Colapsar';\r\n } else {\r\n overlay.style.opacity = '1';\r\n overlay.style.pointerEvents = 'auto';\r\n btn.innerHTML = `<svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 12a3 3 0 11-6 0 3 3 0 016 0z\"><\/path><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z\"><\/path><\/svg> Ver Todo`;\r\n }\r\n }\r\n\r\n function copyFullPrompt() {\r\n const textArea = document.createElement(\"textarea\");\r\n textArea.value = financePrompt;\r\n document.body.appendChild(textArea);\r\n textArea.select();\r\n try {\r\n document.execCommand('copy');\r\n const successMsg = document.getElementById('copySuccess');\r\n successMsg.classList.remove('hidden');\r\n setTimeout(() => {\r\n successMsg.classList.add('hidden');\r\n }, 3000);\r\n } catch (err) {\r\n console.error('Error al copiar: ', err);\r\n }\r\n document.body.removeChild(textArea);\r\n }\r\n\r\n function playVideo() {\r\n const iframe = document.getElementById('financeVideo');\r\n const overlay = document.getElementById('videoOverlay');\r\n \r\n if (iframe && overlay) {\r\n overlay.style.opacity = '0';\r\n overlay.style.pointerEvents = 'none';\r\n \r\n setTimeout(() => {\r\n overlay.style.display = 'none';\r\n }, 300);\r\n\r\n iframe.contentWindow.postMessage('{\"event\":\"command\",\"func\":\"playVideo\",\"args\":\"\"}', '*');\r\n }\r\n }\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1392a0f elementor-widget elementor-widget-html\" data-id=\"1392a0f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Grabaciones | IA para Finanzas<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600&family=Orbitron:wght@500;700;900&family=Fira+Code:wght@400;600&display=swap\" rel=\"stylesheet\">\r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n fontFamily: {\r\n sans: ['Inter', 'sans-serif'],\r\n tech: ['Orbitron', 'sans-serif'],\r\n mono: ['Fira Code', 'monospace'],\r\n },\r\n colors: {\r\n teacher: {\r\n light: '#60a5fa',\r\n DEFAULT: '#3b82f6',\r\n dark: '#1d4ed8',\r\n glow: 'rgba(59, 130, 246, 0.5)'\r\n }\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n <style>\r\n \/* BASE STYLE - TRANSPARENTE *\/\r\n body {\r\n background-color: transparent !important;\r\n color: #e2e8f0;\r\n margin: 0;\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* AJUSTE DE CONTENEDOR PARA COINCIDIR CON EL DISE\u00d1O SUPERIOR *\/\r\n .ia-agent-section {\r\n position: relative;\r\n width: 100%;\r\n max-width: 80rem; \/* max-w-7xl *\/\r\n margin: 0 auto;\r\n padding: 4rem 1rem;\r\n isolation: isolate;\r\n background: transparent;\r\n }\r\n\r\n .text-glow { text-shadow: 0 0 10px rgba(59, 130, 246, 0.6); }\r\n\r\n \/* VIDEO CARDS - MANTIENEN EFECTO GLASS PERO SOBRE EL FONDO EXTERNO *\/\r\n .video-card {\r\n background: rgba(15, 23, 42, 0.7);\r\n backdrop-filter: blur(10px);\r\n border: 1px solid rgba(59, 130, 246, 0.2);\r\n border-radius: 1.25rem;\r\n overflow: hidden;\r\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);\r\n width: 100%;\r\n max-width: 600px;\r\n }\r\n\r\n .video-card:hover {\r\n border-color: #3b82f6;\r\n transform: translateY(-8px);\r\n box-shadow: 0 20px 40px rgba(59, 130, 246, 0.15);\r\n }\r\n\r\n \/* REVEAL ANIMATION *\/\r\n .reveal {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n transition: all 1s cubic-bezier(0.5, 0, 0, 1);\r\n }\r\n .reveal.active {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <div class=\"ia-agent-section font-sans\">\r\n \r\n \r\n <header class=\"w-full text-center mb-16 reveal\">\r\n <h1 class=\"text-4xl md:text-6xl font-black text-white font-tech text-glow mb-4 tracking-tighter uppercase\">\r\n GRABACIONES\r\n <\/h1>\r\n <p class=\"text-gray-400 text-sm md:text-lg max-w-2xl mx-auto leading-relaxed\">\r\n Finanzas con IA: reportes, proyecciones y an\u00e1lisis autom\u00e1tico.\r\n <\/p>\r\n <\/header>\r\n\r\n \r\n <main class=\"flex justify-center px-4\">\r\n \r\n \r\n <div class=\"video-card reveal\" style=\"transition-delay: 200ms;\">\r\n <div class=\"p-5 border-b border-white\/5 bg-white\/5 flex items-center justify-between\">\r\n <div class=\"flex items-center gap-3\">\r\n <span class=\"text-2xl\">\ud83d\udcc8<\/span>\r\n <div>\r\n <h3 class=\"text-white font-bold font-tech text-xs md:text-sm uppercase tracking-wider\">IA para Finanzas<\/h3>\r\n <p class=\"text-[10px] text-teacher-light font-mono opacity-70\">Reportes y An\u00e1lisis Autom\u00e1tico<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"h-2 w-2 rounded-full bg-blue-500 animate-pulse\"><\/div>\r\n <\/div>\r\n \r\n <div class=\"aspect-video bg-black relative\">\r\n <iframe \r\n src=\"https:\/\/www.facebook.com\/plugins\/video.php?height=314&href=https%3A%2F%2Fwww.facebook.com%2Freel%2F1313769543952564%2F&show_text=false&width=560&t=0\" \r\n class=\"absolute inset-0 w-full h-full\"\r\n style=\"border:none;overflow:hidden\" \r\n scrolling=\"no\" \r\n frameborder=\"0\" \r\n allowfullscreen=\"true\" \r\n allow=\"autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share\">\r\n <\/iframe>\r\n <\/div>\r\n <div class=\"p-6 bg-slate-900\/30\">\r\n <ul class=\"text-xs text-gray-300 space-y-2 font-sans\">\r\n <li class=\"flex items-start gap-2\">\r\n <span class=\"text-blue-400\">\ud83d\udcca<\/span>\r\n <span>Analiza datos financieros y detecta riesgos en minutos.<\/span>\r\n <\/li>\r\n <li class=\"flex items-start gap-2\">\r\n <span class=\"text-blue-400\">\ud83d\ude80<\/span>\r\n <span>Genera proyecciones autom\u00e1ticas para mejores decisiones.<\/span>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/main>\r\n\r\n \r\n <footer class=\"mt-20 text-center reveal\" style=\"transition-delay: 400ms;\">\r\n <p class=\"text-gray-500 text-[10px] font-tech uppercase tracking-[0.2em]\">Semana de la IA \u00a9 2026<\/p>\r\n <\/footer>\r\n <\/div>\r\n\r\n <script>\r\n document.addEventListener('DOMContentLoaded', () => {\r\n const reveals = document.querySelectorAll('.reveal');\r\n setTimeout(() => {\r\n reveals.forEach(el => {\r\n el.classList.add('active');\r\n });\r\n }, 100);\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3d320d7 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"3d320d7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Agente Finanzas | Semana de la IA Volver a Inicio MODO: FINANZAS FinanceSmart \ud83d\udcc8 Libertad Financiera… \ud83d\udcc8 FINANCESMART Consultor\u00eda Financiera Estrat\u00e9gica Vamos a poner a trabajar cada peso por tu libertad. Sal de deudas, optimiza impuestos y planifica tu retiro con un experto financiero basado en el contexto mexicano. C\u00d3MO ACTIVAR TU CONSULTOR IA 1<\/p>","protected":false},"author":8,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-18443","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/redporlaciberseguridad.org\/en\/wp-json\/wp\/v2\/pages\/18443","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/redporlaciberseguridad.org\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/redporlaciberseguridad.org\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/redporlaciberseguridad.org\/en\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/redporlaciberseguridad.org\/en\/wp-json\/wp\/v2\/comments?post=18443"}],"version-history":[{"count":25,"href":"https:\/\/redporlaciberseguridad.org\/en\/wp-json\/wp\/v2\/pages\/18443\/revisions"}],"predecessor-version":[{"id":19915,"href":"https:\/\/redporlaciberseguridad.org\/en\/wp-json\/wp\/v2\/pages\/18443\/revisions\/19915"}],"wp:attachment":[{"href":"https:\/\/redporlaciberseguridad.org\/en\/wp-json\/wp\/v2\/media?parent=18443"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}