{"id":2491,"date":"2025-08-28T00:03:54","date_gmt":"2025-08-28T00:03:54","guid":{"rendered":"https:\/\/gptcreativo.com\/?page_id=2491"},"modified":"2025-09-16T12:31:46","modified_gmt":"2025-09-16T12:31:46","slug":"servcios","status":"publish","type":"page","link":"https:\/\/gptcreativo.com\/es_es\/servcios\/","title":{"rendered":"SERVCIOS"},"content":{"rendered":"\n<!-- ==== GPTCREATIVO \u00b7 SERVICIOS (bloque aut\u00f3nomo, v-final) ==== -->\n<section class=\"svc-wrap\" style=\"--bg:#0b0b0b;--txt:#ffffff;--muted:#cfcfcf;--cta:#00C389;--card:#101010;--stroke:#242424;--container:1200px;\">\n  <style>\n    .svc-wrap{background:var(--bg);color:var(--txt);font-family:Inter,system-ui,Segoe UI,Roboto,Arial}\n    .svc-container{max-width:var(--container);margin:0 auto;padding:32px 20px 56px}\n\n    \/* Header marca *\/\n    .svc-head{display:grid;grid-template-columns:1fr;gap:14px;align-items:center;margin-bottom:22px}\n    .svc-head .brand{display:flex;align-items:center;gap:12px}\n    .svc-head .brand img{width:44px;height:44px;border-radius:999px;display:block}\n    .svc-head .brand-text{display:flex;flex-direction:column;line-height:1}\n    .svc-head .brand-text strong{color:var(--cta);letter-spacing:.3px}\n    .svc-head .brand-text span{color:var(--muted);font-size:12px;margin-top:3px}\n    .svc-title{text-align:center;margin:0 0 6px 0;font-size:18px;letter-spacing:1.1px;color:#eaeaea}\n\n    \/* GRID 3x2 *\/\n    .svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}\n\n    \/* CARD *\/\n    .svc-card{\n      background:var(--card);\n      border:1px solid var(--stroke);\n      border-radius:14px;\n      padding:16px;\n      display:flex;align-items:center;gap:12px;\n      cursor:pointer;text-align:left;\n      transition:.18s ease;position:relative;color:inherit\n    }\n    .svc-card .icon{\n      color:var(--cta);\n      display:flex;align-items:center;justify-content:center;\n      width:36px;height:36px;border-radius:10px;\n      background:#0f0f0f;border:1px solid #1e1e1e;font-size:18px\n    }\n    .svc-card .txt strong{display:block;font-weight:800;font-size:15px;color:#fff}\n    .svc-card .txt em{display:block;font-style:normal;font-size:13px;color:var(--muted);margin-top:2px}\n\n    \/* HOVER\/FOCUS\/ACTIVA \u2192 solo borde VERDE, fondo negro, texto blanco *\/\n    .svc-card:hover,\n    .svc-card:focus-visible,\n    .svc-card[aria-selected=\"true\"],\n    .svc-card.is-active{\n      background:var(--card) !important;\n      color:#fff !important;\n      border-color:var(--cta) !important;   \/* borde verde fino *\/\n      box-shadow:none !important;           \/* sin rojos\/halos *\/\n      outline:none !important;\n      transform:translateY(-2px)\n    }\n    .svc-card::before,.svc-card::after{content:none !important}\n\n    \/* Panel din\u00e1mico *\/\n    .svc-panel{\n      margin-top:22px;\n      background:linear-gradient(180deg,#121212,#0f0f0f);\n      border:1px solid var(--stroke);border-radius:16px;padding:20px;\n      box-shadow:inset 0 1px 0 rgba(255,255,255,.04)\n    }\n    .svc-panel h2{margin:0 0 8px 0;font-size:22px}\n    .svc-panel p{margin:0;color:#d7d7d7;line-height:1.55}\n\n    \/* Responsive *\/\n    @media (max-width:1024px){.svc-grid{grid-template-columns:repeat(2,1fr)}}\n    @media (max-width:640px){.svc-grid{grid-template-columns:1fr}.svc-title{font-size:16px}}\n  <\/style>\n\n  <div class=\"svc-container\">\n    <!-- Marca -->\n    <header class=\"svc-head\" aria-label=\"Identidad GPTCREATIVO\">\n      <div class=\"brand\">\n        <img decoding=\"async\" src=\"https:\/\/gptcreativo.com\/wp-content\/uploads\/2025\/08\/gpt_creativo_logo_verde_transparente.png\" alt=\"Logo GPTCREATIVO\">\n        <div class=\"brand-text\">\n          <strong>GPTCREATIVO<\/strong>\n          <span>AUTOMATIZACI\u00d3N QUE ENTIENDE TU NEGOCIO<\/span>\n        <\/div>\n      <\/div>\n    <\/header>\n\n    <h1 class=\"svc-title\">NUESTROS SERVICIOS<\/h1>\n\n    <!-- GRID 3x2 -->\n    <div class=\"svc-grid\" role=\"tablist\" aria-label=\"Servicios\">\n      <!-- 1 Investigaci\u00f3n -->\n      <button class=\"svc-card is-active\" role=\"tab\" aria-selected=\"true\" data-service=\"investigacion\" type=\"button\">\n        <div class=\"icon\" aria-hidden=\"true\">\ud83d\udd0e<\/div>\n        <div class=\"txt\">\n          <strong>Investigaci\u00f3n de mercado<\/strong>\n          <em>Estudios, benchmarking y tendencias.<\/em>\n        <\/div>\n      <\/button>\n      <!-- 2 Capacitaci\u00f3n -->\n      <button class=\"svc-card\" role=\"tab\" aria-selected=\"false\" data-service=\"capacitacion\" type=\"button\">\n        <div class=\"icon\" aria-hidden=\"true\">\ud83c\udf93<\/div>\n        <div class=\"txt\">\n          <strong>Capacitaci\u00f3n en IA<\/strong>\n          <em>Formaci\u00f3n pr\u00e1ctica y aplicada.<\/em>\n        <\/div>\n      <\/button>\n      <!-- 3 Consultor\u00eda -->\n      <button class=\"svc-card\" role=\"tab\" aria-selected=\"false\" data-service=\"consultoria\" type=\"button\">\n        <div class=\"icon\" aria-hidden=\"true\">\u2705<\/div>\n        <div class=\"txt\">\n          <strong>Consultor\u00eda en IA<\/strong>\n          <em>Estrategia t\u00e9cnica y de negocio.<\/em>\n        <\/div>\n      <\/button>\n      <!-- 4 Soluciones -->\n      <button class=\"svc-card\" role=\"tab\" aria-selected=\"false\" data-service=\"desarrollo\" type=\"button\">\n        <div class=\"icon\" aria-hidden=\"true\">\ud83e\udde0<\/div>\n        <div class=\"txt\">\n          <strong>Soluciones con IA<\/strong>\n          <em>Modelos y asistentes a medida.<\/em>\n        <\/div>\n      <\/button>\n      <!-- 5 Automatizaci\u00f3n -->\n      <button class=\"svc-card\" role=\"tab\" aria-selected=\"false\" data-service=\"automatizacion\" type=\"button\">\n        <div class=\"icon\" aria-hidden=\"true\">\u26a1<\/div>\n        <div class=\"txt\">\n          <strong>Automatizaci\u00f3n<\/strong>\n          <em>Reduce tiempos y costes clave.<\/em>\n        <\/div>\n      <\/button>\n      <!-- 6 Marketing -->\n      <button class=\"svc-card\" role=\"tab\" aria-selected=\"false\" data-service=\"marketing\" type=\"button\">\n        <div class=\"icon\" aria-hidden=\"true\">\ud83d\udcc8<\/div>\n        <div class=\"txt\">\n          <strong>Marketing con IA<\/strong>\n          <em>Campa\u00f1as inteligentes y efectivas.<\/em>\n        <\/div>\n      <\/button>\n    <\/div>\n\n    <!-- Panel din\u00e1mico -->\n    <section class=\"svc-panel\" id=\"svcPanel\" aria-live=\"polite\" tabindex=\"-1\">\n      <h2 id=\"svcPanelTitle\">Investigaci\u00f3n de mercado<\/h2>\n      <p id=\"svcPanelBody\">\n        Realizamos estudios de mercado en Espa\u00f1a y LATAM, an\u00e1lisis de competidores y benchmarking para identificar oportunidades reales de negocio. Te entregamos datos accionables para decidir precios, posicionamiento y estrategias de expansi\u00f3n.\n      <\/p>\n    <\/section>\n  <\/div>\n<\/section>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function () {\n  \/\/ Contenido de cada servicio\n  const svcData = {\n    investigacion: {\n      title: \"Investigaci\u00f3n de mercado\",\n      body: \"Realizamos estudios de mercado en Espa\u00f1a y LATAM, an\u00e1lisis de competidores y benchmarking para identificar oportunidades reales de negocio. Te entregamos datos accionables para decidir precios, posicionamiento y estrategias de expansi\u00f3n.\"\n    },\n    capacitacion: {\n      title: \"Capacitaci\u00f3n en IA\",\n      body: \"Programas de formaci\u00f3n especializados en IA: desde fundamentos hasta aplicaciones avanzadas. Talleres pr\u00e1cticos, adaptados a tu equipo y con foco en resultados inmediatos.\"\n    },\n    consultoria: {\n      title: \"Consultor\u00eda estrat\u00e9gica en IA\",\n      body: \"Dise\u00f1amos estrategias de IA alineadas a tus metas: selecci\u00f3n de herramientas, roadmap de adopci\u00f3n y planes de cumplimiento normativo y seguridad.\"\n    },\n    desarrollo: {\n      title: \"Soluciones con IA\",\n      body: \"Creamos asistentes virtuales, sistemas de an\u00e1lisis predictivo, chatbots y modelos entrenados con tu informaci\u00f3n. Soporte t\u00e9cnico y escalabilidad garantizada.\"\n    },\n    automatizacion: {\n      title: \"Automatizaci\u00f3n de procesos\",\n      body: \"Optimizamos flujos y operaciones: CRM, ventas, atenci\u00f3n al cliente y back-office. Menos errores y m\u00e1s eficiencia con automatizaci\u00f3n inteligente.\"\n    },\n    marketing: {\n      title: \"Marketing con IA\",\n      body: \"Optimizaci\u00f3n de campa\u00f1as, segmentaci\u00f3n avanzada y contenido personalizado. Mayor impacto con menor inversi\u00f3n en publicidad y comunicaci\u00f3n digital.\"\n    }\n  };\n\n  const cards = document.querySelectorAll('.svc-card');\n  const panel = document.querySelector('.svc-panel');\n  const title = document.getElementById('svcPanelTitle');\n  const body  = document.getElementById('svcPanelBody');\n\n  function activate(card){\n    cards.forEach(c=>{ c.classList.remove('is-active'); c.setAttribute('aria-selected','false'); });\n    card.classList.add('is-active');\n    card.setAttribute('aria-selected','true');\n\n    const key = card.getAttribute('data-service');\n    const data = svcData[key];\n    if (!data) return;\n\n    panel.style.opacity = .35;\n    title.textContent = data.title;\n    body.textContent  = data.body;\n    setTimeout(()=> panel.style.opacity = 1, 120);\n    panel.focus({preventScroll:true});\n  }\n\n  cards.forEach(c=>{\n    c.addEventListener('click', ()=>activate(c));\n    c.addEventListener('keydown', e=>{\n      if(e.key==='Enter' || e.key===' '){ e.preventDefault(); activate(c); }\n    });\n  });\n\n  \/\/ Estado inicial\n  const first = document.querySelector('.svc-card[data-service=\"investigacion\"]') || cards[0];\n  if (first) activate(first);\n});\n<\/script>\n<!-- ==== \/SERVICIOS ==== -->\n\n\n","protected":false},"excerpt":{"rendered":"<p>GPTCREATIVO AUTOMATIZACI\u00d3N QUE ENTIENDE TU NEGOCIO NUESTROS SERVICIOS \ud83d\udd0e Investigaci\u00f3n de mercado Estudios, benchmarking y tendencias. \ud83c\udf93 Capacitaci\u00f3n en IA Formaci\u00f3n pr\u00e1ctica y aplicada. \u2705 Consultor\u00eda en IA Estrategia t\u00e9cnica y de negocio. \ud83e\udde0 Soluciones con IA Modelos y asistentes a medida. \u26a1 Automatizaci\u00f3n Reduce tiempos y costes clave. \ud83d\udcc8 Marketing con IA Campa\u00f1as inteligentes [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_glsr_average":0,"_glsr_ranking":0,"_glsr_reviews":0,"footnotes":""},"class_list":["post-2491","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/gptcreativo.com\/es_es\/wp-json\/wp\/v2\/pages\/2491","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gptcreativo.com\/es_es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gptcreativo.com\/es_es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/gptcreativo.com\/es_es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gptcreativo.com\/es_es\/wp-json\/wp\/v2\/comments?post=2491"}],"version-history":[{"count":13,"href":"https:\/\/gptcreativo.com\/es_es\/wp-json\/wp\/v2\/pages\/2491\/revisions"}],"predecessor-version":[{"id":3042,"href":"https:\/\/gptcreativo.com\/es_es\/wp-json\/wp\/v2\/pages\/2491\/revisions\/3042"}],"wp:attachment":[{"href":"https:\/\/gptcreativo.com\/es_es\/wp-json\/wp\/v2\/media?parent=2491"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}