{"id":3508,"date":"2026-03-28T23:10:08","date_gmt":"2026-03-29T05:10:08","guid":{"rendered":"https:\/\/alejandrozenker.com\/blog\/2026\/03\/28\/directorio-basico-de-herramientas-de-ia\/"},"modified":"2026-03-29T15:05:19","modified_gmt":"2026-03-29T21:05:19","slug":"directorio-basico-de-herramientas-de-ia","status":"publish","type":"post","link":"https:\/\/alejandrozenker.com\/blog\/2026\/03\/28\/directorio-basico-de-herramientas-de-ia\/","title":{"rendered":"Directorio b\u00e1sico de herramientas de IA"},"content":{"rendered":"\n<style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n            line-height: 1.6;\n            color: #333;\n            background: #f8f9fa;\n        }\n\n        \/* Header *\/\n        .dir-header {\n            background: #1B3A4B;\n            color: white;\n            padding: 60px 20px;\n            text-align: center;\n            border-bottom: 4px solid #f39c12;\n        }\n\n        .dir-header h1 {\n            font-family: 'Georgia', serif;\n            font-size: 3.5rem;\n            font-weight: 400;\n            letter-spacing: -1px;\n            margin-bottom: 15px;\n        }\n\n        .dir-header .dir-subtitle {\n            font-size: 1.1rem;\n            font-weight: 300;\n            margin-bottom: 10px;\n            opacity: 0.95;\n        }\n\n        .dir-header .dir-subtitle strong {\n            font-weight: 600;\n        }\n\n        .dir-header .dir-meta {\n            font-size: 0.95rem;\n            opacity: 0.8;\n            margin-top: 20px;\n        }\n\n        @media (max-width: 768px) {\n            .dir-header h1 {\n                font-size: 2.2rem;\n            }\n            .dir-header .dir-subtitle {\n                font-size: 1rem;\n            }\n        }\n\n        \/* Wizard Section *\/\n        .dir-wizard-container {\n            max-width: 900px;\n            margin: 60px auto;\n            padding: 0 20px;\n        }\n\n        .dir-wizard {\n            display: none;\n            animation: fadeIn 0.3s ease;\n        }\n\n        .dir-wizard.dir-active {\n            display: block;\n        }\n\n        @keyframes fadeIn {\n            from { opacity: 0; }\n            to { opacity: 1; }\n        }\n\n        .dir-step-header {\n            text-align: center;\n            margin-bottom: 40px;\n        }\n\n        .dir-step-indicator {\n            display: flex;\n            justify-content: center;\n            gap: 30px;\n            margin-bottom: 30px;\n        }\n\n        .dir-step-dot {\n            width: 40px;\n            height: 40px;\n            border-radius: 50%;\n            background: #e0e0e0;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-weight: 600;\n            color: #666;\n            font-size: 18px;\n        }\n\n        .dir-step-dot.dir-current {\n            background: #1B3A4B;\n            color: white;\n        }\n\n        .dir-step-dot.dir-completed {\n            background: #27AE60;\n            color: white;\n        }\n\n        .dir-step-title {\n            font-family: 'Georgia', serif;\n            font-size: 2rem;\n            color: #1B3A4B;\n            margin-bottom: 30px;\n        }\n\n        .dir-button-group {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n            gap: 20px;\n            margin-bottom: 30px;\n        }\n\n        .dir-option-btn {\n            background: white;\n            border: 2px solid #ddd;\n            padding: 25px;\n            border-radius: 8px;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            font-size: 1rem;\n            font-weight: 500;\n            text-align: center;\n            color: #1B3A4B;\n        }\n\n        .dir-option-btn:hover {\n            border-color: #1B3A4B;\n            box-shadow: 0 4px 15px rgba(27, 58, 75, 0.15);\n            transform: translateY(-2px);\n        }\n\n        .dir-option-btn.dir-selected {\n            background: #1B3A4B;\n            color: white;\n            border-color: #1B3A4B;\n        }\n\n        .dir-result-card {\n            background: white;\n            border-radius: 8px;\n            padding: 30px;\n            margin-bottom: 20px;\n            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\n            border-left: 4px solid #f39c12;\n        }\n\n        .dir-result-why {\n            font-size: 0.95rem;\n            color: #666;\n            margin-top: 15px;\n            font-style: italic;\n            background: #f5f5f5;\n            padding: 12px 15px;\n            border-radius: 4px;\n            margin-bottom: 15px;\n        }\n\n        .dir-result-actions {\n            display: flex;\n            gap: 15px;\n            margin-top: 15px;\n        }\n\n        .dir-btn-small {\n            padding: 10px 20px;\n            background: #1B3A4B;\n            color: white;\n            border: none;\n            border-radius: 4px;\n            cursor: pointer;\n            font-size: 0.9rem;\n            transition: background 0.3s;\n            text-decoration: none;\n            display: inline-block;\n        }\n\n        .dir-btn-small:hover {\n            background: #2a5168;\n        }\n\n        .dir-btn-small.dir-secondary {\n            background: white;\n            color: #1B3A4B;\n            border: 2px solid #1B3A4B;\n        }\n\n        .dir-btn-small.dir-secondary:hover {\n            background: #f5f5f5;\n        }\n\n        \/* Directory Section *\/\n        .dir-directory {\n            max-width: 1200px;\n            margin: 80px auto;\n            padding: 0 20px;\n        }\n\n        .dir-section-title {\n            font-family: 'Georgia', serif;\n            font-size: 2.2rem;\n            color: #1B3A4B;\n            margin-bottom: 50px;\n            text-align: center;\n        }\n\n        .dir-search-container {\n            margin-bottom: 40px;\n            display: flex;\n            gap: 15px;\n        }\n\n        .dir-search-box {\n            flex: 1;\n            padding: 12px 20px;\n            border: 2px solid #ddd;\n            border-radius: 6px;\n            font-size: 1rem;\n            transition: border-color 0.3s;\n        }\n\n        .dir-search-box:focus {\n            outline: none;\n            border-color: #1B3A4B;\n        }\n\n        .dir-filters {\n            display: flex;\n            gap: 10px;\n            flex-wrap: wrap;\n            margin-bottom: 40px;\n        }\n\n        .dir-filter-btn {\n            padding: 8px 16px;\n            background: white;\n            border: 2px solid #ddd;\n            border-radius: 20px;\n            cursor: pointer;\n            font-size: 0.9rem;\n            font-weight: 500;\n            transition: all 0.3s;\n            color: #1B3A4B;\n        }\n\n        .dir-filter-btn:hover,\n        .dir-filter-btn.dir-active {\n            background: #1B3A4B;\n            color: white;\n            border-color: #1B3A4B;\n        }\n\n        .dir-tools-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));\n            gap: 30px;\n            margin-bottom: 60px;\n        }\n\n        .dir-card {\n            background: white;\n            border-radius: 8px;\n            padding: 30px;\n            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\n            transition: all 0.3s ease;\n            border-top: 4px solid #f39c12;\n            display: flex;\n            flex-direction: column;\n        }\n\n        .dir-card:hover {\n            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);\n            transform: translateY(-4px);\n        }\n\n        .dir-card h3 {\n            font-family: 'Georgia', serif;\n            font-size: 1.6rem;\n            color: #1B3A4B;\n            margin-bottom: 5px;\n            font-weight: 400;\n        }\n\n        .dir-card-company {\n            font-size: 0.85rem;\n            color: #999;\n            margin-bottom: 15px;\n            font-weight: 500;\n        }\n\n        .dir-card-desc {\n            font-size: 0.95rem;\n            color: #555;\n            margin-bottom: 20px;\n            line-height: 1.7;\n            flex-grow: 1;\n        }\n\n        .dir-card-tags {\n            display: flex;\n            gap: 10px;\n            margin-bottom: 20px;\n            flex-wrap: wrap;\n        }\n\n        .dir-tag {\n            display: inline-block;\n            padding: 6px 12px;\n            border-radius: 20px;\n            font-size: 0.8rem;\n            font-weight: 600;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n        }\n\n        .dir-tag-category {\n            background: #ecf0f1;\n            color: #1B3A4B;\n        }\n\n        .dir-tag-level {\n            color: white;\n        }\n\n        .dir-tag-level.dir-beginner {\n            background: #27AE60;\n        }\n\n        .dir-tag-level.dir-intermediate {\n            background: #2980B9;\n        }\n\n        .dir-tag-level.dir-professional {\n            background: #8E44AD;\n        }\n\n        .dir-card-price {\n            font-size: 0.9rem;\n            color: #666;\n            margin-bottom: 20px;\n            padding-bottom: 20px;\n            border-bottom: 1px solid #eee;\n        }\n\n        .dir-card-link {\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n            padding: 12px 20px;\n            background: #1B3A4B;\n            color: white;\n            text-decoration: none;\n            border-radius: 4px;\n            font-weight: 500;\n            transition: background 0.3s;\n            align-self: flex-start;\n        }\n\n        .dir-card-link:hover {\n            background: #2a5168;\n        }\n\n        .dir-hidden {\n            display: none !important;\n        }\n\n        \/* Footer *\/\n        .dir-footer {\n            background: #1B3A4B;\n            color: white;\n            padding: 40px 20px;\n            text-align: center;\n            margin-top: 80px;\n        }\n\n        .dir-footer p {\n            margin-bottom: 15px;\n            font-size: 0.95rem;\n        }\n\n        .dir-footer-links {\n            display: flex;\n            justify-content: center;\n            gap: 25px;\n            margin-top: 20px;\n            flex-wrap: wrap;\n        }\n\n        .dir-footer-links a {\n            color: #f39c12;\n            text-decoration: none;\n            font-weight: 500;\n            transition: opacity 0.3s;\n        }\n\n        .dir-footer-links a:hover {\n            opacity: 0.8;\n        }\n\n        @media (max-width: 768px) {\n            .dir-tools-grid {\n                grid-template-columns: 1fr;\n            }\n\n            .dir-button-group {\n                grid-template-columns: 1fr;\n            }\n\n            .dir-step-title {\n                font-size: 1.5rem;\n            }\n\n            .dir-section-title {\n                font-size: 1.8rem;\n            }\n\n            .dir-search-container {\n                flex-direction: column;\n            }\n        }\n    \n        \/* Pricing badges *\/\n        .dir-price-free {\n            background: #d4edda !important;\n            color: #155724 !important;\n            font-weight: 600;\n        }\n        .dir-price-freemium {\n            background: #fff3cd !important;\n            color: #856404 !important;\n            font-weight: 600;\n        }\n        .dir-price-paid {\n            background: #f8d7da !important;\n            color: #721c24 !important;\n            font-weight: 600;\n        }\n\n        \/* Language badges *\/\n        .dir-lang-full {\n            background: #d1ecf1 !important;\n            color: #0c5460 !important;\n        }\n        .dir-lang-partial {\n            background: #e2e3e5 !important;\n            color: #383d41 !important;\n        }\n        .dir-lang-none {\n            background: #e2e3e5 !important;\n            color: #6c757d !important;\n            font-style: italic;\n        }\n\n        \/* Card header with badges *\/\n        .dir-card-header {\n            display: flex;\n            justify-content: space-between;\n            align-items: flex-start;\n            gap: 10px;\n            margin-bottom: 5px;\n        }\n        .dir-card-header h3 {\n            margin: 0;\n        }\n        .dir-card-badges {\n            display: flex;\n            gap: 4px;\n            flex-shrink: 0;\n        }\n        .dir-card-badges .dir-tag {\n            font-size: 0.7rem;\n            padding: 2px 8px;\n            white-space: nowrap;\n        }\n\n        @media (max-width: 768px) {\n            .dir-card-header {\n                flex-direction: column;\n            }\n            .dir-card-badges {\n                margin-bottom: 5px;\n            }\n        }\n    <\/style>\n\n\n    <!-- Blue Header Box -->\n    <div class=\"dir-blue-box\" style=\"background: #1B3A4B; color: white; padding: 50px 20px 40px; text-align: center; border-bottom: 4px solid #f39c12; margin-bottom: 0;\">\n        <h2 style=\"font-family: Georgia, serif; font-size: 2.8rem; font-weight: 400; color: white; letter-spacing: -1px; margin-bottom: 12px;\">Directorio b\u00e1sico de herramientas de IA<\/h2>\n        <p style=\"font-size: 0.95rem; opacity: 0.8; color: white; margin: 0;\">Versi\u00f3n preliminar: marzo de 2026<\/p>\n        <p style=\"font-size: 0.9rem; color: white; margin: 8px 0 0; opacity: 0.85;\">Un proyecto did\u00e1ctico de Alejandro Zenker<\/p>\n    <\/div>\n\n    <!-- Intro Section -->\n    <div style=\"max-width: 800px; margin: 30px auto 0; padding: 0 20px;\">\n        <p style=\"font-family: Georgia, serif; font-size: 1.05rem; line-height: 1.8; color: #444; text-align: left;\">El ecosistema de la IA es muy diverso y amplio. Todo comenz\u00f3 con ChatGPT en 2022, pero a estas alturas se cuentan por cientos las herramientas de IA de las que puedes hacer uso en tu d\u00eda a d\u00eda. Esta gu\u00eda b\u00e1sica no pretende m\u00e1s que darte una orientaci\u00f3n inicial de lo que est\u00e1 m\u00e1s a la mano. La ir\u00e9 ampliando paulatinamente con m\u00e1s modelos y explicaciones m\u00e1s detalladas. Una observaci\u00f3n: casi todas tienen planes gratuitos, pero el verdadero poder de estos recursos lo encuentras en sus modalidades de pago. Y algunos, los m\u00e1s \u00fatiles, son muy caros.<\/p>\n    <\/div>\n\n    <!-- Wizard Section -->\n    <div class=\"dir-wizard-container\">\n        <div class=\"dir-wizard dir-active\" id=\"wizard-step-1\">\n            <div class=\"dir-step-header\">\n                <div class=\"dir-step-indicator\">\n                    <div class=\"dir-step-dot dir-current\">1<\/div>\n                    <div class=\"dir-step-dot\">2<\/div>\n                    <div class=\"dir-step-dot\">3<\/div>\n                <\/div>\n                <h2 class=\"dir-step-title\">\u00bfQu\u00e9 quieres hacer?<\/h2>\n            <\/div>\n            <div class=\"dir-button-group\">\n                <button class=\"dir-option-btn\" onclick=\"selectGoal('chat')\">\ud83d\udcac Conversar con IA<\/button>\n                <button class=\"dir-option-btn\" onclick=\"selectGoal('write')\">\u270d\ufe0f Escribir textos<\/button>\n                <button class=\"dir-option-btn\" onclick=\"selectGoal('code')\">\ud83d\udcbb Programar<\/button>\n                <button class=\"dir-option-btn\" onclick=\"selectGoal('image')\">\ud83d\uddbc\ufe0f Crear im\u00e1genes<\/button>\n                <button class=\"dir-option-btn\" onclick=\"selectGoal('video')\">\ud83c\udfac Generar video<\/button>\n                <button class=\"dir-option-btn\" onclick=\"selectGoal('music')\">\ud83c\udfb5 Producir m\u00fasica y audio<\/button>\n                <button class=\"dir-option-btn\" onclick=\"selectGoal('design')\">\ud83c\udfa8 Dise\u00f1ar<\/button>\n                <button class=\"dir-option-btn\" onclick=\"selectGoal('research')\">\ud83d\udd0d Investigar<\/button>\n                <button class=\"dir-option-btn\" onclick=\"selectGoal('automate')\">\u2699\ufe0f Automatizar tareas<\/button>\n                <button class=\"dir-option-btn\" onclick=\"selectGoal('analyze')\">\ud83d\udcca Analizar datos y documentos<\/button>\n                <button class=\"dir-option-btn\" onclick=\"selectGoal('presentations')\">\ud83d\udcfd\ufe0f Crear presentaciones<\/button>\n                <button class=\"dir-option-btn\" onclick=\"selectGoal('browse')\">\ud83c\udf10 Buscar y navegar con IA<\/button>\n                <button class=\"dir-option-btn\" onclick=\"selectGoal('agents')\">\ud83e\udd16 Delegar tareas a agentes<\/button>\n            <\/div>\n        <\/div>\n\n        <div class=\"dir-wizard\" id=\"wizard-step-2\">\n            <div class=\"dir-step-header\">\n                <div class=\"dir-step-indicator\">\n                    <div class=\"dir-step-dot dir-completed\">\u2713<\/div>\n                    <div class=\"dir-step-dot dir-current\">2<\/div>\n                    <div class=\"dir-step-dot\">3<\/div>\n                <\/div>\n                <h2 class=\"dir-step-title\">\u00bfCu\u00e1l es tu nivel?<\/h2>\n            <\/div>\n            <div class=\"dir-button-group\">\n                <button class=\"dir-option-btn\" onclick=\"selectLevel('beginner')\">\ud83c\udf31 Principiante<br><span style=\"font-size: 0.85rem; opacity: 0.8;\">Busco algo f\u00e1cil de usar<\/span><\/button>\n                <button class=\"dir-option-btn\" onclick=\"selectLevel('intermediate')\">\ud83c\udfaf Intermedio<br><span style=\"font-size: 0.85rem; opacity: 0.8;\">Ya tengo experiencia con IA<\/span><\/button>\n                <button class=\"dir-option-btn\" onclick=\"selectLevel('professional')\">\u26a1 Profesional<br><span style=\"font-size: 0.85rem; opacity: 0.8;\">Necesito control avanzado<\/span><\/button>\n            <\/div>\n            <div style=\"text-align: center; margin-top: 20px;\">\n                <button class=\"dir-btn-small dir-secondary\" onclick=\"goToStep(1)\">\u2190 Volver atr\u00e1s<\/button>\n            <\/div>\n        <\/div>\n\n        <div class=\"dir-wizard\" id=\"wizard-step-3\">\n            <div class=\"dir-step-header\">\n                <div class=\"dir-step-indicator\">\n                    <div class=\"dir-step-dot dir-completed\">\u2713<\/div>\n                    <div class=\"dir-step-dot dir-completed\">\u2713<\/div>\n                    <div class=\"dir-step-dot dir-current\">3<\/div>\n                <\/div>\n                <h2 class=\"dir-step-title\">Herramientas recomendadas<\/h2>\n            <\/div>\n            <div id=\"recommendations-container\"><\/div>\n            <div style=\"text-align: center; margin-top: 30px;\">\n                <button class=\"dir-btn-small\" onclick=\"resetWizard()\">\u21bb Volver a empezar<\/button>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Directory Section -->\n    <section class=\"dir-directory\">\n        <h2 class=\"dir-section-title\">Directorio completo<\/h2>\n\n        <div class=\"dir-search-container\">\n            <input \n                type=\"text\" \n                class=\"dir-search-box\" \n                id=\"search-input\" \n                placeholder=\"Buscar herramienta por nombre...\"\n                onkeyup=\"filterTools()\"\n            >\n        <\/div>\n\n        <div class=\"dir-filters\">\n            <button class=\"dir-filter-btn dir-active\" onclick=\"filterByCategory('all')\">Todas<\/button>\n            <button class=\"dir-filter-btn\" onclick=\"filterByCategory('chatbots')\">Chatbots<\/button>\n            <button class=\"dir-filter-btn\" onclick=\"filterByCategory('code')\">Programaci\u00f3n<\/button>\n            <button class=\"dir-filter-btn\" onclick=\"filterByCategory('image')\">Imagen y dise\u00f1o<\/button>\n            <button class=\"dir-filter-btn\" onclick=\"filterByCategory('video')\">Video<\/button>\n            <button class=\"dir-filter-btn\" onclick=\"filterByCategory('music')\">M\u00fasica y audio<\/button>\n            <button class=\"dir-filter-btn\" onclick=\"filterByCategory('writing')\">Escritura<\/button>\n            <button class=\"dir-filter-btn\" onclick=\"filterByCategory('research')\">Investigaci\u00f3n<\/button>\n            <button class=\"dir-filter-btn\" onclick=\"filterByCategory('productivity')\">Productividad<\/button>\n            <button class=\"dir-filter-btn\" onclick=\"filterByCategory('browsers')\">Navegadores<\/button>\n            <button class=\"dir-filter-btn\" onclick=\"filterByCategory('presentations')\">Presentaciones<\/button>\n            <button class=\"dir-filter-btn\" onclick=\"filterByCategory('agents')\">Agentes<\/button>\n        <\/div>\n\n        <div class=\"dir-tools-grid\" id=\"tools-grid\"><\/div>\n    <\/section>\n\n<script>\n        \/\/ Database of all tools\n        const tools = [\n            \/\/ Chatbots\n            {\n                id: 'claude',\n                name: 'Claude',\n                company: 'Anthropic',\n                category: 'chatbots',\n                description: 'El m\u00e1s capaz para razonamiento, escritura y an\u00e1lisis. Versiones: Opus, Sonnet, Haiku. Plan Max 20x para uso intensivo.',\n                levels: ['beginner', 'intermediate', 'professional'],\n                url: 'https:\/\/claude.ai',\n                why: 'Razonamiento profundo, mejor para an\u00e1lisis y escritura larga',\n                pricing: 'freemium',\n                spanish: true\n            },\n            {\n                id: 'chatgpt',\n                name: 'ChatGPT',\n                company: 'OpenAI',\n                category: 'chatbots',\n                description: 'El m\u00e1s popular. Bueno para conversaci\u00f3n general, im\u00e1genes con DALL-E, y plugins.',\n                levels: ['beginner', 'intermediate', 'professional'],\n                url: 'https:\/\/chatgpt.com',\n                why: 'Popular, accesible, integraci\u00f3n con muchas herramientas',\n                pricing: 'freemium',\n                spanish: true\n            },\n            {\n                id: 'gemini',\n                name: 'Gemini',\n                company: 'Google',\n                category: 'chatbots',\n                description: 'Integraci\u00f3n profunda con Google Workspace. Planes desde gratis hasta Ultra (incluye 30TB en Drive). Bueno para investigaci\u00f3n.',\n                levels: ['beginner', 'intermediate', 'professional'],\n                url: 'https:\/\/gemini.google.com',\n                why: 'Integraci\u00f3n con Google Suite, excelente para investigaci\u00f3n',\n                pricing: 'freemium',\n                spanish: true\n            },\n            {\n                id: 'grok',\n                name: 'Grok',\n                company: 'xAI',\n                category: 'chatbots',\n                description: 'Acceso directo a datos de X (Twitter). \u00datil para monitorear conversaci\u00f3n p\u00fablica y tendencias.',\n                levels: ['intermediate', 'professional'],\n                url: 'https:\/\/grok.com',\n                why: 'Acceso real-time a X, perfecto para an\u00e1lisis de tendencias',\n                pricing: 'freemium',\n                spanish: true\n            },\n            {\n                id: 'perplexity',\n                name: 'Perplexity',\n                company: 'Perplexity AI',\n                category: 'chatbots',\n                description: 'Hub de modelos de IA con b\u00fasqueda citada, agente Computer para automatizaci\u00f3n, y su propio navegador Comet. Mucho m\u00e1s que un buscador.',\n                levels: ['beginner', 'intermediate', 'professional'],\n                url: 'https:\/\/perplexity.ai',\n                why: 'B\u00fasqueda con IA, respuestas citadas con fuentes',\n                pricing: 'freemium',\n                spanish: true\n            },\n            {\n                id: 'deepseek',\n                name: 'DeepSeek',\n                company: 'DeepSeek',\n                category: 'chatbots',\n                description: 'Modelo chino de c\u00f3digo abierto. Sorprendentemente capaz para razonamiento, competitivo con modelos cerrados.',\n                levels: ['intermediate', 'professional'],\n                url: 'https:\/\/deepseek.com',\n                why: 'C\u00f3digo abierto, modelo avanzado sin costo',\n                pricing: 'free',\n                spanish: true\n            },\n            {\n                id: 'metaai',\n                name: 'Meta AI',\n                company: 'Meta',\n                category: 'chatbots',\n                description: 'Basado en Llama (c\u00f3digo abierto). Integrado en WhatsApp, Instagram y Facebook. Accesible para quien ya usa estas redes.',\n                levels: ['beginner', 'intermediate'],\n                url: 'https:\/\/meta.ai',\n                why: 'Gratis, integrado en redes sociales populares',\n                pricing: 'free',\n                spanish: true\n            },\n\n            \/\/ Programming\n            {\n                id: 'claude-code',\n                name: 'Claude Code',\n                company: 'Anthropic',\n                category: 'code',\n                description: 'Agente de programaci\u00f3n aut\u00f3nomo en terminal. El mejor para tareas complejas de c\u00f3digo.',\n                levels: ['professional'],\n                url: 'https:\/\/claude.ai',\n                why: 'Automatizaci\u00f3n completa de proyectos, mejor razonamiento',\n                pricing: 'paid',\n                spanish: 'partial'\n            },\n            \n            {\n                id: 'cursor',\n                name: 'Cursor',\n                company: 'Anysphere',\n                category: 'code',\n                description: 'IDE con IA integrada en cada interacci\u00f3n. El mejor entorno de desarrollo con IA.',\n                levels: ['professional'],\n                url: 'https:\/\/cursor.com',\n                why: 'IDE moderno con IA nativa, experiencia completa',\n                pricing: 'freemium',\n                spanish: 'partial'\n            },\n            {\n                id: 'copilot',\n                name: 'GitHub Copilot',\n                company: 'GitHub',\n                category: 'code',\n                description: 'Autocompletado inteligente en VS Code. El que normaliz\u00f3 la programaci\u00f3n con IA.',\n                levels: ['intermediate', 'professional'],\n                url: 'https:\/\/github.com\/copilot',\n                why: 'Autocompletado IA en editor familiar',\n                pricing: 'freemium',\n                spanish: 'partial'\n            },\n            {\n                id: 'v0',\n                name: 'v0',\n                company: 'Vercel',\n                category: 'code',\n                description: 'Genera interfaces web completas desde un prompt. Ideal para prototipos r\u00e1pidos y landing pages sin saber programar.',\n                levels: ['beginner', 'intermediate'],\n                url: 'https:\/\/v0.dev',\n                why: 'Crea interfaces web sin programar',\n                pricing: 'freemium',\n                spanish: 'partial'\n            },\n\n            \/\/ Image & Design\n            {\n                id: 'midjourney',\n                name: 'Midjourney',\n                company: 'Midjourney',\n                category: 'image',\n                description: 'El rey de la est\u00e9tica. Im\u00e1genes art\u00edsticas de calidad excepcional. V8 con generaci\u00f3n 5x m\u00e1s r\u00e1pida.',\n                levels: ['intermediate', 'professional'],\n                url: 'https:\/\/midjourney.com',\n                why: 'Mejor calidad art\u00edstica y est\u00e9tica visual',\n                pricing: 'paid',\n                spanish: 'partial'\n            },\n            {\n                id: 'ideogram',\n                name: 'Ideogram',\n                company: 'Ideogram',\n                category: 'image',\n                description: 'El mejor para texto en im\u00e1genes. Logos, carteles, portadas. Donde Midjourney falla con letras, Ideogram acierta.',\n                levels: ['beginner', 'intermediate', 'professional'],\n                url: 'https:\/\/ideogram.ai',\n                why: 'Genera texto perfecto dentro de im\u00e1genes',\n                pricing: 'freemium',\n                spanish: 'partial'\n            },\n            {\n                id: 'flux2',\n                name: 'Flux 2',\n                company: 'Black Forest Labs',\n                category: 'image',\n                description: 'Fotorrealismo extremo. Texturas de piel, iluminaci\u00f3n natural, poses realistas.',\n                levels: ['professional'],\n                url: 'https:\/\/blackforestlabs.ai',\n                why: 'Fotorrealismo de m\u00e1xima calidad',\n                pricing: 'freemium',\n                spanish: 'partial'\n            },\n            {\n                id: 'nanobanana',\n                name: 'Nano Banana',\n                company: 'Google',\n                category: 'image',\n                description: 'Generaci\u00f3n r\u00e1pida de im\u00e1genes dentro del ecosistema Google\/Flow. Bueno para prototipos y storyboards.',\n                levels: ['intermediate'],\n                url: 'https:\/\/flow.google.com',\n                why: 'Generaci\u00f3n r\u00e1pida integrada en Google',\n                pricing: 'paid',\n                spanish: 'partial'\n            },\n            {\n                id: 'firefly',\n                name: 'Adobe Firefly',\n                company: 'Adobe',\n                category: 'image',\n                description: 'Legalmente seguro para uso comercial. Integrado con Photoshop e Illustrator.',\n                levels: ['professional'],\n                url: 'https:\/\/firefly.adobe.com',\n                why: 'Seguridad legal, integraci\u00f3n profesional',\n                pricing: 'freemium',\n                spanish: true\n            },\n            {\n                id: 'freepik',\n                name: 'Freepik AI',\n                company: 'Freepik',\n                category: 'image',\n                description: 'Generaci\u00f3n de im\u00e1genes accesible, buena para contenido de redes sociales y marketing.',\n                levels: ['beginner'],\n                url: 'https:\/\/freepik.com',\n                why: 'F\u00e1cil de usar, buena para redes sociales',\n                pricing: 'freemium',\n                spanish: true\n            },\n            {\n                id: 'canva',\n                name: 'Canva',\n                company: 'Canva',\n                category: 'image',\n                description: 'Dise\u00f1o gr\u00e1fico todo-en-uno con Magic Studio. Ideal para no-dise\u00f1adores. Templates, redes sociales, presentaciones.',\n                levels: ['beginner', 'intermediate'],\n                url: 'https:\/\/canva.com',\n                why: 'Todo-en-uno, templates listos, muy accesible',\n                pricing: 'freemium',\n                spanish: true\n            },\n            {\n                id: 'recraft',\n                name: 'Recraft',\n                company: 'Recraft',\n                category: 'image',\n                description: 'Genera vectores SVG nativos. Perfecto para logos e iconos.',\n                levels: ['intermediate', 'professional'],\n                url: 'https:\/\/recraft.ai',\n                why: 'Vectores nativos para logos e iconos',\n                pricing: 'freemium',\n                spanish: 'partial'\n            },\n\n            \/\/ Video\n            {\n                id: 'veo3',\n                name: 'Veo 3.1',\n                company: 'Google',\n                category: 'video',\n                description: 'El m\u00e1s avanzado t\u00e9cnicamente. 4K real, 60fps, audio sincronizado. Calidad cinematogr\u00e1fica.',\n                levels: ['professional'],\n                url: 'https:\/\/flow.google.com',\n                why: 'Mejor calidad t\u00e9cnica, 4K 60fps',\n                pricing: 'paid',\n                spanish: 'partial'\n            },\n            {\n                id: 'sora2',\n                name: 'Sora 2',\n                company: 'OpenAI',\n                category: 'video',\n                description: 'La mejor f\u00edsica y movimiento humano. Personajes cre\u00edbles con expresiones faciales naturales.',\n                levels: ['professional'],\n                url: 'https:\/\/sora.com',\n                why: 'Mejor movimiento humano y f\u00edsicas',\n                pricing: 'paid',\n                spanish: 'partial'\n            },\n            {\n                id: 'kling3',\n                name: 'Kling 3.0',\n                company: 'Kuaishou',\n                category: 'video',\n                description: 'Videos de hasta 2 minutos, 5x m\u00e1s largos que Sora. Buena relaci\u00f3n calidad-precio.',\n                levels: ['intermediate', 'professional'],\n                url: 'https:\/\/klingai.com',\n                why: 'Videos m\u00e1s largos, buen precio',\n                pricing: 'freemium',\n                spanish: 'partial'\n            },\n            {\n                id: 'seedance2',\n                name: 'Seedance 2.0',\n                company: 'ByteDance',\n                category: 'video',\n                description: 'Sincroniza movimiento con m\u00fasica. Ideal para TikTok y contenido r\u00edtmico.',\n                levels: ['intermediate'],\n                url: 'https:\/\/dreamina.com',\n                why: 'Sincronizaci\u00f3n perfecta con m\u00fasica',\n                pricing: 'freemium',\n                spanish: false\n            },\n            {\n                id: 'capcut',\n                name: 'CapCut',\n                company: 'ByteDance',\n                category: 'video',\n                description: 'Editor de video con funciones IA. Accesible, intuitivo, bueno para edici\u00f3n r\u00e1pida de contenido social.',\n                levels: ['beginner', 'intermediate'],\n                url: 'https:\/\/capcut.com',\n                why: 'Editor intuitivo, muy popular en redes',\n                pricing: 'freemium',\n                spanish: true\n            },\n            {\n                id: 'heygen',\n                name: 'HeyGen',\n                company: 'HeyGen',\n                category: 'video',\n                description: 'Videos con avatares IA hablantes. \u00datil para presentaciones, cursos, marketing.',\n                levels: ['beginner', 'intermediate', 'professional'],\n                url: 'https:\/\/heygen.com',\n                why: 'Avatares IA personalizados, vers\u00e1til',\n                pricing: 'freemium',\n                spanish: true\n            },\n            {\n                id: 'synthesia',\n                name: 'Synthesia',\n                company: 'Synthesia',\n                category: 'video',\n                description: 'Videos corporativos con avatares profesionales. Enfocado en empresas y capacitaci\u00f3n.',\n                levels: ['professional'],\n                url: 'https:\/\/synthesia.io',\n                why: 'Soluci\u00f3n empresarial profesional',\n                pricing: 'paid',\n                spanish: true\n            },\n            {\n                id: 'davinci',\n                name: 'DaVinci Resolve',\n                company: 'Blackmagic Design',\n                category: 'video',\n                description: 'Editor profesional de video (no es IA puro, pero integra herramientas IA). Gratuito y potente.',\n                levels: ['professional'],\n                url: 'https:\/\/blackmagicdesign.com',\n                why: 'Editor profesional con herramientas IA',\n                pricing: 'free',\n                spanish: true\n            },\n\n            \/\/ Music & Audio\n            {\n                id: 'suno',\n                name: 'Suno',\n                company: 'Suno',\n                category: 'music',\n                description: 'El m\u00e1s f\u00e1cil para crear canciones completas. Describe el estilo y genera letra + m\u00fasica. V4.5 disponible gratis.',\n                levels: ['beginner', 'intermediate'],\n                url: 'https:\/\/suno.com',\n                why: 'M\u00e1s accesible, genera canciones completas',\n                pricing: 'freemium',\n                spanish: 'partial'\n            },\n            {\n                id: 'udio',\n                name: 'Udio',\n                company: 'Udio',\n                category: 'music',\n                description: 'M\u00e1s control para m\u00fasicos. Mejor mezcla, stems descargables, clips extendibles hasta 15 min.',\n                levels: ['intermediate', 'professional'],\n                url: 'https:\/\/udio.com',\n                why: 'M\u00e1s control profesional, stems descargables',\n                pricing: 'freemium',\n                spanish: 'partial'\n            },\n            {\n                id: 'elevenlabs',\n                name: 'ElevenLabs',\n                company: 'ElevenLabs',\n                category: 'music',\n                description: 'El est\u00e1ndar en voces IA. Text-to-speech, clonaci\u00f3n de voz, doblaje. Calidad premium.',\n                levels: ['beginner', 'intermediate', 'professional'],\n                url: 'https:\/\/elevenlabs.io',\n                why: 'Mejores voces IA, clonaci\u00f3n disponible',\n                pricing: 'freemium',\n                spanish: true\n            },\n            {\n                id: 'aiva',\n                name: 'AIVA',\n                company: 'AIVA Technologies',\n                category: 'music',\n                description: 'Composici\u00f3n instrumental y orquestal. Propiedad completa en plan Pro. Ideal para bandas sonoras.',\n                levels: ['intermediate', 'professional'],\n                url: 'https:\/\/aiva.ai',\n                why: 'Composici\u00f3n orquestal profesional',\n                pricing: 'freemium',\n                spanish: false\n            },\n\n            \/\/ Writing\n            {\n                id: 'claude-write',\n                name: 'Claude',\n                company: 'Anthropic',\n                category: 'writing',\n                description: 'El mejor para escritura larga, an\u00e1lisis de documentos, y mantener un estilo consistente.',\n                levels: ['beginner', 'intermediate', 'professional'],\n                url: 'https:\/\/claude.ai',\n                why: 'Mejor para escritura larga y an\u00e1lisis',\n                pricing: 'freemium',\n                spanish: true\n            },\n            {\n                id: 'jasper',\n                name: 'Jasper',\n                company: 'Jasper',\n                category: 'writing',\n                description: 'Plataforma de contenido para marketing. Templates, conexi\u00f3n a internet, generaci\u00f3n de im\u00e1genes.',\n                levels: ['intermediate'],\n                url: 'https:\/\/jasper.ai',\n                why: 'Plataforma completa para marketing',\n                pricing: 'paid',\n                spanish: true\n            },\n            {\n                id: 'grammarly',\n                name: 'Grammarly',\n                company: 'Grammarly',\n                category: 'writing',\n                description: 'Correcci\u00f3n gramatical y de estilo en ingl\u00e9s y espa\u00f1ol. Integraci\u00f3n con navegadores y apps.',\n                levels: ['beginner', 'intermediate', 'professional'],\n                url: 'https:\/\/grammarly.com',\n                why: 'Correcci\u00f3n autom\u00e1tica, integraci\u00f3n amplia',\n                pricing: 'freemium',\n                spanish: true\n            },\n            {\n                id: 'deepl',\n                name: 'DeepL',\n                company: 'DeepL',\n                category: 'writing',\n                description: 'El mejor traductor con IA. Traducciones naturales en 30+ idiomas. Write corrige y mejora textos. Esencial para contenido multiling\u00fce.',\n                levels: ['beginner', 'intermediate', 'professional'],\n                url: 'https:\/\/deepl.com',\n                why: 'Traducci\u00f3n de alta calidad, imprescindible',\n                pricing: 'freemium',\n                spanish: true\n            },\n\n            \/\/ Research\n            {\n                id: 'perplexity-research',\n                name: 'Perplexity',\n                company: 'Perplexity AI',\n                category: 'research',\n                description: 'Hub de modelos con b\u00fasqueda citada, agente Computer y navegador Comet. Motor de investigaci\u00f3n completo.',\n                levels: ['beginner', 'intermediate', 'professional'],\n                url: 'https:\/\/perplexity.ai',\n                why: 'B\u00fasqueda con IA, respuestas citadas',\n                pricing: 'freemium',\n                spanish: true\n            },\n            {\n                id: 'consensus',\n                name: 'Consensus',\n                company: 'Consensus',\n                category: 'research',\n                description: 'Busca en papers acad\u00e9micos y resume hallazgos con IA. Para investigaci\u00f3n seria.',\n                levels: ['professional'],\n                url: 'https:\/\/consensus.app',\n                why: 'B\u00fasqueda en papers acad\u00e9micos',\n                pricing: 'freemium',\n                spanish: false\n            },\n            {\n                id: 'notebooklm',\n                name: 'NotebookLM',\n                company: 'Google',\n                category: 'research',\n                description: 'Analiza tus propios documentos con IA. Genera podcasts, res\u00famenes, Q&A.',\n                levels: ['intermediate'],\n                url: 'https:\/\/notebooklm.google.com',\n                why: 'An\u00e1lisis de tus documentos, podcasts generados',\n                pricing: 'free',\n                spanish: true\n            },\n            {\n                id: 'elicit',\n                name: 'Elicit',\n                company: 'Elicit',\n                category: 'research',\n                description: 'Asistente de investigaci\u00f3n acad\u00e9mica. Extrae datos de papers, compara estudios.',\n                levels: ['professional'],\n                url: 'https:\/\/elicit.com',\n                why: 'Asistente para investigaci\u00f3n acad\u00e9mica',\n                pricing: 'freemium',\n                spanish: false\n            },\n\n            \/\/ Productivity\n            {\n                id: 'notion',\n                name: 'Notion AI',\n                company: 'Notion',\n                category: 'productivity',\n                description: 'Espacio de trabajo todo-en-uno con IA integrada. Docs, bases de datos, proyectos.',\n                levels: ['beginner', 'intermediate', 'professional'],\n                url: 'https:\/\/notion.so',\n                why: 'Plataforma integrada, IA nativa',\n                pricing: 'freemium',\n                spanish: true\n            },\n            {\n                id: 'zapier',\n                name: 'Zapier',\n                company: 'Zapier',\n                category: 'productivity',\n                description: 'Conecta apps y automatiza flujos de trabajo con IA. El pegamento entre herramientas.',\n                levels: ['intermediate', 'professional'],\n                url: 'https:\/\/zapier.com',\n                why: 'Automatizaci\u00f3n de flujos entre apps',\n                pricing: 'freemium',\n                spanish: 'partial'\n            },\n            {\n                id: 'make',\n                name: 'Make',\n                company: 'Make (ex Integromat)',\n                category: 'productivity',\n                description: 'Automatizaci\u00f3n visual de flujos de trabajo. M\u00e1s flexible que Zapier para flujos complejos. Interfaz de arrastrar y soltar.',\n                levels: ['intermediate', 'professional'],\n                url: 'https:\/\/make.com',\n                why: 'Automatizaci\u00f3n visual avanzada',\n                pricing: 'freemium',\n                spanish: 'partial'\n            },\n            {\n                id: 'googleworkspace',\n                name: 'Google Workspace + Gemini',\n                company: 'Google',\n                category: 'productivity',\n                description: 'Suite de productividad con Gemini integrado en Docs, Sheets, Gmail, Drive.',\n                levels: ['beginner', 'intermediate', 'professional'],\n                url: 'https:\/\/workspace.google.com',\n                why: 'Suite integrada con IA nativa',\n                pricing: 'freemium',\n                spanish: true\n            },\n\n            \n            \/\/ Presentaciones\n            {\n                id: 'gamma',\n                name: 'Gamma',\n                company: 'Gamma',\n                category: 'presentations',\n                description: 'Genera presentaciones profesionales desde un prompt o documento. Dise\u00f1o autom\u00e1tico, interactivas, exportables a PDF y PPTX.',\n                levels: ['beginner', 'intermediate', 'professional'],\n                url: 'https:\/\/gamma.app',\n                why: 'Presentaciones instant\u00e1neas desde texto o prompt',\n                pricing: 'freemium',\n                spanish: true\n            },\n\n            \/\/ Browsers\n            {\n                id: 'chrome',\n                name: 'Google Chrome',\n                company: 'Google',\n                category: 'browsers',\n                description: 'El navegador dominante, ahora con Gemini integrado y funciones IA para b\u00fasqueda, res\u00famenes y organizaci\u00f3n de pesta\u00f1as.',\n                levels: ['beginner', 'intermediate', 'professional'],\n                url: 'https:\/\/google.com\/chrome',\n                why: 'Ecosistema Google completo, IA integrada',\n                pricing: 'free',\n                spanish: true\n            },\n            {\n                id: 'safari',\n                name: 'Safari',\n                company: 'Apple',\n                category: 'browsers',\n                description: 'El navegador nativo de Apple. Integraci\u00f3n con Apple Intelligence para res\u00famenes y herramientas de escritura.',\n                levels: ['beginner', 'intermediate'],\n                url: 'https:\/\/apple.com\/safari',\n                why: 'Nativo en Mac, integraci\u00f3n con Apple Intelligence',\n                pricing: 'free',\n                spanish: true\n            },\n            {\n                id: 'atlas',\n                name: 'Atlas',\n                company: 'Atlas',\n                category: 'browsers',\n                description: 'Navegador dise\u00f1ado desde cero para trabajo con IA. Interfaz pensada para investigaci\u00f3n y productividad.',\n                levels: ['intermediate', 'professional'],\n                url: 'https:\/\/atlas.so',\n                why: 'Dise\u00f1ado para flujos de trabajo con IA',\n                pricing: 'paid',\n                spanish: false\n            },\n            {\n                id: 'comet',\n                name: 'Comet',\n                company: 'Perplexity AI',\n                category: 'browsers',\n                description: 'El navegador de Perplexity. B\u00fasqueda con IA nativa en cada pesta\u00f1a, respuestas citadas mientras navegas.',\n                levels: ['intermediate', 'professional'],\n                url: 'https:\/\/perplexity.ai\/comet',\n                why: 'B\u00fasqueda IA nativa en el navegador',\n                pricing: 'freemium',\n                spanish: true\n            },\n\n            \/\/ Agents\n            {\n                id: 'claude-cowork',\n                name: 'Claude Cowork',\n                company: 'Anthropic',\n                category: 'agents',\n                description: 'Agente de escritorio que controla tu computadora: lee archivos, navega, ejecuta c\u00f3digo, publica en WordPress. El copiloto de trabajo.',\n                levels: ['intermediate', 'professional'],\n                url: 'https:\/\/claude.ai',\n                why: 'Agente completo de escritorio, controla apps y archivos',\n                pricing: 'paid',\n                spanish: true\n            },\n            {\n                id: 'manus',\n                name: 'Manus',\n                company: 'Manus AI',\n                category: 'agents',\n                description: 'Agente aut\u00f3nomo que ejecuta tareas complejas: investiga, programa, navega la web y entrega resultados completos.',\n                levels: ['professional'],\n                url: 'https:\/\/manus.im',\n                why: 'Agente aut\u00f3nomo para tareas complejas',\n                pricing: 'paid',\n                spanish: true\n            },\n            {\n                id: 'perplexity-computer',\n                name: 'Perplexity Computer',\n                company: 'Perplexity AI',\n                category: 'agents',\n                description: 'Agente de Perplexity que opera tu computadora para completar tareas: llena formularios, hace reservaciones, automatiza flujos.',\n                levels: ['intermediate', 'professional'],\n                url: 'https:\/\/perplexity.ai',\n                why: 'Automatizaci\u00f3n de tareas en tu computadora',\n                pricing: 'paid',\n                spanish: true\n            }\n        ];\n\n        \/\/ Recommendation mapping\n        const recommendations = {\n            'chat-beginner': ['claude', 'chatgpt', 'metaai'],\n            'chat-intermediate': ['claude', 'gemini', 'perplexity'],\n            'chat-professional': ['claude', 'grok', 'deepseek'],\n            'write-beginner': ['chatgpt', 'grammarly'],\n            'write-intermediate': ['claude-write', 'deepl'],\n            'write-professional': ['claude-write'],\n            'code-beginner': ['copilot', 'v0'],\n            'code-intermediate': ['cursor', 'copilot'],\n            'code-professional': ['claude-code', 'cursor'],\n            'image-beginner': ['ideogram', 'canva', 'freepik'],\n            'image-intermediate': ['midjourney', 'ideogram', 'nanobanana'],\n            'image-professional': ['midjourney', 'flux2', 'firefly'],\n            'video-beginner': ['capcut', 'heygen'],\n            'video-intermediate': ['kling3', 'seedance2', 'heygen'],\n            'video-professional': ['veo3', 'sora2', 'davinci'],\n            'music-beginner': ['suno'],\n            'music-intermediate': ['suno', 'elevenlabs', 'aiva'],\n            'music-professional': ['udio', 'elevenlabs', 'aiva'],\n            'design-beginner': ['canva'],\n            'design-intermediate': ['canva', 'midjourney', 'recraft'],\n            'design-professional': ['firefly', 'midjourney', 'flux2'],\n            'research-beginner': ['perplexity-research', 'notebooklm'],\n            'research-intermediate': ['perplexity-research', 'notebooklm', 'consensus'],\n            'research-professional': ['perplexity-research', 'consensus', 'elicit'],\n            'automate-beginner': ['notion'],\n            'automate-intermediate': ['notion', 'zapier', 'make'],\n            'automate-professional': ['zapier', 'make', 'googleworkspace'],\n            'browse-beginner': ['chrome', 'safari'],\n            'browse-intermediate': ['chrome', 'comet', 'atlas'],\n            'browse-professional': ['comet', 'atlas', 'chrome'],\n            'agents-beginner': ['claude-cowork'],\n            'agents-intermediate': ['claude-cowork', 'perplexity-computer'],\n            'agents-professional': ['claude-cowork', 'manus', 'perplexity-computer'],\n            'presentations-beginner': ['gamma', 'canva'],\n            'presentations-intermediate': ['gamma', 'canva'],\n            'presentations-professional': ['gamma'],\n            'analyze-beginner': ['chatgpt', 'notebooklm'],\n            'analyze-intermediate': ['claude', 'notebooklm', 'perplexity-research'],\n            'analyze-professional': ['claude', 'elicit', 'notebooklm'],\n        };\n\n        let currentGoal = null;\n        let currentLevel = null;\n        let currentCategory = 'all';\n\n        function selectGoal(goal) {\n            currentGoal = goal;\n            goToStep(2);\n        }\n\n        function selectLevel(level) {\n            currentLevel = level;\n            showRecommendations();\n            goToStep(3);\n        }\n\n        function goToStep(step) {\n            document.querySelectorAll('.dir-wizard').forEach(w => w.classList.remove('dir-active'));\n            document.getElementById(`wizard-step-${step}`).classList.add('dir-active');\n            document.querySelector('.dir-wizard-container').scrollIntoView({ behavior: 'smooth', block: 'start' });\n        }\n\n        function showRecommendations() {\n            const key = `${currentGoal}-${currentLevel}`;\n            const toolIds = recommendations[key] || [];\n            const recommendedTools = tools.filter(t => toolIds.includes(t.id)).slice(0, 4);\n\n            const container = document.getElementById('recommendations-container');\n            container.innerHTML = recommendedTools.map(tool => createRecommendationCard(tool)).join('');\n        }\n\n        function createRecommendationCard(tool) {\n            const levelText = {\n                'beginner': 'Principiante',\n                'intermediate': 'Intermedio',\n                'professional': 'Profesional'\n            };\n\n            return `\n                <div class=\"dir-result-card\">\n                    <h3 style=\"font-family: Georgia, serif; font-size: 1.4rem; color: #1B3A4B; margin-bottom: 5px;\">${tool.name}<\/h3>\n                    <p style=\"font-size: 0.9rem; color: #999; margin-bottom: 15px;\">${tool.company}<\/p>\n                    <p style=\"color: #555; margin-bottom: 15px;\">${tool.description}<\/p>\n                    <div class=\"dir-result-why\">\u2713 Recomendado para ${currentLevel === 'beginner' ? 'principiantes' : currentLevel === 'intermediate' ? 'nivel intermedio' : 'usuarios profesionales'}: ${tool.why}<\/div>\n\n                    <div class=\"dir-result-actions\">\n                        <a href=\"${tool.url}\" target=\"_blank\" class=\"dir-btn-small\">Visitar \u2197<\/a>\n                        <button class=\"dir-btn-small dir-secondary\" onclick=\"scrollToTool('${tool.id}')\">Ver en directorio \u2193<\/button>\n                    <\/div>\n                <\/div>\n            `;\n        }\n\n        function scrollToTool(toolId) {\n            const element = document.querySelector(`[data-tool-id=\"${toolId}\"]`);\n            if (element) {\n                element.scrollIntoView({ behavior: 'smooth', block: 'center' });\n            }\n        }\n\n        function resetWizard() {\n            currentGoal = null;\n            currentLevel = null;\n            goToStep(1);\n        }\n\n        function filterByCategory(category) {\n            currentCategory = category;\n            document.querySelectorAll('.dir-filter-btn').forEach(btn => btn.classList.remove('dir-active'));\n            event.target.classList.add('dir-active');\n            renderTools();\n        }\n\n        function filterTools() {\n            renderTools();\n        }\n\n        function renderTools() {\n            const searchTerm = document.getElementById('search-input').value.toLowerCase();\n            const filtered = tools.filter(tool => {\n                const matchesCategory = currentCategory === 'all' || tool.category === currentCategory;\n                const matchesSearch = tool.name.toLowerCase().includes(searchTerm) || \n                                    tool.description.toLowerCase().includes(searchTerm);\n                return matchesCategory && matchesSearch;\n            });\n\n            const grid = document.getElementById('tools-grid');\n            grid.innerHTML = filtered.map(tool => createToolCard(tool)).join('');\n        }\n\n        function createToolCard(tool) {\n            const levelMap = {\n                'beginner': { text: 'Principiante', class: 'dir-beginner' },\n                'intermediate': { text: 'Intermedio', class: 'dir-intermediate' },\n                'professional': { text: 'Profesional', class: 'dir-professional' }\n            };\n            const pricingMap = {\n                'free': { text: 'Gratis', class: 'dir-price-free' },\n                'freemium': { text: 'Freemium', class: 'dir-price-freemium' },\n                'paid': { text: 'De pago', class: 'dir-price-paid' }\n            };\n            const spanishMap = {\n                true: { text: 'Espa\u00f1ol', class: 'dir-lang-full' },\n                'partial': { text: 'Espa\u00f1ol parcial', class: 'dir-lang-partial' },\n                false: { text: 'Solo ingl\u00e9s', class: 'dir-lang-none' }\n            };\n\n            const levelTags = tool.levels.map(level => {\n                const levelInfo = levelMap[level];\n                return `<span class=\"dir-tag dir-tag-level ${levelInfo.class}\">${levelInfo.text}<\/span>`;\n            }).join('');\n\n            const pricingInfo = pricingMap[tool.pricing] || pricingMap['freemium'];\n            const spanishInfo = spanishMap[tool.spanish] || spanishMap[true];\n            const pricingBadge = `<span class=\"dir-tag ${pricingInfo.class}\">${pricingInfo.text}<\/span>`;\n            const spanishBadge = `<span class=\"dir-tag ${spanishInfo.class}\">${spanishInfo.text}<\/span>`;\n            \n            const catLabels = {\n                'chatbots': 'Chatbots', 'code': 'Programaci\u00f3n', 'image': 'Imagen y dise\u00f1o',\n                'video': 'Video', 'music': 'M\u00fasica y audio', 'writing': 'Escritura',\n                'research': 'Investigaci\u00f3n', 'productivity': 'Productividad',\n                'browsers': 'Navegadores', 'agents': 'Agentes', 'presentations': 'Presentaciones'\n            };\n\n            return `\n                <div class=\"dir-card\" data-tool-id=\"${tool.id}\">\n                    <div class=\"dir-card-header\">\n                        <h3>${tool.name}<\/h3>\n                        <div class=\"dir-card-badges\">${pricingBadge}${spanishBadge}<\/div>\n                    <\/div>\n                    <p class=\"dir-card-company\">${tool.company}<\/p>\n                    <p class=\"dir-card-desc\">${tool.description}<\/p>\n                    <div class=\"dir-card-tags\">\n                        <span class=\"dir-tag dir-tag-category\">${catLabels[tool.category] || tool.category}<\/span>\n                        ${levelTags}\n                    <\/div>\n                    <a href=\"${tool.url}\" target=\"_blank\" class=\"dir-card-link\">Visitar \u2197<\/a>\n                <\/div>\n            `;\n        }\n\n        \/\/ Initialize\n        renderTools();\n    <\/script>\n","protected":false},"excerpt":{"rendered":"<p>El ecosistema de la IA es muy diverso y amplio. Todo comenz\u00f3 con ChatGPT en 2022, pero a estas alturas se cuentan por cientos las herramientas de IA de las que puedes hacer uso en tu d\u00eda a d\u00eda. Esta gu\u00eda b\u00e1sica no pretende ser exhaustiva, sino ofrecer una panor\u00e1mica pr\u00e1ctica y en constante actualizaci\u00f3n.<\/p>\n","protected":false},"author":2,"featured_media":3514,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[874],"tags":[],"class_list":["post-3508","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-investigaciones"],"aioseo_notices":[],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/alejandrozenker.com\/blog\/wp-content\/uploads\/2026\/03\/directorio-ia-herramientas.jpeg","jetpack_shortlink":"https:\/\/wp.me\/pOdts-UA","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/alejandrozenker.com\/blog\/wp-json\/wp\/v2\/posts\/3508","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alejandrozenker.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/alejandrozenker.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/alejandrozenker.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/alejandrozenker.com\/blog\/wp-json\/wp\/v2\/comments?post=3508"}],"version-history":[{"count":8,"href":"https:\/\/alejandrozenker.com\/blog\/wp-json\/wp\/v2\/posts\/3508\/revisions"}],"predecessor-version":[{"id":3533,"href":"https:\/\/alejandrozenker.com\/blog\/wp-json\/wp\/v2\/posts\/3508\/revisions\/3533"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/alejandrozenker.com\/blog\/wp-json\/wp\/v2\/media\/3514"}],"wp:attachment":[{"href":"https:\/\/alejandrozenker.com\/blog\/wp-json\/wp\/v2\/media?parent=3508"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/alejandrozenker.com\/blog\/wp-json\/wp\/v2\/categories?post=3508"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/alejandrozenker.com\/blog\/wp-json\/wp\/v2\/tags?post=3508"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}