{"id":25,"date":"2026-01-26T12:00:58","date_gmt":"2026-01-26T12:00:58","guid":{"rendered":"https:\/\/kronoslearning.es\/?page_id=25"},"modified":"2026-02-03T10:52:32","modified_gmt":"2026-02-03T10:52:32","slug":"inicio","status":"publish","type":"page","link":"https:\/\/kronoslearning.es\/","title":{"rendered":"Inicio"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Formaci\u00f3n Tecnol\u00f3gica de \u00c9lite<\/p>

Domina el futuro digital<\/span><\/h1><\/div>

Formaciones especializadas en las tecnolog\u00edas m\u00e1s demandadas. Aprende de expertos y transforma tu carrera profesional.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tCursos<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"java\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n Cursos Tecnol\u00f3gicos<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600;800&display=swap\" rel=\"stylesheet\">\n <style>\n body { font-family: 'Inter', sans-serif; }\n .card-shadow { shadow-color: rgba(0, 0, 0, 0.1); }\n <\/style>\n<\/head>\n<body class=\"bg-gray-50\">\n\n <section class=\"py-16 px-6 overflow-hidden\">\n <div class=\"max-w-7xl mx-auto\">\n <div class=\"mb-16\">\n <p class=\"text-xs uppercase tracking-[0.3em] text-indigo-600 font-bold mb-3\">Stack Tecnol\u00f3gico<\/p>\n <h2 class=\"text-4xl md:text-5xl font-extralight tracking-tight text-gray-900\">\n Tecnolog\u00edas<br \/>\n <span class=\"font-extrabold text-transparent bg-clip-text bg-gradient-to-r from-indigo-500 via-purple to-pink-600\"> m\u00e1s demandadas<\/span>\n <\/h2>\n <\/div>\n \n <div class=\"grid lg:grid-cols-3 gap-8\">\n \n <div class=\"group relative\">\n <div class=\"absolute -inset-0.5 bg-gradient-to-r from-blue-600 to-red-600 rounded-2xl blur opacity-20 group-hover:opacity-100 transition duration-500\"><\/div>\n <div class=\"relative bg-white rounded-2xl p-8 h-full border border-gray-100 transition-all duration-500 group-hover:-translate-y-2\">\n \n <div class=\"flex items-start justify-between mb-8\">\n <div class=\"w-16 h-16 p-2 rounded-2xl bg-red-50 flex items-center justify-center group-hover:scale-110 transition-transform duration-500\">\n <img decoding=\"async\" src=\"https:\/\/kronoslearning.es\/wp-content\/uploads\/2026\/01\/scrum-logo-png_seeklogo-428358.png\" alt=\"Scrum\" class=\"w-full h-full object-contain\" \/>\n <\/div>\n <div class=\"text-right\">\n <div class=\"text-2xl font-bold text-gray-900\">Scrum<\/div>\n <div class=\"text-[10px] text-blue-600 font-black uppercase tracking-widest\">Agile Framework<\/div>\n <\/div>\n <\/div>\n\n <p class=\"text-gray-800 text-sm leading-relaxed mb-8\">\n Domina el framework m\u00e1s utilizado en el mundo. Gestiona sprints, roles y mejora la productividad de tu equipo de forma continua.\n <\/p>\n\n <div class=\"flex items-center justify-between py-4 border-t border-gray-50 mb-6 text-xs\">\n <span class=\"flex items-center gap-1 text-gray-500 font-medium bg-gray-100 px-3 py-1 rounded-full\">\n <svg class=\"w-3 h-3\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\n 20h\n <\/span>\n <span class=\"text-blue-600 font-bold bg-blue-50 px-3 py-1 rounded-full flex items-center gap-1\">\n <svg class=\"w-3 h-3\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 7h8m0 0v8m0-8l-8 8-4-4-6 6\"><\/path><\/svg>\n +45% Empleo\n <\/span>\n <\/div>\n\n <button onclick=\"window.location.href='https:\/\/kronoslearning.es\/index.php\/curso-scrum-master-certificacion\/';\" class=\"w-full py-3 bg-gray-900 text-white rounded-xl font-bold text-sm group-hover:bg-blue-600 transition-colors duration-300 flex items-center justify-center gap-2\">\n Ver cursos \n <svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"><\/path><\/svg>\n <\/button>\n <\/div>\n <\/div>\n\n <div class=\"group relative\">\n <div class=\"absolute -inset-0.5 bg-gradient-to-r from-emerald-500 to-teal-600 rounded-2xl blur opacity-20 group-hover:opacity-100 transition duration-500\"><\/div>\n <div class=\"relative bg-white rounded-2xl p-8 h-full border border-gray-100 transition-all duration-500 group-hover:-translate-y-2\">\n \n <div class=\"flex items-start justify-between mb-8\">\n <div class=\"w-16 h-16 p-2 rounded-2xl bg-emerald-50 flex items-center justify-center group-hover:scale-110 transition-transform duration-500\">\n <img decoding=\"async\" src=\"https:\/\/kronoslearning.es\/wp-content\/uploads\/2026\/01\/15189445.png\" alt=\"Metodolog\u00eda\" class=\"w-full h-full object-contain\" \/>\n <\/div>\n <div class=\"text-right\">\n <div class=\"text-2xl font-bold text-gray-900\">Agile<\/div>\n <div class=\"text-[10px] text-emerald-600 font-black uppercase tracking-widest\">Business Strategy<\/div>\n <\/div>\n <\/div>\n\n <p class=\"text-gray-600 text-sm leading-relaxed mb-8\">\n Aprende a pivotar y responder al cambio. Domina Kanban y Lean para optimizar la gesti\u00f3n empresarial moderna.\n <br>\n <br>\n <\/p>\n\n <div class=\"flex items-center justify-between py-4 border-t border-gray-50 mb-6 text-xs\">\n <span class=\"flex items-center gap-1 text-gray-500 font-medium bg-gray-100 px-3 py-1 rounded-full\">\n <svg class=\"w-3 h-3\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\n 16h\n <\/span>\n <span class=\"text-emerald-600 font-bold bg-emerald-50 px-3 py-1 rounded-full flex items-center gap-1\">\n <svg class=\"w-3 h-3\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 7h8m0 0v8m0-8l-8 8-4-4-6 6\"><\/path><\/svg>\n +38% Salario\n <\/span>\n <\/div>\n\n <button onclick=\"window.location.href='https:\/\/kronoslearning.es\/index.php\/curso-metodologia-agil-scrum\/';\" class=\"w-full py-3 bg-gray-900 text-white rounded-xl font-bold text-sm group-hover:bg-emerald-600 transition-colors duration-300 flex items-center justify-center gap-2\">\n Ver cursos \n <svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"><\/path><\/svg>\n <\/button>\n <\/div>\n <\/div>\n\n <div class=\"group relative\">\n <div class=\"absolute -inset-0.5 bg-gradient-to-r from-purple-600 to-indigo-600 rounded-2xl blur opacity-20 group-hover:opacity-100 transition duration-500\"><\/div>\n <div class=\"relative bg-white rounded-2xl p-8 h-full border border-gray-100 transition-all duration-500 group-hover:-translate-y-2\">\n \n <div class=\"flex items-start justify-between mb-8\">\n <div class=\"w-16 h-16 p-2 rounded-2xl bg-purple-50 flex items-center justify-center group-hover:scale-110 transition-transform duration-500\">\n <img decoding=\"async\" src=\"https:\/\/kronoslearning.es\/wp-content\/uploads\/2026\/01\/5485830.png\" alt=\"Kanban\" class=\"w-full h-full object-contain\" \/>\n <\/div>\n <div class=\"text-right\">\n <div class=\"text-2xl font-bold text-gray-900\">Kanban<\/div>\n <div class=\"text-[10px] text-purple-600 font-black uppercase tracking-widest\">Flow Optimization<\/div>\n <\/div>\n <\/div>\n\n <p class=\"text-gray-600 text-sm leading-relaxed mb-8\">\n Visualiza el trabajo y limita el WIP. El sistema m\u00e1s efectivo para entregas continuas y reducci\u00f3n de cuellos de botella.\n <br>\n <br>\n <\/p>\n\n <div class=\"flex items-center justify-between py-4 border-t border-gray-50 mb-6 text-xs\">\n <span class=\"flex items-center gap-1 text-gray-500 font-medium bg-gray-100 px-3 py-1 rounded-full\">\n <svg class=\"w-3 h-3\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\n 10h\n <\/span>\n <span class=\"text-purple-600 font-bold bg-purple-50 px-3 py-1 rounded-full flex items-center gap-1\">\n <svg class=\"w-3 h-3\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 7h8m0 0v8m0-8l-8 8-4-4-6 6\"><\/path><\/svg>\n +22% Valor\n <\/span>\n <\/div>\n\n <button onclick=\"window.location.href='https:\/\/kronoslearning.es\/index.php\/curso-kanban-gestion-flujo\/';\" class=\"w-full py-3 bg-gray-900 text-white rounded-xl font-bold text-sm group-hover:bg-purple-600 transition-colors duration-300 flex items-center justify-center gap-2\">\n Ver cursos \n <svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"><\/path><\/svg>\n <\/button>\n <\/div>\n <\/div>\n\n <\/div>\n\n <div class=\"mt-20 text-center\">\n <button onclick=\"window.location.href='https:\/\/kronoslearning.es\/index.php\/catalogo-cursos-tecnologia\/';\" class=\"relative inline-flex items-center justify-center px-10 py-4 font-bold text-white transition-all duration-200 bg-gray-900 rounded-full hover:bg-gray-800 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-900 overflow-hidden group\">\n <span class=\"absolute w-0 h-0 transition-all duration-500 ease-out bg-indigo-600 rounded-full group-hover:w-full group-hover:h-56\"><\/span>\n <span class=\"relative flex items-center gap-3 tracking-widest text-xs uppercase\">\n Explorar cat\u00e1logo completo\n <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 5l7 7m0 0l-7 7m7-7H3\"><\/path><\/svg>\n <\/span>\n <\/button>\n <\/div>\n <\/div>\n <\/section>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-91bcf2e e-flex e-con-boxed e-con e-parent\" data-id=\"91bcf2e\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8411b6d elementor-widget elementor-widget-html\" data-id=\"8411b6d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Formaci\u00f3n que Marca la Diferencia<\/title>\n <style>\n \/* Estilos Base *\/\n body {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n margin: 0;\n padding: 80px 0;\n background-color: #fcfcfc;\n color: #333;\n line-height: 1.6;\n }\n\n .container {\n max-width: 1100px;\n margin: 0 auto;\n padding: 0 20px;\n text-align: center;\n }\n\n \/* --- Encabezado --- *\/\n .header-section {\n margin-bottom: 60px;\n }\n\n .header-section .subtitle {\n font-size: 0.85rem;\n text-transform: uppercase;\n letter-spacing: 3px;\n color: #888;\n margin-bottom: 10px;\n font-weight: 600;\n }\n\n .header-section .title {\n font-size: 2.5rem;\n font-weight: 800;\n margin: 0 0 15px 0;\n color: #111;\n }\n\n .header-section .description {\n font-size: 1.1rem;\n color: #666;\n max-width: 650px;\n margin: 0 auto;\n }\n\n \/* --- Grid de 3 Columnas --- *\/\n .features-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr); \/* Fuerza 3 columnas exactas *\/\n gap: 30px;\n margin-top: 20px;\n }\n\n .feature-card {\n background-color: #fff;\n padding: 40px 25px;\n border-radius: 20px;\n border: 1px solid #f0f0f0;\n transition: all 0.3s ease;\n display: flex;\n flex-direction: column;\n align-items: center; \/* Centra el contenido horizontalmente *\/\n }\n\n .feature-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 12px 25px rgba(0,0,0,0.06);\n border-color: #e5e7eb;\n }\n\n \/* --- Iconos Estilizados --- *\/\n .icon-box {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 64px;\n height: 64px;\n border-radius: 18px;\n margin-bottom: 25px;\n }\n\n .icon {\n width: 30px;\n height: 30px;\n stroke-width: 2;\n fill: none;\n stroke-linecap: round;\n stroke-linejoin: round;\n }\n\n \/* Colores Espec\u00edficos *\/\n .color-1 { background-color: #eef2ff; color: #4f46e5; } \/* Indigo *\/\n .color-2 { background-color: #f0fdf4; color: #16a34a; } \/* Verde *\/\n .color-4 { background-color: #faf5ff; color: #9333ea; } \/* P\u00farpura *\/\n\n .feature-card h3 {\n font-size: 1.2rem;\n font-weight: 700;\n color: #1a1a1a;\n margin: 0 0 12px 0;\n text-align: center;\n }\n\n .feature-card p {\n font-size: 0.95rem;\n color: #64748b;\n margin: 0;\n text-align: center; \/* Alineaci\u00f3n de texto perfecta *\/\n }\n\n \/* Responsividad *\/\n @media (max-width: 900px) {\n .features-grid {\n grid-template-columns: 1fr; \/* Una columna en m\u00f3viles *\/\n max-width: 400px;\n margin-left: auto;\n margin-right: auto;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"container\">\n \n <header class=\"header-section\">\n <p class=\"subtitle\">POR QU\u00c9 ELEGIRNOS<\/p>\n <h1 class=\"title\">Formaci\u00f3n que marca la diferencia<\/h1>\n <p class=\"description\">\n Nuestro enfoque combina <strong>teor\u00eda s\u00f3lida con pr\u00e1ctica intensiva<\/strong> para tu \u00e9xito profesional.\n <\/p>\n <\/header>\n\n <div class=\"features-grid\">\n \n <div class=\"feature-card\">\n <div class=\"icon-box color-1\">\n <svg class=\"icon\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n <path d=\"M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4\"\/>\n <\/svg>\n <\/div>\n <h3>Contenido Actualizado<\/h3>\n <p>Curr\u00edculum revisado mensualmente con las tecnolog\u00edas m\u00e1s demandadas del mercado.<\/p>\n <\/div>\n \n <div class=\"feature-card\">\n <div class=\"icon-box color-2\">\n <svg class=\"icon\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path>\n <circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle>\n <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path>\n <\/svg>\n <\/div>\n <h3>Instructores Expertos<\/h3>\n <p>Aprende de profesionales que trabajan actualmente en las empresas l\u00edderes del sector.<\/p>\n <\/div>\n\n <div class=\"feature-card\">\n <div class=\"icon-box color-4\">\n <svg class=\"icon\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n <path d=\"M13 10V3L4 14h7v7l9-11h-7z\"><\/path>\n <\/svg>\n <\/div>\n <h3>Proyectos Reales<\/h3>\n <p>Construye un portfolio profesional enfrent\u00e1ndote a retos t\u00e9cnicos de casos reales.<\/p>\n <\/div>\n\n <\/div>\n <\/div>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-09ea32d e-flex e-con-boxed e-con e-parent\" data-id=\"09ea32d\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-67c0af7 elementor-widget elementor-widget-html\" data-id=\"67c0af7\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"kronos-chat-bubble\" onclick=\"toggleKronosChat()\">\r\n <span>\ud83d\udcac<\/span>\r\n<\/div>\r\n\r\n<div id=\"kronos-chat-window\">\r\n <div id=\"kronos-chat-header\">\r\n <strong>Asistente Kronos Learning<\/strong>\r\n <span onclick=\"toggleKronosChat()\" style=\"cursor:pointer; font-size: 24px;\">×<\/span>\r\n <\/div>\r\n <div id=\"kronos-messages\">\r\n <div class=\"msg-bot\">\u00a1Hola! Soy tu asistente de Kronos Learning. \u00bfEn qu\u00e9 puedo ayudarte?<\/div>\r\n <\/div>\r\n <div id=\"kronos-input-area\">\r\n <input type=\"text\" id=\"kronos-user-input\" placeholder=\"Escribe tu duda...\" \/>\r\n <button id=\"kronos-send-btn\">\u27a4<\/button>\r\n <\/div>\r\n<\/div>\r\n\r\n<style>\r\n #kronos-chat-bubble {\r\n position: fixed; bottom: 25px; left: 25px;\r\n width: 65px; height: 65px; background: #0073aa;\r\n border-radius: 50%; color: white; display: flex;\r\n align-items: center; justify-content: center;\r\n font-size: 30px; cursor: pointer; z-index: 999999;\r\n box-shadow: 0 5px 20px rgba(0,0,0,0.3); transition: 0.3s;\r\n }\r\n #kronos-chat-bubble:hover { transform: scale(1.1); background: #005a87; }\r\n\r\n #kronos-chat-window {\r\n position: fixed; bottom: 100px; left: 25px;\r\n width: 330px; height: 480px; background: white;\r\n display: none; flex-direction: column;\r\n border-radius: 15px; box-shadow: 0 12px 40px rgba(0,0,0,0.25);\r\n z-index: 999999; font-family: 'Segoe UI', sans-serif;\r\n overflow: hidden; border: 1px solid #f0f0f0;\r\n }\r\n\r\n #kronos-chat-header {\r\n background: #0073aa; color: white; padding: 18px;\r\n display: flex; justify-content: space-between; align-items: center;\r\n font-size: 16px;\r\n }\r\n\r\n #kronos-messages {\r\n flex: 1; padding: 15px; overflow-y: auto;\r\n background: #fcfcfc; display: flex; flex-direction: column; gap: 12px;\r\n }\r\n\r\n .msg-bot, .msg-user {\r\n padding: 12px 16px; border-radius: 15px; font-size: 14px; line-height: 1.5; max-width: 80%;\r\n }\r\n .msg-bot { background: #f0f2f5; color: #333; align-self: flex-start; border-bottom-left-radius: 2px; }\r\n .msg-user { background: #0073aa; color: white; align-self: flex-end; border-bottom-right-radius: 2px; }\r\n\r\n #kronos-input-area { display: flex; padding: 12px; border-top: 1px solid #eee; background: white; }\r\n #kronos-user-input { flex: 1; border: 1px solid #ddd; border-radius: 25px; padding: 10px 18px; outline: none; font-size: 14px; }\r\n #kronos-send-btn { background: #0073aa; color: white; border: none; margin-left: 8px; border-radius: 50%; width: 40px; height: 40px; cursor: pointer; transition: 0.2s; }\r\n #kronos-send-btn:hover { background: #005a87; }\r\n<\/style>\r\n\r\n<script>\r\nfunction toggleKronosChat() {\r\n const win = document.getElementById('kronos-chat-window');\r\n win.style.display = (win.style.display === 'none' || win.style.display === '') ? 'flex' : 'none';\r\n}\r\n\r\nasync function enviarAIA() {\r\n const input = document.getElementById('kronos-user-input');\r\n const caja = document.getElementById('kronos-messages');\r\n const texto = input.value.trim();\r\n \r\n if(!texto) return;\r\n\r\n \/\/ Mostrar mensaje del usuario\r\n caja.innerHTML += `<div class=\"msg-user\">${texto}<\/div>`;\r\n input.value = '';\r\n caja.scrollTop = caja.scrollHeight;\r\n\r\n \/\/ Indicador de \"Escribiendo...\"\r\n const tempId = 'loading-' + Date.now();\r\n caja.innerHTML += `<div class=\"msg-bot\" id=\"${tempId}\">Escribiendo...<\/div>`;\r\n caja.scrollTop = caja.scrollHeight;\r\n\r\n \/\/ Llamada AJAX al servidor\r\n const formData = new FormData();\r\n formData.append('action', 'gemini_query');\r\n formData.append('prompt', texto);\r\n\r\n try {\r\n const response = await fetch('\/wp-admin\/admin-ajax.php', {\r\n method: 'POST',\r\n body: formData\r\n });\r\n const data = await response.json();\r\n \r\n \/\/ Quitar cargando y poner respuesta real\r\n document.getElementById(tempId).remove();\r\n caja.innerHTML += `<div class=\"msg-bot\">${data.reply}<\/div>`;\r\n } catch (err) {\r\n document.getElementById(tempId).innerText = \"Error al conectar con la IA.\";\r\n }\r\n caja.scrollTop = caja.scrollHeight;\r\n}\r\n\r\n\/\/ Escuchar click y Enter\r\ndocument.getElementById('kronos-send-btn').addEventListener('click', enviarAIA);\r\ndocument.getElementById('kronos-user-input').addEventListener('keypress', (e) => {\r\n if(e.key === 'Enter') enviarAIA();\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Formaci\u00f3n Tecnol\u00f3gica de \u00c9lite Domina el futuro digital Formaciones especializadas en las tecnolog\u00edas m\u00e1s demandadas. Aprende de expertos y transforma […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-25","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kronoslearning.es\/index.php\/wp-json\/wp\/v2\/pages\/25","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kronoslearning.es\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kronoslearning.es\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kronoslearning.es\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kronoslearning.es\/index.php\/wp-json\/wp\/v2\/comments?post=25"}],"version-history":[{"count":75,"href":"https:\/\/kronoslearning.es\/index.php\/wp-json\/wp\/v2\/pages\/25\/revisions"}],"predecessor-version":[{"id":313,"href":"https:\/\/kronoslearning.es\/index.php\/wp-json\/wp\/v2\/pages\/25\/revisions\/313"}],"wp:attachment":[{"href":"https:\/\/kronoslearning.es\/index.php\/wp-json\/wp\/v2\/media?parent=25"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}