Infograf\u00eda: Familia de Modelos OpenAI GPT<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700;900&display=swap\" rel=\"stylesheet\">\n <style>\n body {\n font-family: 'Inter', sans-serif;\n background-color: #2176AE;\n }\n .chart-container {\n position: relative;\n width: 100%;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n height: 300px;\n max-height: 400px;\n }\n .card {\n background-color: #1a5c88;\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n }\n .card:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 15px -3px rgba(255, 87, 51, 0.1), 0 4px 6px -2px rgba(255, 87, 51, 0.05);\n }\n .timeline-item::before {\n content: '';\n position: absolute;\n left: -13px;\n top: 0;\n bottom: 0;\n width: 2px;\n background-color: #FFC72C;\n }\n .timeline-dot {\n position: absolute;\n left: -25px;\n top: 4px;\n height: 24px;\n width: 24px;\n border-radius: 50%;\n background-color: #FF5733;\n border: 4px solid #2176AE;\n }\n <\/style>\n<\/head>\n<body class=\"text-white\">\n \n <div class=\"w-full p-4 sm:p-8\">\n\n <header class=\"text-center mb-12\">\n <h1 class=\"text-4xl md:text-6xl font-black tracking-tighter mb-2\">FAMILIA DE MODELOS OpenAI GPT<\/h1>\n <p class=\"text-lg md:text-xl text-gray-300 max-w-3xl mx-auto\">Un viaje desde el texto a la inteligencia unificada.<\/p>\n <\/header>\n\n \n <main class=\"grid grid-cols-1 gap-8\">\n \n \n <section class=\"card rounded-xl shadow-2xl p-6\">\n <h2 class=\"text-2xl font-bold mb-4 text-[#FFC72C]\">Evoluci\u00f3n Cronol\u00f3gica: Un Hito Tras Otro<\/h2>\n <p class=\"text-gray-300 mb-6\">La familia GPT ha marcado la pauta en la industria de la IA con lanzamientos que han redefinido las capacidades de los modelos de lenguaje.<\/p>\n <div class=\"relative pl-8 max-w-lg mx-auto\">\n <div class=\"relative mb-8 timeline-item\">\n <div class=\"timeline-dot\"><\/div>\n <p class=\"font-bold text-lg text-gray-200\">Noviembre 2022<\/p>\n <p class=\"text-gray-400\">Lanzamiento de **ChatGPT (GPT-3.5)**: La IA conversacional que lo cambi\u00f3 todo.<\/p>\n <\/div>\n <div class=\"relative mb-8 timeline-item\">\n <div class=\"timeline-dot\"><\/div>\n <p class=\"font-bold text-lg text-gray-200\">Marzo 2023<\/p>\n <p class=\"text-gray-400\">Lanzamiento de **GPT-4**: Habilidades mejoradas de razonamiento y primeros pasos en la multimodalidad.<\/p>\n <\/div>\n <div class=\"relative mb-8 timeline-item\">\n <div class=\"timeline-dot\"><\/div>\n <p class=\"font-bold text-lg text-gray-200\">Mayo 2024<\/p>\n <p class=\"text-gray-400\">Lanzamiento de **GPT-4o**: Multimodalidad nativa con interacciones de audio en tiempo real.<\/p>\n <\/div>\n <div class=\"relative timeline-item\">\n <div class=\"timeline-dot\"><\/div>\n <p class=\"font-bold text-lg text-gray-200\">Agosto 2025<\/p>\n <p class=\"text-gray-400\">Lanzamiento de **GPT-5**: Un sistema de IA unificado, capaz de seleccionar el modelo adecuado para cada tarea.<\/p>\n <\/div>\n <\/div>\n <\/section>\n \n \n <section class=\"card rounded-xl shadow-2xl p-6\">\n <h2 class=\"text-2xl font-bold mb-4 text-[#FFC72C]\">La Revoluci\u00f3n Multimodal<\/h2>\n <p class=\"text-gray-300 mb-4\">La capacidad de procesar y generar diferentes tipos de datos es una de las mayores evoluciones de la serie GPT, pasando de un enfoque puramente textual a una comprensi\u00f3n integral del mundo.<\/p>\n <div class=\"chart-container h-64 sm:h-80\">\n <canvas id=\"modalityChart\"><\/canvas>\n <\/div>\n <\/section>\n \n \n <section class=\"card rounded-xl shadow-2xl p-6\">\n <h2 class=\"text-2xl font-bold mb-4 text-[#FFC72C]\">GPT-5: Un Experto a Nivel de Doctorado<\/h2>\n <p class=\"text-gray-300 mb-6\">OpenAI describe a GPT-5 como un sistema de IA con una capacidad sin precedentes en m\u00faltiples dominios, un verdadero \"experto a nivel de doctorado\".<\/p>\n <div class=\"text-center\">\n <p class=\"text-6xl md:text-8xl font-black text-[#FF5733]\">\ud83d\udc68\u200d\ud83d\udd2c<\/p>\n <p class=\"text-lg font-bold\">Experto de Nivel Doctorado<\/p>\n <p class=\"text-gray-400\">Rendimiento superior en codificaci\u00f3n, matem\u00e1ticas y percepci\u00f3n visual.<\/p>\n <\/div>\n <\/section>\n \n \n <section class=\"card rounded-xl shadow-2xl p-6\">\n <h2 class=\"text-2xl font-bold mb-4 text-[#FFC72C]\">El Salto en la Ventana de Contexto<\/h2>\n <p class=\"text-gray-300 mb-6\">La ventana de contexto, o la cantidad de informaci\u00f3n que un modelo puede procesar a la vez, ha crecido exponencialmente, permitiendo una comprensi\u00f3n mucho m\u00e1s profunda y el manejo de tareas complejas.<\/p>\n <div class=\"chart-container h-96\">\n <canvas id=\"contextWindowChart\"><\/canvas>\n <\/div>\n <\/section>\n \n <section class=\"card rounded-xl shadow-2xl p-6\">\n <h2 class=\"text-2xl font-bold mb-4 text-[#FFC72C]\">Novedades y Caracter\u00edsticas<\/h2>\n <ul class=\"space-y-4 text-gray-300\">\n <li class=\"flex items-start\">\n <span class=\"text-[#8B4513] mr-3 mt-1\">\u2699\ufe0f<\/span>\n <div><span class=\"font-semibold text-white\">Sistema Unificado:<\/span> Enrutador inteligente para usar el sub-modelo m\u00e1s eficiente seg\u00fan la tarea.<\/div>\n <\/li>\n <li class=\"flex items-start\">\n <span class=\"text-[#8B4513] mr-3 mt-1\">\ud83e\udde0<\/span>\n <div><span class=\"font-semibold text-white\">Modos de Respuesta:<\/span> Elige entre \"R\u00e1pido\" o \"Pensamiento\" para respuestas r\u00e1pidas o complejas.<\/div>\n <\/li>\n <li class=\"flex items-start\">\n <span class=\"text-[#8B4513] mr-3 mt-1\">\ud83d\udd12<\/span>\n <div><span class=\"font-semibold text-white\">Safe-Completions:<\/span> Un nuevo enfoque de seguridad que ofrece respuestas \u00fatiles dentro de l\u00edmites seguros.<\/div>\n <\/li>\n <\/ul>\n <\/section>\n \n <section class=\"card rounded-xl shadow-2xl p-6\">\n <h2 class=\"text-2xl font-bold mb-4 text-[#FFC72C]\">Alineaci\u00f3n y Seguridad<\/h2>\n <ul class=\"space-y-4 text-gray-300\">\n <li class=\"flex items-start\">\n <span class=\"text-[#8B4513] mr-3 mt-1\">\ud83e\udd16<\/span>\n <div><span class=\"font-semibold text-white\">RLHF:<\/span> Refuerzo por retroalimentaci\u00f3n humana para mejorar la seguridad y la utilidad.<\/div>\n <\/li>\n <li class=\"flex items-start\">\n <span class=\"text-[#8B4513] mr-3 mt-1\">\ud83d\udeab<\/span>\n <div><span class=\"font-semibold text-white\">Menos Alucinaciones:<\/span> Uso de m\u00e9todos avanzados para reducir dr\u00e1sticamente las respuestas incorrectas.<\/div>\n <\/li>\n <li class=\"flex items-start\">\n <span class=\"text-[#8B4513] mr-3 mt-1\">\ud83c\udf10<\/span>\n <div><span class=\"font-semibold text-white\">Navegaci\u00f3n Web:<\/span> Capacidad de acceder a informaci\u00f3n en tiempo real para respuestas actualizadas.<\/div>\n <\/li>\n <\/ul>\n <\/section>\n \n <section class=\"card rounded-xl shadow-2xl p-6\">\n <h2 class=\"text-2xl font-bold mb-4 text-[#FFC72C]\">Disponibilidad<\/h2>\n <p class=\"text-gray-300 mb-6\">El acceso a los modelos GPT se ha democratizado, llegando a una amplia gama de usuarios y desarrolladores.<\/p>\n <ul class=\"space-y-4 text-gray-300\">\n <li class=\"flex items-start\">\n <span class=\"text-[#8B4513] mr-3 mt-1\">\ud83d\udc65<\/span>\n <div><span class=\"font-semibold text-white\">Acceso para Todos:<\/span> GPT-5 se despleg\u00f3 para todos los usuarios de ChatGPT (incluido el nivel gratuito).<\/div>\n <\/li>\n <li class=\"flex items-start\">\n <span class=\"text-[#8B4513] mr-3 mt-1\">\ud83d\udcbb<\/span>\n <div><span class=\"font-semibold text-white\">Integraci\u00f3n con Productos:<\/span> Fuerte integraci\u00f3n en ecosistemas como Microsoft 365 Copilot y Azure AI.<\/div>\n <\/li>\n <\/ul>\n <\/section>\n <\/main>\n \n <footer class=\"text-center mt-12 text-gray-500 text-sm\">\n <p>Infograf\u00eda generada a partir de la ficha t\u00e9cnica del modelo OpenAI GPT. Visualizaciones creadas con Chart.js y Tailwind CSS.<\/p>\n <\/footer>\n\n <\/div>\n\n <script>\n document.addEventListener('DOMContentLoaded', () => {\n const FONT_COLOR = '#E5E7EB';\n const GRID_COLOR = 'rgba(255, 255, 255, 0.1)';\n\n function wrapLabel(label) {\n const max_width = 16;\n if (label.length <= max_width) {\n return label;\n }\n const words = label.split(' ');\n let lines = [];\n let current_line = '';\n for (const word of words) {\n if ((current_line + ' ' + word).length > max_width) {\n lines.push(current_line);\n current_line = word;\n } else {\n current_line += (current_line.length === 0 ? '' : ' ') + word;\n }\n }\n lines.push(current_line);\n return lines;\n }\n \n const tooltipTitleCallback = (tooltipItems) => {\n const item = tooltipItems[0];\n let label = item.chart.data.labels[item.dataIndex];\n if (Array.isArray(label)) {\n return label.join(' ');\n } else {\n return label;\n }\n };\n \n const modalityCtx = document.getElementById('modalityChart');\n if(modalityCtx) {\n new Chart(modalityCtx, {\n type: 'bar',\n data: {\n labels: ['GPT-3.5', 'GPT-4', 'GPT-4o', 'GPT-5'],\n datasets: [{\n label: 'Modalidades Soportadas',\n data: [1, 2, 3, 4],\n backgroundColor: ['#FFC72C', '#FF5733', '#8B4513', '#FFC72C'],\n borderRadius: 5\n }]\n },\n options: {\n responsive: true,\n maintainAspectRatio: false,\n scales: {\n y: {\n beginAtZero: true,\n max: 5,\n ticks: { color: FONT_COLOR, stepSize: 1 },\n grid: { color: GRID_COLOR }\n },\n x: {\n ticks: { color: FONT_COLOR },\n grid: { display: false }\n }\n },\n plugins: {\n legend: { display: false },\n tooltip: {\n callbacks: {\n title: tooltipTitleCallback,\n label: (context) => {\n const value = context.raw;\n if (context.dataIndex === 0) return ` ${value} (Texto)`;\n if (context.dataIndex === 1) return ` ${value} (Texto, Im\u00e1genes)`;\n if (context.dataIndex === 2) return ` ${value} (Texto, Audio, Im\u00e1genes)`;\n if (context.dataIndex === 3) return ` ${value} (Texto, Audio, Im\u00e1genes, Video)`;\n }\n }\n }\n }\n }\n });\n }\n\n const contextWindowCtx = document.getElementById('contextWindowChart');\n if(contextWindowCtx) {\n new Chart(contextWindowCtx, {\n type: 'bar',\n data: {\n labels: ['GPT-3.5 Turbo', 'GPT-4 \/ 4o', ['GPT-5', '(Est\u00e1ndar)'], ['GPT-5', '(Azure)']],\n datasets: [{\n label: 'Tokens de Contexto',\n data: [16385, 128000, 196000, 272000],\n backgroundColor: ['#8B4513', '#FF5733', '#FFC72C', '#FFC72C'],\n borderRadius: 5\n }]\n },\n options: {\n indexAxis: 'y',\n responsive: true,\n maintainAspectRatio: false,\n scales: {\n x: {\n type: 'logarithmic',\n ticks: {\n color: FONT_COLOR,\n callback: function(value, index, values) {\n if (value >= 1000) {\n return value.toLocaleString() + 'k';\n }\n }\n },\n grid: { color: GRID_COLOR }\n },\n y: {\n beginAtZero: true,\n ticks: { color: FONT_COLOR, font: { size: 14 } },\n grid: { display: false }\n }\n },\n plugins: {\n legend: { display: false },\n tooltip: {\n callbacks: {\n title: tooltipTitleCallback,\n label: function(context) {\n return ` ${context.raw.toLocaleString()} tokens`;\n }\n }\n }\n }\n }\n });\n }\n });\n <\/script>\n<\/body>\n<\/html><\/div><\/div><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":2459,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"image","meta":{"_acf_changed":false,"footnotes":""},"categories":[41],"tags":[45,43,44],"class_list":["post-2168","post","type-post","status-publish","format-image","has-post-thumbnail","hentry","category-modelos-ia","tag-chatgpt","tag-inteligencia-artificial","tag-modelos-ia","post_format-post-format-image"],"acf":[],"_links":{"self":[{"href":"https:\/\/edukia.org\/ca\/wp-json\/wp\/v2\/posts\/2168","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/edukia.org\/ca\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/edukia.org\/ca\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/edukia.org\/ca\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/edukia.org\/ca\/wp-json\/wp\/v2\/comments?post=2168"}],"version-history":[{"count":2,"href":"https:\/\/edukia.org\/ca\/wp-json\/wp\/v2\/posts\/2168\/revisions"}],"predecessor-version":[{"id":2573,"href":"https:\/\/edukia.org\/ca\/wp-json\/wp\/v2\/posts\/2168\/revisions\/2573"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/edukia.org\/ca\/wp-json\/wp\/v2\/media\/2459"}],"wp:attachment":[{"href":"https:\/\/edukia.org\/ca\/wp-json\/wp\/v2\/media?parent=2168"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/edukia.org\/ca\/wp-json\/wp\/v2\/categories?post=2168"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/edukia.org\/ca\/wp-json\/wp\/v2\/tags?post=2168"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\n\n \n \n Infograf\u00eda: Familia de Modelos OpenAI GPT<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700;900&display=swap\" rel=\"stylesheet\">\n <style>\n body {\n font-family: 'Inter', sans-serif;\n background-color: #2176AE;\n }\n .chart-container {\n position: relative;\n width: 100%;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n height: 300px;\n max-height: 400px;\n }\n .card {\n background-color: #1a5c88;\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n }\n .card:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 15px -3px rgba(255, 87, 51, 0.1), 0 4px 6px -2px rgba(255, 87, 51, 0.05);\n }\n .timeline-item::before {\n content: '';\n position: absolute;\n left: -13px;\n top: 0;\n bottom: 0;\n width: 2px;\n background-color: #FFC72C;\n }\n .timeline-dot {\n position: absolute;\n left: -25px;\n top: 4px;\n height: 24px;\n width: 24px;\n border-radius: 50%;\n background-color: #FF5733;\n border: 4px solid #2176AE;\n }\n <\/style>\n<\/head>\n<body class=\"text-white\">\n \n <div class=\"w-full p-4 sm:p-8\">\n\n <header class=\"text-center mb-12\">\n <h1 class=\"text-4xl md:text-6xl font-black tracking-tighter mb-2\">FAMILIA DE MODELOS OpenAI GPT<\/h1>\n <p class=\"text-lg md:text-xl text-gray-300 max-w-3xl mx-auto\">Un viaje desde el texto a la inteligencia unificada.<\/p>\n <\/header>\n\n \n <main class=\"grid grid-cols-1 gap-8\">\n \n \n <section class=\"card rounded-xl shadow-2xl p-6\">\n <h2 class=\"text-2xl font-bold mb-4 text-[#FFC72C]\">Evoluci\u00f3n Cronol\u00f3gica: Un Hito Tras Otro<\/h2>\n <p class=\"text-gray-300 mb-6\">La familia GPT ha marcado la pauta en la industria de la IA con lanzamientos que han redefinido las capacidades de los modelos de lenguaje.<\/p>\n <div class=\"relative pl-8 max-w-lg mx-auto\">\n <div class=\"relative mb-8 timeline-item\">\n <div class=\"timeline-dot\"><\/div>\n <p class=\"font-bold text-lg text-gray-200\">Noviembre 2022<\/p>\n <p class=\"text-gray-400\">Lanzamiento de **ChatGPT (GPT-3.5)**: La IA conversacional que lo cambi\u00f3 todo.<\/p>\n <\/div>\n <div class=\"relative mb-8 timeline-item\">\n <div class=\"timeline-dot\"><\/div>\n <p class=\"font-bold text-lg text-gray-200\">Marzo 2023<\/p>\n <p class=\"text-gray-400\">Lanzamiento de **GPT-4**: Habilidades mejoradas de razonamiento y primeros pasos en la multimodalidad.<\/p>\n <\/div>\n <div class=\"relative mb-8 timeline-item\">\n <div class=\"timeline-dot\"><\/div>\n <p class=\"font-bold text-lg text-gray-200\">Mayo 2024<\/p>\n <p class=\"text-gray-400\">Lanzamiento de **GPT-4o**: Multimodalidad nativa con interacciones de audio en tiempo real.<\/p>\n <\/div>\n <div class=\"relative timeline-item\">\n <div class=\"timeline-dot\"><\/div>\n <p class=\"font-bold text-lg text-gray-200\">Agosto 2025<\/p>\n <p class=\"text-gray-400\">Lanzamiento de **GPT-5**: Un sistema de IA unificado, capaz de seleccionar el modelo adecuado para cada tarea.<\/p>\n <\/div>\n <\/div>\n <\/section>\n \n \n <section class=\"card rounded-xl shadow-2xl p-6\">\n <h2 class=\"text-2xl font-bold mb-4 text-[#FFC72C]\">La Revoluci\u00f3n Multimodal<\/h2>\n <p class=\"text-gray-300 mb-4\">La capacidad de procesar y generar diferentes tipos de datos es una de las mayores evoluciones de la serie GPT, pasando de un enfoque puramente textual a una comprensi\u00f3n integral del mundo.<\/p>\n <div class=\"chart-container h-64 sm:h-80\">\n <canvas id=\"modalityChart\"><\/canvas>\n <\/div>\n <\/section>\n \n \n <section class=\"card rounded-xl shadow-2xl p-6\">\n <h2 class=\"text-2xl font-bold mb-4 text-[#FFC72C]\">GPT-5: Un Experto a Nivel de Doctorado<\/h2>\n <p class=\"text-gray-300 mb-6\">OpenAI describe a GPT-5 como un sistema de IA con una capacidad sin precedentes en m\u00faltiples dominios, un verdadero \"experto a nivel de doctorado\".<\/p>\n <div class=\"text-center\">\n <p class=\"text-6xl md:text-8xl font-black text-[#FF5733]\">\ud83d\udc68\u200d\ud83d\udd2c<\/p>\n <p class=\"text-lg font-bold\">Experto de Nivel Doctorado<\/p>\n <p class=\"text-gray-400\">Rendimiento superior en codificaci\u00f3n, matem\u00e1ticas y percepci\u00f3n visual.<\/p>\n <\/div>\n <\/section>\n \n \n <section class=\"card rounded-xl shadow-2xl p-6\">\n <h2 class=\"text-2xl font-bold mb-4 text-[#FFC72C]\">El Salto en la Ventana de Contexto<\/h2>\n <p class=\"text-gray-300 mb-6\">La ventana de contexto, o la cantidad de informaci\u00f3n que un modelo puede procesar a la vez, ha crecido exponencialmente, permitiendo una comprensi\u00f3n mucho m\u00e1s profunda y el manejo de tareas complejas.<\/p>\n <div class=\"chart-container h-96\">\n <canvas id=\"contextWindowChart\"><\/canvas>\n <\/div>\n <\/section>\n \n <section class=\"card rounded-xl shadow-2xl p-6\">\n <h2 class=\"text-2xl font-bold mb-4 text-[#FFC72C]\">Novedades y Caracter\u00edsticas<\/h2>\n <ul class=\"space-y-4 text-gray-300\">\n <li class=\"flex items-start\">\n <span class=\"text-[#8B4513] mr-3 mt-1\">\u2699\ufe0f<\/span>\n <div><span class=\"font-semibold text-white\">Sistema Unificado:<\/span> Enrutador inteligente para usar el sub-modelo m\u00e1s eficiente seg\u00fan la tarea.<\/div>\n <\/li>\n <li class=\"flex items-start\">\n <span class=\"text-[#8B4513] mr-3 mt-1\">\ud83e\udde0<\/span>\n <div><span class=\"font-semibold text-white\">Modos de Respuesta:<\/span> Elige entre \"R\u00e1pido\" o \"Pensamiento\" para respuestas r\u00e1pidas o complejas.<\/div>\n <\/li>\n <li class=\"flex items-start\">\n <span class=\"text-[#8B4513] mr-3 mt-1\">\ud83d\udd12<\/span>\n <div><span class=\"font-semibold text-white\">Safe-Completions:<\/span> Un nuevo enfoque de seguridad que ofrece respuestas \u00fatiles dentro de l\u00edmites seguros.<\/div>\n <\/li>\n <\/ul>\n <\/section>\n \n <section class=\"card rounded-xl shadow-2xl p-6\">\n <h2 class=\"text-2xl font-bold mb-4 text-[#FFC72C]\">Alineaci\u00f3n y Seguridad<\/h2>\n <ul class=\"space-y-4 text-gray-300\">\n <li class=\"flex items-start\">\n <span class=\"text-[#8B4513] mr-3 mt-1\">\ud83e\udd16<\/span>\n <div><span class=\"font-semibold text-white\">RLHF:<\/span> Refuerzo por retroalimentaci\u00f3n humana para mejorar la seguridad y la utilidad.<\/div>\n <\/li>\n <li class=\"flex items-start\">\n <span class=\"text-[#8B4513] mr-3 mt-1\">\ud83d\udeab<\/span>\n <div><span class=\"font-semibold text-white\">Menos Alucinaciones:<\/span> Uso de m\u00e9todos avanzados para reducir dr\u00e1sticamente las respuestas incorrectas.<\/div>\n <\/li>\n <li class=\"flex items-start\">\n <span class=\"text-[#8B4513] mr-3 mt-1\">\ud83c\udf10<\/span>\n <div><span class=\"font-semibold text-white\">Navegaci\u00f3n Web:<\/span> Capacidad de acceder a informaci\u00f3n en tiempo real para respuestas actualizadas.<\/div>\n <\/li>\n <\/ul>\n <\/section>\n \n <section class=\"card rounded-xl shadow-2xl p-6\">\n <h2 class=\"text-2xl font-bold mb-4 text-[#FFC72C]\">Disponibilidad<\/h2>\n <p class=\"text-gray-300 mb-6\">El acceso a los modelos GPT se ha democratizado, llegando a una amplia gama de usuarios y desarrolladores.<\/p>\n <ul class=\"space-y-4 text-gray-300\">\n <li class=\"flex items-start\">\n <span class=\"text-[#8B4513] mr-3 mt-1\">\ud83d\udc65<\/span>\n <div><span class=\"font-semibold text-white\">Acceso para Todos:<\/span> GPT-5 se despleg\u00f3 para todos los usuarios de ChatGPT (incluido el nivel gratuito).<\/div>\n <\/li>\n <li class=\"flex items-start\">\n <span class=\"text-[#8B4513] mr-3 mt-1\">\ud83d\udcbb<\/span>\n <div><span class=\"font-semibold text-white\">Integraci\u00f3n con Productos:<\/span> Fuerte integraci\u00f3n en ecosistemas como Microsoft 365 Copilot y Azure AI.<\/div>\n <\/li>\n <\/ul>\n <\/section>\n <\/main>\n \n <footer class=\"text-center mt-12 text-gray-500 text-sm\">\n <p>Infograf\u00eda generada a partir de la ficha t\u00e9cnica del modelo OpenAI GPT. Visualizaciones creadas con Chart.js y Tailwind CSS.<\/p>\n <\/footer>\n\n <\/div>\n\n <script>\n document.addEventListener('DOMContentLoaded', () => {\n const FONT_COLOR = '#E5E7EB';\n const GRID_COLOR = 'rgba(255, 255, 255, 0.1)';\n\n function wrapLabel(label) {\n const max_width = 16;\n if (label.length <= max_width) {\n return label;\n }\n const words = label.split(' ');\n let lines = [];\n let current_line = '';\n for (const word of words) {\n if ((current_line + ' ' + word).length > max_width) {\n lines.push(current_line);\n current_line = word;\n } else {\n current_line += (current_line.length === 0 ? '' : ' ') + word;\n }\n }\n lines.push(current_line);\n return lines;\n }\n \n const tooltipTitleCallback = (tooltipItems) => {\n const item = tooltipItems[0];\n let label = item.chart.data.labels[item.dataIndex];\n if (Array.isArray(label)) {\n return label.join(' ');\n } else {\n return label;\n }\n };\n \n const modalityCtx = document.getElementById('modalityChart');\n if(modalityCtx) {\n new Chart(modalityCtx, {\n type: 'bar',\n data: {\n labels: ['GPT-3.5', 'GPT-4', 'GPT-4o', 'GPT-5'],\n datasets: [{\n label: 'Modalidades Soportadas',\n data: [1, 2, 3, 4],\n backgroundColor: ['#FFC72C', '#FF5733', '#8B4513', '#FFC72C'],\n borderRadius: 5\n }]\n },\n options: {\n responsive: true,\n maintainAspectRatio: false,\n scales: {\n y: {\n beginAtZero: true,\n max: 5,\n ticks: { color: FONT_COLOR, stepSize: 1 },\n grid: { color: GRID_COLOR }\n },\n x: {\n ticks: { color: FONT_COLOR },\n grid: { display: false }\n }\n },\n plugins: {\n legend: { display: false },\n tooltip: {\n callbacks: {\n title: tooltipTitleCallback,\n label: (context) => {\n const value = context.raw;\n if (context.dataIndex === 0) return ` ${value} (Texto)`;\n if (context.dataIndex === 1) return ` ${value} (Texto, Im\u00e1genes)`;\n if (context.dataIndex === 2) return ` ${value} (Texto, Audio, Im\u00e1genes)`;\n if (context.dataIndex === 3) return ` ${value} (Texto, Audio, Im\u00e1genes, Video)`;\n }\n }\n }\n }\n }\n });\n }\n\n const contextWindowCtx = document.getElementById('contextWindowChart');\n if(contextWindowCtx) {\n new Chart(contextWindowCtx, {\n type: 'bar',\n data: {\n labels: ['GPT-3.5 Turbo', 'GPT-4 \/ 4o', ['GPT-5', '(Est\u00e1ndar)'], ['GPT-5', '(Azure)']],\n datasets: [{\n label: 'Tokens de Contexto',\n data: [16385, 128000, 196000, 272000],\n backgroundColor: ['#8B4513', '#FF5733', '#FFC72C', '#FFC72C'],\n borderRadius: 5\n }]\n },\n options: {\n indexAxis: 'y',\n responsive: true,\n maintainAspectRatio: false,\n scales: {\n x: {\n type: 'logarithmic',\n ticks: {\n color: FONT_COLOR,\n callback: function(value, index, values) {\n if (value >= 1000) {\n return value.toLocaleString() + 'k';\n }\n }\n },\n grid: { color: GRID_COLOR }\n },\n y: {\n beginAtZero: true,\n ticks: { color: FONT_COLOR, font: { size: 14 } },\n grid: { display: false }\n }\n },\n plugins: {\n legend: { display: false },\n tooltip: {\n callbacks: {\n title: tooltipTitleCallback,\n label: function(context) {\n return ` ${context.raw.toLocaleString()} tokens`;\n }\n }\n }\n }\n }\n });\n }\n });\n <\/script>\n<\/body>\n<\/html><\/div><\/div><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":2459,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"image","meta":{"_acf_changed":false,"footnotes":""},"categories":[41],"tags":[45,43,44],"class_list":["post-2168","post","type-post","status-publish","format-image","has-post-thumbnail","hentry","category-modelos-ia","tag-chatgpt","tag-inteligencia-artificial","tag-modelos-ia","post_format-post-format-image"],"acf":[],"_links":{"self":[{"href":"https:\/\/edukia.org\/ca\/wp-json\/wp\/v2\/posts\/2168","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/edukia.org\/ca\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/edukia.org\/ca\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/edukia.org\/ca\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/edukia.org\/ca\/wp-json\/wp\/v2\/comments?post=2168"}],"version-history":[{"count":2,"href":"https:\/\/edukia.org\/ca\/wp-json\/wp\/v2\/posts\/2168\/revisions"}],"predecessor-version":[{"id":2573,"href":"https:\/\/edukia.org\/ca\/wp-json\/wp\/v2\/posts\/2168\/revisions\/2573"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/edukia.org\/ca\/wp-json\/wp\/v2\/media\/2459"}],"wp:attachment":[{"href":"https:\/\/edukia.org\/ca\/wp-json\/wp\/v2\/media?parent=2168"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/edukia.org\/ca\/wp-json\/wp\/v2\/categories?post=2168"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/edukia.org\/ca\/wp-json\/wp\/v2\/tags?post=2168"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}