{"id":11689,"date":"2026-10-02T10:18:44","date_gmt":"2026-10-02T08:18:44","guid":{"rendered":"https:\/\/www.host-fusion.com\/blog\/?p=11689"},"modified":"2026-10-02T10:18:46","modified_gmt":"2026-10-02T08:18:46","slug":"api-keys-webs-ia-seguridad","status":"publish","type":"post","link":"https:\/\/www.host-fusion.com\/blog\/2026\/10\/02\/api-keys-webs-ia-seguridad\/","title":{"rendered":"API keys y webs con IA: el error que puede dejar tu proyecto expuesto"},"content":{"rendered":"\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"824\" height=\"243\" src=\"https:\/\/www.host-fusion.com\/blog\/wp-content\/uploads\/2026\/10\/api-key.webp\" alt=\"API keys y webs con IA: el error que puede dejar tu proyecto expuesto\" class=\"wp-image-11691\" srcset=\"https:\/\/www.host-fusion.com\/blog\/wp-content\/uploads\/2026\/10\/api-key.webp 824w, https:\/\/www.host-fusion.com\/blog\/wp-content\/uploads\/2026\/10\/api-key-300x88.webp 300w, https:\/\/www.host-fusion.com\/blog\/wp-content\/uploads\/2026\/10\/api-key-766x226.webp 766w, https:\/\/www.host-fusion.com\/blog\/wp-content\/uploads\/2026\/10\/api-key-705x208.webp 705w\" sizes=\"(max-width: 824px) 100vw, 824px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u201cHe conectado ChatGPT o Claude a mi web. \u00bfPuedo poner la clave API directamente en el c\u00f3digo?\u201d<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">La respuesta es clara:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>No, si ese c\u00f3digo puede llegar al navegador o quedar accesible p\u00fablicamente.<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Y este es uno de los errores que m\u00e1s f\u00e1cilmente pueden aparecer ahora que cada vez m\u00e1s personas crean aplicaciones, plugins y automatizaciones con ayuda de inteligencia artificial.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">La integraci\u00f3n puede funcionar perfectamente.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Pero una sola clave mal guardada puede convertir un proyecto \u00fatil en un problema de seguridad.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u00bfQu\u00e9 es realmente una API key?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Una API key es una credencial que permite que tu aplicaci\u00f3n se identifique ante un servicio externo.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Por ejemplo, tu web puede utilizarla para solicitar una respuesta a un modelo de inteligencia artificial.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Simplificando mucho:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>tu web ? API del proveedor ? IA ? respuesta<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Esa clave permite realizar peticiones asociadas a tu cuenta.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Por eso hay que tratarla pr\u00e1cticamente como una contrase\u00f1a.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">El error: poner la clave donde cualquiera puede verla<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Imagina que est\u00e1s creando una aplicaci\u00f3n con ayuda de IA.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Le pides:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u201cConecta este formulario con ChatGPT.\u201d<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Obtienes el c\u00f3digo.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Lo pruebas.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Funciona.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Fant\u00e1stico.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Pero si la clave termina escrita directamente en JavaScript que se ejecuta en el navegador, puede quedar accesible para quien inspeccione la p\u00e1gina.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Y entonces ya no tienes una clave privada.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Tienes una credencial publicada en internet.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Nunca conf\u00edes en que \u201cnadie la encontrar\u00e1\u201d<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Internet funciona precisamente al rev\u00e9s.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">El c\u00f3digo que llega al navegador puede inspeccionarse.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Los repositorios p\u00fablicos pueden analizarse.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Existen herramientas automatizadas buscando credenciales expuestas.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Y una clave que parece escondida dentro de un archivo puede seguir siendo perfectamente recuperable.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ofuscarla tampoco convierte una clave p\u00fablica en una clave segura.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">La arquitectura correcta es diferente<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">La soluci\u00f3n habitual consiste en mantener la clave fuera del navegador.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">El usuario hace una petici\u00f3n desde la web.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Tu servidor recibe esa petici\u00f3n.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">El servidor utiliza la API key.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">El proveedor de IA procesa la solicitud.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Tu servidor recibe la respuesta.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Y finalmente la web muestra el resultado.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">De esta forma:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>el navegador nunca necesita conocer la clave.<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">La credencial permanece en el entorno del servidor.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" width=\"1030\" height=\"580\" src=\"https:\/\/www.host-fusion.com\/blog\/wp-content\/uploads\/2026\/10\/Guardianes-de-las-API-en-la-Noche-Digital-1030x580.webp\" alt=\"\" class=\"wp-image-11692\" style=\"aspect-ratio:1.7759077224418731;width:828px;height:auto\" role=\"none\" srcset=\"https:\/\/www.host-fusion.com\/blog\/wp-content\/uploads\/2026\/10\/Guardianes-de-las-API-en-la-Noche-Digital-1030x580.webp 1030w, https:\/\/www.host-fusion.com\/blog\/wp-content\/uploads\/2026\/10\/Guardianes-de-las-API-en-la-Noche-Digital-768x432.webp 768w, https:\/\/www.host-fusion.com\/blog\/wp-content\/uploads\/2026\/10\/Guardianes-de-las-API-en-la-Noche-Digital-300x169.webp 300w, https:\/\/www.host-fusion.com\/blog\/wp-content\/uploads\/2026\/10\/Guardianes-de-las-API-en-la-Noche-Digital-1536x864.webp 1536w, https:\/\/www.host-fusion.com\/blog\/wp-content\/uploads\/2026\/10\/Guardianes-de-las-API-en-la-Noche-Digital-1500x844.webp 1500w, https:\/\/www.host-fusion.com\/blog\/wp-content\/uploads\/2026\/10\/Guardianes-de-las-API-en-la-Noche-Digital-705x397.webp 705w, https:\/\/www.host-fusion.com\/blog\/wp-content\/uploads\/2026\/10\/Guardianes-de-las-API-en-la-Noche-Digital.webp 1672w\" sizes=\"(max-width: 1030px) 100vw, 1030px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Variables de entorno: una soluci\u00f3n mucho mejor<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Una pr\u00e1ctica habitual consiste en almacenar las claves mediante variables de entorno o mecanismos equivalentes de configuraci\u00f3n segura.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">As\u00ed puedes separar:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>el c\u00f3digo<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">de<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>las credenciales<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Esto tiene una ventaja enorme.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Puedes compartir, actualizar o versionar tu c\u00f3digo sin tener que incluir dentro las claves privadas que necesita el proyecto.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Cuidado tambi\u00e9n con GitHub<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Otro error muy habitual es este:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Creas una aplicaci\u00f3n.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Pones temporalmente la clave dentro del c\u00f3digo.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Subes el proyecto a GitHub.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Despu\u00e9s eliminas la clave.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Y piensas:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u201cYa est\u00e1 solucionado.\u201d<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">No necesariamente.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">La clave podr\u00eda haber quedado registrada en el historial del repositorio.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Si una credencial ha quedado expuesta, la opci\u00f3n prudente no es simplemente borrarla del archivo.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Es <strong>revocarla y generar una nueva<\/strong>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Programar con IA hace que este problema sea todav\u00eda m\u00e1s importante<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">ChatGPT, Claude, Codex y otras herramientas permiten avanzar extremadamente r\u00e1pido.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Y eso es fant\u00e1stico.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Pero tambi\u00e9n aumenta la posibilidad de copiar c\u00f3digo, probarlo y publicarlo sin revisar algunos detalles.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">La pregunta no deber\u00eda ser \u00fanicamente:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">\u201c\u00bfFunciona?\u201d<\/p>\n<\/blockquote>\n\n\n\n<p class=\"wp-block-paragraph\">Tambi\u00e9n deber\u00edamos preguntarnos:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">\u201c\u00bfD\u00f3nde se est\u00e1n guardando las credenciales?\u201d<\/p>\n<\/blockquote>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">\u201c\u00bfPuede verlas el usuario?\u201d<\/p>\n<\/blockquote>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">\u201c\u00bfEst\u00e1n dentro del repositorio?\u201d<\/p>\n<\/blockquote>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">\u201c\u00bfTienen m\u00e1s permisos de los necesarios?\u201d<\/p>\n<\/blockquote>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">\u201c\u00bfSabr\u00edamos revocarlas r\u00e1pidamente?\u201d<\/p>\n<\/blockquote>\n\n\n\n<p class=\"wp-block-paragraph\">Ese peque\u00f1o repaso puede evitar problemas importantes.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Una clave expuesta tambi\u00e9n puede convertirse en dinero perdido<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Si otra persona consigue una API key v\u00e1lida, podr\u00eda utilizarla para realizar peticiones asociadas a esa cuenta mientras siga activa y sus permisos lo permitan.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Eso puede acabar provocando consumo no autorizado y costes inesperados.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Por eso conviene controlar tambi\u00e9n el uso de las APIs.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">No basta con generar una clave y olvidarse de ella.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Cinco reglas sencillas<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Si vas a integrar inteligencia artificial en una web, qu\u00e9date al menos con estas cinco ideas:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>No expongas una API key en JavaScript, HTML ni c\u00f3digo que llegue al navegador.<\/li>\n\n\n\n<li>No guardes credenciales privadas directamente en repositorios de c\u00f3digo.<\/li>\n\n\n\n<li>Utiliza variables de entorno o mecanismos seguros del servidor.<\/li>\n\n\n\n<li>Si sospechas que una clave se ha filtrado, rev\u00f3cala y sustit\u00fayela.<\/li>\n\n\n\n<li>Controla permisos y consumo para detectar r\u00e1pidamente comportamientos an\u00f3malos.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">No necesitas convertirte en experto en ciberseguridad.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Pero estas reglas deber\u00edan formar parte de cualquier proyecto que utilice APIs.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u00bfY en WordPress?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Exactamente lo mismo.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Un plugin puede conectarse con servicios de inteligencia artificial sin necesidad de exponer p\u00fablicamente las credenciales.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Las claves deben manejarse desde el lado servidor y almacenarse de forma apropiada.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Especialmente si estamos hablando de:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">ChatGPT, Claude, Gemini, servicios de generaci\u00f3n de im\u00e1genes, automatizaciones o cualquier API que facture por uso.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Instalar un plugin o pegar un snippet sin entender c\u00f3mo maneja las credenciales puede ser una mala idea.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">El hosting tambi\u00e9n forma parte de la seguridad<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Un buen entorno de hosting no sustituye a una aplicaci\u00f3n bien programada.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Pero s\u00ed proporciona la base sobre la que esa aplicaci\u00f3n debe funcionar.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Servidor actualizado.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">PHP moderno.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">SSL.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Permisos adecuados.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Copias de seguridad.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Protecci\u00f3n.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Monitorizaci\u00f3n.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Y soporte cuando aparece algo extra\u00f1o.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">La seguridad no depende de una sola cosa.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Es la suma de muchas peque\u00f1as decisiones correctas.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">La IA puede generar el c\u00f3digo. T\u00fa debes controlar las llaves.<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Esta probablemente sea la idea m\u00e1s importante de todo el art\u00edculo.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">La inteligencia artificial puede ayudarte a crear una integraci\u00f3n en minutos.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Puede escribir funciones.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Puede conectarse con APIs.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Puede solucionar errores.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Pero las credenciales siguen siendo responsabilidad de quien publica el proyecto.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Antes de poner una aplicaci\u00f3n online, revisa siempre qu\u00e9 secretos utiliza y d\u00f3nde est\u00e1n almacenados.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">API keys<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Las API keys son una pieza fundamental de muchas de las nuevas webs y aplicaciones creadas con inteligencia artificial.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Y precisamente por eso debemos acostumbrarnos a protegerlas correctamente.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">No deber\u00edan aparecer en el navegador.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">No deber\u00edan terminar dentro de un repositorio.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">No deber\u00edan compartirse sin necesidad.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Y no deber\u00edan permanecer activas si sospechamos que se han filtrado.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Crear con IA es cada vez m\u00e1s f\u00e1cil.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Publicar de forma segura sigue requiriendo criterio.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>La IA puede ayudarte a construir el proyecto. Pero las llaves de tu proyecto siguen siendo tuyas.<\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u00bfEst\u00e1s creando una web o aplicaci\u00f3n con IA?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Antes de pensar \u00fanicamente en potencia, aseg\u00farate tambi\u00e9n de contar con una infraestructura estable y segura.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Prueba nuestro asistente de hosting y descubre qu\u00e9 entorno encaja mejor con lo que est\u00e1s creando.<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Hosting profesional, Hosting El\u00e1stico o VPS.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">La soluci\u00f3n correcta depende de tu proyecto, no de que lleve la palabra \u201cIA\u201d.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n    <div id=\"hf-wizard-wrap\" style=\"max-width:680px;margin:0 auto;font-family:'Segoe UI',Arial,sans-serif;color:#0a1a3a;\">\n    <style>\n    #hf-wizard-wrap *{box-sizing:border-box;margin:0;padding:0;}\n    #hf-wizard-wrap .hfw{background:#fff;border-radius:20px;box-shadow:0 8px 40px rgba(0,80,255,.10);overflow:hidden;}\n    #hf-wizard-wrap .hfw-header{background:linear-gradient(120deg,#0050ff 0%,#00b4ff 100%);padding:0 32px 28px;color:#fff;position:relative;overflow:hidden;min-height:260px;display:flex;flex-direction:column;justify-content:flex-end;}\n    #hf-wizard-wrap .hfw-header-top{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:18px;}\n    #hf-wizard-wrap .hfw-logo{padding-top:28px;z-index:2;}\n    #hf-wizard-wrap .hfw-logo img{height:110px;width:auto;display:block;}\n    #hf-wizard-wrap .hfw-captain{position:absolute;right:-10px;bottom:0;height:420px;z-index:2;pointer-events:none;}\n    #hf-wizard-wrap .hfw-content{z-index:2;max-width:55%;position:relative;}\n    #hf-wizard-wrap .hfw-header h1{font-size:26px;font-weight:800;margin-bottom:8px;line-height:1.25;color:#fff !important;}\n    #hf-wizard-wrap .hfw-header p{font-size:16px;opacity:.95;line-height:1.5;color:#fff !important;}\n    #hf-wizard-wrap .hfw-progress{background:rgba(255,255,255,.25);border-radius:99px;height:6px;margin-top:16px;overflow:hidden;}\n    #hf-wizard-wrap .hfw-progress-fill{background:#fff;border-radius:99px;height:6px;width:0%;transition:width .35s ease;}\n    #hf-wizard-wrap .hfw-progress-label{font-size:15px;opacity:.95;margin-top:8px;color:#fff !important;}\n    #hf-wizard-wrap .hfw-body{padding:32px;}\n    #hf-wizard-wrap .hfw-step{display:none;animation:hfwFadeIn .25s ease;}\n    #hf-wizard-wrap .hfw-step.active{display:block;}\n    @keyframes hfwFadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}\n    #hf-wizard-wrap .hfw-question{font-size:22px;font-weight:700;color:#0a1a3a;margin-bottom:10px;line-height:1.35;}\n    #hf-wizard-wrap .hfw-subtitle{font-size:14px;color:#6b7a99;margin-bottom:24px;line-height:1.5;}\n    #hf-wizard-wrap .hfw-options{display:grid;gap:12px;}\n    #hf-wizard-wrap .hfw-option{border:2px solid #e0e8ff;border-radius:14px;padding:16px 18px;cursor:pointer;display:flex;align-items:center;gap:14px;transition:all .2s ease;background:#f8faff;}\n    #hf-wizard-wrap .hfw-option:hover{border-color:#0050ff;background:#eef3ff;transform:translateY(-1px);}\n    #hf-wizard-wrap .hfw-option.selected{border-color:#0050ff;background:#eef3ff;}\n    #hf-wizard-wrap .hfw-opt-icon{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#0050ff,#00b4ff);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;color:#fff;}\n    #hf-wizard-wrap .hfw-opt-title{font-size:15px;font-weight:700;color:#0a1a3a;}\n    #hf-wizard-wrap .hfw-opt-desc{font-size:13px;color:#6b7a99;margin-top:3px;line-height:1.4;}\n    #hf-wizard-wrap .hfw-nav{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:28px;}\n    #hf-wizard-wrap .hfw-btn{padding:12px 26px;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer;border:none;transition:all .2s ease;}\n    #hf-wizard-wrap .hfw-btn-back{background:#f0f4ff;color:#0050ff;}\n    #hf-wizard-wrap .hfw-btn-back:hover{background:#e0e8ff;}\n    #hf-wizard-wrap .hfw-btn-next{background:linear-gradient(135deg,#0050ff,#00b4ff);color:#fff;}\n    #hf-wizard-wrap .hfw-btn-next:hover{opacity:.92;transform:translateY(-1px);}\n    #hf-wizard-wrap .hfw-btn-next:disabled{opacity:.45;cursor:not-allowed;transform:none;}\n    #hf-wizard-wrap .hfw-result-badge{display:inline-block;background:linear-gradient(135deg,#0050ff,#00b4ff);color:#fff;font-size:12px;font-weight:800;padding:5px 12px;border-radius:99px;margin-bottom:14px;}\n    #hf-wizard-wrap .hfw-result-plan{font-size:28px;font-weight:800;color:#0a1a3a;line-height:1.2;margin-bottom:6px;}\n    #hf-wizard-wrap .hfw-result-text{font-size:15px;color:#55657f;line-height:1.6;margin-bottom:18px;}\n    #hf-wizard-wrap .hfw-result-price{font-size:34px;font-weight:800;color:#0050ff;margin:8px 0 4px;}\n    #hf-wizard-wrap .hfw-result-price span{font-size:16px;font-weight:400;color:#6b7a99;}\n    #hf-wizard-wrap .hfw-result-annual{font-size:13px;color:#6b7a99;margin-bottom:20px;line-height:1.6;}\n    #hf-wizard-wrap .hfw-result-annual s{color:#b0b9c9;}\n    #hf-wizard-wrap .hfw-features{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0;}\n    #hf-wizard-wrap .hfw-feature{background:#f0f6ff;border-radius:12px;padding:13px 14px;}\n    #hf-wizard-wrap .hfw-feature-label{font-size:11px;color:#6b7a99;text-transform:uppercase;letter-spacing:.5px;margin-bottom:3px;}\n    #hf-wizard-wrap .hfw-feature-value{font-size:14px;font-weight:700;color:#0a1a3a;}\n    #hf-wizard-wrap .hfw-perks{margin:16px 0;display:flex;flex-direction:column;gap:8px;}\n    #hf-wizard-wrap .hfw-perk{display:flex;align-items:center;gap:10px;font-size:14px;color:#334;}\n    #hf-wizard-wrap .hfw-perk-icon{width:20px;height:20px;background:#e0f5e9;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;flex-shrink:0;color:#1a8f4a;font-weight:700;}\n    #hf-wizard-wrap .hfw-cta{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:16px;background:linear-gradient(135deg,#0050ff,#00b4ff);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:800;cursor:pointer;text-decoration:none;margin-top:10px;transition:all .2s ease;}\n    #hf-wizard-wrap .hfw-cta:hover{opacity:.92;transform:translateY(-1px);}\n    #hf-wizard-wrap .hfw-warning{background:#fff8e1;border:1px solid #ffe082;border-radius:12px;padding:12px 14px;margin-bottom:16px;font-size:13px;color:#7a5800;line-height:1.5;}\n    #hf-wizard-wrap .hfw-alt-plans{margin-top:22px;border-top:1px solid #e8eef8;padding-top:18px;}\n    #hf-wizard-wrap .hfw-alt-title{font-size:13px;color:#6b7a99;margin-bottom:12px;}\n    #hf-wizard-wrap .hfw-alt-grid{display:grid;gap:10px;}\n    #hf-wizard-wrap .hfw-alt-card{border:1px solid #e0e8ff;border-radius:12px;padding:13px 14px;display:flex;justify-content:space-between;align-items:center;gap:12px;text-decoration:none;transition:all .2s ease;background:#fff;}\n    #hf-wizard-wrap .hfw-alt-card:hover{border-color:#0050ff;background:#f0f6ff;}\n    #hf-wizard-wrap .hfw-alt-name{font-size:14px;font-weight:700;color:#0a1a3a;}\n    #hf-wizard-wrap .hfw-alt-type{font-size:11px;color:#6b7a99;margin-top:4px;line-height:1.4;}\n    #hf-wizard-wrap .hfw-alt-price{font-size:14px;font-weight:800;color:#0050ff;white-space:nowrap;}\n    #hf-wizard-wrap .hfw-reset{background:none;border:none;color:#6b7a99;font-size:13px;cursor:pointer;margin-top:18px;text-decoration:underline;}\n    #hf-wizard-wrap .hfw-type-badge{display:inline-block;font-size:11px;font-weight:800;padding:4px 8px;border-radius:8px;margin-left:8px;vertical-align:middle;}\n    #hf-wizard-wrap .hfw-type-nvme{background:#e0e8ff;color:#0050ff;}\n    #hf-wizard-wrap .hfw-type-elastico{background:#e0f5ff;color:#007acc;}\n    #hf-wizard-wrap .hfw-footer{text-align:right;margin-top:16px;padding-top:12px;border-top:1px solid #e8eef8;}\n    #hf-wizard-wrap .hfw-footer a{font-size:12px;color:#6b7a99;text-decoration:none;}\n    #hf-wizard-wrap .hfw-footer strong{color:#0050ff;}\n    @media(max-width:640px){\n      #hf-wizard-wrap .hfw-header,#hf-wizard-wrap .hfw-body{padding:22px;}\n      #hf-wizard-wrap .hfw-question{font-size:20px;}\n      #hf-wizard-wrap .hfw-features{grid-template-columns:1fr;}\n      #hf-wizard-wrap .hfw-nav{flex-direction:column;align-items:stretch;}\n      #hf-wizard-wrap .hfw-btn{width:100%;}\n      #hf-wizard-wrap .hfw-alt-card{flex-direction:column;align-items:flex-start;}\n    }\n    <\/style>\n\n    <div class=\"hfw\">\n      <div class=\"hfw-header\">\n        <div class=\"hfw-header-top\">\n          <div class=\"hfw-logo\">\n            <img decoding=\"async\" src=\"https:\/\/www.host-fusion.com\/wp-content\/uploads\/2019\/06\/host_fusion_nuevo_logo_blanco_416b38834f6fb1bef5cde20176637a56.png\" alt=\"Host-Fusion\">\n          <\/div>\n        <\/div>\n        <img decoding=\"async\" class=\"hfw-captain\" src=\"https:\/\/www.host-fusion.com\/wp-content\/uploads\/2025\/06\/capitanhf.webp\" alt=\"Capit\u00e1n Host-Fusion\">\n        <div class=\"hfw-content\">\n          <h1>\u00bfBuscas el hosting perfecto para tu web?<\/h1>\n          <p>Responde 5 preguntas r\u00e1pidas y te recomendaremos el hosting que mejor encaja contigo.<\/p>\n          <div class=\"hfw-progress\"><div class=\"hfw-progress-fill\" id=\"hfwProgressFill\"><\/div><\/div>\n          <div class=\"hfw-progress-label\" id=\"hfwProgressLabel\">Pregunta 1 de 5<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"hfw-body\">\n\n        <div class=\"hfw-step active\" id=\"hfwStep1\">\n          <div class=\"hfw-question\">\ud83d\udcbb \u00bfQu\u00e9 tipo de proyecto quieres alojar?<\/div>\n          <div class=\"hfw-subtitle\">Selecciona la opci\u00f3n que mejor se parece a lo que quieres montar.<\/div>\n          <div class=\"hfw-options\">\n            <div class=\"hfw-option\" onclick=\"hfwSelect(this,'q1','blog')\"><div class=\"hfw-opt-icon\">\u270d\ufe0f<\/div><div><div class=\"hfw-opt-title\">Blog o web personal<\/div><div class=\"hfw-opt-desc\">Portfolio, blog, p\u00e1gina sencilla o web de presentaci\u00f3n.<\/div><\/div><\/div>\n            <div class=\"hfw-option\" onclick=\"hfwSelect(this,'q1','empresa')\"><div class=\"hfw-opt-icon\">\ud83c\udfe2<\/div><div><div class=\"hfw-opt-title\">Web corporativa o de empresa<\/div><div class=\"hfw-opt-desc\">La web de un negocio, despacho, cl\u00ednica o empresa.<\/div><\/div><\/div>\n            <div class=\"hfw-option\" onclick=\"hfwSelect(this,'q1','tienda')\"><div class=\"hfw-opt-icon\">\ud83d\uded2<\/div><div><div class=\"hfw-opt-title\">Tienda online<\/div><div class=\"hfw-opt-desc\">WooCommerce, PrestaShop o ecommerce con productos.<\/div><\/div><\/div>\n            <div class=\"hfw-option\" onclick=\"hfwSelect(this,'q1','app')\"><div class=\"hfw-opt-icon\">\u26a1<\/div><div><div class=\"hfw-opt-title\">Proyecto exigente o t\u00e9cnico<\/div><div class=\"hfw-opt-desc\">Aplicaci\u00f3n web, alto consumo o varios proyectos importantes.<\/div><\/div><\/div>\n          <\/div>\n          <div class=\"hfw-nav\"><span><\/span><button class=\"hfw-btn hfw-btn-next\" id=\"hfwNext1\" onclick=\"hfwGoTo(2)\" disabled>Siguiente \u2192<\/button><\/div>\n        <\/div>\n\n        <div class=\"hfw-step\" id=\"hfwStep2\">\n          <div class=\"hfw-question\">\ud83d\udcc8 \u00bfC\u00f3mo esperas que sea el tr\u00e1fico de tu web?<\/div>\n          <div class=\"hfw-subtitle\">No hace falta que lo sepas exacto. Marca la opci\u00f3n que m\u00e1s se aproxime.<\/div>\n          <div class=\"hfw-options\">\n            <div class=\"hfw-option\" onclick=\"hfwSelect(this,'q2','baja')\"><div class=\"hfw-opt-icon\">\ud83c\udf31<\/div><div><div class=\"hfw-opt-title\">Estoy empezando<\/div><div class=\"hfw-opt-desc\">Pocas visitas al principio o proyecto nuevo.<\/div><\/div><\/div>\n            <div class=\"hfw-option\" onclick=\"hfwSelect(this,'q2','media')\"><div class=\"hfw-opt-icon\">\ud83d\udcca<\/div><div><div class=\"hfw-opt-title\">Tr\u00e1fico normal o en crecimiento<\/div><div class=\"hfw-opt-desc\">Una web activa con visitas regulares.<\/div><\/div><\/div>\n            <div class=\"hfw-option\" onclick=\"hfwSelect(this,'q2','alta')\"><div class=\"hfw-opt-icon\">\ud83d\udd25<\/div><div><div class=\"hfw-opt-title\">Mucho tr\u00e1fico o picos frecuentes<\/div><div class=\"hfw-opt-desc\">Campa\u00f1as, tienda activa o proyecto con bastantes visitas.<\/div><\/div><\/div>\n          <\/div>\n          <div class=\"hfw-nav\"><button class=\"hfw-btn hfw-btn-back\" onclick=\"hfwGoTo(1)\">\u2190 Atr\u00e1s<\/button><button class=\"hfw-btn hfw-btn-next\" id=\"hfwNext2\" onclick=\"hfwGoTo(3)\" disabled>Siguiente \u2192<\/button><\/div>\n        <\/div>\n\n        <div class=\"hfw-step\" id=\"hfwStep3\">\n          <div class=\"hfw-question\">\ud83c\udf10 \u00bfCu\u00e1ntas webs o dominios quieres gestionar?<\/div>\n          <div class=\"hfw-subtitle\">Piensa en cu\u00e1ntos proyectos distintos quieres tener dentro del hosting.<\/div>\n          <div class=\"hfw-options\">\n            <div class=\"hfw-option\" onclick=\"hfwSelect(this,'q3','uno')\"><div class=\"hfw-opt-icon\">1\ufe0f\u20e3<\/div><div><div class=\"hfw-opt-title\">1 o 2 webs<\/div><div class=\"hfw-opt-desc\">Lo justo para un proyecto o un par de dominios.<\/div><\/div><\/div>\n            <div class=\"hfw-option\" onclick=\"hfwSelect(this,'q3','pocos')\"><div class=\"hfw-opt-icon\">3\ufe0f\u20e3<\/div><div><div class=\"hfw-opt-title\">3 a 5 webs<\/div><div class=\"hfw-opt-desc\">Varios proyectos propios o algunos clientes.<\/div><\/div><\/div>\n            <div class=\"hfw-option\" onclick=\"hfwSelect(this,'q3','muchos')\"><div class=\"hfw-opt-icon\">\ud83d\ude80<\/div><div><div class=\"hfw-opt-title\">M\u00e1s de 5 webs<\/div><div class=\"hfw-opt-desc\">Agencia, revendedor o varios proyectos con crecimiento.<\/div><\/div><\/div>\n          <\/div>\n          <div class=\"hfw-nav\"><button class=\"hfw-btn hfw-btn-back\" onclick=\"hfwGoTo(2)\">\u2190 Atr\u00e1s<\/button><button class=\"hfw-btn hfw-btn-next\" id=\"hfwNext3\" onclick=\"hfwGoTo(4)\" disabled>Siguiente \u2192<\/button><\/div>\n        <\/div>\n\n        <div class=\"hfw-step\" id=\"hfwStep4\">\n          <div class=\"hfw-question\">\ud83d\udce6 \u00bfCu\u00e1nto contenido crees que vas a tener?<\/div>\n          <div class=\"hfw-subtitle\">Incluye im\u00e1genes, correos, base de datos y archivos.<\/div>\n          <div class=\"hfw-options\">\n            <div class=\"hfw-option\" onclick=\"hfwSelect(this,'q4','poco')\"><div class=\"hfw-opt-icon\">\ud83d\udcc4<\/div><div><div class=\"hfw-opt-title\">Muy poco<\/div><div class=\"hfw-opt-desc\">Web sencilla, poco correo y pocas im\u00e1genes.<\/div><\/div><\/div>\n            <div class=\"hfw-option\" onclick=\"hfwSelect(this,'q4','medio')\"><div class=\"hfw-opt-icon\">\ud83d\udcc1<\/div><div><div class=\"hfw-opt-title\">Normal<\/div><div class=\"hfw-opt-desc\">Web con contenido habitual, im\u00e1genes y correos.<\/div><\/div><\/div>\n            <div class=\"hfw-option\" onclick=\"hfwSelect(this,'q4','mucho')\"><div class=\"hfw-opt-icon\">\ud83d\uddc2\ufe0f<\/div><div><div class=\"hfw-opt-title\">Bastante<\/div><div class=\"hfw-opt-desc\">Tienda online, varias webs o bastante multimedia.<\/div><\/div><\/div>\n            <div class=\"hfw-option\" onclick=\"hfwSelect(this,'q4','maximo')\"><div class=\"hfw-opt-icon\">\ud83c\udfec<\/div><div><div class=\"hfw-opt-title\">Much\u00edsimo<\/div><div class=\"hfw-opt-desc\">Mucho cat\u00e1logo, muchas webs o gran volumen de datos.<\/div><\/div><\/div>\n          <\/div>\n          <div class=\"hfw-nav\"><button class=\"hfw-btn hfw-btn-back\" onclick=\"hfwGoTo(3)\">\u2190 Atr\u00e1s<\/button><button class=\"hfw-btn hfw-btn-next\" id=\"hfwNext4\" onclick=\"hfwGoTo(5)\" disabled>Siguiente \u2192<\/button><\/div>\n        <\/div>\n\n        <div class=\"hfw-step\" id=\"hfwStep5\">\n          <div class=\"hfw-question\">\ud83d\udcb6 \u00bfQu\u00e9 prefieres a nivel de presupuesto?<\/div>\n          <div class=\"hfw-subtitle\">Todos los planes incluyen un 25% de descuento para siempre.<\/div>\n          <div class=\"hfw-options\">\n            <div class=\"hfw-option\" onclick=\"hfwSelect(this,'q5','bajo')\"><div class=\"hfw-opt-icon\">\ud83d\ude42<\/div><div><div class=\"hfw-opt-title\">Quiero gastar lo m\u00ednimo posible<\/div><div class=\"hfw-opt-desc\">Busco una opci\u00f3n ajustada y suficiente para empezar.<\/div><\/div><\/div>\n            <div class=\"hfw-option\" onclick=\"hfwSelect(this,'q5','medio')\"><div class=\"hfw-opt-icon\">\ud83d\udcbc<\/div><div><div class=\"hfw-opt-title\">Quiero un buen equilibrio<\/div><div class=\"hfw-opt-desc\">Precio razonable con margen para estar tranquilo.<\/div><\/div><\/div>\n            <div class=\"hfw-option\" onclick=\"hfwSelect(this,'q5','alto')\"><div class=\"hfw-opt-icon\">\ud83d\ude80<\/div><div><div class=\"hfw-opt-title\">Prefiero ir sobrado desde el principio<\/div><div class=\"hfw-opt-desc\">Valoro m\u00e1s rendimiento y comodidad que ahorrar al m\u00e1ximo.<\/div><\/div><\/div>\n          <\/div>\n          <div class=\"hfw-nav\"><button class=\"hfw-btn hfw-btn-back\" onclick=\"hfwGoTo(4)\">\u2190 Atr\u00e1s<\/button><button class=\"hfw-btn hfw-btn-next\" id=\"hfwNext5\" onclick=\"hfwShowResult()\" disabled>Ver mi plan ideal \u2b50<\/button><\/div>\n        <\/div>\n\n        <div class=\"hfw-step\" id=\"hfwStepResult\">\n          <div id=\"hfwResultContent\"><\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n    <\/div>\n\n    <script>\n    (function(){\n      var hfwAnswers = {};\n      var hfwPlans = [\n        {id:'nvme10',name:'Hosting 10GB',type:'NVMe',espacio:'10 GB',ram:'2 GB',cpu:'1.5 n\u00facleos',dominios:'Hasta 2',precio:'5,95',anual:'71,40',anualOld:'95,20',url:'https:\/\/host-fusion.com\/whmcs\/index.php?rp=\/store\/hosting-nmve\/hosting-10gb-nvme&promocode=hf25'},\n        {id:'nvme15',name:'Hosting 15GB',type:'NVMe',espacio:'15 GB',ram:'2 GB',cpu:'1.5 n\u00facleos',dominios:'Hasta 3',precio:'7,80',anual:'93,75',anualOld:'125,00',url:'https:\/\/host-fusion.com\/whmcs\/index.php?rp=\/store\/hosting-nmve\/hosting-15gb-nvme&promocode=hf25'},\n        {id:'nvme20',name:'Hosting 20GB',type:'NVMe',espacio:'20 GB',ram:'2 GB',cpu:'1.5 n\u00facleos',dominios:'Hasta 5',precio:'9,00',anual:'108,00',anualOld:'144,00',url:'https:\/\/host-fusion.com\/whmcs\/index.php?rp=\/store\/hosting-nmve\/hosting-20gb-nvme&promocode=hf25'},\n        {id:'el25',name:'Hosting El\u00e1stico 25GB',type:'El\u00e1stico',espacio:'25 GB',ram:'3 GB',cpu:'2 n\u00facleos',dominios:'Ilimitados',precio:'15,00',anual:'180,00',anualOld:'240,00',url:'https:\/\/host-fusion.com\/whmcs\/index.php?rp=\/store\/hosting-nmve\/hosting-elastico-25gb-nmve&promocode=hf25'},\n        {id:'el55',name:'Hosting El\u00e1stico 55GB',type:'El\u00e1stico',espacio:'55 GB',ram:'5 GB',cpu:'3 n\u00facleos',dominios:'Ilimitados',precio:'26,25',anual:'315,00',anualOld:'420,00',url:'https:\/\/host-fusion.com\/whmcs\/index.php?rp=\/store\/hosting-nmve\/hosting-elastico-55gb-nvme&promocode=hf25'},\n        {id:'el105',name:'Hosting El\u00e1stico 105GB',type:'El\u00e1stico',espacio:'105 GB',ram:'8 GB',cpu:'4 n\u00facleos',dominios:'Ilimitados',precio:'41,25',anual:'495,00',anualOld:'660,00',url:'https:\/\/host-fusion.com\/whmcs\/index.php?rp=\/store\/hosting-nmve\/hosting-elastico-105gb-nvme&promocode=hf25'},\n        {id:'el155',name:'Hosting El\u00e1stico 155GB',type:'El\u00e1stico',espacio:'155 GB',ram:'10 GB',cpu:'6 n\u00facleos',dominios:'Ilimitados',precio:'56,25',anual:'675,00',anualOld:'900,00',url:'https:\/\/host-fusion.com\/whmcs\/index.php?rp=\/store\/hosting-nmve\/hosting-elastico-155gb-nvme&promocode=hf25'}\n      ];\n\n      window.hfwSelect = function(el, q, val) {\n        el.parentElement.querySelectorAll('.hfw-option').forEach(function(o){ o.classList.remove('selected'); });\n        el.classList.add('selected');\n        hfwAnswers[q] = val;\n        var btn = document.getElementById('hfwNext' + q.replace('q',''));\n        if(btn) btn.disabled = false;\n      };\n\n      window.hfwGoTo = function(n) {\n        document.querySelectorAll('#hf-wizard-wrap .hfw-step').forEach(function(s){ s.classList.remove('active'); });\n        document.getElementById('hfwStep' + n).classList.add('active');\n        document.getElementById('hfwProgressFill').style.width = (((n-1)\/5)*100) + '%';\n        document.getElementById('hfwProgressLabel').textContent = 'Pregunta ' + n + ' de 5';\n      };\n\n      function getNeedIndex() {\n        var q1=hfwAnswers.q1, q2=hfwAnswers.q2, q3=hfwAnswers.q3, q4=hfwAnswers.q4, mins=[];\n        if(q1==='blog') mins.push(0); if(q1==='empresa') mins.push(1); if(q1==='tienda') mins.push(3); if(q1==='app') mins.push(4);\n        if(q2==='baja') mins.push(0); if(q2==='media') mins.push(2); if(q2==='alta') mins.push(4);\n        if(q3==='uno') mins.push(0); if(q3==='pocos') mins.push(1); if(q3==='muchos') mins.push(3);\n        if(q4==='poco') mins.push(0); if(q4==='medio') mins.push(1); if(q4==='mucho') mins.push(4); if(q4==='maximo') mins.push(6);\n        return Math.max.apply(null, mins);\n      }\n\n      function getRecommended() {\n        var need = getNeedIndex();\n        var q5 = hfwAnswers.q5;\n        var upgrade = q5==='medio' ? 1 : q5==='alto' ? 2 : 0;\n        if(need >= 4) upgrade = Math.min(upgrade,1);\n        var idx = Math.min(need + upgrade, hfwPlans.length - 1);\n        if(idx < need) idx = need;\n        var budgetMax = q5==='bajo' ? 2 : q5==='medio' ? 4 : 6;\n        var warn = need > budgetMax;\n        var plan = hfwPlans[idx];\n        var parts = [];\n        if(hfwAnswers.q1==='blog') parts.push('vas a alojar un blog o una web personal');\n        if(hfwAnswers.q1==='empresa') parts.push('quieres una web corporativa o de empresa');\n        if(hfwAnswers.q1==='tienda') parts.push('tu proyecto es una tienda online');\n        if(hfwAnswers.q1==='app') parts.push('tu proyecto necesita m\u00e1s recursos y estabilidad');\n        if(hfwAnswers.q2==='media') parts.push('esperas un tr\u00e1fico normal o en crecimiento');\n        if(hfwAnswers.q2==='alta') parts.push('esperas bastante tr\u00e1fico o picos frecuentes');\n        if(hfwAnswers.q3==='pocos') parts.push('vas a gestionar varios dominios');\n        if(hfwAnswers.q3==='muchos') parts.push('quieres manejar muchas webs o proyectos');\n        if(hfwAnswers.q4==='mucho') parts.push('vas a tener bastante contenido');\n        if(hfwAnswers.q4==='maximo') parts.push('vas a mover un volumen alto de datos');\n        var reason = 'Te recomendamos este plan porque ';\n        if(parts.length===0) reason += 'encaja bien con un proyecto est\u00e1ndar y te da margen para crecer.';\n        else if(parts.length===1) reason += parts[0]+'.';\n        else reason += parts.slice(0,-1).join(', ') + ' y ' + parts[parts.length-1]+'.';\n        if(q5==='alto') reason += ' Adem\u00e1s, has indicado que prefieres ir m\u00e1s sobrado desde el principio.';\n        else if(q5==='medio' && plan.type==='El\u00e1stico') reason += ' As\u00ed tendr\u00e1s m\u00e1s tranquilidad y margen de crecimiento.';\n        var alts = [];\n        if(idx > 0) alts.push(hfwPlans[idx-1]);\n        if(idx < hfwPlans.length-1) alts.push(hfwPlans[idx+1]);\n        return {plan:plan, alts:alts, warn:warn, reason:reason};\n      }\n\n      window.hfwShowResult = function() {\n        document.querySelectorAll('#hf-wizard-wrap .hfw-step').forEach(function(s){ s.classList.remove('active'); });\n        document.getElementById('hfwStepResult').classList.add('active');\n        document.getElementById('hfwProgressFill').style.width = '100%';\n        document.getElementById('hfwProgressLabel').textContent = '\u00a1Listo! Tu recomendaci\u00f3n est\u00e1 preparada';\n        var r = getRecommended();\n        var p = r.plan;\n        var tc = p.type==='NVMe' ? 'hfw-type-nvme' : 'hfw-type-elastico';\n        var altHtml = r.alts.map(function(a){\n          var ac = a.type==='NVMe' ? 'hfw-type-nvme' : 'hfw-type-elastico';\n          return '<a class=\"hfw-alt-card\" href=\"'+a.url+'\" target=\"_blank\" rel=\"noopener noreferrer\"><div><div class=\"hfw-alt-name\">'+a.name+' <span class=\"hfw-type-badge '+ac+'\">'+a.type+'<\/span><\/div><div class=\"hfw-alt-type\">'+a.espacio+' \u00b7 '+a.ram+' RAM \u00b7 '+a.cpu+' \u00b7 '+a.dominios+' dominios<\/div><\/div><div class=\"hfw-alt-price\">'+a.precio+' \u20ac\/mes<\/div><\/a>';\n        }).join('');\n        document.getElementById('hfwResultContent').innerHTML =\n          '<div class=\"hfw-result-badge\">\u2728 Plan recomendado para ti<\/div>'+\n          '<div class=\"hfw-result-plan\">'+p.name+' <span class=\"hfw-type-badge '+tc+'\">'+p.type+'<\/span><\/div>'+\n          (r.warn ? '<div class=\"hfw-warning\">\u26a0\ufe0f Tu proyecto necesita un plan superior al presupuesto m\u00e1s ajustado. Te mostramos la opci\u00f3n que realmente te dar\u00e1 margen y estabilidad.<\/div>' : '')+\n          '<div class=\"hfw-result-text\">'+r.reason+'<\/div>'+\n          '<div class=\"hfw-result-price\">'+p.precio+' \u20ac<span>\/mes<\/span><\/div>'+\n          '<div class=\"hfw-result-annual\">Facturaci\u00f3n anual: <s>'+p.anualOld+' \u20ac<\/s> \u2192 <strong style=\"color:#0050ff\">'+p.anual+' \u20ac<\/strong> <span style=\"background:#e0ffe0;color:#1a8f4a;padding:2px 7px;border-radius:6px;font-size:11px;font-weight:800;\">-25% SIEMPRE<\/span><\/div>'+\n          '<div class=\"hfw-features\"><div class=\"hfw-feature\"><div class=\"hfw-feature-label\">Espacio NVMe<\/div><div class=\"hfw-feature-value\">'+p.espacio+'<\/div><\/div><div class=\"hfw-feature\"><div class=\"hfw-feature-label\">Memoria RAM<\/div><div class=\"hfw-feature-value\">'+p.ram+'<\/div><\/div><div class=\"hfw-feature\"><div class=\"hfw-feature-label\">CPU<\/div><div class=\"hfw-feature-value\">'+p.cpu+'<\/div><\/div><div class=\"hfw-feature\"><div class=\"hfw-feature-label\">Dominios<\/div><div class=\"hfw-feature-value\">'+p.dominios+'<\/div><\/div><\/div>'+\n          '<div class=\"hfw-perks\"><div class=\"hfw-perk\"><div class=\"hfw-perk-icon\">\u2713<\/div>Dominio gratis el primer a\u00f1o<\/div><div class=\"hfw-perk\"><div class=\"hfw-perk-icon\">\u2713<\/div>Certificado SSL gratis incluido<\/div><div class=\"hfw-perk\"><div class=\"hfw-perk-icon\">\u2713<\/div>Cuentas de correo ilimitadas<\/div><div class=\"hfw-perk\"><div class=\"hfw-perk-icon\">\u2713<\/div>Transferencia ilimitada<\/div><div class=\"hfw-perk\"><div class=\"hfw-perk-icon\">\u2713<\/div>25% de descuento para siempre, tambi\u00e9n al renovar<\/div><\/div>'+\n          '<a class=\"hfw-cta\" href=\"'+p.url+'\" target=\"_blank\" rel=\"noopener noreferrer\">\ud83d\ude80 Contratar '+p.name+'<\/a>'+\n          (r.alts.length ? '<div class=\"hfw-alt-plans\"><div class=\"hfw-alt-title\">Tambi\u00e9n puedes valorar estas alternativas:<\/div><div class=\"hfw-alt-grid\">'+altHtml+'<\/div><\/div>' : '')+\n          '<div style=\"text-align:center\"><button class=\"hfw-reset\" onclick=\"hfwReset()\">\u21bb Volver a empezar<\/button><\/div>'+\n          '<div class=\"hfw-footer\"><a href=\"https:\/\/www.host-fusion.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Hecho con \u2764\ufe0f por <strong>Host-Fusion<\/strong><\/a><\/div>';\n      };\n\n      window.hfwReset = function() {\n        hfwAnswers = {};\n        document.querySelectorAll('#hf-wizard-wrap .hfw-option').forEach(function(o){ o.classList.remove('selected'); });\n        ['hfwNext1','hfwNext2','hfwNext3','hfwNext4','hfwNext5'].forEach(function(id){\n          var b = document.getElementById(id); if(b) b.disabled = true;\n        });\n        hfwGoTo(1);\n        document.getElementById('hfwProgressFill').style.width = '0%';\n        document.getElementById('hfwProgressLabel').textContent = 'Pregunta 1 de 5';\n      };\n    })();\n    <\/script>\n    \n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Relacionado<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong><a href=\"https:\/\/www.host-fusion.com\/blog\/2026\/09\/17\/el-nuevo-problema-de-las-webs-creadas-con-ia-mucho-codigo-poca-optimizacion\/\">El nuevo problema de las webs creadas con IA: mucho c\u00f3digo, poca optimizaci\u00f3n<\/a><\/strong><br \/>Que el c\u00f3digo generado funcione no significa que est\u00e9 preparado para producci\u00f3n.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong><a href=\"https:\/\/www.host-fusion.com\/blog\/2026\/09\/24\/necesita-vps-web-inteligencia-artificial\/\">\u00bfNecesita un VPS una web que usa inteligencia artificial?<\/a><\/strong><br \/>Utilizar ChatGPT o Claude mediante API no implica autom\u00e1ticamente necesitar un servidor propio.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong><a href=\"https:\/\/www.host-fusion.com\/blog\/2026\/06\/25\/web-creada-con-chatgpt-claude-donde-alojarla\/\">He creado una web con ChatGPT o Claude\u2026 \u00bfy ahora d\u00f3nde la alojo?<\/a><\/strong><br \/>Qu\u00e9 infraestructura necesita realmente un proyecto creado con ayuda de inteligencia artificial.<\/p>\n\n\n\n<!--\nHF-LLM-SUMMARY\ntitle: API keys y webs con IA: el error que puede dejar tu proyecto expuesto\nentity: Host-Fusion\nlanguage: es-ES\ncontent_type: blog_post\nintent: informacional \/ seguridad \/ IA \/ hosting\nslug: api-keys-webs-ia-seguridad\nkeywords: API key seguridad, proteger API ChatGPT, clave API OpenAI WordPress, API key Claude, seguridad web inteligencia artificial, variables de entorno API\n\nsummary:\nLas aplicaciones y webs que integran servicios de inteligencia artificial suelen utilizar API keys para autenticarse ante proveedores externos. Estas credenciales no deben exponerse en c\u00f3digo ejecutado en el navegador ni almacenarse directamente en repositorios. Una arquitectura segura mantiene las claves en el servidor, utiliza mecanismos como variables de entorno y permite revocarlas y sustituirlas si existe sospecha de exposici\u00f3n.\n\nkey_points:\n- Una API key debe tratarse como una credencial privada\n- Las claves no deben enviarse al navegador\n- Las llamadas a servicios de IA deben realizarse desde el backend cuando requieren una clave secreta\n- Las credenciales no deben almacenarse directamente en repositorios\n- Las variables de entorno permiten separar c\u00f3digo y secretos\n- Una clave filtrada debe revocarse y sustituirse\n- Conviene limitar permisos y revisar consumo\n- Un hosting seguro complementa, pero no sustituye, una aplicaci\u00f3n correctamente programada\n\naudience:\n- desarrolladores\n- usuarios que programan con IA\n- usuarios WordPress\n- agencias\n- emprendedores\n- propietarios de aplicaciones que utilizan APIs de inteligencia artificial\n\nrecommended_actions:\n- revisar d\u00f3nde se almacenan las API keys\n- retirar claves del c\u00f3digo p\u00fablico\n- usar variables de entorno o almacenamiento seguro\n- rotar credenciales expuestas\n- supervisar consumo y permisos\n- utilizar una infraestructura adecuada para producci\u00f3n\n-->\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u201cHe conectado ChatGPT o Claude a mi web. \u00bfPuedo poner la clave API directamente en el c\u00f3digo?\u201d La respuesta es clara: No, si ese c\u00f3digo puede llegar al navegador o quedar accesible p\u00fablicamente. Y este es uno de los errores que m\u00e1s f\u00e1cilmente pueden aparecer ahora que cada vez m\u00e1s personas crean aplicaciones, plugins y [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":11691,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1477,567,1484,1743,751,1708,1,1701,1539,376],"tags":[1844,1847,1843,1845,1846,1848],"class_list":["post-11689","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-cloud-hosting","category-hosting-2","category-hosting-agencias","category-hosting-elastico","category-hosting-wordpress-2","category-ia","category-novedades-h-f","category-tiendas-online","category-woocommerce","category-wordpress","tag-api-key-claude","tag-api-key-seguridad","tag-clave-api-openai-wordpress","tag-proteger-api-chatgpt","tag-seguridad-web-inteligencia-artificial","tag-variables-de-entorno-api"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 5.0.2.1 - aioseo.com -->\n\t<meta name=\"description\" content=\"\u201cHe conectado ChatGPT o Claude a mi web. \u00bfPuedo poner la clave API directamente en el c\u00f3digo?\u201d La respuesta es clara: No, si ese c\u00f3digo puede llegar al navegador o quedar accesible p\u00fablicamente. Y este es uno de los errores que m\u00e1s f\u00e1cilmente pueden aparecer ahora que cada vez m\u00e1s personas crean aplicaciones, plugins y\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"author\" content=\"Pedro Santos\"\/>\n\t<meta name=\"google-site-verification\" content=\"cLx6GY7Skz_xagxdzuBq44qGqE8y_nXFEcF8_e6BEC0\" \/>\n\t<meta name=\"keywords\" content=\"api key claude,api key seguridad,clave api openai wordpress,proteger api chatgpt,seguridad web inteligencia artificial,variables de entorno api\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/www.host-fusion.com\/blog\/2026\/10\/02\/api-keys-webs-ia-seguridad\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 5.0.2.1\" \/>\n\n\t\t<script type=\"text\/javascript\" src=\"https:\/\/tag.oniad.com\/809e481a-7d7f-11ee-9b1c-618252564486\/\" async defer><\/script>\n\t\t<meta property=\"og:locale\" content=\"es_ES\" \/>\n\t\t<meta property=\"og:site_name\" content=\"Blog de Hosting WordPress\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"API keys y webs con IA: el error que puede dejar tu proyecto expuesto\" \/>\n\t\t<meta property=\"og:description\" content=\"\u201cHe conectado ChatGPT o Claude a mi web. \u00bfPuedo poner la clave API directamente en el c\u00f3digo?\u201d La respuesta es clara: No, si ese c\u00f3digo puede llegar al navegador o quedar accesible p\u00fablicamente. Y este es uno de los errores que m\u00e1s f\u00e1cilmente pueden aparecer ahora que cada vez m\u00e1s personas crean aplicaciones, plugins y\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/www.host-fusion.com\/blog\/2026\/10\/02\/api-keys-webs-ia-seguridad\/\" \/>\n\t\t<meta property=\"fb:admins\" content=\"105758212798844\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/www.host-fusion.com\/blog\/wp-content\/uploads\/2026\/10\/Guardianes-de-las-API-en-la-Noche-Digital.webp\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/www.host-fusion.com\/blog\/wp-content\/uploads\/2026\/10\/Guardianes-de-las-API-en-la-Noche-Digital.webp\" \/>\n\t\t<meta property=\"og:image:width\" content=\"1672\" \/>\n\t\t<meta property=\"og:image:height\" content=\"941\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2026-10-02T08:18:44+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2026-10-02T08:18:46+00:00\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary\" \/>\n\t\t<meta name=\"twitter:title\" content=\"API keys y webs con IA: el error que puede dejar tu proyecto expuesto\" \/>\n\t\t<meta name=\"twitter:description\" content=\"\u201cHe conectado ChatGPT o Claude a mi web. \u00bfPuedo poner la clave API directamente en el c\u00f3digo?\u201d La respuesta es clara: No, si ese c\u00f3digo puede llegar al navegador o quedar accesible p\u00fablicamente. Y este es uno de los errores que m\u00e1s f\u00e1cilmente pueden aparecer ahora que cada vez m\u00e1s personas crean aplicaciones, plugins y\" \/>\n\t\t<meta name=\"twitter:image\" content=\"https:\/\/www.host-fusion.com\/blog\/wp-content\/uploads\/2026\/10\/Guardianes-de-las-API-en-la-Noche-Digital.webp\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.host-fusion.com\\\/blog\\\/2026\\\/10\\\/02\\\/api-keys-webs-ia-seguridad\\\/#article\",\"name\":\"API keys y webs con IA: el error que puede dejar tu proyecto expuesto\",\"headline\":\"API keys y webs con IA: el error que puede dejar tu proyecto expuesto\",\"author\":{\"@id\":\"https:\\\/\\\/www.host-fusion.com\\\/blog\\\/author\\\/hostfusion-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-3\\\/#author\"},\"publisher\":{\"@id\":\"https:\\\/\\\/www.host-fusion.com\\\/blog\\\/#organization\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/www.host-fusion.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/api-key.webp\",\"width\":824,\"height\":243,\"caption\":\"API keys y webs con IA: el error que puede dejar tu proyecto expuesto\"},\"datePublished\":\"2026-10-02T10:18:44+02:00\",\"dateModified\":\"2026-10-02T10:18:46+02:00\",\"inLanguage\":\"es-ES\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.host-fusion.com\\\/blog\\\/2026\\\/10\\\/02\\\/api-keys-webs-ia-seguridad\\\/#webpage\"},\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.host-fusion.com\\\/blog\\\/2026\\\/10\\\/02\\\/api-keys-webs-ia-seguridad\\\/#webpage\"},\"articleSection\":\"cloud hosting, Hosting, Hosting agencias, Hosting El\\u00e1stico, Hosting WordPress, IA, Novedades H-F, Tiendas Online, WooCommerce, WordPress, API key Claude, API key seguridad, clave API OpenAI WordPress, proteger API ChatGPT, seguridad web inteligencia artificial, variables de entorno API\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.host-fusion.com\\\/blog\\\/2026\\\/10\\\/02\\\/api-keys-webs-ia-seguridad\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.host-fusion.com\\\/blog\\\/#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.host-fusion.com\\\/blog\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.host-fusion.com\\\/blog\\\/category\\\/novedades-h-f\\\/#listItem\",\"name\":\"Novedades H-F\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.host-fusion.com\\\/blog\\\/category\\\/novedades-h-f\\\/#listItem\",\"position\":2,\"name\":\"Novedades H-F\",\"item\":\"https:\\\/\\\/www.host-fusion.com\\\/blog\\\/category\\\/novedades-h-f\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.host-fusion.com\\\/blog\\\/2026\\\/10\\\/02\\\/api-keys-webs-ia-seguridad\\\/#listItem\",\"name\":\"API keys y webs con IA: el error que puede dejar tu proyecto expuesto\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.host-fusion.com\\\/blog\\\/#listItem\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.host-fusion.com\\\/blog\\\/2026\\\/10\\\/02\\\/api-keys-webs-ia-seguridad\\\/#listItem\",\"position\":3,\"name\":\"API keys y webs con IA: el error que puede dejar tu proyecto expuesto\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.host-fusion.com\\\/blog\\\/category\\\/novedades-h-f\\\/#listItem\",\"name\":\"Novedades H-F\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.host-fusion.com\\\/blog\\\/#organization\",\"name\":\"Host-Fusion.Com\",\"description\":\"Noticias y Novedades sobre Dominios,  Hosting, WordPress\",\"url\":\"https:\\\/\\\/www.host-fusion.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/www.host-fusion.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/06\\\/host_fusion_nuevo_logo_blanco.png\",\"@id\":\"https:\\\/\\\/www.host-fusion.com\\\/blog\\\/2026\\\/10\\\/02\\\/api-keys-webs-ia-seguridad\\\/#organizationLogo\",\"width\":340,\"height\":156},\"image\":{\"@id\":\"https:\\\/\\\/www.host-fusion.com\\\/blog\\\/2026\\\/10\\\/02\\\/api-keys-webs-ia-seguridad\\\/#organizationLogo\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.host-fusion.com\\\/blog\\\/author\\\/hostfusion-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-3\\\/#author\",\"url\":\"https:\\\/\\\/www.host-fusion.com\\\/blog\\\/author\\\/hostfusion-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-3\\\/\",\"name\":\"Pedro Santos\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.host-fusion.com\\\/blog\\\/2026\\\/10\\\/02\\\/api-keys-webs-ia-seguridad\\\/#webpage\",\"url\":\"https:\\\/\\\/www.host-fusion.com\\\/blog\\\/2026\\\/10\\\/02\\\/api-keys-webs-ia-seguridad\\\/\",\"name\":\"API keys y webs con IA: el error que puede dejar tu proyecto expuesto\",\"description\":\"\\u201cHe conectado ChatGPT o Claude a mi web. \\u00bfPuedo poner la clave API directamente en el c\\u00f3digo?\\u201d La respuesta es clara: No, si ese c\\u00f3digo puede llegar al navegador o quedar accesible p\\u00fablicamente. Y este es uno de los errores que m\\u00e1s f\\u00e1cilmente pueden aparecer ahora que cada vez m\\u00e1s personas crean aplicaciones, plugins y\",\"inLanguage\":\"es-ES\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.host-fusion.com\\\/blog\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.host-fusion.com\\\/blog\\\/2026\\\/10\\\/02\\\/api-keys-webs-ia-seguridad\\\/#breadcrumblist\"},\"author\":{\"@id\":\"https:\\\/\\\/www.host-fusion.com\\\/blog\\\/author\\\/hostfusion-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-3\\\/#author\"},\"creator\":{\"@id\":\"https:\\\/\\\/www.host-fusion.com\\\/blog\\\/author\\\/hostfusion-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-3\\\/#author\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/www.host-fusion.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/api-key.webp\",\"@id\":\"https:\\\/\\\/www.host-fusion.com\\\/blog\\\/2026\\\/10\\\/02\\\/api-keys-webs-ia-seguridad\\\/#mainImage\",\"width\":824,\"height\":243,\"caption\":\"API keys y webs con IA: el error que puede dejar tu proyecto expuesto\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.host-fusion.com\\\/blog\\\/2026\\\/10\\\/02\\\/api-keys-webs-ia-seguridad\\\/#mainImage\"},\"datePublished\":\"2026-10-02T10:18:44+02:00\",\"dateModified\":\"2026-10-02T10:18:46+02:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.host-fusion.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.host-fusion.com\\\/blog\\\/\",\"name\":\"Blog de Hosting WordPress\",\"description\":\"Noticias y Novedades sobre Dominios,  Hosting, WordPress\",\"inLanguage\":\"es-ES\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.host-fusion.com\\\/blog\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"API keys y webs con IA: el error que puede dejar tu proyecto expuesto","description":"\u201cHe conectado ChatGPT o Claude a mi web. \u00bfPuedo poner la clave API directamente en el c\u00f3digo?\u201d La respuesta es clara: No, si ese c\u00f3digo puede llegar al navegador o quedar accesible p\u00fablicamente. Y este es uno de los errores que m\u00e1s f\u00e1cilmente pueden aparecer ahora que cada vez m\u00e1s personas crean aplicaciones, plugins y","canonical_url":"https:\/\/www.host-fusion.com\/blog\/2026\/10\/02\/api-keys-webs-ia-seguridad\/","robots":"max-image-preview:large","keywords":"api key claude,api key seguridad,clave api openai wordpress,proteger api chatgpt,seguridad web inteligencia artificial,variables de entorno api","webmasterTools":{"google-site-verification":"cLx6GY7Skz_xagxdzuBq44qGqE8y_nXFEcF8_e6BEC0","miscellaneous":"&lt;script type=\"text\/javascript\" src=\"https:\/\/tag.oniad.com\/809e481a-7d7f-11ee-9b1c-618252564486\/\" async defer&gt;&lt;\/script&gt;"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.host-fusion.com\/blog\/2026\/10\/02\/api-keys-webs-ia-seguridad\/#article","name":"API keys y webs con IA: el error que puede dejar tu proyecto expuesto","headline":"API keys y webs con IA: el error que puede dejar tu proyecto expuesto","author":{"@id":"https:\/\/www.host-fusion.com\/blog\/author\/hostfusion-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-3\/#author"},"publisher":{"@id":"https:\/\/www.host-fusion.com\/blog\/#organization"},"image":{"@type":"ImageObject","url":"https:\/\/www.host-fusion.com\/blog\/wp-content\/uploads\/2026\/10\/api-key.webp","width":824,"height":243,"caption":"API keys y webs con IA: el error que puede dejar tu proyecto expuesto"},"datePublished":"2026-10-02T10:18:44+02:00","dateModified":"2026-10-02T10:18:46+02:00","inLanguage":"es-ES","mainEntityOfPage":{"@id":"https:\/\/www.host-fusion.com\/blog\/2026\/10\/02\/api-keys-webs-ia-seguridad\/#webpage"},"isPartOf":{"@id":"https:\/\/www.host-fusion.com\/blog\/2026\/10\/02\/api-keys-webs-ia-seguridad\/#webpage"},"articleSection":"cloud hosting, Hosting, Hosting agencias, Hosting El\u00e1stico, Hosting WordPress, IA, Novedades H-F, Tiendas Online, WooCommerce, WordPress, API key Claude, API key seguridad, clave API OpenAI WordPress, proteger API ChatGPT, seguridad web inteligencia artificial, variables de entorno API"},{"@type":"BreadcrumbList","@id":"https:\/\/www.host-fusion.com\/blog\/2026\/10\/02\/api-keys-webs-ia-seguridad\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/www.host-fusion.com\/blog\/#listItem","position":1,"name":"Home","item":"https:\/\/www.host-fusion.com\/blog\/","nextItem":{"@type":"ListItem","@id":"https:\/\/www.host-fusion.com\/blog\/category\/novedades-h-f\/#listItem","name":"Novedades H-F"}},{"@type":"ListItem","@id":"https:\/\/www.host-fusion.com\/blog\/category\/novedades-h-f\/#listItem","position":2,"name":"Novedades H-F","item":"https:\/\/www.host-fusion.com\/blog\/category\/novedades-h-f\/","nextItem":{"@type":"ListItem","@id":"https:\/\/www.host-fusion.com\/blog\/2026\/10\/02\/api-keys-webs-ia-seguridad\/#listItem","name":"API keys y webs con IA: el error que puede dejar tu proyecto expuesto"},"previousItem":{"@type":"ListItem","@id":"https:\/\/www.host-fusion.com\/blog\/#listItem","name":"Home"}},{"@type":"ListItem","@id":"https:\/\/www.host-fusion.com\/blog\/2026\/10\/02\/api-keys-webs-ia-seguridad\/#listItem","position":3,"name":"API keys y webs con IA: el error que puede dejar tu proyecto expuesto","previousItem":{"@type":"ListItem","@id":"https:\/\/www.host-fusion.com\/blog\/category\/novedades-h-f\/#listItem","name":"Novedades H-F"}}]},{"@type":"Organization","@id":"https:\/\/www.host-fusion.com\/blog\/#organization","name":"Host-Fusion.Com","description":"Noticias y Novedades sobre Dominios,  Hosting, WordPress","url":"https:\/\/www.host-fusion.com\/blog\/","logo":{"@type":"ImageObject","url":"https:\/\/www.host-fusion.com\/blog\/wp-content\/uploads\/2019\/06\/host_fusion_nuevo_logo_blanco.png","@id":"https:\/\/www.host-fusion.com\/blog\/2026\/10\/02\/api-keys-webs-ia-seguridad\/#organizationLogo","width":340,"height":156},"image":{"@id":"https:\/\/www.host-fusion.com\/blog\/2026\/10\/02\/api-keys-webs-ia-seguridad\/#organizationLogo"}},{"@type":"Person","@id":"https:\/\/www.host-fusion.com\/blog\/author\/hostfusion-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-3\/#author","url":"https:\/\/www.host-fusion.com\/blog\/author\/hostfusion-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-3\/","name":"Pedro Santos"},{"@type":"WebPage","@id":"https:\/\/www.host-fusion.com\/blog\/2026\/10\/02\/api-keys-webs-ia-seguridad\/#webpage","url":"https:\/\/www.host-fusion.com\/blog\/2026\/10\/02\/api-keys-webs-ia-seguridad\/","name":"API keys y webs con IA: el error que puede dejar tu proyecto expuesto","description":"\u201cHe conectado ChatGPT o Claude a mi web. \u00bfPuedo poner la clave API directamente en el c\u00f3digo?\u201d La respuesta es clara: No, si ese c\u00f3digo puede llegar al navegador o quedar accesible p\u00fablicamente. Y este es uno de los errores que m\u00e1s f\u00e1cilmente pueden aparecer ahora que cada vez m\u00e1s personas crean aplicaciones, plugins y","inLanguage":"es-ES","isPartOf":{"@id":"https:\/\/www.host-fusion.com\/blog\/#website"},"breadcrumb":{"@id":"https:\/\/www.host-fusion.com\/blog\/2026\/10\/02\/api-keys-webs-ia-seguridad\/#breadcrumblist"},"author":{"@id":"https:\/\/www.host-fusion.com\/blog\/author\/hostfusion-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-3\/#author"},"creator":{"@id":"https:\/\/www.host-fusion.com\/blog\/author\/hostfusion-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-3\/#author"},"image":{"@type":"ImageObject","url":"https:\/\/www.host-fusion.com\/blog\/wp-content\/uploads\/2026\/10\/api-key.webp","@id":"https:\/\/www.host-fusion.com\/blog\/2026\/10\/02\/api-keys-webs-ia-seguridad\/#mainImage","width":824,"height":243,"caption":"API keys y webs con IA: el error que puede dejar tu proyecto expuesto"},"primaryImageOfPage":{"@id":"https:\/\/www.host-fusion.com\/blog\/2026\/10\/02\/api-keys-webs-ia-seguridad\/#mainImage"},"datePublished":"2026-10-02T10:18:44+02:00","dateModified":"2026-10-02T10:18:46+02:00"},{"@type":"WebSite","@id":"https:\/\/www.host-fusion.com\/blog\/#website","url":"https:\/\/www.host-fusion.com\/blog\/","name":"Blog de Hosting WordPress","description":"Noticias y Novedades sobre Dominios,  Hosting, WordPress","inLanguage":"es-ES","publisher":{"@id":"https:\/\/www.host-fusion.com\/blog\/#organization"}}]},"og:locale":"es_ES","og:site_name":"Blog de Hosting WordPress","og:type":"article","og:title":"API keys y webs con IA: el error que puede dejar tu proyecto expuesto","og:description":"\u201cHe conectado ChatGPT o Claude a mi web. \u00bfPuedo poner la clave API directamente en el c\u00f3digo?\u201d La respuesta es clara: No, si ese c\u00f3digo puede llegar al navegador o quedar accesible p\u00fablicamente. Y este es uno de los errores que m\u00e1s f\u00e1cilmente pueden aparecer ahora que cada vez m\u00e1s personas crean aplicaciones, plugins y","og:url":"https:\/\/www.host-fusion.com\/blog\/2026\/10\/02\/api-keys-webs-ia-seguridad\/","fb:admins":"105758212798844","og:image":"https:\/\/www.host-fusion.com\/blog\/wp-content\/uploads\/2026\/10\/Guardianes-de-las-API-en-la-Noche-Digital.webp","og:image:secure_url":"https:\/\/www.host-fusion.com\/blog\/wp-content\/uploads\/2026\/10\/Guardianes-de-las-API-en-la-Noche-Digital.webp","og:image:width":1672,"og:image:height":941,"article:published_time":"2026-10-02T08:18:44+00:00","article:modified_time":"2026-10-02T08:18:46+00:00","twitter:card":"summary","twitter:title":"API keys y webs con IA: el error que puede dejar tu proyecto expuesto","twitter:description":"\u201cHe conectado ChatGPT o Claude a mi web. \u00bfPuedo poner la clave API directamente en el c\u00f3digo?\u201d La respuesta es clara: No, si ese c\u00f3digo puede llegar al navegador o quedar accesible p\u00fablicamente. Y este es uno de los errores que m\u00e1s f\u00e1cilmente pueden aparecer ahora que cada vez m\u00e1s personas crean aplicaciones, plugins y","twitter:image":"https:\/\/www.host-fusion.com\/blog\/wp-content\/uploads\/2026\/10\/Guardianes-de-las-API-en-la-Noche-Digital.webp"},"aioseo_meta_data":{"post_id":"11689","title":null,"description":null,"keywords":null,"keyphrases":{"focus":{"keyphrase":"","score":0,"analysis":{"keyphraseInTitle":{"score":0,"maxScore":9,"error":1}}},"additional":[]},"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":"","og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"Article","isEnabled":true},"graphs":[]},"schema_type":"default","schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":"-1","robots_max_videopreview":"-1","robots_max_imagepreview":"large","priority":null,"frequency":"default","location":null,"local_seo":null,"breadcrumb_settings":null,"limit_modified_date":false,"ai":{"faqs":[],"keyPoints":[],"schemas":[],"titles":[],"descriptions":[],"socialPosts":{"email":{"subject":"","preview":"","content":""},"linkedin":[],"twitter":[],"facebook":[],"instagram":[]}},"created":"2026-10-02 08:03:55","updated":"2026-10-02 09:10:04","seo_analyzer_scan_date":null,"focus_keyword":null,"additional_keywords":null,"truseo_locale":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/www.host-fusion.com\/blog\/\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">\u00bb<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/www.host-fusion.com\/blog\/category\/novedades-h-f\/\" title=\"Novedades H-F\">Novedades H-F<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">\u00bb<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tAPI keys y webs con IA: el error que puede dejar tu proyecto expuesto\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/www.host-fusion.com\/blog\/"},{"label":"Novedades H-F","link":"https:\/\/www.host-fusion.com\/blog\/category\/novedades-h-f\/"},{"label":"API keys y webs con IA: el error que puede dejar tu proyecto expuesto","link":"https:\/\/www.host-fusion.com\/blog\/2026\/10\/02\/api-keys-webs-ia-seguridad\/"}],"_links":{"self":[{"href":"https:\/\/www.host-fusion.com\/blog\/wp-json\/wp\/v2\/posts\/11689","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.host-fusion.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.host-fusion.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.host-fusion.com\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.host-fusion.com\/blog\/wp-json\/wp\/v2\/comments?post=11689"}],"version-history":[{"count":2,"href":"https:\/\/www.host-fusion.com\/blog\/wp-json\/wp\/v2\/posts\/11689\/revisions"}],"predecessor-version":[{"id":11693,"href":"https:\/\/www.host-fusion.com\/blog\/wp-json\/wp\/v2\/posts\/11689\/revisions\/11693"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.host-fusion.com\/blog\/wp-json\/wp\/v2\/media\/11691"}],"wp:attachment":[{"href":"https:\/\/www.host-fusion.com\/blog\/wp-json\/wp\/v2\/media?parent=11689"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.host-fusion.com\/blog\/wp-json\/wp\/v2\/categories?post=11689"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.host-fusion.com\/blog\/wp-json\/wp\/v2\/tags?post=11689"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}