{"id":356,"date":"2026-07-16T17:09:58","date_gmt":"2026-07-16T15:09:58","guid":{"rendered":"https:\/\/intellectsystem.net\/propuesta.intellectsystem.net\/?page_id=356"},"modified":"2026-10-06T19:10:13","modified_gmt":"2026-10-06T17:10:13","slug":"curso-dev-1","status":"publish","type":"page","link":"https:\/\/intellectsystem.net\/propuesta.intellectsystem.net\/curso-dev-1\/","title":{"rendered":"Curso Dev 1"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"356\" class=\"elementor elementor-356\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8611b22 e-flex e-con-boxed e-con e-parent\" data-id=\"8611b22\" 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-1e47568 elementor-widget elementor-widget-html\" data-id=\"1e47568\" 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\" class=\"scroll-smooth\">\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>Curso Salesforce Developer I | Intellect Systems<\/title>\r\n    <meta name=\"description\" content=\"Domina Apex, LWC e integraciones API con el curso online de Salesforce Developer I de Intellect Systems. Calendario de convocatorias peri\u00f3dicas 2026 - 2027.\">\r\n    <!-- Google Fonts: Montserrat (Primary) and Inter (Secondary) -->\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&family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n    <!-- Phosphor Icons for minimalist, modern SVG icons -->\r\n    <script src=\"https:\/\/unpkg.com\/@phosphor-icons\/web\"><\/script>\r\n    <!-- Tailwind CSS for styling -->\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    <script>\r\n        tailwind.config = {\r\n            important: true, \/* Fuerza !important en todas las clases de Tailwind para blindar ante temas de WordPress *\/\r\n            theme: {\r\n                extend: {\r\n                    colors: {\r\n                        intellect: {\r\n                            dark: '#16233B',  \/\/ Azul Oscuro corporativo\r\n                            blue: '#2394E0',  \/\/ Celeste vibrante\r\n                            pink: '#CA446D',  \/\/ Rosa de acento\r\n                            gray: '#B3AEAD',  \/\/ Gris neutro\r\n                            light: '#F8FAFC'  \/\/ Fondo claro\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    <style>\r\n        .glass-panel {\r\n            background: rgba(255, 255, 255, 0.96);\r\n            backdrop-filter: blur(12px);\r\n            border: 1px solid rgba(255, 255, 255, 0.4);\r\n            box-shadow: 0 15px 35px -10px rgba(22, 35, 59, 0.12);\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 15% 25%, rgba(35, 148, 224, 0.22) 0%, transparent 45%),\r\n                radial-gradient(circle at 85% 75%, rgba(202, 68, 109, 0.20) 0%, transparent 45%);\r\n            z-index: 0;\r\n        }\r\n        \/* Reglas estrictas de aislamiento para WordPress *\/\r\n        #is-landing-app {\r\n            background-color: #F8FAFC;\r\n            width: 100vw !important;\r\n            max-width: 100vw !important;\r\n            margin-left: calc(50% - 50vw) !important;\r\n            margin-right: calc(50% - 50vw) !important;\r\n            padding: 0 !important;\r\n            box-sizing: border-box !important;\r\n            display: block !important;\r\n            position: relative !important;\r\n        }\r\n        header:not(#is-landing-app header),\r\n        nav:not(#is-landing-app nav),\r\n        footer:not(#is-landing-app footer),\r\n        #masthead, .site-header, #main-header, .ast-main-header-wrap, .elementor-location-header, .elementor-location-footer, .top-bar, #top-bar {\r\n            display: none !important;\r\n        }\r\n        .page-title, .entry-title, .entry-header, .page-header, .elementor-page-title, h1.entry-title, .site-title, #page-title, .ast-single-post-order, .ast-post-title, header.entry-header {\r\n            display: none !important;\r\n        }\r\n        .site-content, #content, #page, .page-content, #main {\r\n            padding-top: 0 !important;\r\n            padding-bottom: 0 !important;\r\n            margin-top: 0 !important;\r\n        }\r\n        #is-landing-app h1, #is-landing-app h2, #is-landing-app h3, #is-landing-app h4, #is-landing-app p, #is-landing-app ul, #is-landing-app li {\r\n            margin: 0 !important;\r\n            padding: 0;\r\n        }\r\n        #is-landing-app a {\r\n            text-decoration: none !important;\r\n            border: none !important;\r\n            box-shadow: none !important;\r\n        }\r\n        #is-landing-app img {\r\n            max-width: 100% !important;\r\n            border-radius: 0 !important;\r\n            box-shadow: none !important;\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body class=\"font-sans text-gray-800 antialiased selection:bg-intellect-pink selection:text-white bg-slate-50\">\r\n    <div id=\"is-landing-app\" class=\"w-full min-h-screen text-base overflow-x-hidden\">\r\n        \r\n        <nav class=\"fixed w-full z-50 transition-all duration-300 bg-white\/95 backdrop-blur-sm border-b border-gray-100 shadow-sm py-4\" 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 -->\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\" alt=\"Intellect Systems Logo\" style=\"height: 52px !important; width: auto !important; max-width: 250px !important;\" 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=\"#programa\" class=\"text-sm font-montserrat font-medium text-gray-600 hover:text-intellect-blue transition-colors\">Programa<\/a>\r\n                    <a href=\"#calendario\" 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-calendar text-base\"><\/i> Pr\u00f3ximas Convocatorias\r\n                    <\/a>\r\n                    <a href=\"#metodologia\" class=\"text-sm font-montserrat font-medium text-gray-600 hover:text-intellect-blue transition-colors\">Ruta Admin \u2794 Dev I<\/a>\r\n                    <a href=\"#requisitos\" class=\"text-sm font-montserrat font-medium text-gray-600 hover:text-intellect-blue transition-colors\">Requisitos<\/a>\r\n                <\/div>\r\n\r\n                <!-- CTA Actions -->\r\n                <div class=\"flex items-center gap-3\">\r\n                    <a href=\"#calendario\" 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 Fechas\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-2.5 px-5 sm: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>Reserva tu cupo<\/span> <i class=\"ph ph-arrow-right\"><\/i>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/nav>\r\n\r\n        <header class=\"tech-bg pt-32 pb-20 lg:pt-40 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                    \r\n                    <!-- Hero Content -->\r\n                    <div class=\"lg:col-span-7 space-y-7\">\r\n                        <!-- Periodic schedule 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\">Calendario Oficial 2026 - 2027<\/span>\r\n                            <span class=\"text-intellect-blue font-bold\">| Pr\u00f3ximo inicio: 16 de Noviembre<\/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                            Curso Salesforce <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-intellect-blue via-sky-300 to-intellect-pink\">Developer I<\/span>\r\n                        <\/h1>\r\n                        <p class=\"text-xl font-montserrat font-light text-gray-200\">\r\n                            Desarrolla soluciones de alto impacto sobre Salesforce con Apex, LWC e integraciones API.\r\n                        <\/p>\r\n                        <p class=\"text-base sm:text-lg text-gray-300 font-light max-w-xl leading-relaxed\">\r\n                            Aprende a construir l\u00f3gica de backend empresarial, programar componentes Lightning modernos e integrar plataformas externas mediante un <strong class=\"text-white font-semibold\">entrenamiento pr\u00e1ctico paso a paso<\/strong>, estructurado en convocatorias peri\u00f3dicas de 2 horas al d\u00eda para que puedas coordinarlo con tu actividad laboral.\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=\"#calendario\" 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-calendar-check text-xl\"><\/i> Ver fechas y convocatorias\r\n                            <\/a>\r\n                            <a href=\"#programa\" 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 completo\r\n                            <\/a>\r\n                        <\/div>\r\n\r\n                        <!-- Live Cohorts pill bar -->\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-2.5\">\r\n                                <p class=\"text-[11px] text-gray-400 font-medium uppercase tracking-wider\">Edici\u00f3n 1<\/p>\r\n                                <p class=\"text-white font-montserrat font-bold text-xs sm:text-sm\">16 Nov \u2013 4 Dic<\/p>\r\n                                <span class=\"text-[10px] text-emerald-400 font-semibold\">Inscripciones abiertas<\/span>\r\n                            <\/div>\r\n                            <div class=\"bg-white\/5 border border-white\/10 rounded-xl p-2.5\">\r\n                                <p class=\"text-[11px] text-gray-400 font-medium uppercase tracking-wider\">Edici\u00f3n 2<\/p>\r\n                                <p class=\"text-white font-montserrat font-bold text-xs sm:text-sm\">8 \u2013 26 Febrero<\/p>\r\n                                <span class=\"text-[10px] text-sky-400 font-semibold\">2027 Confirmado<\/span>\r\n                            <\/div>\r\n                            <div class=\"bg-white\/5 border border-white\/10 rounded-xl p-2.5\">\r\n                                <p class=\"text-[11px] text-gray-400 font-medium uppercase tracking-wider\">Edici\u00f3n 3<\/p>\r\n                                <p class=\"text-white font-montserrat font-bold text-xs sm:text-sm\">5 \u2013 23 Abril<\/p>\r\n                                <span class=\"text-[10px] text-amber-300 font-semibold\">2027 Confirmado<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- 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-intellect-dark 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                            <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\">Formato Especializado<\/span>\r\n                                    <h3 class=\"font-montserrat font-bold text-2xl text-intellect-dark\">Detalles clave<\/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-code text-xl\"><\/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-calendar text-xl\"><\/i>\r\n                                    <\/div>\r\n                                    <div>\r\n                                        <p class=\"text-xs text-intellect-gray font-medium\">Pr\u00f3xima Edici\u00f3n Inmediata<\/p>\r\n                                        <p class=\"font-montserrat font-bold text-intellect-dark text-base\">16 Noviembre \u2013 4 Diciembre 2026<\/p>\r\n                                        <p class=\"text-xs text-emerald-600 font-semibold\">\u00a1Inscripciones en curso!<\/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\">Ritmo y Dedicaci\u00f3n<\/p>\r\n                                        <p class=\"font-montserrat font-bold text-intellect-dark text-base\">2 horas \/ d\u00eda (Lunes a Viernes)<\/p>\r\n                                        <p class=\"text-xs text-gray-500\">15 sesiones lectivas continuas (30h \/ 35h)<\/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-globe-hemisphere-west text-xl\"><\/i>\r\n                                    <\/div>\r\n                                    <div>\r\n                                        <p class=\"text-xs text-intellect-gray font-medium\">Modalidad<\/p>\r\n                                        <p class=\"font-montserrat font-bold text-intellect-dark text-base\">100% Online en Vivo<\/p>\r\n                                        <p class=\"text-xs text-gray-500\">Sesiones t\u00e9cnicas guiadas por especialistas en desarrollo<\/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-path text-xl\"><\/i>\r\n                                    <\/div>\r\n                                    <div>\r\n                                        <p class=\"text-xs text-intellect-gray font-medium\">Ruta Progresiva Continua<\/p>\r\n                                        <p class=\"font-montserrat font-bold text-intellect-dark text-base\">Secuencia con Administrator<\/p>\r\n                                        <p class=\"text-xs text-gray-500\">Alternancia peri\u00f3dica con semanas intermedias de descanso<\/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 px-4 rounded-xl text-center transition-all shadow-md mt-2 flex items-center justify-center gap-2\">\r\n                                Inscribirme a la convocatoria <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        <section id=\"calendario\" 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-calendar-plus text-intellect-blue\"><\/i>\r\n                        <span class=\"text-intellect-blue font-montserrat font-semibold text-xs uppercase tracking-wider\">Cronograma Oficial Acad\u00e9mico<\/span>\r\n                    <\/div>\r\n                    <h2 class=\"text-3xl md:text-4xl font-montserrat font-bold text-intellect-dark mb-4\">\r\n                        Convocatorias Peri\u00f3dicas del Curso Developer I\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                        Elige la fecha que mejor se ajuste a tus planes. Cada edici\u00f3n de <strong>Platform Developer I<\/strong> se imparte durante 3 semanas continuas (lunes a viernes, 2 h\/d\u00eda) y se programa peri\u00f3dicamente a continuaci\u00f3n del curso de <strong>Administrator<\/strong>.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <!-- Developer I Cohort Cards Grid -->\r\n                <div class=\"grid md:grid-cols-3 gap-8 mb-16 items-stretch\">\r\n                    <!-- Edici\u00f3n 1: Noviembre 2026 -->\r\n                    <div class=\"bg-gradient-to-b from-white to-intellect-light rounded-3xl p-8 border-2 border-intellect-pink shadow-xl relative flex flex-col justify-between transform hover:-translate-y-1 transition-all\">\r\n                        <div class=\"absolute -top-3.5 left-1\/2 -translate-x-1\/2 bg-intellect-pink text-white text-xs font-montserrat font-bold px-4 py-1 rounded-full uppercase tracking-wider shadow-md\">\r\n                            Pr\u00f3xima Edici\u00f3n \u2022 2026\r\n                        <\/div>\r\n                        <div>\r\n                            <div class=\"flex items-center justify-between mt-2 mb-4\">\r\n                                <span class=\"text-xs font-bold text-intellect-pink uppercase tracking-widest\">Edici\u00f3n 1<\/span>\r\n                                <span class=\"inline-flex items-center gap-1.5 text-xs font-semibold text-emerald-700 bg-emerald-100 px-2.5 py-1 rounded-full\">\r\n                                    <span class=\"w-2 h-2 rounded-full bg-emerald-500\"><\/span> Abierta\r\n                                <\/span>\r\n                            <\/div>\r\n                            <h3 class=\"font-montserrat font-bold text-2xl text-intellect-dark mb-1\">Noviembre 2026<\/h3>\r\n                            <p class=\"text-3xl font-montserrat font-extrabold text-intellect-blue mb-4\">16 Nov \u2013 4 Dic<\/p>\r\n                            \r\n                            <ul class=\"space-y-3 text-sm text-gray-600 mb-6 border-t border-gray-200\/80 pt-4\">\r\n                                <li class=\"flex items-center gap-2.5\">\r\n                                    <i class=\"ph-bold ph-check text-intellect-pink\"><\/i>\r\n                                    <span><strong>15 sesiones<\/strong> de 2 horas (Lunes a Viernes)<\/span>\r\n                                <\/li>\r\n                                <li class=\"flex items-center gap-2.5\">\r\n                                    <i class=\"ph-bold ph-clock text-intellect-blue\"><\/i>\r\n                                    <span>Carga total: <strong>30h te\u00f3ricas \/ 35h con pr\u00e1ctica<\/strong><\/span>\r\n                                <\/li>\r\n                                <li class=\"flex items-center gap-2.5\">\r\n                                    <i class=\"ph-bold ph-sliders text-intellect-dark\"><\/i>\r\n                                    <span>Precedido por Admin: <strong>19 Oct \u2013 6 Nov<\/strong><\/span>\r\n                                <\/li>\r\n                                <li class=\"flex items-center gap-2.5\">\r\n                                    <i class=\"ph-bold ph-sparkle text-amber-500\"><\/i>\r\n                                    <span>Semana de descanso intermedia: 9 al 13 Nov<\/span>\r\n                                <\/li>\r\n                            <\/ul>\r\n                        <\/div>\r\n                        <a href=\"#inscripcion\" onclick=\"openModal(event)\" class=\"w-full bg-intellect-pink hover:bg-intellect-pink\/90 text-white font-montserrat font-semibold py-3.5 px-4 rounded-xl text-center transition-all shadow-md flex items-center justify-center gap-2\">\r\n                            Inscribirme a Noviembre <i class=\"ph-bold ph-arrow-right\"><\/i>\r\n                        <\/a>\r\n                    <\/div>\r\n\r\n                    <!-- Edici\u00f3n 2: Febrero 2027 -->\r\n                    <div class=\"bg-white rounded-3xl p-8 border border-gray-200 hover:border-intellect-blue\/50 shadow-lg hover:shadow-xl relative flex flex-col justify-between transform hover:-translate-y-1 transition-all\">\r\n                        <div>\r\n                            <div class=\"flex items-center justify-between mb-4\">\r\n                                <span class=\"text-xs font-bold text-intellect-blue uppercase tracking-widest\">Edici\u00f3n 2<\/span>\r\n                                <span class=\"inline-flex items-center gap-1.5 text-xs font-semibold text-sky-700 bg-sky-100 px-2.5 py-1 rounded-full\">\r\n                                    Reserva abierta\r\n                                <\/span>\r\n                            <\/div>\r\n                            <h3 class=\"font-montserrat font-bold text-2xl text-intellect-dark mb-1\">Febrero 2027<\/h3>\r\n                            <p class=\"text-3xl font-montserrat font-extrabold text-intellect-dark mb-4\">8 \u2013 26 Feb<\/p>\r\n                            \r\n                            <ul class=\"space-y-3 text-sm text-gray-600 mb-6 border-t border-gray-100 pt-4\">\r\n                                <li class=\"flex items-center gap-2.5\">\r\n                                    <i class=\"ph-bold ph-check text-intellect-blue\"><\/i>\r\n                                    <span><strong>15 sesiones<\/strong> de 2 horas (Lunes a Viernes)<\/span>\r\n                                <\/li>\r\n                                <li class=\"flex items-center gap-2.5\">\r\n                                    <i class=\"ph-bold ph-clock text-intellect-blue\"><\/i>\r\n                                    <span>Carga total: <strong>30h te\u00f3ricas \/ 35h con pr\u00e1ctica<\/strong><\/span>\r\n                                <\/li>\r\n                                <li class=\"flex items-center gap-2.5\">\r\n                                    <i class=\"ph-bold ph-sliders text-intellect-dark\"><\/i>\r\n                                    <span>Precedido por Admin: <strong>11 \u2013 29 Ene<\/strong><\/span>\r\n                                <\/li>\r\n                                <li class=\"flex items-center gap-2.5\">\r\n                                    <i class=\"ph-bold ph-sparkle text-amber-500\"><\/i>\r\n                                    <span>Semana de descanso intermedia: 1 al 5 Feb<\/span>\r\n                                <\/li>\r\n                            <\/ul>\r\n                        <\/div>\r\n                        <a href=\"#inscripcion\" onclick=\"openModal(event)\" class=\"w-full bg-intellect-dark hover:bg-opacity-90 text-white font-montserrat font-semibold py-3.5 px-4 rounded-xl text-center transition-all shadow-md flex items-center justify-center gap-2\">\r\n                            Reservar cupo para Febrero <i class=\"ph-bold ph-arrow-right\"><\/i>\r\n                        <\/a>\r\n                    <\/div>\r\n\r\n                    <!-- Edici\u00f3n 3: Abril 2027 -->\r\n                    <div class=\"bg-white rounded-3xl p-8 border border-gray-200 hover:border-intellect-blue\/50 shadow-lg hover:shadow-xl relative flex flex-col justify-between transform hover:-translate-y-1 transition-all\">\r\n                        <div>\r\n                            <div class=\"flex items-center justify-between mb-4\">\r\n                                <span class=\"text-xs font-bold text-intellect-gray uppercase tracking-widest\">Edici\u00f3n 3<\/span>\r\n                                <span class=\"inline-flex items-center gap-1.5 text-xs font-semibold text-purple-700 bg-purple-100 px-2.5 py-1 rounded-full\">\r\n                                    Convocatoria 2027\r\n                                <\/span>\r\n                            <\/div>\r\n                            <h3 class=\"font-montserrat font-bold text-2xl text-intellect-dark mb-1\">Abril 2027<\/h3>\r\n                            <p class=\"text-3xl font-montserrat font-extrabold text-intellect-dark mb-4\">5 \u2013 23 Abr<\/p>\r\n                            \r\n                            <ul class=\"space-y-3 text-sm text-gray-600 mb-6 border-t border-gray-100 pt-4\">\r\n                                <li class=\"flex items-center gap-2.5\">\r\n                                    <i class=\"ph-bold ph-check text-intellect-blue\"><\/i>\r\n                                    <span><strong>15 sesiones<\/strong> de 2 horas (Lunes a Viernes)<\/span>\r\n                                <\/li>\r\n                                <li class=\"flex items-center gap-2.5\">\r\n                                    <i class=\"ph-bold ph-clock text-intellect-blue\"><\/i>\r\n                                    <span>Carga total: <strong>30h te\u00f3ricas \/ 35h con pr\u00e1ctica<\/strong><\/span>\r\n                                <\/li>\r\n                                <li class=\"flex items-center gap-2.5\">\r\n                                    <i class=\"ph-bold ph-sliders text-intellect-dark\"><\/i>\r\n                                    <span>Precedido por Admin: <strong>8 \u2013 26 Mar<\/strong><\/span>\r\n                                <\/li>\r\n                                <li class=\"flex items-center gap-2.5\">\r\n                                    <i class=\"ph-bold ph-sparkle text-amber-500\"><\/i>\r\n                                    <span>Semana de descanso intermedia: 29 Mar \u2013 2 Abr<\/span>\r\n                                <\/li>\r\n                            <\/ul>\r\n                        <\/div>\r\n                        <a href=\"#inscripcion\" onclick=\"openModal(event)\" class=\"w-full bg-intellect-dark hover:bg-opacity-90 text-white font-montserrat font-semibold py-3.5 px-4 rounded-xl text-center transition-all shadow-md flex items-center justify-center gap-2\">\r\n                            Reservar cupo para Abril <i class=\"ph-bold ph-arrow-right\"><\/i>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div id=\"metodologia\" class=\"bg-intellect-dark text-white rounded-3xl p-8 sm:p-10 relative overflow-hidden shadow-2xl\">\r\n                    <div class=\"absolute -right-20 -bottom-20 w-80 h-80 bg-intellect-blue\/10 rounded-full blur-3xl pointer-events-none\"><\/div>\r\n                    <div class=\"relative z-10\">\r\n                        <div class=\"flex flex-col md:flex-row md:items-center justify-between gap-4 mb-6\">\r\n                            <div>\r\n                                <span class=\"text-xs font-montserrat font-semibold text-intellect-pink uppercase tracking-widest\">Ruta de Aprendizaje Recomendada<\/span>\r\n                                <h3 class=\"text-2xl sm:text-3xl font-montserrat font-bold text-white mt-1\">\r\n                                    Primero Administrator, luego Developer I\r\n                                <\/h3>\r\n                            <\/div>\r\n                            <div class=\"inline-flex items-center gap-2 px-3.5 py-1.5 rounded-full bg-white\/10 border border-white\/15 text-xs text-gray-300\">\r\n                                <i class=\"ph-bold ph-arrows-clockwise text-intellect-blue\"><\/i>\r\n                                Formato peri\u00f3dico: inicia en la convocatoria que prefieras\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- Spaced paragraph preventing badge overlap -->\r\n                        <p class=\"text-gray-300 text-sm sm:text-base leading-relaxed mb-12 lg:mb-14 max-w-4xl\">\r\n                            Salesforce est\u00e1 concebido para resolver primero con soluciones declarativas (sin c\u00f3digo) y luego potenciar con desarrollo program\u00e1tico (Apex, LWC). Por ello, el camino m\u00e1s efectivo es cursar primero <strong>Administrator<\/strong>, dejar una semana intermedia de asimilaci\u00f3n y posteriormente realizar <strong>Developer I<\/strong>. Ambos cursos son <strong>programas completos e independientes<\/strong> que repetimos peri\u00f3dicamente a lo largo del a\u00f1o.\r\n                        <\/p>\r\n\r\n                        <!-- The 3-Step Flow Diagram -->\r\n                        <div class=\"grid md:grid-cols-3 gap-6 pt-4 relative\">\r\n                            <!-- Step 1: Administrator -->\r\n                            <div class=\"bg-white\/5 border border-intellect-blue\/40 rounded-2xl p-6 relative flex flex-col justify-between hover:bg-white\/10 transition-colors\">\r\n                                <div class=\"absolute -top-3.5 left-6 bg-intellect-blue text-white text-[11px] font-montserrat font-bold px-3.5 py-0.5 rounded-full uppercase tracking-wider shadow-sm\">\r\n                                    Paso 1 \u2022 El Cimiento\r\n                                <\/div>\r\n                                <div>\r\n                                    <div class=\"flex items-center justify-between mt-1 mb-3\">\r\n                                        <h4 class=\"text-lg font-montserrat font-bold text-white\">Salesforce Administrator<\/h4>\r\n                                        <div class=\"w-8 h-8 rounded-lg bg-intellect-blue\/20 flex items-center justify-center text-intellect-blue\">\r\n                                            <i class=\"ph-bold ph-sliders text-lg\"><\/i>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                    <p class=\"text-xs text-sky-200 font-semibold mb-3\">3 semanas intensivas (15 sesiones de 2h\/d\u00eda)<\/p>\r\n                                    <p class=\"text-gray-300 text-xs leading-relaxed mb-4\">\r\n                                        Dominas el modelo de datos relacional, la seguridad a nivel de registros, perfiles y automatizaci\u00f3n declarativa con Flow antes de programar.\r\n                                    <\/p>\r\n                                <\/div>\r\n                                <div class=\"text-[11px] text-gray-400 border-t border-white\/10 pt-3 flex items-center gap-1.5\">\r\n                                    <i class=\"ph-bold ph-check text-intellect-blue\"><\/i> Base obligatoria recomendada\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <!-- Step 2: Consolidation -->\r\n                            <div class=\"bg-white\/5 border border-amber-500\/30 rounded-2xl p-6 relative flex flex-col justify-between hover:bg-white\/10 transition-colors\">\r\n                                <div class=\"absolute -top-3.5 left-6 bg-amber-500 text-intellect-dark text-[11px] font-montserrat font-bold px-3.5 py-0.5 rounded-full uppercase tracking-wider shadow-sm\">\r\n                                    Intervalo Estrat\u00e9gico\r\n                                <\/div>\r\n                                <div>\r\n                                    <div class=\"flex items-center justify-between mt-1 mb-3\">\r\n                                        <h4 class=\"text-lg font-montserrat font-bold text-white\">Semana de Asimilaci\u00f3n<\/h4>\r\n                                        <div class=\"w-8 h-8 rounded-lg bg-amber-500\/20 flex items-center justify-center text-amber-400\">\r\n                                            <i class=\"ph-bold ph-sparkle text-lg\"><\/i>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                    <p class=\"text-xs text-amber-300 font-semibold mb-3\">1 semana de descanso y consolidaci\u00f3n<\/p>\r\n                                    <p class=\"text-gray-300 text-xs leading-relaxed mb-4\">\r\n                                        Una pausa deliberada para repasar los conceptos fundamentales de la plataforma y preparar el entorno de desarrollo para el salto a programaci\u00f3n.\r\n                                    <\/p>\r\n                                <\/div>\r\n                                <div class=\"text-[11px] text-gray-400 border-t border-white\/10 pt-3 flex items-center gap-1.5\">\r\n                                    <i class=\"ph-bold ph-check text-amber-400\"><\/i> Espacio para afianzar conocimientos\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <!-- Step 3: Developer I -->\r\n                            <div class=\"bg-white\/5 border border-intellect-pink\/40 rounded-2xl p-6 relative flex flex-col justify-between hover:bg-white\/10 transition-colors\">\r\n                                <div class=\"absolute -top-3.5 left-6 bg-intellect-pink text-white text-[11px] font-montserrat font-bold px-3.5 py-0.5 rounded-full uppercase tracking-wider shadow-sm\">\r\n                                    Paso 2 \u2022 Tu Curso Actual\r\n                                <\/div>\r\n                                <div>\r\n                                    <div class=\"flex items-center justify-between mt-1 mb-3\">\r\n                                        <h4 class=\"text-lg font-montserrat font-bold text-white\">Platform Developer I<\/h4>\r\n                                        <div class=\"w-8 h-8 rounded-lg bg-intellect-pink\/20 flex items-center justify-center text-intellect-pink\">\r\n                                            <i class=\"ph-bold ph-code text-lg\"><\/i>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                    <p class=\"text-xs text-pink-200 font-semibold mb-3\">3 semanas intensivas (15 sesiones de 2h\/d\u00eda)<\/p>\r\n                                    <p class=\"text-gray-300 text-xs leading-relaxed mb-4\">\r\n                                        Aprendes programaci\u00f3n orientada a objetos en Apex, triggers transaccionales, componentes modernos LWC e integraciones con APIs REST.\r\n                                    <\/p>\r\n                                <\/div>\r\n                                <div class=\"text-[11px] text-gray-400 border-t border-white\/10 pt-3 flex items-center gap-1.5\">\r\n                                    <i class=\"ph-bold ph-check text-intellect-pink\"><\/i> Especializaci\u00f3n en desarrollo\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- Periodic options box -->\r\n                        <div class=\"mt-8 p-5 bg-white\/5 border border-white\/10 rounded-2xl flex flex-col lg:flex-row items-center justify-between gap-4\">\r\n                            <div class=\"text-xs text-gray-300 max-w-2xl\">\r\n                                <span class=\"text-white font-montserrat font-bold block text-sm mb-1\">\r\n                                    <i class=\"ph-bold ph-calendar-plus text-intellect-pink mr-1.5\"><\/i> \u00bfCu\u00e1ndo puedes cursar Developer I?\r\n                                <\/span>\r\n                                Gracias al formato rotativo, puedes sumarte a Developer I en <strong>Noviembre 2026<\/strong>, <strong>Febrero 2027<\/strong> o <strong>Abril 2027<\/strong>. Si a\u00fan no has cursado Administrator, puedes realizar primero la edici\u00f3n de Admin de ese mismo periodo y continuar directamente en la cohorte siguiente.\r\n                            <\/div>\r\n                            <div class=\"flex flex-wrap items-center gap-2 flex-shrink-0\">\r\n                                <span class=\"text-[11px] font-montserrat bg-white\/10 text-white px-3 py-1.5 rounded-lg border border-white\/10\">Oct (Admin) \u2794 Nov (Dev)<\/span>\r\n                                <span class=\"text-[11px] font-montserrat bg-white\/10 text-white px-3 py-1.5 rounded-lg border border-white\/10\">Ene (Admin) \u2794 Feb (Dev)<\/span>\r\n                                <span class=\"text-[11px] font-montserrat bg-white\/10 text-white px-3 py-1.5 rounded-lg border border-white\/10\">Mar (Admin) \u2794 Abr (Dev)<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- Footnote on calendar policy -->\r\n                        <div class=\"mt-6 pt-5 border-t border-white\/10 flex flex-col sm:flex-row justify-between items-center text-xs text-gray-400 gap-3\">\r\n                            <p class=\"flex items-center gap-1.5\">\r\n                                <i class=\"ph-bold ph-info text-intellect-blue\"><\/i>\r\n                                Las sesiones se imparten en vivo de lunes a viernes con grabaciones accesibles en diferido.\r\n                            <\/p>\r\n                            <a href=\"#inscripcion\" onclick=\"openModal(event)\" class=\"text-intellect-pink hover:text-white font-montserrat font-semibold flex items-center gap-1 transition-colors\">\r\n                                Consultar horarios por pa\u00eds <i class=\"ph-bold ph-caret-right\"><\/i>\r\n                            <\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <section class=\"py-20 bg-intellect-light 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                    <h2 class=\"text-3xl md:text-4xl font-montserrat font-bold text-intellect-dark mb-4\">\u00bfPor qu\u00e9 este curso es para ti?<\/h2>\r\n                    <div class=\"w-20 h-1 bg-intellect-blue mx-auto rounded-full mb-6\"><\/div>\r\n                    <p class=\"text-gray-600 text-lg\">\r\n                        Desarrollar sobre Salesforce requiere mucho m\u00e1s que conocer sintaxis de c\u00f3digo. En este entrenamiento aprender\u00e1s a construir soluciones reales utilizando el stack integral de desarrollo sobre la plataforma.\r\n                    <\/p>\r\n                <\/div>\r\n                <div class=\"grid md:grid-cols-2 lg:grid-cols-3 gap-8\">\r\n                    <!-- Benefit 1 -->\r\n                    <div class=\"bg-white 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-file-code\"><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"font-montserrat font-bold text-xl text-intellect-dark mb-3\">L\u00f3gica de Backend en Apex<\/h3>\r\n                        <p class=\"text-gray-600 leading-relaxed\">Desarrollar\u00e1s l\u00f3gica de negocio backend robusta y escalable utilizando programaci\u00f3n en Apex orientada a objetos y patrones de dise\u00f1o limpios.<\/p>\r\n                    <\/div>\r\n                    <!-- Benefit 2 -->\r\n                    <div class=\"bg-white 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-desktop\"><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"font-montserrat font-bold text-xl text-intellect-dark mb-3\">Interfaces con LWC<\/h3>\r\n                        <p class=\"text-gray-600 leading-relaxed\">Crear\u00e1s interfaces modernas, reactivas e interactivas con Lightning Web Components (LWC) bajo est\u00e1ndares web abiertos.<\/p>\r\n                    <\/div>\r\n                    <!-- Benefit 3 -->\r\n                    <div class=\"bg-white 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-database\"><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"font-montserrat font-bold text-xl text-intellect-dark mb-3\">Consultas SOQL & SOSL<\/h3>\r\n                        <p class=\"text-gray-600 leading-relaxed\">Aprender\u00e1s a trabajar con SOQL y SOSL optimizados para consultar, filtrar y manipular grandes vol\u00famenes de datos respetando los l\u00edmites de gobierno.<\/p>\r\n                    <\/div>\r\n                    <!-- Benefit 4 -->\r\n                    <div class=\"bg-white 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-plugs\"><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"font-montserrat font-bold text-xl text-intellect-dark mb-3\">Integraciones y APIs<\/h3>\r\n                        <p class=\"text-gray-600 leading-relaxed\">Comprender\u00e1s c\u00f3mo conectar Salesforce con sistemas externos consumiendo y exponiendo servicios web y APIs REST con autenticaci\u00f3n segura.<\/p>\r\n                    <\/div>\r\n                    <!-- Benefit 5 -->\r\n                    <div class=\"bg-white 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\">Testing & Calidad de C\u00f3digo<\/h3>\r\n                        <p class=\"text-gray-600 leading-relaxed\">Conocer\u00e1s metodolog\u00edas de pruebas unitarias efectivas, cobertura de c\u00f3digo rigurosa, bulkification y mejores pr\u00e1cticas de despliegue profesional.<\/p>\r\n                    <\/div>\r\n                    <!-- Benefit 6 -->\r\n                    <div class=\"bg-white 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-briefcase\"><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"font-montserrat font-bold text-xl text-intellect-dark mb-3\">Enfoque 100% Pr\u00e1ctico<\/h3>\r\n                        <p class=\"text-gray-600 leading-relaxed\">Aprender\u00e1s guiado por requerimientos y situaciones reales de negocio corporativo, resolviendo ejercicios que podr\u00e1s aplicar directamente en tus proyectos laborales.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <section class=\"py-20 bg-white bg-tech-pattern bg-fixed\">\r\n            <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n                <div class=\"grid lg:grid-cols-2 gap-12 items-stretch\">\r\n                    <!-- Individual Target -->\r\n                    <div class=\"bg-slate-50 p-10 md:p-12 rounded-3xl shadow-lg border border-gray-200\/80 relative overflow-hidden\">\r\n                        <div class=\"absolute top-0 right-0 w-32 h-32 bg-intellect-blue\/5 rounded-bl-full -mr-10 -mt-10\"><\/div>\r\n                        <div class=\"flex items-center gap-4 mb-6 relative z-10\">\r\n                            <div class=\"p-3 bg-intellect-blue\/10 rounded-lg text-intellect-blue\">\r\n                                <i class=\"ph-fill ph-code-block text-3xl\"><\/i>\r\n                            <\/div>\r\n                            <h2 class=\"text-2xl md:text-3xl font-montserrat font-bold text-intellect-dark\">\u00bfA qui\u00e9n est\u00e1 dirigido?<\/h2>\r\n                        <\/div>\r\n                        <p class=\"text-lg font-montserrat font-semibold text-intellect-pink mb-4\">Para desarrolladores y profesionales t\u00e9cnicos<\/p>\r\n                        <p class=\"text-gray-600 mb-6\">\r\n                            Si ya tienes bases de programaci\u00f3n en lenguajes orientados a objetos (Java, C#, JavaScript, Python) o quieres especializarte en el ecosistema Salesforce, este curso te dar\u00e1 los recursos para construir l\u00f3gica empresarial avanzada.\r\n                        <\/p>\r\n                        <p class=\"text-gray-600 mb-6\">\r\n                            Aprender desarrollo en Salesforce te sit\u00faa en un perfil de alt\u00edsima cotizaci\u00f3n como <strong>Salesforce Developer, Technical Consultant<\/strong> o especialista en arquitectura sobre la plataforma empresarial n\u00famero uno del mundo.\r\n                        <\/p>\r\n                        <p class=\"text-gray-600\">\r\n                            Dominar\u00e1s el ciclo de desarrollo, la programaci\u00f3n reactiva de interfaces y el manejo de eventos en la nube.\r\n                        <\/p>\r\n                    <\/div>\r\n                    <!-- Companies Target -->\r\n                    <div class=\"bg-intellect-dark p-10 md:p-12 rounded-3xl shadow-xl relative overflow-hidden text-white\">\r\n                        <div class=\"absolute top-0 right-0 w-32 h-32 bg-intellect-pink\/10 rounded-bl-full -mr-10 -mt-10\"><\/div>\r\n                        <div class=\"absolute bottom-0 left-0 w-40 h-40 bg-intellect-blue\/10 rounded-tr-full -ml-10 -mb-10\"><\/div>\r\n                        \r\n                        <div class=\"flex items-center gap-4 mb-6 relative z-10\">\r\n                            <div class=\"p-3 bg-white\/10 rounded-lg text-intellect-blue\">\r\n                                <i class=\"ph-fill ph-buildings text-3xl\"><\/i>\r\n                            <\/div>\r\n                            <h2 class=\"text-2xl md:text-3xl font-montserrat font-bold text-white\">Para empresas<\/h2>\r\n                        <\/div>\r\n                        <p class=\"text-lg font-montserrat font-semibold text-intellect-blue mb-4\">Que utilizan Salesforce y buscan escalabilidad<\/p>\r\n                        <p class=\"text-gray-300 mb-6\">\r\n                            Las organizaciones que operan con Salesforce necesitan equipos internos capaces de extender las funcionalidades est\u00e1ndar de la plataforma y construir soluciones a medida sin depender de costosas consultor\u00edas externas permanentes.\r\n                        <\/p>\r\n                        <p class=\"text-gray-300\">\r\n                            Este entrenamiento capacita a tu equipo de desarrollo para crear <strong>componentes personalizados con LWC, automatizaciones complejas, integraciones con software legado y APIs<\/strong> que aportan valor continuo al negocio.\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <section id=\"programa\" class=\"py-20 bg-slate-50\">\r\n            <div class=\"max-w-6xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n                <div class=\"text-center mb-16\">\r\n                    <h2 class=\"text-3xl md:text-4xl font-montserrat font-bold text-intellect-dark mb-4\">Programa Oficial del Curso<\/h2>\r\n                    <div class=\"w-20 h-1 bg-intellect-pink mx-auto rounded-full mb-6\"><\/div>\r\n                    <p class=\"text-gray-600 text-lg\">15 sesiones intensivas estructuradas para el dominio integral del desarrollo sobre Salesforce.<\/p>\r\n                <\/div>\r\n                <div class=\"grid md:grid-cols-2 lg:grid-cols-3 gap-4\">\r\n                    <div class=\"flex items-center gap-4 p-4 rounded-xl bg-white hover:shadow-md transition-shadow border border-gray-100\">\r\n                        <div class=\"w-8 h-8 rounded-full bg-intellect-blue\/10 text-intellect-blue flex items-center justify-center flex-shrink-0 font-bold text-xs\">01<\/div>\r\n                        <span class=\"font-montserrat font-medium text-intellect-dark text-sm\">Fundamentos de la plataforma y modelo de datos<\/span>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"flex items-center gap-4 p-4 rounded-xl bg-white hover:shadow-md transition-shadow border border-gray-100\">\r\n                        <div class=\"w-8 h-8 rounded-full bg-intellect-blue\/10 text-intellect-blue flex items-center justify-center flex-shrink-0 font-bold text-xs\">02<\/div>\r\n                        <span class=\"font-montserrat font-medium text-intellect-dark text-sm\">Consultas avanzadas con SOQL y SOSL<\/span>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"flex items-center gap-4 p-4 rounded-xl bg-white hover:shadow-md transition-shadow border border-gray-100\">\r\n                        <div class=\"w-8 h-8 rounded-full bg-intellect-blue\/10 text-intellect-blue flex items-center justify-center flex-shrink-0 font-bold text-xs\">03<\/div>\r\n                        <span class=\"font-montserrat font-medium text-intellect-dark text-sm\">Apex y l\u00f3gica de negocio orientada a objetos<\/span>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"flex items-center gap-4 p-4 rounded-xl bg-white hover:shadow-md transition-shadow border border-gray-100\">\r\n                        <div class=\"w-8 h-8 rounded-full bg-intellect-blue\/10 text-intellect-blue flex items-center justify-center flex-shrink-0 font-bold text-xs\">04<\/div>\r\n                        <span class=\"font-montserrat font-medium text-intellect-dark text-sm\">Desarrollo de Triggers y control de eventos<\/span>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"flex items-center gap-4 p-4 rounded-xl bg-white hover:shadow-md transition-shadow border border-gray-100\">\r\n                        <div class=\"w-8 h-8 rounded-full bg-intellect-blue\/10 text-intellect-blue flex items-center justify-center flex-shrink-0 font-bold text-xs\">05<\/div>\r\n                        <span class=\"font-montserrat font-medium text-intellect-dark text-sm\">Bulkification y l\u00edmites de gobierno (Governor Limits)<\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"flex items-center gap-4 p-4 rounded-xl bg-white hover:shadow-md transition-shadow border border-gray-100\">\r\n                        <div class=\"w-8 h-8 rounded-full bg-intellect-blue\/10 text-intellect-blue flex items-center justify-center flex-shrink-0 font-bold text-xs\">06<\/div>\r\n                        <span class=\"font-montserrat font-medium text-intellect-dark text-sm\">Manejo robusto de excepciones y logging<\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"flex items-center gap-4 p-4 rounded-xl bg-white hover:shadow-md transition-shadow border border-gray-100\">\r\n                        <div class=\"w-8 h-8 rounded-full bg-intellect-blue\/10 text-intellect-blue flex items-center justify-center flex-shrink-0 font-bold text-xs\">07<\/div>\r\n                        <span class=\"font-montserrat font-medium text-intellect-dark text-sm\">Testing automatizado y cobertura de c\u00f3digo<\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"flex items-center gap-4 p-4 rounded-xl bg-white hover:shadow-md transition-shadow border border-gray-100\">\r\n                        <div class=\"w-8 h-8 rounded-full bg-intellect-blue\/10 text-intellect-blue flex items-center justify-center flex-shrink-0 font-bold text-xs\">08<\/div>\r\n                        <span class=\"font-montserrat font-medium text-intellect-dark text-sm\">Programaci\u00f3n as\u00edncrona (Queueable, Batch, Future)<\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"flex items-center gap-4 p-4 rounded-xl bg-white hover:shadow-md transition-shadow border border-gray-100\">\r\n                        <div class=\"w-8 h-8 rounded-full bg-intellect-blue\/10 text-intellect-blue flex items-center justify-center flex-shrink-0 font-bold text-xs\">09<\/div>\r\n                        <span class=\"font-montserrat font-medium text-intellect-dark text-sm\">Seguridad en c\u00f3digo (CRUD\/FLS & Sharing)<\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"flex items-center gap-4 p-4 rounded-xl bg-white hover:shadow-md transition-shadow border border-gray-100\">\r\n                        <div class=\"w-8 h-8 rounded-full bg-intellect-blue\/10 text-intellect-blue flex items-center justify-center flex-shrink-0 font-bold text-xs\">10<\/div>\r\n                        <span class=\"font-montserrat font-medium text-intellect-dark text-sm\">Interacci\u00f3n entre Flows y c\u00f3digo Apex<\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"flex items-center gap-4 p-4 rounded-xl bg-white hover:shadow-md transition-shadow border border-gray-100\">\r\n                        <div class=\"w-8 h-8 rounded-full bg-intellect-blue\/10 text-intellect-blue flex items-center justify-center flex-shrink-0 font-bold text-xs\">11<\/div>\r\n                        <span class=\"font-montserrat font-medium text-intellect-dark text-sm\">Lightning Web Components (LWC) en profundidad<\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"flex items-center gap-4 p-4 rounded-xl bg-white hover:shadow-md transition-shadow border border-gray-100\">\r\n                        <div class=\"w-8 h-8 rounded-full bg-intellect-blue\/10 text-intellect-blue flex items-center justify-center flex-shrink-0 font-bold text-xs\">12<\/div>\r\n                        <span class=\"font-montserrat font-medium text-intellect-dark text-sm\">Fundamentos de Aura y compatibilidad legacy<\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"flex items-center gap-4 p-4 rounded-xl bg-white hover:shadow-md transition-shadow border border-gray-100\">\r\n                        <div class=\"w-8 h-8 rounded-full bg-intellect-blue\/10 text-intellect-blue flex items-center justify-center flex-shrink-0 font-bold text-xs\">13<\/div>\r\n                        <span class=\"font-montserrat font-medium text-intellect-dark text-sm\">Personalizaci\u00f3n con Visualforce<\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"flex items-center gap-4 p-4 rounded-xl bg-white hover:shadow-md transition-shadow border border-gray-100\">\r\n                        <div class=\"w-8 h-8 rounded-full bg-intellect-blue\/10 text-intellect-blue flex items-center justify-center flex-shrink-0 font-bold text-xs\">14<\/div>\r\n                        <span class=\"font-montserrat font-medium text-intellect-dark text-sm\">APIs REST e integraciones con sistemas externos<\/span>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"flex items-center gap-4 p-4 rounded-xl bg-gradient-to-r from-intellect-pink\/10 to-intellect-blue\/10 border border-intellect-pink\/20 hover:shadow-md transition-shadow\">\r\n                        <div class=\"w-8 h-8 rounded-full bg-intellect-pink text-white flex items-center justify-center flex-shrink-0 font-bold text-xs\">15<\/div>\r\n                        <span class=\"font-montserrat font-bold text-intellect-pink text-sm lg:text-base\">Despliegue de aplicaciones y Cierre Pr\u00e1ctico<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <!-- SECCI\u00d3N DE PRECIOS E INVERSI\u00d3N DEVELOPER I -->\r\n        <section id=\"precios\" 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-emerald-100 border border-emerald-200 mb-4\">\r\n                        <i class=\"ph-bold ph-tag text-emerald-700\"><\/i>\r\n                        <span class=\"text-emerald-800 font-montserrat font-semibold text-xs uppercase tracking-wider\">Inversi\u00f3n Transparente<\/span>\r\n                    <\/div>\r\n                    <h2 class=\"text-3xl md:text-4xl font-montserrat font-bold text-intellect-dark mb-4\">\r\n                        Planes de Inscripci\u00f3n y Precios\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 mb-2\">\r\n                        Inscr\u00edbete \u00fanicamente al <strong>Curso Salesforce Developer I<\/strong> o aprovecha un <strong>10% de descuento<\/strong> adquiriendo la ruta formativa integral junto a <strong>Administrator<\/strong>.\r\n                    <\/p>\r\n                    <p class=\"text-xs text-gray-500 font-medium italic\">\r\n                        * Los precios se expresan en d\u00f3lares estadounidenses (USD) y no incluyen impuestos locales; aplican los impuestos seg\u00fan el pa\u00eds de facturaci\u00f3n.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <!-- Pricing Cards Grid -->\r\n                <div class=\"grid lg:grid-cols-2 gap-8 max-w-5xl mx-auto items-stretch\">\r\n                    \r\n                    <!-- Plan 1: Individual Developer I -->\r\n                    <div class=\"bg-slate-50 rounded-3xl p-8 sm:p-10 border border-gray-200 hover:border-intellect-blue\/40 shadow-lg flex flex-col justify-between relative transition-all\">\r\n                        <div>\r\n                            <div class=\"flex items-center justify-between mb-4\">\r\n                                <span class=\"text-xs font-montserrat font-bold text-intellect-blue uppercase tracking-widest bg-intellect-blue\/10 px-3 py-1 rounded-full\">\r\n                                    Curso Individual\r\n                                <\/span>\r\n                                <span class=\"text-xs text-gray-500 font-semibold bg-gray-100 px-2.5 py-1 rounded-md\">15 sesiones (30h \/ 35h)<\/span>\r\n                            <\/div>\r\n\r\n                            <h3 class=\"text-2xl font-montserrat font-bold text-intellect-dark mb-2\">Salesforce Developer I<\/h3>\r\n                            <p class=\"text-sm text-gray-600 mb-6\">\r\n                                Formaci\u00f3n especializada en desarrollo backend con Apex, l\u00f3gica orientada a objetos, interfaces din\u00e1micas con LWC y conexi\u00f3n a servicios e integraciones REST.\r\n                            <\/p>\r\n\r\n                            <div class=\"flex items-baseline gap-2 mb-2 pb-2\">\r\n                                <span class=\"text-4xl sm:text-5xl font-montserrat font-extrabold text-intellect-dark\">$575<\/span>\r\n                                <span class=\"text-base text-gray-500 font-semibold\">USD<\/span>\r\n                                <span class=\"text-xs text-gray-400 ml-auto font-medium\">Pago \u00fanico o facilidades<\/span>\r\n                            <\/div>\r\n                            <p class=\"text-xs text-gray-500 mb-6 pb-4 border-b border-gray-200\">\r\n                                <i class=\"ph-bold ph-info text-intellect-blue mr-1\"><\/i> Precio no incluye impuestos (+ imp. seg\u00fan pa\u00eds)\r\n                            <\/p>\r\n\r\n                            <ul class=\"space-y-3.5 text-sm text-gray-700 mb-8\">\r\n                                <li class=\"flex items-start gap-3\">\r\n                                    <i class=\"ph-bold ph-check text-intellect-blue text-lg flex-shrink-0 mt-0.5\"><\/i>\r\n                                    <span><strong>15 sesiones continuas de 2 horas<\/strong> (Lunes a Viernes)<\/span>\r\n                                <\/li>\r\n                                <li class=\"flex items-start gap-3\">\r\n                                    <i class=\"ph-bold ph-check text-intellect-blue text-lg flex-shrink-0 mt-0.5\"><\/i>\r\n                                    <span>Carga horaria: <strong>30h te\u00f3ricas \/ 35h con pr\u00e1ctica<\/strong><\/span>\r\n                                <\/li>\r\n                                <li class=\"flex items-start gap-3\">\r\n                                    <i class=\"ph-bold ph-check text-intellect-blue text-lg flex-shrink-0 mt-0.5\"><\/i>\r\n                                    <span>Acceso a grabaciones completas de todas las clases<\/span>\r\n                                <\/li>\r\n                                <li class=\"flex items-start gap-3\">\r\n                                    <i class=\"ph-bold ph-check text-intellect-blue text-lg flex-shrink-0 mt-0.5\"><\/i>\r\n                                    <span>Repositorio de c\u00f3digo, gu\u00edas de ejercicios y proyectos guiados<\/span>\r\n                                <\/li>\r\n                                <li class=\"flex items-start gap-3\">\r\n                                    <i class=\"ph-bold ph-check text-intellect-blue text-lg flex-shrink-0 mt-0.5\"><\/i>\r\n                                    <span>Elecci\u00f3n de cohorte: <strong>Noviembre 2026<\/strong>, <strong>Febrero 2027<\/strong> o <strong>Abril 2027<\/strong><\/span>\r\n                                <\/li>\r\n                                <li class=\"flex items-start gap-3\">\r\n                                    <i class=\"ph-bold ph-check text-intellect-blue text-lg flex-shrink-0 mt-0.5\"><\/i>\r\n                                    <span>Certificado de finalizaci\u00f3n emitido por Intellect Systems<\/span>\r\n                                <\/li>\r\n                            <\/ul>\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-4 px-6 rounded-xl text-center transition-all shadow-md flex items-center justify-center gap-2\">\r\n                            Inscribirme a Developer I ($575 USD + imp.) <i class=\"ph-bold ph-arrow-right\"><\/i>\r\n                        <\/a>\r\n                    <\/div>\r\n\r\n                    <!-- Plan 2: Pack D\u00fao (Administrator + Developer I) - FEATURED WITH 10% OFF -->\r\n                    <div class=\"bg-gradient-to-b from-white to-intellect-light rounded-3xl p-8 sm:p-10 border-2 border-intellect-pink shadow-2xl flex flex-col justify-between relative transition-all transform hover:-translate-y-1\">\r\n                        <!-- Top Ribbon Badge -->\r\n                        <div class=\"absolute -top-4 left-1\/2 -translate-x-1\/2 bg-gradient-to-r from-intellect-pink to-rose-500 text-white text-xs font-montserrat font-extrabold px-5 py-1.5 rounded-full uppercase tracking-wider shadow-lg flex items-center gap-1.5\">\r\n                            <i class=\"ph-bold ph-sparkle text-amber-300\"><\/i> Pack Recomendado \u2022 Ahorra 10%\r\n                        <\/div>\r\n\r\n                        <div>\r\n                            <div class=\"flex items-center justify-between mt-2 mb-4\">\r\n                                <span class=\"text-xs font-montserrat font-bold text-intellect-pink uppercase tracking-widest bg-intellect-pink\/10 px-3 py-1 rounded-full border border-intellect-pink\/20\">\r\n                                    Ruta Dual Completa\r\n                                <\/span>\r\n                                <span class=\"inline-flex items-center gap-1 text-xs font-bold text-emerald-700 bg-emerald-100 px-2.5 py-1 rounded-full\">\r\n                                    Ahorras $115 USD\r\n                                <\/span>\r\n                            <\/div>\r\n\r\n                            <h3 class=\"text-2xl font-montserrat font-bold text-intellect-dark mb-2\">Administrator + Developer I<\/h3>\r\n                            <p class=\"text-sm text-gray-600 mb-6\">\r\n                                La formaci\u00f3n integral definitiva: desde la arquitectura declarativa de Administrator hasta la programaci\u00f3n avanzada en Apex, LWC y APIs.\r\n                            <\/p>\r\n\r\n                            <div class=\"flex items-baseline gap-3 mb-2 pb-2\">\r\n                                <span class=\"text-4xl sm:text-5xl font-montserrat font-extrabold text-intellect-pink\">$1,035<\/span>\r\n                                <span class=\"text-base text-gray-500 font-semibold\">USD<\/span>\r\n                                <span class=\"text-lg text-gray-400 line-through font-medium ml-2\">$1,150 USD<\/span>\r\n                                <span class=\"text-xs font-bold text-emerald-600 bg-emerald-50 px-2 py-1 rounded-md ml-auto\">-10% DTO<\/span>\r\n                            <\/div>\r\n                            <p class=\"text-xs text-gray-500 mb-6 pb-4 border-b border-gray-200\">\r\n                                <i class=\"ph-bold ph-info text-intellect-pink mr-1\"><\/i> Precio no incluye impuestos (+ imp. seg\u00fan pa\u00eds)\r\n                            <\/p>\r\n\r\n                            <ul class=\"space-y-3.5 text-sm text-gray-700 mb-8\">\r\n                                <li class=\"flex items-start gap-3\">\r\n                                    <i class=\"ph-bold ph-check-circle text-intellect-pink text-lg flex-shrink-0 mt-0.5\"><\/i>\r\n                                    <span><strong>Incluye ambos cursos completos<\/strong> (Administrator + Developer I)<\/span>\r\n                                <\/li>\r\n                                <li class=\"flex items-start gap-3\">\r\n                                    <i class=\"ph-bold ph-check-circle text-intellect-pink text-lg flex-shrink-0 mt-0.5\"><\/i>\r\n                                    <span>Sesiones de 2 horas al d\u00eda (Lunes a Viernes) en ambas convocatorias<\/span>\r\n                                <\/li>\r\n                                <li class=\"flex items-start gap-3\">\r\n                                    <i class=\"ph-bold ph-check-circle text-intellect-pink text-lg flex-shrink-0 mt-0.5\"><\/i>\r\n                                    <span>Ruta continua con 1 semana intermedia de descanso entre cursos<\/span>\r\n                                <\/li>\r\n                                <li class=\"flex items-start gap-3\">\r\n                                    <i class=\"ph-bold ph-check-circle text-intellect-pink text-lg flex-shrink-0 mt-0.5\"><\/i>\r\n                                    <span>Flexibilidad de convocatorias coordinadas (Oct\u2794Nov, Ene\u2794Feb o Mar\u2794Abr)<\/span>\r\n                                <\/li>\r\n                                <li class=\"flex items-start gap-3\">\r\n                                    <i class=\"ph-bold ph-check-circle text-intellect-pink text-lg flex-shrink-0 mt-0.5\"><\/i>\r\n                                    <span>Doble certificaci\u00f3n de aprovechamiento emitida por Intellect Systems<\/span>\r\n                                <\/li>\r\n                            <\/ul>\r\n                        <\/div>\r\n\r\n                        <a href=\"#inscripcion\" onclick=\"openModal(event)\" class=\"w-full bg-intellect-pink hover:bg-intellect-pink\/90 text-white font-montserrat font-semibold py-4 px-6 rounded-xl text-center transition-all shadow-xl shadow-intellect-pink\/30 flex items-center justify-center gap-2 text-base\">\r\n                            Aprovechar Pack D\u00fao por $1,035 USD (+ imp.) <i class=\"ph-bold ph-arrow-right\"><\/i>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Price clarification note -->\r\n                <div class=\"mt-12 p-6 bg-slate-50 border border-gray-200 rounded-2xl max-w-4xl mx-auto text-center space-y-2\">\r\n                    <p class=\"text-sm text-gray-700 font-medium\">\r\n                        <i class=\"ph-bold ph-receipt text-intellect-pink mr-1.5\"><\/i>\r\n                        <strong>Aviso sobre impuestos:<\/strong> Los precios indicados no incluyen impuestos. Al valor de la matr\u00edcula se sumar\u00e1 el impuesto al valor agregado (IVA u hom\u00f3logo) aplicable de acuerdo con el pa\u00eds de residencia fiscal de la persona o empresa contratante.\r\n                    <\/p>\r\n                    <p class=\"text-xs text-gray-500\">\r\n                        <i class=\"ph-bold ph-credit-card text-intellect-blue mr-1.5\"><\/i>\r\n                        <strong>Facilidades de pago:<\/strong> Puedes consultar opciones de pago fraccionado o transferencias bancarias completando el formulario sin compromiso.\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <section class=\"py-20 bg-intellect-blue relative overflow-hidden\">\r\n            <div class=\"absolute inset-0 opacity-10 bg-[radial-gradient(circle_at_center,_var(--tw-gradient-stops))] from-white via-transparent to-transparent\"><\/div>\r\n            <div class=\"max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10 text-center\">\r\n                <h2 class=\"text-3xl md:text-4xl font-montserrat font-bold text-white mb-6\">Asegura tu lugar en la cohorte Developer I<\/h2>\r\n                <p class=\"text-lg md:text-xl text-white\/95 font-light mb-8 leading-relaxed max-w-2xl mx-auto\">\r\n                    Los cupos por grupo se mantienen reducidos para facilitar la revisi\u00f3n de c\u00f3digo en directo, resoluci\u00f3n de incidencias t\u00e9cnicas y acompa\u00f1amiento constante.\r\n                <\/p>\r\n                <div class=\"flex flex-col sm:flex-row justify-center items-center gap-4\">\r\n                    <a href=\"#inscripcion\" onclick=\"openModal(event)\" class=\"inline-flex bg-white text-intellect-blue hover:bg-gray-50 font-montserrat font-bold py-4 px-10 rounded-full transition-all duration-300 transform hover:scale-105 shadow-xl shadow-black\/10 items-center gap-2\">\r\n                        Reserva tu cupo ahora <i class=\"ph-bold ph-arrow-right\"><\/i>\r\n                    <\/a>\r\n                    <a href=\"#calendario\" class=\"text-white hover:text-white\/80 font-montserrat font-semibold underline underline-offset-4 text-sm py-2\">\r\n                        Revisar fechas de 2026 - 2027\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <section id=\"requisitos\" 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=\"bg-gradient-to-br from-intellect-light to-white rounded-3xl p-8 md:p-12 border border-gray-200 shadow-xl relative overflow-hidden\">\r\n                    <div class=\"absolute top-0 right-0 p-8 opacity-5 text-intellect-dark hidden md:block\">\r\n                        <svg width=\"200\" height=\"200\" viewBox=\"0 0 100 100\" fill=\"currentColor\">\r\n                            <circle cx=\"20\" cy=\"20\" r=\"5\" \/>\r\n                            <circle cx=\"80\" cy=\"20\" r=\"5\" \/>\r\n                            <circle cx=\"50\" cy=\"80\" r=\"5\" \/>\r\n                            <path d=\"M20 20 L80 20 L50 80 Z\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\" \/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <div class=\"grid md:grid-cols-5 gap-12 items-center relative z-10\">\r\n                        <div class=\"md:col-span-3\">\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 mb-6\">\r\n                                <i class=\"ph-fill ph-warning-circle text-intellect-pink\"><\/i>\r\n                                <span class=\"text-intellect-pink font-montserrat font-semibold text-sm tracking-wide\">REQUISITO RECOMENDADO<\/span>\r\n                            <\/div>\r\n                            \r\n                            <h2 class=\"text-3xl md:text-4xl font-montserrat font-bold text-intellect-dark mb-4\">\u00bfQu\u00e9 necesitas para iniciar?<\/h2>\r\n                            \r\n                            <p class=\"text-gray-600 mb-6 text-lg\">\r\n                                Este curso est\u00e1 orientado a profesionales que ya cuentan con los conocimientos fundamentales de administraci\u00f3n y arquitectura sobre Salesforce.\r\n                            <\/p>\r\n                            <p class=\"text-gray-600 mb-6\">\r\n                                Se recomienda haber realizado previamente el <a href=\"https:\/\/intellectsystem.net\/propuesta.intellectsystem.net\/curso-admin\/\" target=\"_blank\" class=\"font-bold text-intellect-dark hover:text-intellect-blue transition-colors underline decoration-intellect-blue\/30 underline-offset-2\">Curso Salesforce Administrator de Intellect Systems<\/a> o contar con competencias equivalentes, ya que durante el entrenamiento se asume un manejo fluido de objetos est\u00e1ndar y personalizados, relaciones, perfiles, reglas de validaci\u00f3n y flujos declarativos.\r\n                            <\/p>\r\n                            \r\n                            <div class=\"bg-intellect-blue\/5 border-l-4 border-intellect-blue p-4 rounded-r-lg mb-8 text-sm text-intellect-dark\">\r\n                                <i class=\"ph-bold ph-info text-intellect-blue mr-2\"><\/i>\r\n                                <strong>Inscripci\u00f3n coordinada:<\/strong> Si todav\u00eda no cuentas con estas bases, puedes cursar primero Administrator en la convocatoria inmediata anterior y pasar despu\u00e9s a Developer I con total continuidad.\r\n                            <\/div>\r\n                            \r\n                            <div class=\"flex flex-wrap items-center gap-4\">\r\n                                <a href=\"https:\/\/intellectsystem.net\/propuesta.intellectsystem.net\/curso-admin\/\" target=\"_blank\" class=\"text-intellect-blue font-montserrat font-bold hover:text-intellect-dark transition-colors inline-flex items-center gap-2 underline underline-offset-4 decoration-2 decoration-intellect-blue\/30 hover:decoration-intellect-dark\">\r\n                                    Conocer el Curso Administrator <i class=\"ph-bold ph-arrow-up-right\"><\/i>\r\n                                <\/a>\r\n                                <span class=\"text-gray-300\">|<\/span>\r\n                                <a href=\"#calendario\" class=\"text-gray-600 font-montserrat font-semibold hover:text-intellect-pink text-sm\">\r\n                                    Ver fechas de ambos programas\r\n                                <\/a>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"md:col-span-2\">\r\n                            <div class=\"bg-white p-6 rounded-2xl shadow-md border border-gray-100 text-center\">\r\n                                <div class=\"w-16 h-16 bg-intellect-dark rounded-2xl mx-auto flex items-center justify-center text-white mb-4 transform -rotate-3 shadow-lg shadow-intellect-dark\/20\">\r\n                                    <i class=\"ph-bold ph-stack text-3xl\"><\/i>\r\n                                <\/div>\r\n                                <h3 class=\"font-montserrat font-bold text-xl text-intellect-dark mb-2\">Inscripci\u00f3n al Programa<\/h3>\r\n                                <p class=\"text-gray-500 text-sm mb-4\">\r\n                                    Desde el formulario oficial podr\u00e1s elegir registrarte \u00fanicamente a Salesforce Developer I ($575 USD + imp.), o solicitar el Pack Doble con Administrator ($1,035 USD + imp. con 10% dto.).\r\n                                <\/p>\r\n                                <div class=\"mb-4 inline-block bg-emerald-50 text-emerald-700 text-xs font-montserrat font-bold px-3 py-1 rounded-full border border-emerald-200\">\r\n                                    10% de ahorro en Pack Dual\r\n                                <\/div>\r\n                                <a href=\"#inscripcion\" onclick=\"openModal(event)\" class=\"block w-full bg-intellect-dark hover:bg-opacity-90 text-white font-montserrat font-semibold py-3 px-6 rounded-xl transition-all shadow-md\">\r\n                                    Inscribirme al programa\r\n                                <\/a>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <!-- Formulario \/ Contacto (Ancla para la inscripci\u00f3n) -->\r\n        <section id=\"inscripcion\" class=\"py-20 bg-intellect-light relative overflow-hidden\">\r\n            <div class=\"absolute top-0 right-0 w-64 h-64 bg-intellect-blue\/5 rounded-full blur-3xl -mr-20 -mt-20 pointer-events-none\"><\/div>\r\n            <div class=\"absolute bottom-0 left-0 w-64 h-64 bg-intellect-pink\/5 rounded-full blur-3xl -ml-20 -mb-20 pointer-events-none\"><\/div>\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\r\n                <\/div>\r\n                <h2 class=\"text-3xl font-montserrat font-bold text-intellect-dark mb-4\">Asegura tu lugar en la cohorte que elijas<\/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-check-circle 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\">Confirmaci\u00f3n, impuestos y facilidades<\/p>\r\n                            <p class=\"text-gray-600 text-sm\">\r\n                                Al completar el formulario, nuestro equipo acad\u00e9mico te enviar\u00e1 los datos para el abono de tu matr\u00edcula (<strong>$575 USD + impuestos<\/strong> para Developer I o <strong>$1,035 USD + impuestos<\/strong> para el Pack Dual con 10% dto.), desglosando los impuestos aplicables seg\u00fan tu pa\u00eds y opciones de pago fraccionado.\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 cursor-pointer border-none\">\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        <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-calendar-check 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<\/h3>\r\n                            <p class=\"text-xs text-gray-500 font-medium\">Salesforce Developer I \u2022 Cohortes 2026 - 2027<\/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 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: 67px !important; width: auto !important; max-width: 250px !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                    <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=\"#calendario\" class=\"hover:text-intellect-pink transition-colors\">Calendario de Cursos<\/a><\/li>\r\n                            <li><a href=\"#precios\" class=\"hover:text-intellect-pink transition-colors\">Planes y Precios<\/a><\/li>\r\n                            <li><a href=\"https:\/\/intellectsystem.net\/propuesta.intellectsystem.net\/curso-admin\/\" class=\"hover:text-intellect-pink transition-colors\">Curso Salesforce Administrator<\/a><\/li>\r\n                            <li><a href=\"https:\/\/intellectsystem.net\/\" class=\"hover:text-intellect-pink transition-colors\">Soluciones en la Nube<\/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                <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    <script>\r\n        \/\/ Funciones del Modal para 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            \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            \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        \/\/ Close modal on Escape key press\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        \/\/ Navbar scroll styling effect\r\n        const navbar = document.getElementById('navbar');\r\n        window.addEventListener('scroll', () => {\r\n            if (window.scrollY > 20) {\r\n                navbar.classList.add('shadow-md');\r\n                navbar.classList.remove('shadow-sm', 'py-4');\r\n                navbar.classList.add('py-2');\r\n            } else {\r\n                navbar.classList.remove('shadow-md', 'py-2');\r\n                navbar.classList.add('shadow-sm', 'py-4');\r\n            }\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\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>Curso Salesforce Developer I | Intellect Systems Programa Pr\u00f3ximas Convocatorias Ruta Admin \u2794 Dev I Requisitos Ver Fechas Reserva tu cupo Calendario Oficial 2026 &#8211; 2027 | Pr\u00f3ximo inicio: 16 de Noviembre Curso Salesforce Developer I Desarrolla soluciones de alto impacto sobre Salesforce con Apex, LWC e integraciones API. Aprende a construir l\u00f3gica de backend [&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-356","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/intellectsystem.net\/propuesta.intellectsystem.net\/wp-json\/wp\/v2\/pages\/356","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=356"}],"version-history":[{"count":46,"href":"https:\/\/intellectsystem.net\/propuesta.intellectsystem.net\/wp-json\/wp\/v2\/pages\/356\/revisions"}],"predecessor-version":[{"id":622,"href":"https:\/\/intellectsystem.net\/propuesta.intellectsystem.net\/wp-json\/wp\/v2\/pages\/356\/revisions\/622"}],"wp:attachment":[{"href":"https:\/\/intellectsystem.net\/propuesta.intellectsystem.net\/wp-json\/wp\/v2\/media?parent=356"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}