{"id":623,"date":"2026-10-22T21:11:16","date_gmt":"2026-10-22T19:11:16","guid":{"rendered":"https:\/\/intellectsystem.net\/propuesta.intellectsystem.net\/?page_id=623"},"modified":"2026-10-26T02:52:11","modified_gmt":"2026-10-26T01:52:11","slug":"curso-claude","status":"publish","type":"page","link":"https:\/\/intellectsystem.net\/propuesta.intellectsystem.net\/curso-claude\/","title":{"rendered":"curso claude"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"623\" class=\"elementor elementor-623\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0d876be e-flex e-con-boxed e-con e-parent\" data-id=\"0d876be\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-815a7b2 elementor-widget elementor-widget-html\" data-id=\"815a7b2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =====================================================================\r\n     LANDING PAGE SALESFORCE IA (CLAUDE CODE) - INTELLECT SYSTEMS\r\n     Optimizado para incrustar en WordPress (Widget HTML de Elementor)\r\n     ===================================================================== -->\r\n\r\n<!-- Fuentes externas e Iconos requeridos -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700;800;900&family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<script src=\"https:\/\/unpkg.com\/@phosphor-icons\/web\"><\/script>\r\n\r\n<!-- Tailwind CSS v\u00eda CDN -->\r\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n<script>\r\n    tailwind.config = {\r\n        important: '#is-landing-app', \/* Scoped: aplica !important solo dentro de la landing sin romper Elementor *\/\r\n        theme: {\r\n            extend: {\r\n                colors: {\r\n                    intellect: {\r\n                        dark: '#16233B',\r\n                        blue: '#2394E0',\r\n                        pink: '#CA446D',\r\n                        gray: '#B3AEAD',\r\n                        light: '#F8FAFC',\r\n                        claude: '#D97706',\r\n                        cardDark: '#1E2D4A'\r\n                    }\r\n                },\r\n                fontFamily: {\r\n                    sans: ['Inter', 'sans-serif'],\r\n                    montserrat: ['Montserrat', 'sans-serif']\r\n                },\r\n                backgroundImage: {\r\n                    'tech-pattern': \"url('data:image\/svg+xml,%3Csvg width=\\\"60\\\" height=\\\"60\\\" viewBox=\\\"0 0 60 60\\\" xmlns=\\\"http:\/\/www.w3.org\/2000\/svg\\\"%3E%3Cg fill=\\\"none\\\" fill-rule=\\\"evenodd\\\"%3E%3Cg fill=\\\"%232394E0\\\" fill-opacity=\\\"0.08\\\"%3E%3Cpath d=\\\"M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z\\\"\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E')\",\r\n                }\r\n            }\r\n        }\r\n    }\r\n<\/script>\r\n\r\n<style>\r\n    \/* -------------------------------------------------------------\r\n       1. NEUTRALIZACI\u00d3N ESPEC\u00cdFICA DE T\u00cdTULOS Y CABECERAS DE TEMA\r\n       (Sin selectores destructivos que apaguen Elementor en producci\u00f3n)\r\n       ------------------------------------------------------------- *\/\r\n    .entry-header,\r\n    .page-header,\r\n    .post-header,\r\n    h1.entry-title,\r\n    .entry-title,\r\n    .page-title,\r\n    .ast-post-title,\r\n    .ast-single-post-order,\r\n    .elementor-page-title,\r\n    .breadcrumbs,\r\n    .woocommerce-breadcrumb {\r\n        display: none !important;\r\n        margin: 0 !important;\r\n        padding: 0 !important;\r\n        height: 0 !important;\r\n        visibility: hidden !important;\r\n    }\r\n\r\n    \/* Ocultar header y footer nativos del tema sin ocultar Elementor *\/\r\n    body > header:not(#is-landing-app header),\r\n    body > .site-header,\r\n    body > #masthead,\r\n    body > footer:not(#is-landing-app footer),\r\n    body > .site-footer,\r\n    body > #colophon,\r\n    .ast-above-header-wrap,\r\n    .ast-below-header-wrap {\r\n        display: none !important;\r\n    }\r\n\r\n    \/* Eliminar el padding superior generado por el tema o WordPress *\/\r\n    body,\r\n    .site-content,\r\n    #content,\r\n    #primary,\r\n    .elementor.elementor-edit-area,\r\n    .elementor-widget-wrap,\r\n    .ast-container,\r\n    .elementor-section.elementor-section-boxed > .elementor-container {\r\n        padding-top: 0 !important;\r\n        margin-top: 0 !important;\r\n    }\r\n\r\n    \/* -------------------------------------------------------------\r\n       2. CONTENEDOR PRINCIPAL: LLEGAR HASTA ARRIBA Y ANCHO COMPLETO\r\n       ------------------------------------------------------------- *\/\r\n    #is-landing-app {\r\n        position: relative !important;\r\n        display: block !important;\r\n        top: 0 !important;\r\n        left: 0 !important;\r\n        margin: 0 !important;\r\n        padding: 0 !important;\r\n        width: 100% !important;\r\n        min-height: 100vh !important;\r\n        background-color: #F8FAFC !important;\r\n        font-family: 'Inter', sans-serif !important;\r\n        color: #1F2937 !important;\r\n        overflow-x: hidden !important;\r\n        z-index: 1 !important;\r\n    }\r\n\r\n    \/* Romper el ancho de caja de Elementor (Breakout a ancho de pantalla real) *\/\r\n    @media (min-width: 0px) {\r\n        #is-landing-app {\r\n            width: 100vw !important;\r\n            max-width: 100vw !important;\r\n            margin-left: calc(-50vw + 50%) !important;\r\n            margin-right: calc(-50vw + 50%) !important;\r\n        }\r\n    }\r\n\r\n    \/* -------------------------------------------------------------\r\n       3. ESTILOS VISUALES ESPEC\u00cdFICOS DE LA PROPUESTA\r\n       ------------------------------------------------------------- *\/\r\n    .glass-panel {\r\n        background: rgba(255, 255, 255, 0.97);\r\n        backdrop-filter: blur(14px);\r\n        -webkit-backdrop-filter: blur(14px);\r\n        border: 1px solid rgba(255, 255, 255, 0.6);\r\n        box-shadow: 0 20px 40px -12px rgba(22, 35, 59, 0.16);\r\n    }\r\n    .tech-bg {\r\n        background-color: #16233B;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n    .tech-bg::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0; left: 0; right: 0; bottom: 0;\r\n        background-image: \r\n            radial-gradient(circle at 18% 25%, rgba(35, 148, 224, 0.28) 0%, transparent 48%),\r\n            radial-gradient(circle at 82% 70%, rgba(202, 68, 109, 0.24) 0%, transparent 48%),\r\n            radial-gradient(circle at 50% 90%, rgba(217, 119, 6, 0.15) 0%, transparent 45%);\r\n        z-index: 0;\r\n    }\r\n\r\n    \/* Reset interno para evitar herencias de tipograf\u00eda del tema *\/\r\n    #is-landing-app h1, \r\n    #is-landing-app h2, \r\n    #is-landing-app h3, \r\n    #is-landing-app h4, \r\n    #is-landing-app p, \r\n    #is-landing-app ul, \r\n    #is-landing-app li {\r\n        margin-top: 0;\r\n    }\r\n\r\n    #is-landing-app a {\r\n        text-decoration: none;\r\n        border: none;\r\n        box-shadow: none;\r\n    }\r\n\r\n    #is-landing-app img {\r\n        max-width: 100%;\r\n        display: inline-block;\r\n        border-radius: 0;\r\n        box-shadow: none;\r\n    }\r\n\r\n    #modal-panel ::-webkit-scrollbar {\r\n        width: 6px;\r\n    }\r\n    #modal-panel ::-webkit-scrollbar-thumb {\r\n        background-color: #CBD5E1;\r\n        border-radius: 9999px;\r\n    }\r\n\r\n    \/* -------------------------------------------------------------\r\n       4. COMPATIBILIDAD CON BARRA DE ADMINISTRACI\u00d3N (WP ADMIN BAR)\r\n       Evita que la barra negra de WordPress\/Elementor tape el men\u00fa\r\n       ------------------------------------------------------------- *\/\r\n    body.admin-bar #navbar {\r\n        top: 32px !important;\r\n    }\r\n    @media screen and (max-width: 782px) {\r\n        body.admin-bar #navbar {\r\n            top: 46px !important;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<!-- CONTENIDO PRINCIPAL -->\r\n<div id=\"is-landing-app\" class=\"selection:bg-[#CA446D] selection:text-white\">\r\n\r\n    <!-- Navigation Bar (M\u00e1s alto y ancho, logo 25% m\u00e1s grande) -->\r\n    <nav class=\"fixed top-0 left-0 right-0 w-full z-50 transition-all duration-300 bg-white\/95 backdrop-blur-md border-b border-gray-100 shadow-sm py-5\" id=\"navbar\">\r\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 flex justify-between items-center\">\r\n            <!-- Logo Intellect Systems (+25% m\u00e1s grande: 62.5px de alto) -->\r\n            <a href=\"https:\/\/intellectsystem.net\" class=\"flex items-center gap-2 group\">\r\n                <img decoding=\"async\" src=\"https:\/\/intellectsystem.net\/propuesta.intellectsystem.net\/wp-content\/uploads\/2026\/02\/logo-intellect-png.png\" \r\n                     alt=\"Intellect Systems Logo\" \r\n                     style=\"height: 62.5px !important; width: auto !important; max-width: 300px !important;\" \r\n                     class=\"object-contain transform transition-transform duration-300 group-hover:scale-105\">\r\n            <\/a>\r\n            \r\n            <!-- Desktop Nav Links -->\r\n            <div class=\"hidden lg:flex items-center gap-8\">\r\n                <a href=\"#claude-code\" class=\"text-sm font-montserrat font-medium text-gray-600 hover:text-intellect-blue transition-colors flex items-center gap-1.5\">\r\n                    <i class=\"ph-bold ph-robot text-base text-intellect-pink\"><\/i> Claude Code\r\n                <\/a>\r\n                <a href=\"#sesiones\" class=\"text-sm font-montserrat font-medium text-gray-600 hover:text-intellect-blue transition-colors\">8 Sesiones (16h)<\/a>\r\n                <a href=\"#ganancias\" class=\"text-sm font-montserrat font-medium text-gray-600 hover:text-intellect-blue transition-colors\">Impacto Real<\/a>\r\n                <a href=\"#precio\" class=\"text-sm font-montserrat font-semibold text-intellect-pink hover:text-intellect-dark transition-colors flex items-center gap-1.5 bg-intellect-pink\/10 px-3.5 py-1.5 rounded-full border border-intellect-pink\/20\">\r\n                    <i class=\"ph-bold ph-tag text-base\"><\/i> Inversi\u00f3n $575 USD\r\n                <\/a>\r\n            <\/div>\r\n            <!-- Action CTA -->\r\n            <div class=\"flex items-center gap-3\">\r\n                <a href=\"#precio\" class=\"hidden sm:inline-flex md:hidden text-xs font-montserrat font-semibold text-intellect-pink bg-pink-50 px-3 py-2 rounded-lg border border-pink-200\">\r\n                    Ver Inversi\u00f3n\r\n                <\/a>\r\n                <a href=\"#inscripcion\" onclick=\"openModal(event)\" class=\"bg-intellect-pink hover:bg-opacity-90 text-white font-montserrat font-semibold text-sm py-3 px-6 rounded-full transition-all duration-300 transform hover:-translate-y-0.5 shadow-lg shadow-intellect-pink\/30 flex items-center gap-2\">\r\n                    <span>Inscr\u00edbete Ahora<\/span> <i class=\"ph ph-arrow-right\"><\/i>\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/nav>\r\n\r\n    <!-- Hero Section (padding-top adaptado para compensar el header m\u00e1s amplio) -->\r\n    <header class=\"tech-bg pt-36 pb-20 lg:pt-44 lg:pb-32 relative\">\r\n        <div class=\"absolute inset-0 z-0 opacity-20 pointer-events-none\" style=\"background-image: radial-gradient(#B3AEAD 1px, transparent 1px); background-size: 30px 30px;\"><\/div>\r\n        \r\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\r\n            <div class=\"grid lg:grid-cols-12 gap-12 lg:gap-8 items-center\">\r\n                <!-- Hero Content -->\r\n                <div class=\"lg:col-span-7 space-y-7\">\r\n                    <!-- Badge -->\r\n                    <div class=\"inline-flex items-center gap-2.5 px-4 py-2 rounded-full bg-white\/10 backdrop-blur-md border border-white\/20 text-white text-xs sm:text-sm font-montserrat\">\r\n                        <span class=\"w-2.5 h-2.5 rounded-full bg-emerald-400 animate-ping\"><\/span>\r\n                        <span class=\"font-medium text-gray-200\">Propuesta de Capacitaci\u00f3n T\u00e9cnica<\/span>\r\n                        <span class=\"text-intellect-blue font-bold\">| Claude Code + Salesforce<\/span>\r\n                    <\/div>\r\n                    \r\n                    <h1 class=\"text-4xl sm:text-5xl lg:text-6xl font-montserrat font-bold text-white leading-tight\">\r\n                        Desarrollo Salesforce con <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-intellect-blue via-sky-300 to-intellect-pink\">Inteligencia Artificial<\/span>\r\n                    <\/h1>\r\n\r\n                    <p class=\"text-xl font-montserrat font-light text-gray-200\">\r\n                        Multiplica la productividad de tu equipo Salesforce con Claude Code como copiloto principal en la terminal.\r\n                    <\/p>\r\n\r\n                    <p class=\"text-base sm:text-lg text-gray-300 font-light max-w-xl leading-relaxed\">\r\n                        Aprende a razonar sobre repositorios completos, ejecutar comandos SFDX CLI en terminal, generar c\u00f3digo seguro con bulkification, depurar errores de gobernador y realizar code reviews automatizados con IA real.\r\n                    <\/p>\r\n\r\n                    <!-- Buttons -->\r\n                    <div class=\"flex flex-col sm:flex-row gap-4 pt-2\">\r\n                        <a href=\"#inscripcion\" onclick=\"openModal(event)\" class=\"bg-intellect-pink hover:bg-opacity-90 text-white text-center font-montserrat font-semibold py-4 px-8 rounded-full transition-all duration-300 transform hover:-translate-y-1 shadow-xl shadow-intellect-pink\/30 flex items-center justify-center gap-2.5 text-base\">\r\n                            <i class=\"ph-bold ph-lightning text-xl\"><\/i> Reservar Cupo \u2022 $575 USD\r\n                        <\/a>\r\n                        <a href=\"#sesiones\" class=\"bg-white\/10 hover:bg-white\/20 text-white text-center font-montserrat font-medium py-4 px-8 rounded-full transition-all duration-300 backdrop-blur-sm border border-white\/15\">\r\n                            Ver temario de 8 sesiones\r\n                        <\/a>\r\n                    <\/div>\r\n\r\n                    <!-- Highlights Pills -->\r\n                    <div class=\"pt-4 border-t border-white\/10 grid grid-cols-3 gap-2 sm:gap-4 max-w-lg text-left\">\r\n                        <div class=\"bg-white\/5 border border-white\/10 rounded-xl p-3\">\r\n                            <p class=\"text-[11px] text-gray-400 font-medium uppercase tracking-wider\">Duraci\u00f3n Total<\/p>\r\n                            <p class=\"text-white font-montserrat font-bold text-base sm:text-lg\">8 Sesiones<\/p>\r\n                            <span class=\"text-[10px] text-emerald-400 font-semibold\">16 Horas en Vivo<\/span>\r\n                        <\/div>\r\n                        <div class=\"bg-white\/5 border border-white\/10 rounded-xl p-3\">\r\n                            <p class=\"text-[11px] text-gray-400 font-medium uppercase tracking-wider\">Herramienta Principal<\/p>\r\n                            <p class=\"text-white font-montserrat font-bold text-base sm:text-lg\">Claude Code<\/p>\r\n                            <span class=\"text-[10px] text-sky-400 font-semibold\">Anthropic Terminal<\/span>\r\n                        <\/div>\r\n                        <div class=\"bg-white\/5 border border-white\/10 rounded-xl p-3\">\r\n                            <p class=\"text-[11px] text-gray-400 font-medium uppercase tracking-wider\">Metodolog\u00eda<\/p>\r\n                            <p class=\"text-white font-montserrat font-bold text-base sm:text-lg\">Enfoque Pr\u00e1ctico<\/p>\r\n                            <span class=\"text-[10px] text-amber-300 font-semibold\">Teor\u00eda + Live Demo + Lab<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Hero Floating Info Card -->\r\n                <div class=\"lg:col-span-5 relative w-full max-w-md mx-auto\">\r\n                    <div class=\"absolute -inset-1.5 bg-gradient-to-br from-intellect-blue via-intellect-pink to-amber-500 rounded-3xl blur-md opacity-40\"><\/div>\r\n                    <div class=\"glass-panel p-7 sm:p-8 rounded-2xl relative z-10 flex flex-col gap-5 border-t-4 border-t-intellect-blue\">\r\n                        \r\n                        <div class=\"flex items-center justify-between pb-3 border-b border-gray-100\">\r\n                            <div>\r\n                                <span class=\"text-xs font-semibold text-intellect-pink uppercase tracking-wider\">Entrenamiento de \u00c9lite<\/span>\r\n                                <h3 class=\"font-montserrat font-bold text-2xl text-intellect-dark\">Ficha T\u00e9cnica<\/h3>\r\n                            <\/div>\r\n                            <div class=\"w-10 h-10 rounded-xl bg-intellect-blue\/10 flex items-center justify-center text-intellect-blue\">\r\n                                <i class=\"ph-bold ph-cpu text-2xl\"><\/i>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"space-y-4\">\r\n                            <div class=\"flex items-start gap-3.5\">\r\n                                <div class=\"w-10 h-10 rounded-lg bg-intellect-blue\/10 flex items-center justify-center text-intellect-blue flex-shrink-0 mt-0.5\">\r\n                                    <i class=\"ph-bold ph-terminal-window text-xl\"><\/i>\r\n                                <\/div>\r\n                                <div>\r\n                                    <p class=\"text-xs text-intellect-gray font-medium\">Herramienta N\u00facleo<\/p>\r\n                                    <p class=\"font-montserrat font-bold text-intellect-dark text-base\">Claude Code (Anthropic)<\/p>\r\n                                    <p class=\"text-xs text-gray-500\">Complementario: Codex \/ ChatGPT a elecci\u00f3n<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"flex items-start gap-3.5\">\r\n                                <div class=\"w-10 h-10 rounded-lg bg-intellect-blue\/10 flex items-center justify-center text-intellect-blue flex-shrink-0 mt-0.5\">\r\n                                    <i class=\"ph-bold ph-clock text-xl\"><\/i>\r\n                                <\/div>\r\n                                <div>\r\n                                    <p class=\"text-xs text-intellect-gray font-medium\">Estructura de Clases<\/p>\r\n                                    <p class=\"font-montserrat font-bold text-intellect-dark text-base\">2 horas por sesi\u00f3n (8 clases)<\/p>\r\n                                    <p class=\"text-xs text-gray-500\">Teor\u00eda concisa + Demo en vivo + Laboratorio<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"flex items-start gap-3.5\">\r\n                                <div class=\"w-10 h-10 rounded-lg bg-emerald-100 flex items-center justify-center text-emerald-600 flex-shrink-0 mt-0.5\">\r\n                                    <i class=\"ph-bold ph-tag text-xl\"><\/i>\r\n                                <\/div>\r\n                                <div>\r\n                                    <p class=\"text-xs text-intellect-gray font-medium\">Inversi\u00f3n del Programa<\/p>\r\n                                    <p class=\"font-montserrat font-extrabold text-intellect-dark text-xl text-emerald-600\">$575 USD<\/p>\r\n                                    <p class=\"text-xs text-gray-500\">+ Impuestos locales calculados seg\u00fan pa\u00eds<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"flex items-start gap-3.5\">\r\n                                <div class=\"w-10 h-10 rounded-lg bg-intellect-pink\/10 flex items-center justify-center text-intellect-pink flex-shrink-0 mt-0.5\">\r\n                                    <i class=\"ph-bold ph-shield-check text-xl\"><\/i>\r\n                                <\/div>\r\n                                <div>\r\n                                    <p class=\"text-xs text-intellect-gray font-medium\">Enfoque Primario<\/p>\r\n                                    <p class=\"font-montserrat font-bold text-intellect-dark text-base\">Calidad, Seguridad y L\u00edmites<\/p>\r\n                                    <p class=\"text-xs text-gray-500\">Validaci\u00f3n CRUD\/FLS, bulkification y governor limits<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <a href=\"#inscripcion\" onclick=\"openModal(event)\" class=\"w-full bg-intellect-dark hover:bg-opacity-95 text-white font-montserrat font-semibold py-3.5 px-4 rounded-xl text-center transition-all shadow-md mt-2 flex items-center justify-center gap-2\">\r\n                            Inscribirme por $575 USD <i class=\"ph-bold ph-arrow-right\"><\/i>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/header>\r\n\r\n    <!-- Feature Spotlight: Claude Code como Herramienta Principal -->\r\n    <section id=\"claude-code\" class=\"py-24 bg-white relative\">\r\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n            <!-- Section Header -->\r\n            <div class=\"text-center max-w-3xl mx-auto mb-16\">\r\n                <div class=\"inline-flex items-center gap-2 px-3.5 py-1.5 rounded-full bg-intellect-blue\/10 border border-intellect-blue\/20 mb-4\">\r\n                    <i class=\"ph-bold ph-sparkle text-intellect-blue\"><\/i>\r\n                    <span class=\"text-intellect-blue font-montserrat font-semibold text-xs uppercase tracking-wider\">Potencia de Nueva Generaci\u00f3n<\/span>\r\n                <\/div>\r\n                <h2 class=\"text-3xl md:text-4xl font-montserrat font-bold text-intellect-dark mb-4\">\r\n                    Claude Code como Herramienta Principal del Curso\r\n                <\/h2>\r\n                <div class=\"w-20 h-1 bg-intellect-pink mx-auto rounded-full mb-5\"><\/div>\r\n                <p class=\"text-gray-600 text-base md:text-lg\">\r\n                    El curso se imparte principalmente con <strong>Claude Code (by Anthropic)<\/strong>, dise\u00f1ado para operar directamente en el entorno de desarrollo y la terminal. <em>OpenAI Codex \/ ChatGPT<\/em> se cubre como opci\u00f3n complementaria que cada equipo puede adoptar seg\u00fan su preferencia o stack.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <!-- Bento-style Claude Code Capabilities Grid -->\r\n            <div class=\"grid md:grid-cols-2 lg:grid-cols-3 gap-6 mb-16\">\r\n                <!-- Feature 1 -->\r\n                <div class=\"bg-gradient-to-br from-slate-50 to-white p-7 rounded-2xl border border-gray-200 hover:border-intellect-blue\/50 hover:shadow-lg transition-all group\">\r\n                    <div class=\"w-12 h-12 rounded-xl bg-intellect-blue\/10 text-intellect-blue flex items-center justify-center text-2xl mb-4 group-hover:scale-110 transition-transform\">\r\n                        <i class=\"ph-bold ph-tree-structure\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"font-montserrat font-bold text-lg text-intellect-dark mb-2\">Razona sobre el codebase completo<\/h3>\r\n                    <p class=\"text-sm text-gray-600 leading-relaxed\">\r\n                        No trabaja sobre snippets aislados. Analiza la totalidad del repositorio del proyecto, reconociendo clases utilitarias, selectores y estructuras ya existentes en tu org.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <!-- Feature 2 -->\r\n                <div class=\"bg-gradient-to-br from-slate-50 to-white p-7 rounded-2xl border border-gray-200 hover:border-intellect-blue\/50 hover:shadow-lg transition-all group\">\r\n                    <div class=\"w-12 h-12 rounded-xl bg-intellect-blue\/10 text-intellect-blue flex items-center justify-center text-2xl mb-4 group-hover:scale-110 transition-transform\">\r\n                        <i class=\"ph-bold ph-terminal\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"font-montserrat font-bold text-lg text-intellect-dark mb-2\">Ejecuta SFDX CLI desde la terminal<\/h3>\r\n                    <p class=\"text-sm text-gray-600 leading-relaxed\">\r\n                        Dispara comandos de Salesforce CLI de forma nativa para compilar, consultar datos de sandbox, ejecutar suites de tests y desplegar metadata directamente.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <!-- Feature 3 -->\r\n                <div class=\"bg-gradient-to-br from-slate-50 to-white p-7 rounded-2xl border border-gray-200 hover:border-intellect-blue\/50 hover:shadow-lg transition-all group\">\r\n                    <div class=\"w-12 h-12 rounded-xl bg-intellect-pink\/10 text-intellect-pink flex items-center justify-center text-2xl mb-4 group-hover:scale-110 transition-transform\">\r\n                        <i class=\"ph-bold ph-arrows-counter-clockwise\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"font-montserrat font-bold text-lg text-intellect-dark mb-2\">Refactoring masivo contextual<\/h3>\r\n                    <p class=\"text-sm text-gray-600 leading-relaxed\">\r\n                        Reescribe y actualiza patrones heredados en m\u00faltiples clases respetando el contexto de la org sin romper dependencias cruzadas ni triggers en producci\u00f3n.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <!-- Feature 4 -->\r\n                <div class=\"bg-gradient-to-br from-slate-50 to-white p-7 rounded-2xl border border-gray-200 hover:border-intellect-blue\/50 hover:shadow-lg transition-all group\">\r\n                    <div class=\"w-12 h-12 rounded-xl bg-intellect-blue\/10 text-intellect-blue flex items-center justify-center text-2xl mb-4 group-hover:scale-110 transition-transform\">\r\n                        <i class=\"ph-bold ph-git-pull-request\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"font-montserrat font-bold text-lg text-intellect-dark mb-2\">Code review integrado en Pull Requests<\/h3>\r\n                    <p class=\"text-sm text-gray-600 leading-relaxed\">\r\n                        Auditor\u00eda autom\u00e1tica de calidad de c\u00f3digo previa a la integraci\u00f3n: detecci\u00f3n instant\u00e1nea de vulnerabilidades, consultas sin filtrar y violaciones de gobernanza.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <!-- Feature 5 -->\r\n                <div class=\"bg-gradient-to-br from-slate-50 to-white p-7 rounded-2xl border border-gray-200 hover:border-intellect-blue\/50 hover:shadow-lg transition-all group\">\r\n                    <div class=\"w-12 h-12 rounded-xl bg-amber-500\/10 text-amber-600 flex items-center justify-center text-2xl mb-4 group-hover:scale-110 transition-transform\">\r\n                        <i class=\"ph-bold ph-test-tube\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"font-montserrat font-bold text-lg text-intellect-dark mb-2\">Generaci\u00f3n de Tests con contexto<\/h3>\r\n                    <p class=\"text-sm text-gray-600 leading-relaxed\">\r\n                        Crea clases `@isTest` con `TestDataFactory`, cubriendo caminos positivos, negativos, bulk y aserciones rigurosas para superar holgadamente el 75% obligatorio.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <!-- Feature 6 -->\r\n                <div class=\"bg-gradient-to-br from-slate-50 to-white p-7 rounded-2xl border border-gray-200 hover:border-intellect-blue\/50 hover:shadow-lg transition-all group\">\r\n                    <div class=\"w-12 h-12 rounded-xl bg-intellect-pink\/10 text-intellect-pink flex items-center justify-center text-2xl mb-4 group-hover:scale-110 transition-transform\">\r\n                        <i class=\"ph-bold ph-magnifying-glass-plus\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"font-montserrat font-bold text-lg text-intellect-dark mb-2\">An\u00e1lisis de requisitos y contraste<\/h3>\r\n                    <p class=\"text-sm text-gray-600 leading-relaxed\">\r\n                        Eval\u00faa historias de usuario y criterios de aceptaci\u00f3n, contrastando lo solicitado contra el c\u00f3digo desarrollado para garantizar entregas exactas al cliente.\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Terminal Demo Banner -->\r\n            <div class=\"bg-intellect-dark rounded-3xl p-8 sm:p-10 text-white relative overflow-hidden shadow-2xl border border-white\/10\">\r\n                <div class=\"absolute -right-16 -top-16 w-64 h-64 bg-intellect-blue\/15 rounded-full blur-3xl pointer-events-none\"><\/div>\r\n                <div class=\"grid lg:grid-cols-12 gap-8 items-center relative z-10\">\r\n                    <div class=\"lg:col-span-7\">\r\n                        <span class=\"text-xs font-montserrat font-bold text-intellect-pink uppercase tracking-widest block mb-2\">\r\n                            <i class=\"ph-bold ph-check-circle mr-1\"><\/i> Claude Code + Terminal SFDX\r\n                        <\/span>\r\n                        <h3 class=\"text-2xl sm:text-3xl font-montserrat font-bold mb-3\">\r\n                            No es copiar y pegar prompts: es automatizar tu flujo de ingenier\u00eda\r\n                        <\/h3>\r\n                        <p class=\"text-gray-300 text-sm sm:text-base leading-relaxed mb-6\">\r\n                            Olv\u00eddate de alternar ventanas de navegador para pegar fragmentos de Apex. En este curso aprender\u00e1s a usar Claude Code como un miembro senior de tu equipo que lee tu org, propone parches seguros y testea en sandbox con un solo comando.\r\n                        <\/p>\r\n                        <div class=\"flex flex-wrap gap-4 text-xs font-montserrat\">\r\n                            <span class=\"bg-white\/10 px-3.5 py-1.5 rounded-lg border border-white\/10 text-sky-200 flex items-center gap-1.5\">\r\n                                <i class=\"ph-bold ph-shield-check text-emerald-400\"><\/i> Zero Leaks de Seguridad\r\n                            <\/span>\r\n                            <span class=\"bg-white\/10 px-3.5 py-1.5 rounded-lg border border-white\/10 text-sky-200 flex items-center gap-1.5\">\r\n                                <i class=\"ph-bold ph-infinity text-intellect-pink\"><\/i> Flujos CI\/CD Integrables\r\n                            <\/span>\r\n                            <span class=\"bg-white\/10 px-3.5 py-1.5 rounded-lg border border-white\/10 text-sky-200 flex items-center gap-1.5\">\r\n                                <i class=\"ph-bold ph-chat-circle-dots text-amber-300\"><\/i> Compatibilidad ChatGPT\/Codex\r\n                            <\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"lg:col-span-5 bg-black\/60 rounded-2xl p-5 border border-white\/15 font-mono text-xs text-gray-300\">\r\n                        <div class=\"flex items-center gap-2 pb-3 mb-3 border-b border-white\/10 text-gray-500\">\r\n                            <span class=\"w-3 h-3 rounded-full bg-rose-500\/80\"><\/span>\r\n                            <span class=\"w-3 h-3 rounded-full bg-amber-500\/80\"><\/span>\r\n                            <span class=\"w-3 h-3 rounded-full bg-emerald-500\/80\"><\/span>\r\n                            <span class=\"text-[11px] text-gray-400 ml-2\">claude-code \u2014 terminal<\/span>\r\n                        <\/div>\r\n                        <p class=\"text-intellect-blue\">$ claude \"Refactor AccountService to bulkify SOQL and add FLS checks\"<\/p>\r\n                        <p class=\"text-emerald-400 mt-2\">\u2713 Inspected 4 classes and 2 triggers in \/force-app<\/p>\r\n                        <p class=\"text-gray-300 mt-1\">\u2713 Governor limits audited: 0 SOQL inside loops found<\/p>\r\n                        <p class=\"text-gray-300 mt-1\">\u2713 Added Security.stripInaccessible(AccessType.CREATABLE)<\/p>\r\n                        <p class=\"text-intellect-pink mt-2\">Running sfdx apex run test -n AccountServiceTest...<\/p>\r\n                        <p class=\"text-emerald-300 mt-1 font-bold\">100% Tests Passed (89% Code Coverage)<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Syllabus: 8 Sesiones \/ 16 Horas -->\r\n    <section id=\"sesiones\" class=\"py-24 bg-slate-50 relative\">\r\n        <div class=\"max-w-6xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n            <!-- Section Header -->\r\n            <div class=\"text-center max-w-3xl mx-auto mb-16\">\r\n                <div class=\"inline-flex items-center gap-2 px-3.5 py-1.5 rounded-full bg-intellect-pink\/10 border border-intellect-pink\/20 mb-4\">\r\n                    <i class=\"ph-bold ph-list-checks text-intellect-pink\"><\/i>\r\n                    <span class=\"text-intellect-pink font-montserrat font-semibold text-xs uppercase tracking-wider\">Cronograma de Especializaci\u00f3n<\/span>\r\n                <\/div>\r\n                <h2 class=\"text-3xl md:text-4xl font-montserrat font-bold text-intellect-dark mb-4\">\r\n                    8 Sesiones \u2022 16 Horas \u2022 Enfoque Pr\u00e1ctico\r\n                <\/h2>\r\n                <div class=\"w-20 h-1 bg-intellect-blue mx-auto rounded-full mb-5\"><\/div>\r\n                <p class=\"text-gray-600 text-base md:text-lg\">\r\n                    Cada sesi\u00f3n de 2 horas est\u00e1 dise\u00f1ada bajo una metodolog\u00eda de alto impacto: <strong>teor\u00eda concisa, demostraci\u00f3n en vivo con Claude Code y laboratorio aplicado<\/strong> por cada estudiante.\r\n                <\/p>\r\n                <div class=\"mt-4 inline-flex items-center gap-2 bg-intellect-blue\/10 text-intellect-dark text-xs sm:text-sm font-medium px-4 py-2 rounded-full border border-intellect-blue\/20\">\r\n                    <i class=\"ph-bold ph-crosshair text-intellect-blue\"><\/i>\r\n                    <strong>Subtema transversal:<\/strong> El an\u00e1lisis de requisitos con IA est\u00e1 integrado de forma continua en todas las sesiones.\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- 8 Sessions Grid -->\r\n            <div class=\"grid md:grid-cols-2 gap-6\">\r\n                <!-- Sesi\u00f3n 01 -->\r\n                <div class=\"bg-white rounded-2xl p-6 border border-gray-200 hover:border-intellect-blue\/40 shadow-sm hover:shadow-md transition-all flex flex-col justify-between\">\r\n                    <div>\r\n                        <div class=\"flex items-center justify-between mb-3\">\r\n                            <div class=\"flex items-center gap-3\">\r\n                                <div class=\"w-9 h-9 rounded-xl bg-intellect-blue\/10 text-intellect-blue font-montserrat font-extrabold text-sm flex items-center justify-center\">01<\/div>\r\n                                <span class=\"text-xs font-montserrat font-bold uppercase tracking-wider text-intellect-blue\">Sesi\u00f3n 1<\/span>\r\n                            <\/div>\r\n                            <span class=\"bg-slate-100 text-gray-700 text-xs font-semibold px-2.5 py-1 rounded-full\">2 Horas<\/span>\r\n                        <\/div>\r\n                        <h3 class=\"font-montserrat font-bold text-xl text-intellect-dark mb-2\">Prompt Engineering Avanzado para Salesforce<\/h3>\r\n                        <p class=\"text-sm text-gray-600 mb-4\">\r\n                            Configuraci\u00f3n de contexto profundo, inyecci\u00f3n de metadatos de la org, t\u00e9cnicas sistem\u00e1ticas de prompting y estructuraci\u00f3n t\u00e9cnica de requisitos.\r\n                        <\/p>\r\n                    <\/div>\r\n                    <div class=\"pt-3 border-t border-gray-100 text-xs text-gray-500 flex items-center gap-2\">\r\n                        <i class=\"ph-bold ph-check text-emerald-500\"><\/i> Contexto, t\u00e9cnicas y requisitos\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Sesi\u00f3n 02 -->\r\n                <div class=\"bg-white rounded-2xl p-6 border border-gray-200 hover:border-intellect-blue\/40 shadow-sm hover:shadow-md transition-all flex flex-col justify-between\">\r\n                    <div>\r\n                        <div class=\"flex items-center justify-between mb-3\">\r\n                            <div class=\"flex items-center gap-3\">\r\n                                <div class=\"w-9 h-9 rounded-xl bg-intellect-blue\/10 text-intellect-blue font-montserrat font-extrabold text-sm flex items-center justify-center\">02<\/div>\r\n                                <span class=\"text-xs font-montserrat font-bold uppercase tracking-wider text-intellect-blue\">Sesi\u00f3n 2<\/span>\r\n                            <\/div>\r\n                            <span class=\"bg-slate-100 text-gray-700 text-xs font-semibold px-2.5 py-1 rounded-full\">2 Horas<\/span>\r\n                        <\/div>\r\n                        <h3 class=\"font-montserrat font-bold text-xl text-intellect-dark mb-2\">Apex con Inteligencia Artificial<\/h3>\r\n                        <p class=\"text-sm text-gray-600 mb-4\">\r\n                            Creaci\u00f3n y optimizaci\u00f3n de Triggers bajo frameworks handlers, capas de Servicios de negocio, clases Queueable y procesos Batch Apex eficientes.\r\n                        <\/p>\r\n                    <\/div>\r\n                    <div class=\"pt-3 border-t border-gray-100 text-xs text-gray-500 flex items-center gap-2\">\r\n                        <i class=\"ph-bold ph-check text-emerald-500\"><\/i> Triggers, servicios, batch y asincron\u00eda\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Sesi\u00f3n 03 -->\r\n                <div class=\"bg-white rounded-2xl p-6 border border-gray-200 hover:border-intellect-blue\/40 shadow-sm hover:shadow-md transition-all flex flex-col justify-between\">\r\n                    <div>\r\n                        <div class=\"flex items-center justify-between mb-3\">\r\n                            <div class=\"flex items-center gap-3\">\r\n                                <div class=\"w-9 h-9 rounded-xl bg-intellect-blue\/10 text-intellect-blue font-montserrat font-extrabold text-sm flex items-center justify-center\">03<\/div>\r\n                                <span class=\"text-xs font-montserrat font-bold uppercase tracking-wider text-intellect-blue\">Sesi\u00f3n 3<\/span>\r\n                            <\/div>\r\n                            <span class=\"bg-slate-100 text-gray-700 text-xs font-semibold px-2.5 py-1 rounded-full\">2 Horas<\/span>\r\n                        <\/div>\r\n                        <h3 class=\"font-montserrat font-bold text-xl text-intellect-dark mb-2\">Lightning Web Components (LWC) con IA<\/h3>\r\n                        <p class=\"text-sm text-gray-600 mb-4\">\r\n                            Construcci\u00f3n de componentes modernos de interfaz, adaptadores `@wire`, llamadas imperativas a Apex y maquetaci\u00f3n fiel con Salesforce Lightning Design System (SLDS).\r\n                        <\/p>\r\n                    <\/div>\r\n                    <div class=\"pt-3 border-t border-gray-100 text-xs text-gray-500 flex items-center gap-2\">\r\n                        <i class=\"ph-bold ph-check text-emerald-500\"><\/i> Componentes, wire service y SLDS\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Sesi\u00f3n 04 -->\r\n                <div class=\"bg-white rounded-2xl p-6 border border-gray-200 hover:border-intellect-blue\/40 shadow-sm hover:shadow-md transition-all flex flex-col justify-between\">\r\n                    <div>\r\n                        <div class=\"flex items-center justify-between mb-3\">\r\n                            <div class=\"flex items-center gap-3\">\r\n                                <div class=\"w-9 h-9 rounded-xl bg-intellect-blue\/10 text-intellect-blue font-montserrat font-extrabold text-sm flex items-center justify-center\">04<\/div>\r\n                                <span class=\"text-xs font-montserrat font-bold uppercase tracking-wider text-intellect-blue\">Sesi\u00f3n 4<\/span>\r\n                            <\/div>\r\n                            <span class=\"bg-slate-100 text-gray-700 text-xs font-semibold px-2.5 py-1 rounded-full\">2 Horas<\/span>\r\n                        <\/div>\r\n                        <h3 class=\"font-montserrat font-bold text-xl text-intellect-dark mb-2\">Salesforce Flows con Asistencia IA<\/h3>\r\n                        <p class=\"text-sm text-gray-600 mb-4\">\r\n                            Dise\u00f1o visual y declarativo de Screen Flows y Record-Triggered Flows, modelado de requisitos complejos y depuraci\u00f3n sistem\u00e1tica de l\u00f3gica de negocio.\r\n                        <\/p>\r\n                    <\/div>\r\n                    <div class=\"pt-3 border-t border-gray-100 text-xs text-gray-500 flex items-center gap-2\">\r\n                        <i class=\"ph-bold ph-check text-emerald-500\"><\/i> Dise\u00f1o de flujos, requisitos y debugging\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Sesi\u00f3n 05 -->\r\n                <div class=\"bg-white rounded-2xl p-6 border border-gray-200 hover:border-intellect-blue\/40 shadow-sm hover:shadow-md transition-all flex flex-col justify-between\">\r\n                    <div>\r\n                        <div class=\"flex items-center justify-between mb-3\">\r\n                            <div class=\"flex items-center gap-3\">\r\n                                <div class=\"w-9 h-9 rounded-xl bg-intellect-blue\/10 text-intellect-blue font-montserrat font-extrabold text-sm flex items-center justify-center\">05<\/div>\r\n                                <span class=\"text-xs font-montserrat font-bold uppercase tracking-wider text-intellect-blue\">Sesi\u00f3n 5<\/span>\r\n                            <\/div>\r\n                            <span class=\"bg-slate-100 text-gray-700 text-xs font-semibold px-2.5 py-1 rounded-full\">2 Horas<\/span>\r\n                        <\/div>\r\n                        <h3 class=\"font-montserrat font-bold text-xl text-intellect-dark mb-2\">Documentaci\u00f3n Autom\u00e1tica de Sistemas<\/h3>\r\n                        <p class=\"text-sm text-gray-600 mb-4\">\r\n                            Extracci\u00f3n de documentaci\u00f3n ApexDoc, diagramas explicativos y criterios de aceptaci\u00f3n directamente desde el c\u00f3digo existente sin drenar tiempo al desarrollador.\r\n                        <\/p>\r\n                    <\/div>\r\n                    <div class=\"pt-3 border-t border-gray-100 text-xs text-gray-500 flex items-center gap-2\">\r\n                        <i class=\"ph-bold ph-check text-emerald-500\"><\/i> ApexDoc, criterios y contraste de c\u00f3digo\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Sesi\u00f3n 06 -->\r\n                <div class=\"bg-white rounded-2xl p-6 border border-gray-200 hover:border-intellect-blue\/40 shadow-sm hover:shadow-md transition-all flex flex-col justify-between\">\r\n                    <div>\r\n                        <div class=\"flex items-center justify-between mb-3\">\r\n                            <div class=\"flex items-center gap-3\">\r\n                                <div class=\"w-9 h-9 rounded-xl bg-intellect-blue\/10 text-intellect-blue font-montserrat font-extrabold text-sm flex items-center justify-center\">06<\/div>\r\n                                <span class=\"text-xs font-montserrat font-bold uppercase tracking-wider text-intellect-blue\">Sesi\u00f3n 6<\/span>\r\n                            <\/div>\r\n                            <span class=\"bg-slate-100 text-gray-700 text-xs font-semibold px-2.5 py-1 rounded-full\">2 Horas<\/span>\r\n                        <\/div>\r\n                        <h3 class=\"font-montserrat font-bold text-xl text-intellect-dark mb-2\">Debugging y Resoluci\u00f3n de Errores con IA<\/h3>\r\n                        <p class=\"text-sm text-gray-600 mb-4\">\r\n                            An\u00e1lisis automatizado de Apex Debug Logs, interpretaci\u00f3n de stack traces complejos y resoluci\u00f3n precisa de excepciones y Governor Limits en runtime.\r\n                        <\/p>\r\n                    <\/div>\r\n                    <div class=\"pt-3 border-t border-gray-100 text-xs text-gray-500 flex items-center gap-2\">\r\n                        <i class=\"ph-bold ph-check text-emerald-500\"><\/i> Logs, stack traces y governor limits\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Sesi\u00f3n 07 -->\r\n                <div class=\"bg-white rounded-2xl p-6 border border-gray-200 hover:border-intellect-blue\/40 shadow-sm hover:shadow-md transition-all flex flex-col justify-between\">\r\n                    <div>\r\n                        <div class=\"flex items-center justify-between mb-3\">\r\n                            <div class=\"flex items-center gap-3\">\r\n                                <div class=\"w-9 h-9 rounded-xl bg-intellect-blue\/10 text-intellect-blue font-montserrat font-extrabold text-sm flex items-center justify-center\">07<\/div>\r\n                                <span class=\"text-xs font-montserrat font-bold uppercase tracking-wider text-intellect-blue\">Sesi\u00f3n 7<\/span>\r\n                            <\/div>\r\n                            <span class=\"bg-slate-100 text-gray-700 text-xs font-semibold px-2.5 py-1 rounded-full\">2 Horas<\/span>\r\n                        <\/div>\r\n                        <h3 class=\"font-montserrat font-bold text-xl text-intellect-dark mb-2\">Code Review Inteligente y Seguridad<\/h3>\r\n                        <p class=\"text-sm text-gray-600 mb-4\">\r\n                            Reglas de seguridad CRUD\/FLS (`with sharing`), bulkification para 200+ registros, prevenci\u00f3n de consultas SOQL\/DML dentro de bucles y buenas pr\u00e1cticas enterprise.\r\n                        <\/p>\r\n                    <\/div>\r\n                    <div class=\"pt-3 border-t border-gray-100 text-xs text-gray-500 flex items-center gap-2\">\r\n                        <i class=\"ph-bold ph-check text-emerald-500\"><\/i> CRUD, FLS, bulkification y clean code\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Sesi\u00f3n 08 -->\r\n                <div class=\"bg-gradient-to-br from-white to-pink-50\/50 rounded-2xl p-6 border-2 border-intellect-pink shadow-md hover:shadow-xl transition-all flex flex-col justify-between\">\r\n                    <div>\r\n                        <div class=\"flex items-center justify-between mb-3\">\r\n                            <div class=\"flex items-center gap-3\">\r\n                                <div class=\"w-9 h-9 rounded-xl bg-intellect-pink text-white font-montserrat font-extrabold text-sm flex items-center justify-center\">08<\/div>\r\n                                <span class=\"text-xs font-montserrat font-bold uppercase tracking-wider text-intellect-pink\">Sesi\u00f3n 8 \u2022 Pr\u00e1ctica Final<\/span>\r\n                            <\/div>\r\n                            <span class=\"bg-pink-100 text-intellect-pink text-xs font-bold px-2.5 py-1 rounded-full\">2 Horas<\/span>\r\n                        <\/div>\r\n                        <h3 class=\"font-montserrat font-bold text-xl text-intellect-dark mb-2\">Simulaci\u00f3n de Caso Real de Cliente<\/h3>\r\n                        <p class=\"text-sm text-gray-600 mb-4\">\r\n                            Implementaci\u00f3n integral de un caso corporativo de inicio a fin: an\u00e1lisis de la petici\u00f3n comercial, desarrollo asistido, tests automatizados y despliegue final validado.\r\n                        <\/p>\r\n                    <\/div>\r\n                    <div class=\"pt-3 border-t border-pink-100 text-xs text-intellect-pink font-semibold flex items-center gap-2\">\r\n                        <i class=\"ph-bold ph-crown text-amber-500\"><\/i> Pr\u00e1cticas reales de cliente y certificaci\u00f3n de habilidades\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Lo que el equipo gana (Retorno) -->\r\n    <section id=\"ganancias\" class=\"py-24 bg-white relative\">\r\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n            <div class=\"text-center max-w-3xl mx-auto mb-16\">\r\n                <div class=\"inline-flex items-center gap-2 px-3.5 py-1.5 rounded-full bg-emerald-100 text-emerald-800 border border-emerald-200 mb-4 font-montserrat text-xs font-bold uppercase tracking-wider\">\r\n                    <i class=\"ph-bold ph-trend-up\"><\/i> Retorno Inmediato\r\n                <\/div>\r\n                <h2 class=\"text-3xl md:text-4xl font-montserrat font-bold text-intellect-dark mb-4\">\r\n                    Lo que ganas al terminar el curso\r\n                <\/h2>\r\n                <div class=\"w-20 h-1 bg-intellect-pink mx-auto rounded-full mb-5\"><\/div>\r\n                <p class=\"text-gray-600 text-base md:text-lg\">\r\n                    Capacidades reales y operativas aplicables desde el <strong>primer sprint<\/strong> despu\u00e9s del curso, reduciendo horas hombre y elevando los est\u00e1ndares de entrega.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <!-- 5 Benefits Grid -->\r\n            <div class=\"grid md:grid-cols-2 lg:grid-cols-3 gap-8\">\r\n                <!-- Ganancia 1 -->\r\n                <div class=\"bg-slate-50 p-8 rounded-2xl border border-gray-100 hover:border-intellect-blue\/30 hover:shadow-lg transition-all duration-300 group\">\r\n                    <div class=\"w-14 h-14 bg-intellect-blue\/10 rounded-xl shadow-sm flex items-center justify-center text-intellect-blue text-3xl mb-6 group-hover:scale-110 transition-transform\">\r\n                        <i class=\"ph ph-lightning\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"font-montserrat font-bold text-xl text-intellect-dark mb-3\">Velocidad de Entrega<\/h3>\r\n                    <p class=\"text-gray-600 leading-relaxed text-sm\">\r\n                        Generar, revisar y desplegar c\u00f3digo Apex y LWC en una fracci\u00f3n del tiempo habitual usando Claude Code como copiloto en cada tarea t\u00e9cnica cotidiana.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <!-- Ganancia 2 -->\r\n                <div class=\"bg-slate-50 p-8 rounded-2xl border border-gray-100 hover:border-intellect-blue\/30 hover:shadow-lg transition-all duration-300 group\">\r\n                    <div class=\"w-14 h-14 bg-intellect-pink\/10 rounded-xl shadow-sm flex items-center justify-center text-intellect-pink text-3xl mb-6 group-hover:scale-110 transition-transform\">\r\n                        <i class=\"ph ph-shield-check\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"font-montserrat font-bold text-xl text-intellect-dark mb-3\">Calidad desde el Origen<\/h3>\r\n                    <p class=\"text-gray-600 leading-relaxed text-sm\">\r\n                        Detecci\u00f3n autom\u00e1tica de CRUD\/FLS, consultas SOQL en bucles for y Governor Limits antes de que el c\u00f3digo llegue a revisi\u00f3n por pares o a entornos de producci\u00f3n.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <!-- Ganancia 3 -->\r\n                <div class=\"bg-slate-50 p-8 rounded-2xl border border-gray-100 hover:border-intellect-blue\/30 hover:shadow-lg transition-all duration-300 group\">\r\n                    <div class=\"w-14 h-14 bg-intellect-blue\/10 rounded-xl shadow-sm flex items-center justify-center text-intellect-blue text-3xl mb-6 group-hover:scale-110 transition-transform\">\r\n                        <i class=\"ph ph-magnifying-glass\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"font-montserrat font-bold text-xl text-intellect-dark mb-3\">An\u00e1lisis de Requisitos con IA<\/h3>\r\n                    <p class=\"text-gray-600 leading-relaxed text-sm\">\r\n                        Estructurar, evaluar y documentar requisitos del usuario de negocio con IA, contrastando continuamente lo solicitado contra el desarrollo real entregado.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <!-- Ganancia 4 -->\r\n                <div class=\"bg-slate-50 p-8 rounded-2xl border border-gray-100 hover:border-intellect-blue\/30 hover:shadow-lg transition-all duration-300 group\">\r\n                    <div class=\"w-14 h-14 bg-amber-500\/10 rounded-xl shadow-sm flex items-center justify-center text-amber-600 text-3xl mb-6 group-hover:scale-110 transition-transform\">\r\n                        <i class=\"ph ph-gear-six\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"font-montserrat font-bold text-xl text-intellect-dark mb-3\">Personalizaci\u00f3n M\u00e1s \u00c1gil<\/h3>\r\n                    <p class=\"text-gray-600 leading-relaxed text-sm\">\r\n                        Al generar y adaptar componentes m\u00e1s r\u00e1pido, el equipo atiende peticiones de cambio del usuario final con mayor velocidad y un costo por cambio dr\u00e1sticamente menor.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <!-- Ganancia 5 -->\r\n                <div class=\"bg-slate-50 p-8 rounded-2xl border border-gray-100 hover:border-intellect-blue\/30 hover:shadow-lg transition-all duration-300 group lg:col-span-2\">\r\n                    <div class=\"w-14 h-14 bg-emerald-500\/10 rounded-xl shadow-sm flex items-center justify-center text-emerald-600 text-3xl mb-6 group-hover:scale-110 transition-transform\">\r\n                        <i class=\"ph ph-file-text\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"font-montserrat font-bold text-xl text-intellect-dark mb-3\">Documentaci\u00f3n y Tests Autom\u00e1ticos<\/h3>\r\n                    <p class=\"text-gray-600 leading-relaxed text-sm\">\r\n                        Generaci\u00f3n desatendida de ApexDoc, diagramas de flujo y criterios de aceptaci\u00f3n desde el c\u00f3digo real. Adem\u00e1s, suites completas de pruebas unitarias que ahorran d\u00edas de trabajo administrativo en cada cierre de versi\u00f3n.\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- 2 Strong Reasons Box -->\r\n            <div class=\"mt-16 bg-intellect-dark text-white rounded-3xl p-8 sm:p-12 relative overflow-hidden shadow-2xl\">\r\n                <div class=\"relative z-10\">\r\n                    <span class=\"text-xs font-montserrat font-semibold text-intellect-pink uppercase tracking-widest block mb-2\">Por qu\u00e9 este momento es cr\u00edtico<\/span>\r\n                    <h3 class=\"text-2xl sm:text-3xl font-montserrat font-bold mb-8\">\r\n                        2 Razones fundamentales para capacitar a tu equipo ahora\r\n                    <\/h3>\r\n\r\n                    <div class=\"grid md:grid-cols-2 gap-8\">\r\n                        <!-- Raz\u00f3n 1 -->\r\n                        <div class=\"bg-white\/5 border border-white\/10 rounded-2xl p-6 hover:bg-white\/10 transition-colors\">\r\n                            <div class=\"text-intellect-blue font-montserrat font-black text-3xl mb-2\">01<\/div>\r\n                            <h4 class=\"text-lg font-montserrat font-bold text-white mb-2\">Calidad, no solo velocidad<\/h4>\r\n                            <p class=\"text-gray-300 text-sm leading-relaxed\">\r\n                                El curso <strong>no ense\u00f1a a generar c\u00f3digo y pegarlo a ciegas<\/strong>. Ense\u00f1a a generar, revisar, auditar l\u00edmites y validar rigurosamente. De este modo, el equipo sube su productividad a la vez que reduce dr\u00e1sticamente la tasa de errores en producci\u00f3n.\r\n                            <\/p>\r\n                        <\/div>\r\n\r\n                        <!-- Raz\u00f3n 2 -->\r\n                        <div class=\"bg-white\/5 border border-white\/10 rounded-2xl p-6 hover:bg-white\/10 transition-colors\">\r\n                            <div class=\"text-intellect-pink font-montserrat font-black text-3xl mb-2\">02<\/div>\r\n                            <h4 class=\"text-lg font-montserrat font-bold text-white mb-2\">La adopci\u00f3n ya es mayoritaria: la brecha se ampl\u00eda hoy<\/h4>\r\n                            <p class=\"text-gray-300 text-sm leading-relaxed\">\r\n                                El <strong>85% de los desarrolladores<\/strong> ya usa herramientas de IA regularmente en 2026. Los equipos con flujos de trabajo compartidos de IA reportan <strong>ca\u00eddas de hasta 50% en incidentes en producci\u00f3n<\/strong>. Quienes no adopten esta metodolog\u00eda ver\u00e1n crecer la desventaja competitiva mes a mes.\r\n                            <\/p>\r\n                            <span class=\"text-[11px] text-gray-400 mt-4 block italic\">\r\n                                Fuente: Gearset State of Salesforce 2025 \u00b7 LinearB 2026 \u00b7 ShiftMag \/ LinearB Q1 2026\r\n                            <\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Pricing Section -->\r\n    <section id=\"precio\" class=\"py-24 bg-intellect-light relative overflow-hidden\">\r\n        <div class=\"absolute top-0 right-0 w-80 h-80 bg-intellect-blue\/10 rounded-full blur-3xl pointer-events-none\"><\/div>\r\n        <div class=\"absolute bottom-0 left-0 w-80 h-80 bg-intellect-pink\/10 rounded-full blur-3xl pointer-events-none\"><\/div>\r\n\r\n        <div class=\"max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\r\n            <div class=\"text-center max-w-3xl mx-auto mb-16\">\r\n                <div class=\"inline-flex items-center gap-2 px-3.5 py-1.5 rounded-full bg-emerald-100 text-emerald-800 border border-emerald-200 mb-4 font-montserrat text-xs font-bold uppercase tracking-wider\">\r\n                    <i class=\"ph-bold ph-shield-check\"><\/i> Inversi\u00f3n Transparente\r\n                <\/div>\r\n                <h2 class=\"text-3xl md:text-4xl font-montserrat font-bold text-intellect-dark mb-4\">\r\n                    Inversi\u00f3n del Curso y Condiciones de Facturaci\u00f3n\r\n                <\/h2>\r\n                <div class=\"w-20 h-1 bg-intellect-pink mx-auto rounded-full mb-5\"><\/div>\r\n                <p class=\"text-gray-600 text-base md:text-lg\">\r\n                    Adquiere una habilidad de nivel enterprise con el acompa\u00f1amiento de expertos en vivo y material t\u00e9cnico exclusivo.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <!-- Pricing Card -->\r\n            <div class=\"bg-white rounded-3xl shadow-xl border-2 border-intellect-blue\/30 overflow-hidden max-w-3xl mx-auto\">\r\n                <div class=\"bg-gradient-to-r from-intellect-dark via-slate-800 to-intellect-dark p-8 sm:p-10 text-white text-center relative\">\r\n                    <span class=\"inline-block bg-intellect-pink text-white text-xs font-montserrat font-bold px-4 py-1.5 rounded-full uppercase tracking-wider mb-4 shadow-md\">\r\n                        Precio de Convocatoria\r\n                    <\/span>\r\n                    <h3 class=\"text-2xl sm:text-3xl font-montserrat font-bold mb-2\">Desarrollo Salesforce con IA (Claude Code)<\/h3>\r\n                    <p class=\"text-gray-300 text-sm max-w-lg mx-auto\">Programa intensivo de 8 sesiones (16 horas lectivas pr\u00e1cticas en vivo)<\/p>\r\n                    \r\n                    <div class=\"mt-6 flex items-baseline justify-center gap-2\">\r\n                        <span class=\"text-2xl font-light text-gray-300\">$<\/span>\r\n                        <span class=\"text-5xl sm:text-6xl font-montserrat font-black text-white\">575<\/span>\r\n                        <span class=\"text-xl font-medium text-gray-300\">USD<\/span>\r\n                    <\/div>\r\n                    <p class=\"text-xs text-amber-300 mt-2 font-medium\">\r\n                        * Los impuestos van aparte y se calculan seg\u00fan el pa\u00eds desde el que se realice la inscripci\u00f3n.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <div class=\"p-8 sm:p-10 space-y-6\">\r\n                    <div class=\"grid sm:grid-cols-2 gap-4 text-sm text-gray-700\">\r\n                        <div class=\"flex items-center gap-3\">\r\n                            <i class=\"ph-bold ph-check-circle text-intellect-blue text-lg flex-shrink-0\"><\/i>\r\n                            <span><strong>16 horas lectivas<\/strong> en vivo (8 sesiones de 2h)<\/span>\r\n                        <\/div>\r\n                        <div class=\"flex items-center gap-3\">\r\n                            <i class=\"ph-bold ph-check-circle text-intellect-blue text-lg flex-shrink-0\"><\/i>\r\n                            <span><strong>Claude Code<\/strong> como copiloto principal<\/span>\r\n                        <\/div>\r\n                        <div class=\"flex items-center gap-3\">\r\n                            <i class=\"ph-bold ph-check-circle text-intellect-blue text-lg flex-shrink-0\"><\/i>\r\n                            <span>Ejercicios con <strong>repositorios y sandbox real<\/strong><\/span>\r\n                        <\/div>\r\n                        <div class=\"flex items-center gap-3\">\r\n                            <i class=\"ph-bold ph-check-circle text-intellect-blue text-lg flex-shrink-0\"><\/i>\r\n                            <span>Acceso a grabaciones de las sesiones<\/span>\r\n                        <\/div>\r\n                        <div class=\"flex items-center gap-3\">\r\n                            <i class=\"ph-bold ph-check-circle text-intellect-blue text-lg flex-shrink-0\"><\/i>\r\n                            <span>Laboratorio final: Caso de cliente corporativo<\/span>\r\n                        <\/div>\r\n                        <div class=\"flex items-center gap-3\">\r\n                            <i class=\"ph-bold ph-check-circle text-intellect-blue text-lg flex-shrink-0\"><\/i>\r\n                            <span>Certificado de Participaci\u00f3n emitido por <strong>Intellect Systems<\/strong><\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Callout impuestos -->\r\n                    <div class=\"bg-amber-50 border border-amber-200 rounded-2xl p-5 text-left text-sm text-amber-900\">\r\n                        <div class=\"flex items-start gap-3\">\r\n                            <i class=\"ph-fill ph-info text-amber-600 text-2xl flex-shrink-0 mt-0.5\"><\/i>\r\n                            <div>\r\n                                <h4 class=\"font-montserrat font-bold text-amber-950 mb-1\">Informaci\u00f3n de Impuestos y Facturaci\u00f3n Internacional<\/h4>\r\n                                <p class=\"text-xs sm:text-sm text-amber-800 leading-relaxed\">\r\n                                    El valor base de la matr\u00edcula es de <strong>575 d\u00f3lares americanos<\/strong>. Los impuestos locales (IVA\/VAT\/retenciones) no est\u00e1n incluidos en la tarifa base y se adicionan autom\u00e1ticamente seg\u00fan la legislaci\u00f3n tributaria del pa\u00eds de residencia o facturaci\u00f3n de la empresa\/estudiante al formalizar el pago.\r\n                                <\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"pt-4 flex flex-col sm:flex-row items-center justify-between gap-4\">\r\n                        <div class=\"text-xs text-gray-500 text-center sm:text-left\">\r\n                            <p class=\"font-medium text-gray-700\">Opciones de pago corporativo e individual disponibles<\/p>\r\n                            <p>Transferencia bancaria, tarjeta de cr\u00e9dito y pasarelas seguras.<\/p>\r\n                        <\/div>\r\n                        <a href=\"#inscripcion\" onclick=\"openModal(event)\" class=\"w-full sm:w-auto bg-intellect-pink hover:bg-opacity-90 text-white font-montserrat font-bold py-4 px-8 rounded-full transition-all duration-300 transform hover:-translate-y-0.5 shadow-lg shadow-intellect-pink\/30 flex items-center justify-center gap-2\">\r\n                            Inscribirme por $575 USD <i class=\"ph-bold ph-arrow-right\"><\/i>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Final CTA Registration Section -->\r\n    <section id=\"inscripcion\" class=\"py-20 bg-white relative overflow-hidden\">\r\n        <div class=\"absolute top-0 right-0 w-64 h-64 bg-intellect-blue\/10 rounded-full blur-3xl pointer-events-none\"><\/div>\r\n        <div class=\"absolute bottom-0 left-0 w-64 h-64 bg-intellect-pink\/10 rounded-full blur-3xl pointer-events-none\"><\/div>\r\n        \r\n        <div class=\"max-w-3xl mx-auto px-4 sm:px-6 lg:px-8 text-center relative z-10\">\r\n            <div class=\"inline-flex items-center gap-2 px-3 py-1 rounded-full bg-intellect-pink\/10 border border-intellect-pink\/20 text-intellect-pink text-xs font-montserrat font-bold uppercase mb-4\">\r\n                Admisiones Abiertas \u2022 Curso de IA\r\n            <\/div>\r\n            <h2 class=\"text-3xl font-montserrat font-bold text-intellect-dark mb-4\">\r\n                Reserva tu lugar y transforma tu desarrollo en Salesforce\r\n            <\/h2>\r\n            \r\n            <div class=\"bg-intellect-blue\/10 border border-intellect-blue\/20 rounded-xl p-6 mb-8 max-w-2xl mx-auto text-left\">\r\n                <div class=\"flex items-start gap-4\">\r\n                    <i class=\"ph-fill ph-info text-intellect-blue text-3xl mt-1 flex-shrink-0\"><\/i>\r\n                    <div>\r\n                        <p class=\"text-intellect-dark font-montserrat font-bold text-base mb-1\">Inversi\u00f3n: $575 USD (+ impuestos seg\u00fan pa\u00eds)<\/p>\r\n                        <p class=\"text-gray-600 text-sm\">\r\n                            Al completar el formulario ser\u00e1s contactado inmediatamente por nuestro equipo acad\u00e9mico con la liquidaci\u00f3n formal seg\u00fan tu pa\u00eds, las opciones de pago (tarjeta\/transferencia) y la confirmaci\u00f3n de tu plaza.\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <button onclick=\"openModal(event)\" class=\"inline-flex bg-intellect-pink hover:bg-intellect-pink\/90 text-white font-montserrat font-bold py-4 px-10 rounded-full transition-all duration-300 transform hover:-translate-y-1 shadow-xl shadow-intellect-pink\/30 items-center gap-3 text-lg group\">\r\n                <i class=\"ph-bold ph-pencil-simple text-2xl group-hover:animate-bounce\"><\/i> Completar Formulario de Inscripci\u00f3n\r\n            <\/button>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Form Modal for Registration \/ Pardot -->\r\n    <div id=\"form-modal\" class=\"fixed inset-0 z-[100] hidden items-center justify-center backdrop-blur-sm transition-opacity duration-300 opacity-0\">\r\n        <div class=\"absolute inset-0 bg-intellect-dark\/80\" onclick=\"closeModal()\"><\/div>\r\n        \r\n        <div id=\"modal-panel\" class=\"relative bg-white rounded-2xl shadow-2xl w-full max-w-3xl mx-4 overflow-hidden flex flex-col max-h-[95vh] z-10 transform scale-95 transition-transform duration-300\">\r\n            <div class=\"flex justify-between items-center p-4 md:p-6 border-b border-gray-100 bg-gray-50\/70\">\r\n                <div class=\"flex items-center gap-3\">\r\n                    <div class=\"w-10 h-10 rounded-full bg-intellect-blue\/10 flex items-center justify-center text-intellect-blue\">\r\n                        <i class=\"ph-bold ph-robot text-xl\"><\/i>\r\n                    <\/div>\r\n                    <div>\r\n                        <h3 class=\"font-montserrat font-bold text-lg md:text-xl text-intellect-dark\">Inscripci\u00f3n al Curso Salesforce IA<\/h3>\r\n                        <p class=\"text-xs text-gray-500 font-medium\">Claude Code \u2022 $575 USD (+ impuestos seg\u00fan pa\u00eds)<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <button onclick=\"closeModal()\" class=\"text-gray-400 hover:text-intellect-pink transition-colors p-2 bg-white rounded-full shadow-sm hover:shadow border border-gray-100\" aria-label=\"Cerrar modal\">\r\n                    <i class=\"ph-bold ph-x text-lg\"><\/i>\r\n                <\/button>\r\n            <\/div>\r\n            \r\n            <div class=\"p-0 overflow-y-auto flex-grow relative w-full bg-white h-[650px]\">\r\n                <iframe src=\"https:\/\/www2.intellectsystem.net\/l\/874111\/2026-06-03\/j7j78b\" width=\"100%\" height=\"100%\" type=\"text\/html\" frameborder=\"0\" allowTransparency=\"true\" style=\"border: 0; min-height: 650px;\"><\/iframe>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Footer -->\r\n    <footer class=\"bg-intellect-dark text-white pt-16 pb-8 border-t border-white\/10 relative overflow-hidden\">\r\n        <div class=\"absolute inset-0 opacity-5 pointer-events-none\" style=\"background-image: radial-gradient(circle at 50% 50%, #ffffff 2px, transparent 2px); background-size: 40px 40px;\"><\/div>\r\n        \r\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\r\n            <div class=\"grid md:grid-cols-3 gap-12 mb-12\">\r\n                <div class=\"col-span-1 md:col-span-1\">\r\n                    <a href=\"https:\/\/intellectsystem.net\" class=\"inline-block mb-6\">\r\n                        <img decoding=\"async\" src=\"https:\/\/intellectsystem.net\/propuesta.intellectsystem.net\/wp-content\/uploads\/2026\/02\/logo-intellect-png.png\" alt=\"Intellect Systems Logo\" style=\"height: 60px !important; width: auto !important; max-width: 240px !important;\" class=\"object-contain brightness-0 invert\">\r\n                    <\/a>\r\n                    <p class=\"text-gray-400 font-light text-sm max-w-xs mt-2\">\r\n                        Construimos soluciones tecnol\u00f3gicas que proveen valor agregado a nuestros clientes, referentes por su calidad e innovaci\u00f3n.\r\n                    <\/p>\r\n                <\/div>\r\n                \r\n                <div>\r\n                    <h4 class=\"font-montserrat font-bold text-lg mb-4\">Contacto<\/h4>\r\n                    <ul class=\"space-y-3 text-gray-400 text-sm\">\r\n                        <li class=\"flex items-center gap-3\">\r\n                            <i class=\"ph-fill ph-envelope-simple text-intellect-blue text-lg\"><\/i> info@intellectsystem.net\r\n                        <\/li>\r\n                        <li class=\"flex items-center gap-3\">\r\n                            <i class=\"ph-fill ph-phone text-intellect-blue text-lg\"><\/i> +593998938811\r\n                        <\/li>\r\n                        <li class=\"flex items-center gap-3\">\r\n                            <i class=\"ph-fill ph-map-pin text-intellect-blue text-lg\"><\/i> Am\u00e9rica Latina (Online en vivo)\r\n                        <\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n\r\n                <div>\r\n                    <h4 class=\"font-montserrat font-bold text-lg mb-4\">Enlaces<\/h4>\r\n                    <ul class=\"space-y-3 text-gray-400 text-sm\">\r\n                        <li><a href=\"#claude-code\" class=\"hover:text-intellect-pink transition-colors\">Claude Code en Salesforce<\/a><\/li>\r\n                        <li><a href=\"#sesiones\" class=\"hover:text-intellect-pink transition-colors\">Programa de 8 Sesiones<\/a><\/li>\r\n                        <li><a href=\"#precio\" class=\"hover:text-intellect-pink transition-colors\">Precios y Facturaci\u00f3n<\/a><\/li>\r\n                        <li><a href=\"https:\/\/intellectsystem.net\/propuesta.intellectsystem.net\/curso-dev-1\/\" class=\"hover:text-intellect-pink transition-colors\">Curso Platform Developer I<\/a><\/li>\r\n                        <li><a href=\"https:\/\/intellectsystem.net\/nosotros\/\" class=\"hover:text-intellect-pink transition-colors\">Acerca de Nosotros<\/a><\/li>\r\n                        <li><a href=\"https:\/\/intellectsystem.net\/propuesta.intellectsystem.net\/wp-content\/uploads\/2026\/07\/Condiciones-de-Pago-Talleres-intellect-Systems.pdf\" target=\"_blank\" class=\"hover:text-intellect-pink transition-colors\">T\u00e9rminos y Condiciones<\/a><\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"pt-8 border-t border-white\/10 text-center md:flex md:justify-between md:items-center text-sm text-gray-500\">\r\n                <p>&copy; 2026 - 2027 Intellect Systems. Todos los derechos reservados.<\/p>\r\n                <div class=\"flex justify-center gap-4 mt-4 md:mt-0\">\r\n                    <a href=\"https:\/\/www.linkedin.com\/company\/intellectsystems\/posts\/?feedView=all\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"hover:text-white transition-colors\" aria-label=\"LinkedIn\">\r\n                        <i class=\"ph-fill ph-linkedin-logo text-xl\"><\/i>\r\n                    <\/a>\r\n                    <a href=\"https:\/\/www.facebook.com\/IntellectInternationalSystems\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"hover:text-white transition-colors\" aria-label=\"Facebook\">\r\n                        <i class=\"ph-fill ph-facebook-logo text-xl\"><\/i>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/footer>\r\n<\/div>\r\n\r\n<!-- SCRIPTS PARA MODAL Y DESPLAZAMIENTO -->\r\n<script>\r\n    \/\/ Modal Pardot\r\n    function openModal(e) {\r\n        if (e) e.preventDefault();\r\n        const modal = document.getElementById('form-modal');\r\n        const panel = document.getElementById('modal-panel');\r\n        if (!modal || !panel) return;\r\n        \r\n        modal.classList.remove('hidden');\r\n        modal.classList.add('flex');\r\n        \r\n        setTimeout(() => {\r\n            modal.classList.remove('opacity-0');\r\n            modal.classList.add('opacity-100');\r\n            panel.classList.remove('scale-95');\r\n            panel.classList.add('scale-100');\r\n        }, 10);\r\n        document.body.style.overflow = 'hidden';\r\n    }\r\n\r\n    function closeModal() {\r\n        const modal = document.getElementById('form-modal');\r\n        const panel = document.getElementById('modal-panel');\r\n        if (!modal || !panel) return;\r\n        \r\n        modal.classList.remove('opacity-100');\r\n        modal.classList.add('opacity-0');\r\n        panel.classList.remove('scale-100');\r\n        panel.classList.add('scale-95');\r\n        \r\n        setTimeout(() => {\r\n            modal.classList.add('hidden');\r\n            modal.classList.remove('flex');\r\n            document.body.style.overflow = '';\r\n        }, 300);\r\n    }\r\n\r\n    \/\/ Cerrar con Escape\r\n    window.addEventListener('keydown', (e) => {\r\n        if (e.key === 'Escape') {\r\n            const modal = document.getElementById('form-modal');\r\n            if (modal && !modal.classList.contains('hidden')) {\r\n                closeModal();\r\n            }\r\n        }\r\n    });\r\n\r\n    \/\/ Sombra del Navbar en scroll\r\n    window.addEventListener('scroll', () => {\r\n        const navbar = document.getElementById('navbar');\r\n        if (!navbar) return;\r\n        if (window.scrollY > 20) {\r\n            navbar.classList.add('shadow-md');\r\n            navbar.classList.remove('py-5');\r\n            navbar.classList.add('py-3.5');\r\n        } else {\r\n            navbar.classList.remove('shadow-md');\r\n            navbar.classList.remove('py-3.5');\r\n            navbar.classList.add('py-5');\r\n        }\r\n    });\r\n\r\n    \/\/ Ajuste din\u00e1mico de contenedores padre en WordPress para anular m\u00e1rgenes residuales\r\n    document.addEventListener('DOMContentLoaded', () => {\r\n        const app = document.getElementById('is-landing-app');\r\n        if (app) {\r\n            let parent = app.parentElement;\r\n            while (parent && parent !== document.body) {\r\n                parent.style.setProperty('margin-top', '0px', 'important');\r\n                parent.style.setProperty('padding-top', '0px', 'important');\r\n                parent = parent.parentElement;\r\n            }\r\n        }\r\n    });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Claude Code 8 Sesiones (16h) Impacto Real Inversi\u00f3n $575 USD Ver Inversi\u00f3n Inscr\u00edbete Ahora Propuesta de Capacitaci\u00f3n T\u00e9cnica | Claude Code + Salesforce Desarrollo Salesforce con Inteligencia Artificial Multiplica la productividad de tu equipo Salesforce con Claude Code como copiloto principal en la terminal. Aprende a razonar sobre repositorios completos, ejecutar comandos SFDX CLI en [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-623","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/intellectsystem.net\/propuesta.intellectsystem.net\/wp-json\/wp\/v2\/pages\/623","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/intellectsystem.net\/propuesta.intellectsystem.net\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/intellectsystem.net\/propuesta.intellectsystem.net\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/intellectsystem.net\/propuesta.intellectsystem.net\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/intellectsystem.net\/propuesta.intellectsystem.net\/wp-json\/wp\/v2\/comments?post=623"}],"version-history":[{"count":22,"href":"https:\/\/intellectsystem.net\/propuesta.intellectsystem.net\/wp-json\/wp\/v2\/pages\/623\/revisions"}],"predecessor-version":[{"id":652,"href":"https:\/\/intellectsystem.net\/propuesta.intellectsystem.net\/wp-json\/wp\/v2\/pages\/623\/revisions\/652"}],"wp:attachment":[{"href":"https:\/\/intellectsystem.net\/propuesta.intellectsystem.net\/wp-json\/wp\/v2\/media?parent=623"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}