{"id":111,"date":"2026-08-12T17:26:31","date_gmt":"2026-08-12T17:26:31","guid":{"rendered":"https:\/\/socrates.la\/virealto\/?page_id=111"},"modified":"2026-08-22T18:33:16","modified_gmt":"2026-08-22T21:33:16","slug":"inicio","status":"publish","type":"page","link":"https:\/\/socrates.la\/virealto\/","title":{"rendered":"Inicio"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"111\" class=\"elementor elementor-111\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5e51d82 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5e51d82\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0aa0fae\" data-id=\"0aa0fae\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1678fc7 elementor-widget elementor-widget-html\" data-id=\"1678fc7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     S\u00d3CRATES CREATIVE STUDIO \u00b7 PRIMERA SECCI\u00d3N v4 \u00b7 MENSAJE IA SOLA NO BASTA\r\n     ES \/ PT-BR \/ EN \u00b7 ELEMENTOR READY\r\n========================================================= -->\r\n\r\n<style>\r\n\/* =========================================================\r\n   01. COLORES Y ALTURA DEL HEADER\r\n   Editar aqu\u00ed la paleta y el espacio reservado al header fijo\r\n========================================================= *\/\r\n:root{\r\n  --sc1-navy:#002f57;\r\n  --sc1-blue:#0074c7;\r\n  --sc1-cyan:#31b4e7;\r\n  --sc1-green:#73bc25;\r\n  --sc1-yellow:#f6bd00;\r\n  --sc1-orange:#ff5300;\r\n  --sc1-white:#fff;\r\n  --sc1-header-space:86px;\r\n}\r\n\r\n#sc-first-section,#sc-first-section *{box-sizing:border-box}\r\n\r\n\/* =========================================================\r\n   02. CONTENEDOR GENERAL DE LA SECCI\u00d3N\r\n   Editar: altura m\u00ednima, separaci\u00f3n del header y fondo\r\n   Regla del sitio: el fondo de la secci\u00f3n permanece transparente\r\n========================================================= *\/\r\n#sc-first-section{\r\n  position:relative;\r\n  z-index:1;\r\n  display:flex;\r\n  align-items:stretch;\r\n  width:100%;\r\n  min-height:calc(100svh - var(--sc1-header-space));\r\n  margin-top:var(--sc1-header-space);\r\n  overflow:hidden;\r\n  color:var(--sc1-white);\r\n  font-family:\"Ubuntu Sans\",Arial,sans-serif;\r\n  background:transparent!important;\r\n}\r\n\r\n\/* =========================================================\r\n   03. DISTRIBUCI\u00d3N EN DOS COLUMNAS\r\n   Editar grid-template-columns para cambiar ancho texto \/ imagen\r\n   Editar gap y padding para separaciones internas\r\n========================================================= *\/\r\n.sc1-shell{\r\n  position:relative;\r\n  z-index:2;\r\n  display:grid;\r\n  grid-template-columns:minmax(0,1.55fr) minmax(380px,.85fr);\r\n  gap:clamp(28px,4vw,72px);\r\n  width:100%;\r\n  min-height:inherit;\r\n  padding:18px clamp(28px,4.25vw,68px) 28px;\r\n}\r\n\r\n.sc1-content{display:flex;flex-direction:column;min-width:0}\r\n\r\n\/* =========================================================\r\n   04. ETIQUETA SUPERIOR\r\n   Texto: CREATIVIDAD HUMANA + INTELIGENCIA ARTIFICIAL\r\n   Editar tama\u00f1o, color, borde y espaciado\r\n========================================================= *\/\r\n.sc1-status{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  align-self:flex-start;\r\n  gap:10px;\r\n  min-height:37px;\r\n  padding:0 14px;\r\n  border:1px solid rgba(255,255,255,.16);\r\n  border-radius:20px;\r\n  background:rgba(255,255,255,.045);\r\n  color:rgba(255,255,255,.84);\r\n  font:15px\/1 \"Exo 2\",Arial,sans-serif;\r\n  letter-spacing:.055em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.sc1-status-dot{width:9px;height:9px;border-radius:50%;background:var(--sc1-green);box-shadow:0 0 0 7px rgba(115,188,37,.1)}\r\n\r\n\/* =========================================================\r\n   05. T\u00cdTULO PRINCIPAL\r\n   Primera l\u00ednea blanca \/ segunda l\u00ednea degradado amarillo-naranja\r\n   Editar font-size, line-height, peso y colores\r\n========================================================= *\/\r\n.sc1-title{\r\n  max-width:1050px;\r\n  margin:clamp(30px,6vh,58px) 0 18px;\r\n  color:#fff;\r\n  font-family:\"Exo 2\",\"Arial Black\",sans-serif;\r\n  font-size:clamp(50px,5.25vw,70px);\r\n  font-weight:900;\r\n  line-height:1;\r\n}\r\n\r\n.sc1-title span{display:block;color:var(--sc1-cyan)}\r\n.sc1-title span:first-child{color:#fff}\r\n.sc1-title span:last-child{\r\n  color:var(--sc1-yellow);\r\n  background:linear-gradient(90deg,var(--sc1-yellow) 0%,#ff9d00 48%,var(--sc1-orange) 100%);\r\n  -webkit-background-clip:text;\r\n  background-clip:text;\r\n  -webkit-text-fill-color:transparent;\r\n}\r\n\r\n\/* =========================================================\r\n   06. TEXTO DESCRIPTIVO\r\n   Editar ancho m\u00e1ximo, tama\u00f1o, color e interlineado\r\n========================================================= *\/\r\n.sc1-description{\r\n  max-width:920px;\r\n  margin:0;\r\n  color:#fff;\r\n  font-size:30px;\r\n  font-weight:800;\r\n  line-height:1.18;\r\n  letter-spacing:-.015em;\r\n}\r\n.sc1-description strong{\r\n  color:#fff;\r\n  font-weight:800;\r\n}\r\n\r\n\/* =========================================================\r\n   07. BOTONES CTA\r\n   Principal: naranja \/ Secundario: transparente\r\n   Editar tama\u00f1o, radio, colores y estados hover\r\n========================================================= *\/\r\n.sc1-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:clamp(24px,4vh,34px)}\r\n.sc1-button{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  gap:14px;\r\n  min-height:50px;\r\n  padding:0 28px;\r\n  border:1px solid var(--sc1-orange);\r\n  border-radius:28px;\r\n  background:var(--sc1-orange);\r\n  color:#fff!important;\r\n  box-shadow:none!important;\r\n  text-decoration:none!important;\r\n  font:800 18px\/1 \"Exo 2\",Arial,sans-serif;\r\n  letter-spacing:.035em;\r\n  text-transform:uppercase;\r\n  transition:color .24s ease,background-color .24s ease,border-color .24s ease,transform .24s ease;\r\n}\r\n.sc1-button svg{width:17px;height:17px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .24s ease}\r\n.sc1-button:hover,.sc1-button:focus-visible{color:var(--sc1-navy)!important;background:var(--sc1-cyan);border-color:var(--sc1-cyan);box-shadow:none!important;transform:translateY(-2px)}\r\n.sc1-button:hover svg,.sc1-button:focus-visible svg{transform:translateX(3px)}\r\n.sc1-button--secondary{border-color:rgba(255,255,255,.64);background:transparent;color:#fff!important}\r\n.sc1-button--secondary:hover,.sc1-button--secondary:focus-visible{color:var(--sc1-navy)!important;background:var(--sc1-yellow);border-color:var(--sc1-yellow)}\r\n\r\n\/* =========================================================\r\n   08. ETIQUETAS DE SERVICIOS\r\n   Dise\u00f1o \/ Web \/ Branding \/ Marketing \/ IA\r\n========================================================= *\/\r\n.sc1-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:clamp(25px,4.5vh,36px)}\r\n.sc1-tag{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  min-height:36px;\r\n  padding:10px 15px;\r\n  border:1px solid rgba(255,255,255,.16);\r\n  border-radius:5px;\r\n  background:rgba(255,255,255,.035);\r\n  color:#fff;\r\n  font:700 15px\/1 \"Exo 2\",Arial,sans-serif;\r\n  letter-spacing:.02em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n\/* =========================================================\r\n   09. FIRMA DEBAJO DE LA IMAGEN\r\n   Texto: Powered by S\u00f3crates Baquedano\r\n   Editar fondo, borde, tama\u00f1o y color destacado\r\n========================================================= *\/\r\n.sc1-signature{\r\n  position:relative;\r\n  z-index:3;\r\n  width:auto;\r\n  max-width:100%;\r\n  margin:-34px 0 0;\r\n  padding:12px 16px;\r\n  border-left:2px solid var(--sc1-cyan);\r\n  border-radius:0 5px 5px 0;\r\n  background:rgba(0,47,87,.48);\r\n  color:#fff;\r\n  font:700 13px\/1.35 \"Exo 2\",Arial,sans-serif;\r\n  text-transform:uppercase;\r\n}\r\n.sc1-signature strong{color:var(--sc1-yellow)}\r\n\r\n\/* =========================================================\r\n   10. COLUMNA VISUAL E IMAGEN PRINCIPAL\r\n   Editar min-height para altura de columna\r\n   Editar max-height de img para tama\u00f1o de S\u00f3crates\r\n   object-position controla la alineaci\u00f3n de la imagen\r\n========================================================= *\/\r\n.sc1-visual{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-width:0;min-height:calc(100svh - var(--sc1-header-space) - 46px)}\r\n.sc1-orbit{\r\n  position:relative;\r\n  display:flex;\r\n  align-items:flex-start;\r\n  justify-content:center;\r\n  width:100%;\r\n  height:100%;\r\n  min-height:230px;\r\n  padding-top:clamp(6px,1.5vh,16px);\r\n  border:0;\r\n  border-radius:0;\r\n}\r\n.sc1-orbit::before,.sc1-orbit::after{content:none}\r\n\r\n.sc1-image-wrap{\r\n  position:relative;\r\n  z-index:2;\r\n  display:flex;\r\n  align-items:flex-start;\r\n  justify-content:center;\r\n  width:84%;\r\n  height:88%;\r\n  padding:0;\r\n  border:0;\r\n  border-radius:0;\r\n  background:transparent;\r\n}\r\n.sc1-image-wrap img{\r\n  display:block;\r\n  width:84%;\r\n  height:96%;\r\n  max-height:calc(100svh - var(--sc1-header-space) - 74px);\r\n  object-fit:contain;\r\n  object-position:center top;\r\n  border:0;\r\n  border-radius:0;\r\n  background:transparent;\r\n  box-shadow:none\r\n}\r\n\r\n\/* =========================================================\r\n   11. PUNTOS DECORATIVOS GENERALES\r\n   Editar posici\u00f3n, tama\u00f1o y color de cada punto\r\n========================================================= *\/\r\n.sc1-particle{position:absolute;border-radius:50%;opacity:.75}\r\n.sc1-particle-a{left:27%;bottom:16%;width:5px;height:5px;background:var(--sc1-orange)}\r\n.sc1-particle-b{left:34%;bottom:20%;width:6px;height:6px;background:var(--sc1-green)}\r\n.sc1-particle-c{left:63%;bottom:21%;width:4px;height:4px;background:var(--sc1-cyan)}\r\n.sc1-particle-d{right:17%;bottom:14%;width:6px;height:6px;background:var(--sc1-yellow)}\r\n\r\n\/* =========================================================\r\n   12. TABLET \u2014 hasta 1080px\r\n========================================================= *\/\r\n@media(max-width:1080px){\r\n  :root{--sc1-header-space:76px}\r\n  .sc1-shell{grid-template-columns:minmax(0,1.65fr) minmax(260px,.75fr)}\r\n  .sc1-title{font-size:clamp(50px,7vw,76px)}\r\n  .sc1-orbit{min-height:390px;padding-top:6px}\r\n  .sc1-signature{margin-top:-24px}\r\n}\r\n\r\n\/* =========================================================\r\n   13. M\u00d3VIL \u2014 hasta 760px\r\n========================================================= *\/\r\n@media(max-width:760px){\r\n  #sc-first-section{min-height:auto}\r\n  .sc1-shell{grid-template-columns:1fr;gap:24px;padding:16px 20px 26px}\r\n  .sc1-title{margin-top:30px;font-size:clamp(46px,13vw,68px);line-height:.94}\r\n  .sc1-description{font-size:24px;line-height:1.16}\r\n  .sc1-visual{order:2;min-height:440px}\r\n  .sc1-orbit{width:100%;min-height:390px;padding-top:0}\r\n  .sc1-image-wrap img{max-height:430px}\r\n  .sc1-signature{margin-top:-8px;text-align:center}\r\n}\r\n\r\n\/* =========================================================\r\n   14. M\u00d3VIL PEQUE\u00d1O \u2014 hasta 430px\r\n========================================================= *\/\r\n@media(max-width:430px){\r\n  .sc1-title{font-size:clamp(42px,12.5vw,56px)}\r\n  .sc1-tag{min-height:33px;padding-inline:11px;font-size:9px}\r\n  .sc1-actions{align-items:stretch;flex-direction:column}\r\n  .sc1-button{width:100%;padding-inline:18px}\r\n}\r\n\r\n\/* =========================================================\r\n   15. ANIMACIONES\r\n   Imagen flotante, punto superior y entrada de botones\r\n========================================================= *\/\r\n@media(prefers-reduced-motion:no-preference){\r\n  .sc1-image-wrap{animation:sc1ImageFloat 4s ease-in-out infinite}\r\n  .sc1-status-dot{animation:sc1Pulse 2s ease-in-out infinite}\r\n  .sc1-button{animation:sc1ButtonEnter .65s cubic-bezier(.22,1,.36,1) both}\r\n  .sc1-button--secondary{animation-delay:.1s}\r\n}\r\n@keyframes sc1ImageFloat{50%{transform:translateY(-6px)}}\r\n@keyframes sc1Pulse{50%{box-shadow:0 0 0 10px rgba(115,188,37,0)}}\r\n@keyframes sc1ButtonEnter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}\r\n<\/style>\r\n\r\n<section id=\"sc-first-section\" aria-labelledby=\"sc1-title\">\r\n  <!-- PUNTOS DECORATIVOS GENERALES -->\r\n  <span class=\"sc1-particle sc1-particle-a\" aria-hidden=\"true\"><\/span>\r\n  <span class=\"sc1-particle sc1-particle-b\" aria-hidden=\"true\"><\/span>\r\n  <span class=\"sc1-particle sc1-particle-c\" aria-hidden=\"true\"><\/span>\r\n  <span class=\"sc1-particle sc1-particle-d\" aria-hidden=\"true\"><\/span>\r\n\r\n  <div class=\"sc1-shell\">\r\n    <!-- COLUMNA IZQUIERDA: ETIQUETA, T\u00cdTULO, TEXTO, BOTONES Y SERVICIOS -->\r\n    <div class=\"sc1-content\">\r\n      <!-- ETIQUETA SUPERIOR -->\r\n      <div class=\"sc1-status\"><span class=\"sc1-status-dot\" aria-hidden=\"true\"><\/span><span data-sc1-i18n=\"status\">Creatividad humana + Inteligencia artificial<\/span><\/div>\r\n\r\n      <!-- T\u00cdTULO PRINCIPAL -->\r\n      <h1 class=\"sc1-title\" id=\"sc1-title\"><span data-sc1-i18n=\"title1\">Dise\u00f1ado por humanos.<\/span><span data-sc1-i18n=\"title2\">Potenciado por IA.<\/span><\/h1>\r\n\r\n      <!-- TEXTO DESCRIPTIVO -->\r\n      <p class=\"sc1-description\" data-sc1-rich=\"description\"><br>LA IA SOLA NO BASTA, LA DIFERENCIA EST\u00c1 EN LOS HUMANOS QUE LA GU\u00cdAN.<\/p><br><br>\r\n\r\n      <!-- BOTONES CTA -->\r\n      <div class=\"sc1-actions\">\r\n        <a class=\"sc1-button\" href=\"https:\/\/socrates.la\/virealto\/hablemos\/\">\r\n          <span data-sc1-i18n=\"boost\">Quiero potenciar mi empresa<\/span>\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h14\"\/><path d=\"m13 6 6 6-6 6\"\/><\/svg>\r\n        <\/a>\r\n        <a class=\"sc1-button sc1-button--secondary\" href=\"https:\/\/socrates.la\/virealto\/estudio\/\">\r\n          <span data-sc1-i18n=\"method\">Descubrir el m\u00e9todo<\/span>\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M9 3h6M10 3v6l-5 9a2 2 0 0 0 1.8 3h10.4A2 2 0 0 0 19 18l-5-9V3\"\/><path d=\"M7.5 15h9\"\/><\/svg>\r\n        <\/a>\r\n      <\/div><br><br>\r\n\r\n      <!-- ETIQUETAS DE SERVICIOS -->\r\n      <div class=\"sc1-tags\" aria-label=\"Especialidades\">\r\n        <span class=\"sc1-tag\" data-sc1-i18n=\"design\">Dise\u00f1o<\/span>\r\n        <span class=\"sc1-tag\">Web<\/span>\r\n        <span class=\"sc1-tag\">Branding<\/span>\r\n        <span class=\"sc1-tag\">Marketing<\/span>\r\n        <span class=\"sc1-tag\" data-sc1-i18n=\"ai\">Inteligencia artificial<\/span>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- COLUMNA DERECHA: IMAGEN PRINCIPAL Y FIRMA -->\r\n    <div class=\"sc1-visual\">\r\n      <!-- IMAGEN PRINCIPAL: cambiar URL o tama\u00f1o desde CSS bloque 10 -->\r\n      <div class=\"sc1-orbit\">\r\n        <div class=\"sc1-image-wrap\"><img src=\"https:\/\/socrates.la\/virealto\/wp-content\/uploads\/2026\/08\/socrates-guino-sonrisa.gif\" alt=\"S\u00f3crates\" loading=\"eager\" decoding=\"async\"><\/div>\r\n      <\/div>\r\n      <!-- FIRMA DESTACADA: editar aqu\u00ed y en las traducciones al final -->\r\n      <p class=\"sc1-signature\"><span data-sc1-i18n=\"human\">Powered by<\/span> <strong data-sc1-i18n=\"powered\">S\u00f3crates Baquedano<\/strong><\/p>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function(){\r\n  \"use strict\";\r\n  if(window.SC_FIRST_SECTION_V4_READY)return;\r\n  window.SC_FIRST_SECTION_V4_READY=true;\r\n\r\n  const STORAGE_KEY=\"socrates_creative_language\";\r\n  \/* =======================================================\r\n     16. TEXTOS Y TRADUCCIONES\r\n     Editar siempre las tres filas: es \/ pt \/ en\r\n     Los textos HTML iniciales corresponden al espa\u00f1ol\r\n  ======================================================= *\/\r\n  const translations={\r\n    \/* TEXTOS EN ESPA\u00d1OL *\/\r\n    es:{status:\"Creatividad humana + Inteligencia artificial\",title1:\"Dise\u00f1ado por humanos.\",title2:\"Potenciado por IA.\",description:\"LA IA SOLA NO BASTA, LA DIFERENCIA EST\u00c1 EN LOS HUMANOS QUE LA GU\u00cdAN.\",boost:\"Quiero potenciar mi empresa\",method:\"Descubrir el m\u00e9todo\",design:\"Dise\u00f1o\",ai:\"Inteligencia artificial\",human:\"Powered by\",powered:\"S\u00f3crates Baquedano\"},\r\n    \/* TEXTOS EN PORTUGU\u00c9S (BRASIL) *\/\r\n    pt:{status:\"Criatividade humana + Intelig\u00eancia artificial\",title1:\"Criado por humanos.\",title2:\"Potencializado por IA.\",description:\"A IA SOZINHA N\u00c3O BASTA. A DIFEREN\u00c7A EST\u00c1 NOS HUMANOS QUE A ORIENTAM.\",boost:\"Quero potencializar minha empresa\",method:\"Descobrir o m\u00e9todo\",design:\"Design\",ai:\"Intelig\u00eancia artificial\",human:\"Powered by\",powered:\"S\u00f3crates Baquedano\"},\r\n    \/* TEXTOS EN INGL\u00c9S *\/\r\n    en:{status:\"Human creativity + Artificial intelligence\",title1:\"Designed by humans.\",title2:\"Powered by AI.\",description:\"AI ALONE IS NOT ENOUGH. THE DIFFERENCE IS IN THE HUMANS WHO GUIDE IT.\",boost:\"I want to empower my company\",method:\"Discover the method\",design:\"Design\",ai:\"Artificial intelligence\",human:\"Powered by\",powered:\"S\u00f3crates Baquedano\"}\r\n  };\r\n\r\n  function detectLanguage(){\r\n    try{const saved=localStorage.getItem(STORAGE_KEY);if(translations[saved])return saved}catch(e){}\r\n    const browser=(navigator.language||\"es\").toLowerCase();\r\n    if(browser.startsWith(\"pt\"))return \"pt\";\r\n    if(browser.startsWith(\"en\"))return \"en\";\r\n    return \"es\";\r\n  }\r\n\r\n  function applyLanguage(lang){\r\n    if(!translations[lang])lang=\"es\";\r\n    const data=translations[lang];\r\n    document.querySelectorAll(\"[data-sc1-i18n]\").forEach(function(el){const key=el.getAttribute(\"data-sc1-i18n\");if(data[key]!==undefined)el.textContent=data[key]});\r\n    document.querySelectorAll(\"[data-sc1-rich]\").forEach(function(el){const key=el.getAttribute(\"data-sc1-rich\");if(data[key]!==undefined)el.innerHTML=data[key]});\r\n  }\r\n\r\n  applyLanguage(detectLanguage());\r\n  window.addEventListener(\"socratesLanguageChange\",function(event){if(event.detail&&event.detail.language)applyLanguage(event.detail.language)});\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-21b5662 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"21b5662\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a169bea\" data-id=\"a169bea\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-446ea89 elementor-widget elementor-widget-html\" data-id=\"446ea89\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     S\u00d3CRATES CREATIVE STUDIO \u00b7 SEGUNDA SECCI\u00d3N v1\r\n     ES \/ PT-BR \/ EN \u00b7 ELEMENTOR READY\r\n========================================================= -->\r\n\r\n<style>\r\n\/* =========================================================\r\n   01. PALETA DE COLORES DE LA SECCI\u00d3N\r\n   Editar aqu\u00ed los colores corporativos utilizados\r\n========================================================= *\/\r\n:root{\r\n  --sc2-navy:#002f57;\r\n  --sc2-blue:#0074c7;\r\n  --sc2-cyan:#31b4e7;\r\n  --sc2-green:#73bc25;\r\n  --sc2-yellow:#f6bd00;\r\n  --sc2-orange:#ff5300;\r\n  --sc2-white:#fff;\r\n}\r\n\r\n#studio,#studio *{box-sizing:border-box}\r\n\r\n\/* =========================================================\r\n   02. CONTENEDOR GENERAL DE LA SECCI\u00d3N\r\n   Editar padding para separaci\u00f3n superior\/inferior\r\n   El fondo debe permanecer transparente\r\n========================================================= *\/\r\n#studio{\r\n  position:relative;\r\n  z-index:0;\r\n  width:100%;\r\n  overflow:hidden;\r\n  padding:clamp(50px,9vw,20px) clamp(24px,5vw,82px);\r\n  background:transparent!important;\r\n  color:#fff;\r\n  font-family:\"Ubuntu Sans\",Arial,sans-serif;\r\n  scroll-margin-top:105px;\r\n}\r\n\r\n\/* =========================================================\r\n   03. ESTRUCTURA PRINCIPAL\r\n   Columna lateral de 160px + contenido principal\r\n   Editar grid-template-columns para cambiar proporciones\r\n========================================================= *\/\r\n.sc2-shell{\r\n  display:grid;\r\n  grid-template-columns:160px minmax(0,1fr);\r\n  gap:clamp(34px,5vw,78px);\r\n  width:min(1420px,100%);\r\n  margin:0 auto;\r\n}\r\n\r\n\/* =========================================================\r\n   04. COLUMNA LATERAL\r\n   N\u00famero 01, icono y texto \u00abEl problema no es la IA\u00bb\r\n========================================================= *\/\r\n.sc2-index{position:relative;padding-right:32px;border-right:1px solid rgba(49,180,231,.24)}\r\n.sc2-number{display:block;color:var(--sc2-orange);font:700 50px\/1 \"Exo 2\",Arial,sans-serif}\r\n.sc2-icon{\r\n  display:grid;\r\n  place-items:center;\r\n  width:54px;height:54px;\r\n  margin:22px 0 17px;\r\n  border:2px solid var(--sc2-cyan);\r\n  border-radius:5px;\r\n  color:var(--sc2-cyan);\r\n}\r\n.sc2-icon svg{width:35px;height:35;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}\r\n.sc2-kicker{display:block;color:rgba(255,255,255,.7);font:800 20px\/1.45 \"Exo 2\",Arial,sans-serif;letter-spacing:.07em;text-transform:uppercase}\r\n\r\n\/* =========================================================\r\n   05. T\u00cdTULO PRINCIPAL AMARILLO\r\n   Editar tama\u00f1o, peso, interlineado y color\r\n========================================================= *\/\r\n.sc2-main{min-width:0}\r\n.sc2-title{\r\n  max-width:1100px;\r\n  margin:0;\r\n  color:var(--sc2-yellow);\r\n  font-family:\"Exo 2\",\"Arial Black\",sans-serif;\r\n  font-size:40px;\r\n  font-weight:900;\r\n  line-height:.94;\r\n  text-transform:uppercase;\r\n}\r\n\r\n\/* =========================================================\r\n   06. ZONA INFERIOR EN DOS COLUMNAS\r\n   Izquierda: textos \/ Derecha: comparaci\u00f3n visual\r\n========================================================= *\/\r\n.sc2-lower{display:grid;grid-template-columns:minmax(600px,.72fr) minmax(300px,1.28fr);gap:clamp(34px,4vw,58px);align-items:center;margin-top:clamp(48px,6vw,78px)}\r\n\r\n\/* =========================================================\r\n   07. P\u00c1RRAFOS Y TEXTO DESTACADO\r\n   Editar tama\u00f1os, colores, ancho y l\u00ednea superior\r\n========================================================= *\/\r\n.sc2-copy{position:relative;padding-top:24px}\r\n.sc2-copy::before{content:\"\";position:absolute;left:0;top:0;width:min(100%,360px);height:4px;border-radius:4px;background:linear-gradient(90deg,var(--sc2-yellow),var(--sc2-orange))}\r\n.sc2-copy p{margin:0 0 22px;color:rgba(255,255,255,.76);font-size:clamp(16px,1.25vw,19px);line-height:1.62}\r\n.sc2-copy .sc2-strong{margin-bottom:0;color:#fff;font-size:clamp(19px,1.55vw,24px);font-weight:800;line-height:1.42}\r\n.sc2-copy .sc2-strong strong{color:var(--sc2-cyan)}\r\n\r\n\/* =========================================================\r\n   08. LLAMADA DE ACCI\u00d3N\r\n   Editar aqu\u00ed el texto, separaci\u00f3n, colores y tama\u00f1o del bot\u00f3n\r\n   El bot\u00f3n lleva siempre a https:\/\/socrates.la\/virealto\/hablemos\/\r\n========================================================= *\/\r\n.sc2-cta{\r\n  display:grid;\r\n  gap:18px;\r\n  margin-top:32px;\r\n  padding-top:26px;\r\n  border-top:1px solid rgba(49,180,231,.24);\r\n}\r\n.sc2-cta-text{\r\n  margin:0!important;\r\n  color:rgba(255,255,255,.78)!important;\r\n  font-size:15px!important;\r\n  line-height:1.55!important;\r\n}\r\n.sc2-cta-button{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:space-between;\r\n  gap:24px;\r\n  width:max-content;\r\n  min-height:52px;\r\n  padding:0 20px 0 24px;\r\n  border:2px solid var(--sc2-orange);\r\n  border-radius:5px;\r\n  background:var(--sc2-orange);\r\n  color:var(--sc2-white)!important;\r\n  font:800 13px\/1 \"Exo 2\",Arial,sans-serif;\r\n  letter-spacing:.04em;\r\n  text-decoration:none!important;\r\n  text-transform:uppercase;\r\n  transition:background-color .25s ease,border-color .25s ease,color .25s ease,transform .25s ease;\r\n}\r\n.sc2-cta-button:hover,\r\n.sc2-cta-button:focus-visible{\r\n  border-color:var(--sc2-yellow);\r\n  background:var(--sc2-yellow);\r\n  color:var(--sc2-navy)!important;\r\n  transform:translateY(-2px);\r\n}\r\n.sc2-cta-arrow{font-size:18px;line-height:1;transition:transform .25s ease}\r\n.sc2-cta-button:hover .sc2-cta-arrow,\r\n.sc2-cta-button:focus-visible .sc2-cta-arrow{transform:translate(3px,-3px)}\r\n\r\n\/* =========================================================\r\n   09. TARJETA COMPARATIVA\r\n   Contiene SAME \/ SAME \/ SAME y creatividad humana\r\n   Editar padding, borde, radio y fondo de la tarjeta\r\n========================================================= *\/\r\n.sc2-visual{\r\n  position:relative;\r\n  padding:30px;\r\n  border:1px solid rgba(49,180,231,.22);\r\n  border-radius:14px;\r\n  background:rgba(0,47,87,.24);\r\n}\r\n\r\n\/* BLOQUES SAME \/ SAME \/ SAME *\/\r\n.sc2-same-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}\r\n.sc2-same{\r\n  display:grid;\r\n  place-items:center;\r\n  min-height:62px;\r\n  border:1px solid rgba(255,255,255,.22);\r\n  border-radius:7px;\r\n  color:rgba(255,255,255,.42);\r\n  font:900 18px\/1 \"Exo 2\",Arial,sans-serif;\r\n  text-transform:uppercase;\r\n  transition:color .25s ease,border-color .25s ease,transform .25s ease;\r\n}\r\n.sc2-visual:hover .sc2-same{color:rgba(255,255,255,.68);border-color:rgba(49,180,231,.38);transform:translateY(-2px)}\r\n\r\n\/* BLOQUE HUMANO: H = HUMANO + CREATIVIDAD + ESTRATEGIA + DISE\u00d1O *\/\r\n.sc2-human{display:grid;grid-template-columns:60px 1fr;align-items:center;gap:18px;margin-top:18px;padding:23px;border-radius:8px;background:var(--sc2-navy);border-left:3px solid var(--sc2-cyan)}\r\n.sc2-human-mark{display:grid;place-items:center;width:58px;height:58px;background:var(--sc2-yellow);color:var(--sc2-navy);font:900 27px\/1 \"Exo 2\",Arial,sans-serif}\r\n.sc2-human-content{display:block;min-width:0}\r\n.sc2-human-meaning{\r\n  display:block;\r\n  width:max-content;\r\n  max-width:100%;\r\n  margin-bottom:8px;\r\n  padding:4px 8px;\r\n  border:1px solid rgba(49,180,231,.38);\r\n  border-radius:4px;\r\n  color:var(--sc2-cyan);\r\n  font:900 10px\/1 \"Exo 2\",Arial,sans-serif;\r\n  letter-spacing:.09em;\r\n  text-transform:uppercase;\r\n}\r\n.sc2-human-title{display:block;color:#fff;font:850 clamp(18px,2vw,27px)\/1.1 \"Exo 2\",Arial,sans-serif;text-transform:uppercase}\r\n.sc2-human-subtitle{display:block;margin-top:7px;color:rgba(255,255,255,.70);font:700 11px\/1.25 \"Exo 2\",Arial,sans-serif;letter-spacing:.04em;text-transform:uppercase}\r\n\r\n\/* L\u00cdNEAS INFERIORES ANIMADAS *\/\r\n.sc2-metrics{display:grid;gap:8px;margin-top:18px}\r\n.sc2-line{display:block;height:7px;border-radius:5px;background:rgba(255,255,255,.12);transform-origin:left;animation:sc2Line 1s cubic-bezier(.22,1,.36,1) both}\r\n.sc2-line:nth-child(2){width:78%;animation-delay:.12s}.sc2-line:nth-child(3){width:48%;background:var(--sc2-green);animation-delay:.22s}\r\n\r\n\/* =========================================================\r\n   10. PUNTOS DECORATIVOS GENERALES\r\n   Editar posici\u00f3n, tama\u00f1o y color de cada punto\r\n========================================================= *\/\r\n.sc2-dot{position:absolute;border-radius:50%;pointer-events:none}\r\n.sc2-dot-a{top:18%;right:6%;width:6px;height:6px;background:var(--sc2-green)}\r\n.sc2-dot-b{bottom:16%;left:10%;width:5px;height:5px;background:var(--sc2-orange)}\r\n.sc2-dot-c{top:49%;left:48%;width:4px;height:4px;background:var(--sc2-cyan)}\r\n\r\n@keyframes sc2Line{from{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}\r\n\r\n\/* =========================================================\r\n   11. TABLET \u2014 hasta 980px\r\n========================================================= *\/\r\n@media(max-width:980px){\r\n  .sc2-shell{grid-template-columns:120px minmax(0,1fr);gap:30px}\r\n  .sc2-index{padding-right:22px}\r\n  .sc2-lower{grid-template-columns:1fr}\r\n}\r\n\r\n\/* =========================================================\r\n   12. M\u00d3VIL \u2014 hasta 700px\r\n========================================================= *\/\r\n@media(max-width:700px){\r\n  #studio{padding:70px 20px}\r\n  .sc2-shell{grid-template-columns:1fr;gap:28px}\r\n  .sc2-index{display:grid;grid-template-columns:auto 54px 1fr;align-items:center;gap:14px;padding:0 0 20px;border-right:0;border-bottom:1px solid rgba(49,180,231,.24)}\r\n  .sc2-icon{margin:0}.sc2-kicker{max-width:150px}\r\n  .sc2-title{font-size:clamp(42px,12vw,64px)}\r\n  .sc2-lower{margin-top:38px}\r\n  .sc2-visual{padding:18px}\r\n  .sc2-cta-button{width:100%}\r\n}\r\n\r\n\/* =========================================================\r\n   13. M\u00d3VIL PEQUE\u00d1O \u2014 hasta 460px\r\n========================================================= *\/\r\n@media(max-width:460px){\r\n  .sc2-same-row{gap:6px}.sc2-same{min-height:50px;font-size:13px}\r\n  .sc2-human{grid-template-columns:48px 1fr;gap:12px;padding:16px}\r\n  .sc2-human-mark{width:46px;height:46px;font-size:22px}\r\n  .sc2-human-meaning{font-size:9px}\r\n  .sc2-human-subtitle{font-size:10px}\r\n}\r\n\r\n@media(prefers-reduced-motion:reduce){.sc2-line{animation:none!important}}\r\n<\/style>\r\n\r\n<section id=\"studio\" aria-labelledby=\"sc2-title\">\r\n  <!-- PUNTOS DECORATIVOS GENERALES -->\r\n  <span class=\"sc2-dot sc2-dot-a\" aria-hidden=\"true\"><\/span>\r\n  <span class=\"sc2-dot sc2-dot-b\" aria-hidden=\"true\"><\/span>\r\n  <span class=\"sc2-dot sc2-dot-c\" aria-hidden=\"true\"><\/span>\r\n\r\n  <div class=\"sc2-shell\">\r\n    <!-- COLUMNA LATERAL: N\u00daMERO, ICONO Y NOMBRE DE LA SECCI\u00d3N -->\r\n    <aside class=\"sc2-index\" aria-label=\"Secci\u00f3n 01\">\r\n      <span class=\"sc2-number\">01<\/span>\r\n      <span class=\"sc2-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M9 18h6M10 22h4\"\/><path d=\"M8.3 15.4A7 7 0 1 1 15.7 15.4C14.7 16.1 14 17 14 18h-4c0-1-.7-1.9-1.7-2.6Z\"\/><\/svg><\/span>\r\n      <span class=\"sc2-kicker\" data-sc2-i18n=\"kicker\">El problema no es la IA.<\/span>\r\n    <\/aside>\r\n\r\n    <!-- CONTENIDO PRINCIPAL -->\r\n    <div class=\"sc2-main\">\r\n      <!-- T\u00cdTULO PRINCIPAL -->\r\n      <h2 class=\"sc2-title\" id=\"sc2-title\" data-sc2-i18n=\"title\">Internet se est\u00e1 llenando de empresas que parecen la misma empresa.<\/h2>\r\n\r\n      <div class=\"sc2-lower\">\r\n        <!-- COLUMNA DE TEXTOS -->\r\n        <div class=\"sc2-copy\">\r\n          <p data-sc2-i18n=\"body\">Hoy cualquiera puede generar un logo, una campa\u00f1a, veinte publicaciones, una web o un video en pocos minutos.<\/p>\r\n          <p class=\"sc2-strong\" data-sc2-rich=\"strong\">La IA democratiz\u00f3 las herramientas. <strong>No democratiz\u00f3 el talento, la experiencia ni el criterio.<\/strong><\/p>\r\n\r\n          <!-- LLAMADA DE ACCI\u00d3N: TEXTO + BOT\u00d3N HACIA HABLEMOS -->\r\n          <div class=\"sc2-cta\">\r\n            <p class=\"sc2-cta-text\" data-sc2-i18n=\"ctaText\">La diferencia comienza cuando estrategia, creatividad y tecnolog\u00eda trabajan con un prop\u00f3sito claro.<\/p>\r\n            <a class=\"sc2-cta-button\" href=\"https:\/\/socrates.la\/virealto\/hablemos\/\">\r\n              <span data-sc2-i18n=\"ctaButton\">Hablemos de tu proyecto<\/span>\r\n              <span class=\"sc2-cta-arrow\" aria-hidden=\"true\">\u2197<\/span>\r\n            <\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- TARJETA COMPARATIVA VISUAL -->\r\n        <div class=\"sc2-visual\" aria-label=\"Comparaci\u00f3n entre contenido gen\u00e9rico y creatividad humana\">\r\n          <!-- TRES BLOQUES GEN\u00c9RICOS -->\r\n          <div class=\"sc2-same-row\" aria-hidden=\"true\">\r\n            <span class=\"sc2-same\" data-sc2-same>IGUAL<\/span>\r\n            <span class=\"sc2-same\" data-sc2-same>IGUAL<\/span>\r\n            <span class=\"sc2-same\" data-sc2-same>IGUAL<\/span>\r\n          <\/div>\r\n          <!-- BLOQUE DIFERENCIAL HUMANO -->\r\n          <div class=\"sc2-human\">\r\n            <span class=\"sc2-human-mark\" data-sc2-human-mark aria-label=\"H significa Humano\" title=\"H = Humano\">H<\/span>\r\n            <span class=\"sc2-human-content\">\r\n              <small class=\"sc2-human-meaning\" data-sc2-i18n=\"humanMeaning\">H = HUMANO<\/small>\r\n              <strong class=\"sc2-human-title\" data-sc2-i18n=\"human\">CREATIVIDAD HUMANA<\/strong>\r\n              <small class=\"sc2-human-subtitle\" data-sc2-i18n=\"strategy\">Estrategia + Dise\u00f1o<\/small>\r\n            <\/span>\r\n          <\/div>\r\n          <!-- L\u00cdNEAS DE M\u00c9TRICAS DECORATIVAS -->\r\n          <div class=\"sc2-metrics\" aria-hidden=\"true\"><span class=\"sc2-line\"><\/span><span class=\"sc2-line\"><\/span><span class=\"sc2-line\"><\/span><\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function(){\r\n  \"use strict\";\r\n  const STORAGE_KEY=\"socrates_creative_language\";\r\n  \/* =======================================================\r\n     14. TEXTOS Y TRADUCCIONES\r\n     Editar siempre las tres filas: es \/ pt \/ en\r\n     \u00abstrong\u00bb permite usar <strong> para destacar en cian\r\n  ======================================================= *\/\r\n  const translations={\r\n    \/* TEXTOS EN ESPA\u00d1OL *\/\r\n    es:{kicker:\"El problema no es la IA.\",title:\"Internet se est\u00e1 llenando de empresas que parecen la misma empresa.\",body:\"Hoy cualquiera puede generar un logo, una campa\u00f1a, veinte publicaciones, una web o un video en pocos minutos.\",strong:'La IA democratiz\u00f3 las herramientas. <strong>No democratiz\u00f3 el talento, la experiencia ni el criterio.<\/strong>',ctaText:\"La diferencia comienza cuando estrategia, creatividad y tecnolog\u00eda trabajan con un prop\u00f3sito claro.\",ctaButton:\"Hablemos de tu proyecto\",humanMeaning:\"H = HUMANO\",human:\"CREATIVIDAD HUMANA\",strategy:\"Estrategia + Dise\u00f1o\",humanAria:\"H significa Humano\",same:\"IGUAL\"},\r\n    \/* TEXTOS EN PORTUGU\u00c9S (BRASIL) *\/\r\n    pt:{kicker:\"O problema n\u00e3o \u00e9 a IA.\",title:\"A internet est\u00e1 se enchendo de empresas que parecem a mesma empresa.\",body:\"Hoje qualquer pessoa pode gerar um logotipo, uma campanha, vinte publica\u00e7\u00f5es, um site ou um v\u00eddeo em poucos minutos.\",strong:'A IA democratizou as ferramentas. <strong>N\u00e3o democratizou o talento, a experi\u00eancia nem o crit\u00e9rio.<\/strong>',ctaText:\"A diferen\u00e7a come\u00e7a quando estrat\u00e9gia, criatividade e tecnologia trabalham com um prop\u00f3sito claro.\",ctaButton:\"Vamos falar do seu projeto\",humanMeaning:\"H = HUMANO\",human:\"CRIATIVIDADE HUMANA\",strategy:\"Estrat\u00e9gia + Design\",humanAria:\"H significa Humano\",same:\"IGUAL\"},\r\n    \/* TEXTOS EN INGL\u00c9S *\/\r\n    en:{kicker:\"AI is not the problem.\",title:\"The internet is filling up with companies that all look like the same company.\",body:\"Today, anyone can generate a logo, a campaign, twenty posts, a website or a video in just a few minutes.\",strong:'AI democratized the tools. <strong>It did not democratize talent, experience or judgment.<\/strong>',ctaText:\"The difference begins when strategy, creativity and technology work toward a clear purpose.\",ctaButton:\"Let's talk about your project\",humanMeaning:\"H = HUMAN\",human:\"HUMAN CREATIVITY\",strategy:\"Strategy + Design\",humanAria:\"H means Human\",same:\"SAME\"}\r\n  };\r\n  function detectLanguage(){\r\n    try{const saved=localStorage.getItem(STORAGE_KEY);if(translations[saved])return saved}catch(error){}\r\n    const browser=(navigator.language||\"es\").toLowerCase();\r\n    if(browser.startsWith(\"pt\"))return \"pt\";if(browser.startsWith(\"en\"))return \"en\";return \"es\";\r\n  }\r\n  function applyLanguage(lang){\r\n    if(!translations[lang])lang=\"es\";\r\n    const data=translations[lang];\r\n    const section=document.getElementById(\"studio\");\r\n    if(!section)return;\r\n\r\n    section.querySelectorAll(\"[data-sc2-i18n]\").forEach(function(el){\r\n      const key=el.getAttribute(\"data-sc2-i18n\");\r\n      if(data[key]!==undefined)el.textContent=data[key];\r\n    });\r\n\r\n    section.querySelectorAll(\"[data-sc2-rich]\").forEach(function(el){\r\n      const key=el.getAttribute(\"data-sc2-rich\");\r\n      if(data[key]!==undefined)el.innerHTML=data[key];\r\n    });\r\n\r\n    \/* Traducci\u00f3n expl\u00edcita de IGUAL \/ SAME *\/\r\n    section.querySelectorAll(\"[data-sc2-same]\").forEach(function(el){\r\n      el.textContent=data.same || (lang===\"en\" ? \"SAME\" : \"IGUAL\");\r\n    });\r\n\r\n    \/* H aislada = Humano \/ Human *\/\r\n    section.querySelectorAll(\"[data-sc2-human-mark]\").forEach(function(el){\r\n      if(data.humanAria){\r\n        el.setAttribute(\"aria-label\",data.humanAria);\r\n        el.setAttribute(\"title\",data.humanMeaning || data.humanAria);\r\n      }\r\n    });\r\n  }\r\n  applyLanguage(detectLanguage());\r\n\r\n  \/* Evento global del sitio *\/\r\n  window.addEventListener(\"socratesLanguageChange\",function(event){\r\n    if(event.detail&&event.detail.language){\r\n      applyLanguage(event.detail.language);\r\n    }\r\n  });\r\n\r\n  \/* Compatibilidad directa con las banderas del header *\/\r\n  document.addEventListener(\"click\",function(event){\r\n    const button=event.target.closest(\".language-btn[data-lang]\");\r\n    if(!button)return;\r\n\r\n    const lang=button.getAttribute(\"data-lang\");\r\n    if(!translations[lang])return;\r\n\r\n    try{localStorage.setItem(STORAGE_KEY,lang)}catch(error){}\r\n    applyLanguage(lang);\r\n  });\r\n\r\n  \/* Si otro componente cambia el atributo lang del HTML *\/\r\n  const langObserver=new MutationObserver(function(){\r\n    const htmlLang=(document.documentElement.getAttribute(\"lang\")||\"\").toLowerCase();\r\n    if(htmlLang.startsWith(\"pt\"))applyLanguage(\"pt\");\r\n    else if(htmlLang.startsWith(\"en\"))applyLanguage(\"en\");\r\n    else if(htmlLang.startsWith(\"es\"))applyLanguage(\"es\");\r\n  });\r\n\r\n  langObserver.observe(document.documentElement,{\r\n    attributes:true,\r\n    attributeFilter:[\"lang\"]\r\n  });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5f0a21a elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"5f0a21a\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-192ef67\" data-id=\"192ef67\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-953f5af elementor-widget elementor-widget-html\" data-id=\"953f5af\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     S\u00d3CRATES CREATIVE STUDIO \u00b7 MARQUESINA v1\r\n     ES \/ PT-BR \/ EN \u00b7 ELEMENTOR READY\r\n========================================================= -->\r\n\r\n<style>\r\n\/* =========================================================\r\n   01. VARIABLES EDITABLES\r\n   --scm-speed: velocidad; aumentar = movimiento m\u00e1s lento\r\n   --scm-height: altura total de la franja\r\n   --scm-gap: separaci\u00f3n entre c\u00e1psulas\r\n========================================================= *\/\r\n:root{\r\n  --scm-orange:#ff5300;\r\n  --scm-orange-light:#ff681e;\r\n  --scm-yellow:#f6bd00;\r\n  --scm-white:#fff;\r\n  --scm-speed:34s;\r\n  --scm-height:58px;\r\n  --scm-gap:7px;\r\n}\r\n\r\n#sc-marquee,#sc-marquee *{box-sizing:border-box}\r\n\r\n\/* =========================================================\r\n   02. CONTENEDOR GENERAL\r\n   Editar height para cambiar la altura de la marquesina\r\n   El fondo exterior permanece transparente\r\n========================================================= *\/\r\n#sc-marquee{\r\n  position:relative;\r\n  z-index:0;\r\n  width:100%;\r\n  height:var(--scm-height);\r\n  margin:0;\r\n  padding-top:4px;\r\n  overflow:hidden;\r\n  background:transparent!important;\r\n  font-family:\"Ubuntu Sans\",Arial,sans-serif;\r\n}\r\n\r\n\/* =========================================================\r\n   03. L\u00cdNEA SUPERIOR AMARILLA\r\n   Editar height y background para grosor\/color\r\n========================================================= *\/\r\n#sc-marquee::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  z-index:3;\r\n  inset:0 0 auto;\r\n  height:4px;\r\n  background:var(--scm-yellow);\r\n}\r\n\r\n\/* =========================================================\r\n   04. FRANJA NARANJA\r\n   Contiene y recorta los textos en movimiento\r\n========================================================= *\/\r\n.scm-viewport{\r\n  position:relative;\r\n  display:flex;\r\n  align-items:center;\r\n  width:100%;\r\n  height:calc(var(--scm-height) - 4px);\r\n  overflow:hidden;\r\n  background:var(--scm-orange);\r\n}\r\n\r\n\/* =========================================================\r\n   05. PISTA ANIMADA\r\n   La animaci\u00f3n desplaza dos grupos id\u00e9nticos sin saltos\r\n========================================================= *\/\r\n.scm-track{\r\n  display:flex;\r\n  align-items:center;\r\n  width:max-content;\r\n  min-width:max-content;\r\n  animation:scmMove var(--scm-speed) linear infinite;\r\n  will-change:transform;\r\n}\r\n\r\n\/* Pausa accesible al colocar el cursor encima *\/\r\n#sc-marquee:hover .scm-track{animation-play-state:paused}\r\n\r\n.scm-group{\r\n  display:flex;\r\n  align-items:center;\r\n  flex:none;\r\n  gap:var(--scm-gap);\r\n  padding-right:var(--scm-gap);\r\n}\r\n\r\n\/* =========================================================\r\n   06. C\u00c1PSULAS DE TEXTO\r\n   Editar padding, border-radius, fondo y tipograf\u00eda\r\n========================================================= *\/\r\n.scm-item{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  flex:none;\r\n  gap:9px;\r\n  min-height:36px;\r\n  padding:0 16px;\r\n  border:0;\r\n  border-radius:19px;\r\n  background:var(--scm-orange-light);\r\n  color:var(--scm-white);\r\n  font:800 11px\/1 \"Exo 2\",Arial,sans-serif;\r\n  letter-spacing:.025em;\r\n  text-transform:uppercase;\r\n  white-space:nowrap;\r\n}\r\n\r\n\/* =========================================================\r\n   07. ICONOS OUTLINE\r\n   Editar width\/height para cambiar el tama\u00f1o\r\n========================================================= *\/\r\n.scm-item svg{\r\n  width:15px;\r\n  height:15px;\r\n  flex:0 0 auto;\r\n  fill:none;\r\n  stroke:currentColor;\r\n  stroke-width:1.8;\r\n  stroke-linecap:round;\r\n  stroke-linejoin:round;\r\n}\r\n\r\n\/* =========================================================\r\n   08. SEPARADORES EN X\r\n   Editar color, tama\u00f1o y separaci\u00f3n\r\n========================================================= *\/\r\n.scm-separator{\r\n  display:grid;\r\n  place-items:center;\r\n  flex:0 0 auto;\r\n  width:12px;\r\n  color:var(--scm-yellow);\r\n  font:600 25px\/1 \"Exo 2\",Arial,sans-serif;\r\n}\r\n\r\n\/* =========================================================\r\n   09. ANIMACI\u00d3N CONTINUA\r\n   No editar el 50%: corresponde a uno de los dos grupos\r\n========================================================= *\/\r\n@keyframes scmMove{to{transform:translate3d(-50%,0,0)}}\r\n\r\n\/* =========================================================\r\n   10. M\u00d3VIL\r\n   Altura, c\u00e1psulas y tipograf\u00eda m\u00e1s compactas\r\n========================================================= *\/\r\n@media(max-width:700px){\r\n  :root{--scm-height:52px;--scm-gap:5px;--scm-speed:27s}\r\n  .scm-item{min-height:32px;padding:0 13px;font-size:10px}\r\n  .scm-item svg{width:14px;height:14px}\r\n}\r\n\r\n\/* =========================================================\r\n   11. ACCESIBILIDAD\r\n   Detiene el movimiento si el usuario reduce animaciones\r\n========================================================= *\/\r\n@media(prefers-reduced-motion:reduce){.scm-track{animation:none!important}}\r\n<\/style>\r\n\r\n<!-- =======================================================\r\n     HTML DE LA MARQUESINA\r\n     Para agregar un concepto, duplica un .scm-item y su separador\r\n======================================================= -->\r\n<div id=\"sc-marquee\" role=\"region\" aria-label=\"Conceptos S\u00f3crates Creative Studio\">\r\n  <div class=\"scm-viewport\">\r\n    <div class=\"scm-track\">\r\n\r\n      <!-- GRUPO ORIGINAL -->\r\n      <div class=\"scm-group\">\r\n        <span class=\"scm-item\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M22 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg><span data-scm-i18n=\"human\">Creatividad humana<\/span><\/span><span class=\"scm-separator\" aria-hidden=\"true\">+<\/span>\r\n        <span class=\"scm-item\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M13 2 3 14h9l-1 8 10-12h-9l1-8Z\"\/><\/svg><span data-scm-i18n=\"speed\">Velocidad IA<\/span><\/span><span class=\"scm-separator\" aria-hidden=\"true\">+<\/span>\r\n        <span class=\"scm-item\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><circle cx=\"12\" cy=\"12\" r=\"4\"\/><path d=\"M12 3v2M21 12h-2M12 21v-2M3 12h2\"\/><\/svg><span data-scm-i18n=\"strategy\">Estrategia<\/span><\/span><span class=\"scm-separator\" aria-hidden=\"true\">+<\/span>\r\n        <span class=\"scm-item\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 22a10 10 0 1 1 10-10c0 2-1 3-3 3h-1.5a1.5 1.5 0 0 0 0 3H19\"\/><circle cx=\"7.5\" cy=\"10.5\" r=\"1\"\/><circle cx=\"10\" cy=\"6.5\" r=\"1\"\/><circle cx=\"15\" cy=\"7\" r=\"1\"\/><\/svg><span data-scm-i18n=\"design\">Dise\u00f1o<\/span><\/span><span class=\"scm-separator\" aria-hidden=\"true\">+<\/span>\r\n        <span class=\"scm-item\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"m8 9-4 3 4 3M16 9l4 3-4 3M14 5l-4 14\"\/><\/svg><span data-scm-i18n=\"technology\">Tecnolog\u00eda<\/span><\/span><span class=\"scm-separator\" aria-hidden=\"true\">+<\/span>\r\n      <\/div>\r\n\r\n      <!-- COPIA PARA MOVIMIENTO CONTINUO \u2014 mantener igual al grupo original -->\r\n      <div class=\"scm-group\" aria-hidden=\"true\">\r\n        <span class=\"scm-item\"><svg viewBox=\"0 0 24 24\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M22 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg><span data-scm-i18n=\"human\">Creatividad humana<\/span><\/span><span class=\"scm-separator\">+<\/span>\r\n        <span class=\"scm-item\"><svg viewBox=\"0 0 24 24\"><path d=\"M13 2 3 14h9l-1 8 10-12h-9l1-8Z\"\/><\/svg><span data-scm-i18n=\"speed\">Velocidad IA<\/span><\/span><span class=\"scm-separator\">+<\/span>\r\n        <span class=\"scm-item\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><circle cx=\"12\" cy=\"12\" r=\"4\"\/><\/svg><span data-scm-i18n=\"strategy\">Estrategia<\/span><\/span><span class=\"scm-separator\">+<\/span>\r\n        <span class=\"scm-item\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 22a10 10 0 1 1 10-10c0 2-1 3-3 3h-1.5a1.5 1.5 0 0 0 0 3H19\"\/><\/svg><span data-scm-i18n=\"design\">Dise\u00f1o<\/span><\/span><span class=\"scm-separator\">+<\/span>\r\n        <span class=\"scm-item\"><svg viewBox=\"0 0 24 24\"><path d=\"m8 9-4 3 4 3M16 9l4 3-4 3M14 5l-4 14\"\/><\/svg><span data-scm-i18n=\"technology\">Tecnolog\u00eda<\/span><\/span><span class=\"scm-separator\">+<\/span>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n  \"use strict\";\r\n  if(window.SC_MARQUEE_V1_READY)return;\r\n  window.SC_MARQUEE_V1_READY=true;\r\n\r\n  const STORAGE_KEY=\"socrates_creative_language\";\r\n  const track=document.querySelector(\"#sc-marquee .scm-track\");\r\n  const groups=track?Array.from(track.querySelectorAll(\".scm-group\")):[];\r\n  const baseMarkup=groups[0]?groups[0].innerHTML:\"\";\r\n\r\n  \/* =======================================================\r\n     12. TEXTOS Y TRADUCCIONES\r\n     Editar siempre las tres filas: es \/ pt \/ en\r\n  ======================================================= *\/\r\n  const translations={\r\n    \/* TEXTOS EN ESPA\u00d1OL *\/\r\n    es:{human:\"Creatividad humana\",speed:\"Velocidad IA\",strategy:\"Estrategia\",design:\"Dise\u00f1o\",technology:\"Tecnolog\u00eda\"},\r\n    \/* TEXTOS EN PORTUGU\u00c9S (BRASIL) *\/\r\n    pt:{human:\"Criatividade humana\",speed:\"Velocidade da IA\",strategy:\"Estrat\u00e9gia\",design:\"Design\",technology:\"Tecnologia\"},\r\n    \/* TEXTOS EN INGL\u00c9S *\/\r\n    en:{human:\"Human creativity\",speed:\"AI speed\",strategy:\"Strategy\",design:\"Design\",technology:\"Technology\"}\r\n  };\r\n\r\n  function detectLanguage(){\r\n    try{const saved=localStorage.getItem(STORAGE_KEY);if(translations[saved])return saved}catch(error){}\r\n    const browser=(navigator.language||\"es\").toLowerCase();\r\n    if(browser.startsWith(\"pt\"))return \"pt\";if(browser.startsWith(\"en\"))return \"en\";return \"es\";\r\n  }\r\n\r\n  function applyLanguage(lang){\r\n    if(!translations[lang])lang=\"es\";\r\n    const data=translations[lang];\r\n    document.querySelectorAll(\"[data-scm-i18n]\").forEach(function(el){const key=el.getAttribute(\"data-scm-i18n\");if(data[key]!==undefined)el.textContent=data[key]});\r\n    requestAnimationFrame(fillViewport);\r\n  }\r\n\r\n  \/* Repite los conceptos dentro de cada mitad hasta cubrir pantallas anchas. *\/\r\n  function fillViewport(){\r\n    if(groups.length!==2||!baseMarkup)return;\r\n    groups.forEach(function(group){group.innerHTML=baseMarkup});\r\n    groups.forEach(function(group){\r\n      let guard=0;\r\n      while(group.scrollWidth<window.innerWidth+160&&guard<8){group.insertAdjacentHTML(\"beforeend\",baseMarkup);guard++}\r\n    });\r\n    const current=detectLanguage();\r\n    const data=translations[current]||translations.es;\r\n    document.querySelectorAll(\"[data-scm-i18n]\").forEach(function(el){const key=el.getAttribute(\"data-scm-i18n\");if(data[key]!==undefined)el.textContent=data[key]});\r\n  }\r\n\r\n  applyLanguage(detectLanguage());\r\n  window.addEventListener(\"socratesLanguageChange\",function(event){if(event.detail&&event.detail.language)applyLanguage(event.detail.language)});\r\n  let resizeTimer;\r\n  window.addEventListener(\"resize\",function(){clearTimeout(resizeTimer);resizeTimer=setTimeout(fillViewport,120)},{passive:true});\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4582eb3 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"4582eb3\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-657c40f\" data-id=\"657c40f\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c8a9bb5 elementor-widget elementor-widget-html\" data-id=\"c8a9bb5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     S\u00d3CRATES CREATIVE STUDIO \u00b7 TERCERA SECCI\u00d3N v1\r\n     HUMANOS \u00d7 IA = RESULTADO\r\n     ES \/ PT-BR \/ EN \u00b7 ELEMENTOR READY\r\n========================================================= -->\r\n\r\n<style>\r\n\/* =========================================================\r\n   01. PALETA Y VARIABLES EDITABLES\r\n   Cambiar aqu\u00ed colores, radios y separaci\u00f3n general\r\n========================================================= *\/\r\n:root{\r\n  --sc3-navy:#002f57;\r\n  --sc3-blue:#0074c7;\r\n  --sc3-blue-deep:#00358f;\r\n  --sc3-cyan:#31b4e7;\r\n  --sc3-green:#73bc25;\r\n  --sc3-yellow:#f6bd00;\r\n  --sc3-orange:#ff5300;\r\n  --sc3-white:#fff;\r\n  --sc3-radius:14px;\r\n  --sc3-card-gap:22px;\r\n}\r\n\r\n#services,#services *{box-sizing:border-box}\r\n\r\n\/* =========================================================\r\n   02. CONTENEDOR GENERAL\r\n   Editar padding para espacio superior\/inferior\r\n   La secci\u00f3n permanece transparente\r\n========================================================= *\/\r\n#services{\r\n  position:relative;\r\n  z-index:0;\r\n  width:100%;\r\n  padding:clamp(72px,9vw,50px) clamp(24px,5vw,82px);\r\n  overflow:hidden;\r\n  background:transparent!important;\r\n  color:#fff;\r\n  font-family:\"Ubuntu Sans\",Arial,sans-serif;\r\n  scroll-margin-top:105px;\r\n}\r\n\r\n\/* =========================================================\r\n   03. ESTRUCTURA: COLUMNA LATERAL + CONTENIDO\r\n   Editar 160px para cambiar el ancho de la columna lateral\r\n========================================================= *\/\r\n.sc3-shell{display:grid;grid-template-columns:160px minmax(0,1fr);gap:clamp(34px,5vw,78px);width:min(1420px,100%);margin:0 auto}\r\n\r\n\/* =========================================================\r\n   04. COLUMNA LATERAL: 02 \/ ICONO \/ NUESTRO MODELO\r\n========================================================= *\/\r\n.sc3-index{padding-right:32px;border-right:1px solid rgba(49,180,231,.24)}\r\n.sc3-number{display:block;color:var(--sc3-orange);font:700 50px\/1 \"Exo 2\",Arial,sans-serif}\r\n.sc3-index-icon{display:grid;place-items:center;width:54px;height:54px;margin:22px 0 17px;border:1px solid var(--sc3-cyan);border-radius:5px;color:var(--sc3-cyan)}\r\n.sc3-index-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}\r\n.sc3-kicker{display:block;color:rgba(255,255,255,.7);font:800 20px\/1.45 \"Exo 2\",Arial,sans-serif;letter-spacing:.07em;text-transform:uppercase}\r\n\r\n\/* =========================================================\r\n   05. T\u00cdTULO PRINCIPAL\r\n   Amarillo de alto impacto; editar tama\u00f1o y line-height\r\n========================================================= *\/\r\n.sc3-main{min-width:0}\r\n.sc3-title{max-width:1100px;margin:0;font-family:\"Exo 2\",\"Arial Black\",sans-serif;font-size:clamp(48px,5.5vw,40px);font-weight:900;line-height:.94;text-transform:uppercase}\r\n\r\n\/* PRIMERA FRASE DEL T\u00cdTULO: CELESTE *\/\r\n.sc3-title-first{display:block;color:var(--sc3-cyan)}\r\n\r\n\/* SEGUNDA FRASE DEL T\u00cdTULO: AMARILLO *\/\r\n.sc3-title-second{display:block;color:var(--sc3-yellow)}\r\n\r\n\/* =========================================================\r\n   06. F\u00d3RMULA DE TRES TARJETAS\r\n   Editar columnas, separaci\u00f3n y margen superior\r\n========================================================= *\/\r\n.sc3-formula{display:grid;grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr) 42px minmax(0,.92fr);align-items:stretch;gap:var(--sc3-card-gap);margin-top:clamp(50px,6vw,82px)}\r\n\r\n\/* =========================================================\r\n   07. ESTILO BASE DE TARJETAS\r\n   Sin sombras ni blur. Altura y padding editables aqu\u00ed\r\n========================================================= *\/\r\n.sc3-card{position:relative;display:flex;flex-direction:column;min-width:0;min-height:570px;padding:36px;border:1px solid rgba(255,255,255,.18);border-radius:var(--sc3-radius);overflow:hidden;transition:transform .28s ease,border-color .28s ease}\r\n.sc3-card:hover{transform:translateY(-5px);border-color:rgba(255,255,255,.48)}\r\n\r\n\/* Colores individuales *\/\r\n.sc3-card--human{background:var(--sc3-blue)}\r\n.sc3-card--ai{background:var(--sc3-blue-deep);border-color:rgba(246,189,0,.45)}\r\n.sc3-card--result{background:var(--sc3-green);color:var(--sc3-navy);border-color:rgba(115,188,37,.85)}\r\n\r\n\/* =========================================================\r\n   08. CABECERA DE CADA TARJETA\r\n   Icono outline + etiqueta peque\u00f1a\r\n========================================================= *\/\r\n.sc3-card-head{display:flex;align-items:center;gap:13px}\r\n.sc3-card-icon{display:grid;place-items:center;width:46px;height:46px;flex:0 0 auto;border:1px solid currentColor;border-radius:9px;color:#fff}\r\n.sc3-card--result .sc3-card-icon{color:var(--sc3-navy)}\r\n.sc3-card-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}\r\n.sc3-card-label{font:800 15px\/1.25 \"Exo 2\",Arial,sans-serif;letter-spacing:.045em;text-transform:uppercase}\r\n\r\n\/* =========================================================\r\n   09. FRASE CENTRAL DE CADA TARJETA\r\n   Editar tama\u00f1o, margen y color\r\n========================================================= *\/\r\n.sc3-card-title{max-width:310px;margin:58px 0 32px;color:#fff;font-family:\"Exo 2\",Arial,sans-serif;font-size:clamp(30px,2.6vw,30px);font-weight:900;line-height:.96;letter-spacing:-.025em;text-transform:uppercase}\r\n.sc3-card--result .sc3-card-title{color:var(--sc3-navy);font-size:clamp(32px,2.8vw,30px)}\r\n\r\n\/* =========================================================\r\n   10. LISTAS DE CAPACIDADES\r\n   Editar altura de filas, tipograf\u00eda e iconos\r\n========================================================= *\/\r\n.sc3-list{display:grid;margin-top:auto}\r\n.sc3-list-item{display:flex;align-items:center;gap:10px;min-height:54px;border-bottom:1px solid rgba(255,255,255,.17);color:#fff;font-size:16px;font-weight:600}\r\n.sc3-list-item:last-child{border-bottom:0}\r\n.sc3-list-icon{display:grid;place-items:center;width:32px;height:32px;flex:0 0 auto;border-radius:7px;background:rgba(255,255,255,.1);color:var(--sc3-cyan)}\r\n.sc3-card--ai .sc3-list-icon{color:var(--sc3-yellow)}\r\n.sc3-list-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}\r\n\r\n\/* =========================================================\r\n   11. TARJETA DE RESULTADO\r\n   P\u00e1rrafo, sello y medidor inferior\r\n========================================================= *\/\r\n.sc3-result-copy{margin:0;color:rgba(0,47,87,.9);font-size:20px;line-height:1}\r\n.sc3-result-copy strong{font-weight:900}\r\n.sc3-result-badge{display:inline-flex;align-items:center;align-self:flex-start;gap:8px;margin-top:26px;padding:9px 30px;border:1px solid rgba(0,47,87,.28);border-radius:5px;color:var(--sc3-navy);font:800 15px\/1 \"Exo 2\",Arial,sans-serif;letter-spacing:.04em;text-transform:uppercase}\r\n.sc3-meter{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-top:auto}\r\n.sc3-meter span{height:8px;border-radius:5px;background:rgba(0,47,87,.30)}\r\n.sc3-meter span:nth-child(-n+4){background:var(--sc3-navy)}\r\n\r\n\/* =========================================================\r\n   12. OPERADORES \u00d7 E =\r\n   Editar tama\u00f1o y color de los s\u00edmbolos\r\n========================================================= *\/\r\n.sc3-operator{display:grid;place-items:center;align-self:center;color:var(--sc3-yellow);font:900 100px\/1 \"Exo 2\",Arial,sans-serif;animation:sc3OperatorPulse 2.2s ease-in-out infinite}\r\n\r\n\/* =========================================================\r\n   13. PALABRAS DECORATIVAS INFERIORES\r\n========================================================= *\/\r\n.sc3-watermark{position:absolute;right:14px;bottom:-9px;color:rgba(255,255,255,.055);font:900 64px\/1 \"Exo 2\",Arial,sans-serif;text-transform:uppercase;pointer-events:none}\r\n.sc3-card--result .sc3-watermark{color:rgba(0,47,87,.08)}\r\n\r\n\/* =========================================================\r\n   14. LLAMADA DE ACCI\u00d3N\r\n   Editar aqu\u00ed el mensaje, colores, separaci\u00f3n y bot\u00f3n\r\n   Destino fijo: https:\/\/socrates.la\/virealto\/hablemos\/\r\n========================================================= *\/\r\n.sc3-cta{\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:space-between;\r\n  gap:28px;\r\n  margin-top:38px;\r\n  padding-top:30px;\r\n  border-top:1px solid rgba(49,180,231,.28);\r\n}\r\n.sc3-cta-copy{display:grid;gap:8px;max-width:720px}\r\n.sc3-cta-kicker{\r\n  color:var(--sc3-cyan);\r\n  font:800 20px\/1 \"Exo 2\",Arial,sans-serif;\r\n    text-transform:uppercase;\r\n}\r\n.sc3-cta-text{\r\n  margin:0;\r\n  color:#fff;\r\n  font-family:\"Exo 2\",Arial,sans-serif;\r\n  font-size:clamp(21px,2.1vw,31px);\r\n  font-weight:800;\r\n  line-height:1.15;\r\n  text-transform:uppercase;\r\n}\r\n.sc3-cta-text strong{color:var(--sc3-yellow)}\r\n.sc3-cta-button{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:space-between;\r\n  gap:26px;\r\n  min-width:265px;\r\n  min-height:54px;\r\n  padding:0 20px 0 24px;\r\n  border:2px solid var(--sc3-orange);\r\n  border-radius:5px;\r\n  background:var(--sc3-orange);\r\n  color:var(--sc3-white)!important;\r\n  font:800 13px\/1 \"Exo 2\",Arial,sans-serif;\r\n  letter-spacing:.04em;\r\n  text-decoration:none!important;\r\n  text-transform:uppercase;\r\n  transition:background-color .25s ease,border-color .25s ease,color .25s ease,transform .25s ease;\r\n}\r\n.sc3-cta-button:hover,\r\n.sc3-cta-button:focus-visible{\r\n  border-color:var(--sc3-yellow);\r\n  background:var(--sc3-yellow);\r\n  color:var(--sc3-navy)!important;\r\n  transform:translateY(-2px);\r\n}\r\n.sc3-cta-arrow{font-size:18px;line-height:1;transition:transform .25s ease}\r\n.sc3-cta-button:hover .sc3-cta-arrow,\r\n.sc3-cta-button:focus-visible .sc3-cta-arrow{transform:translate(3px,-3px)}\r\n\r\n\/* =========================================================\r\n   15. PUNTOS DECORATIVOS GENERALES\r\n========================================================= *\/\r\n.sc3-dot{position:absolute;border-radius:50%;pointer-events:none}\r\n.sc3-dot-a{top:16%;right:7%;width:6px;height:6px;background:var(--sc3-green)}\r\n.sc3-dot-b{bottom:12%;left:8%;width:5px;height:5px;background:var(--sc3-orange)}\r\n.sc3-dot-c{top:52%;left:49%;width:4px;height:4px;background:var(--sc3-cyan)}\r\n\r\n\/* =========================================================\r\n   16. ANIMACIONES\r\n========================================================= *\/\r\n@keyframes sc3OperatorPulse{50%{opacity:.45;transform:scale(.9)}}\r\n@media(prefers-reduced-motion:no-preference){\r\n  .sc3-card{animation:sc3CardEnter .7s cubic-bezier(.22,1,.36,1) both}\r\n  .sc3-card--ai{animation-delay:.12s}.sc3-card--result{animation-delay:.24s}\r\n}\r\n@keyframes sc3CardEnter{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}\r\n\r\n\/* =========================================================\r\n   17. TABLET \u2014 f\u00f3rmula en una sola columna\r\n========================================================= *\/\r\n@media(max-width:1120px){\r\n  .sc3-shell{grid-template-columns:120px minmax(0,1fr);gap:30px}.sc3-index{padding-right:22px}\r\n  .sc3-formula{grid-template-columns:1fr;gap:18px}.sc3-card{min-height:auto}.sc3-operator{min-height:24px}.sc3-operator--times{transform:none}.sc3-card-title{margin-top:38px}\r\n  .sc3-cta{align-items:flex-start;flex-direction:column}\r\n}\r\n\r\n\/* =========================================================\r\n   18. M\u00d3VIL \u2014 columna lateral horizontal y tarjetas compactas\r\n========================================================= *\/\r\n@media(max-width:700px){\r\n  #services{padding:70px 20px}.sc3-shell{grid-template-columns:1fr;gap:28px}\r\n  .sc3-index{display:grid;grid-template-columns:auto 54px 1fr;align-items:center;gap:14px;padding:0 0 20px;border-right:0;border-bottom:1px solid rgba(49,180,231,.24)}\r\n  .sc3-index-icon{margin:0}.sc3-kicker{max-width:150px}.sc3-title{font-size:clamp(42px,12vw,64px)}\r\n  .sc3-formula{margin-top:38px}.sc3-card{padding:26px;min-height:auto}.sc3-card-title{margin:38px 0 25px}\r\n  .sc3-cta{margin-top:30px;padding-top:25px}.sc3-cta-button{width:100%;min-width:0}\r\n}\r\n<\/style>\r\n\r\n<section id=\"services\" aria-labelledby=\"sc3-title\">\r\n  <!-- PUNTOS DECORATIVOS GENERALES -->\r\n  <span class=\"sc3-dot sc3-dot-a\" aria-hidden=\"true\"><\/span>\r\n  <span class=\"sc3-dot sc3-dot-b\" aria-hidden=\"true\"><\/span>\r\n  <span class=\"sc3-dot sc3-dot-c\" aria-hidden=\"true\"><\/span>\r\n\r\n  <div class=\"sc3-shell\">\r\n    <!-- COLUMNA LATERAL -->\r\n    <aside class=\"sc3-index\" aria-label=\"Secci\u00f3n 02\">\r\n      <span class=\"sc3-number\">02<\/span>\r\n      <span class=\"sc3-index-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M9 3a3 3 0 0 0-3 3v2a3 3 0 0 0-2 5.2A3 3 0 0 0 6 18h3M15 3a3 3 0 0 1 3 3v2a3 3 0 0 1 2 5.2A3 3 0 0 1 18 18h-3M9 3v18M15 3v18M9 8H6M15 8h3M9 16H6M15 16h3\"\/><\/svg><\/span>\r\n      <span class=\"sc3-kicker\" data-sc3-i18n=\"kicker\">Nuestro modelo<\/span>\r\n    <\/aside>\r\n\r\n    <div class=\"sc3-main\">\r\n      <!-- T\u00cdTULO PRINCIPAL -->\r\n      <h2 class=\"sc3-title\" id=\"sc3-title\" data-sc3-rich=\"title\"><span class=\"sc3-title-first\">No es IA vs humanos.<\/span><span class=\"sc3-title-second\">Es IA sola vs humanos con IA.<\/span><\/h2>\r\n\r\n      <!-- F\u00d3RMULA VISUAL -->\r\n      <div class=\"sc3-formula\">\r\n        <!-- TARJETA 1: INTELIGENCIA HUMANA -->\r\n        <article class=\"sc3-card sc3-card--human\">\r\n          <div class=\"sc3-card-head\"><span class=\"sc3-card-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"9\" cy=\"8\" r=\"3\"\/><path d=\"M3 21v-2a6 6 0 0 1 12 0v2M16 5a3 3 0 0 1 0 6M18 21v-2a6 6 0 0 0-3-5.2\"\/><\/svg><\/span><span class=\"sc3-card-label\" data-sc3-i18n=\"humanLabel\">Inteligencia humana<\/span><\/div>\r\n          <h3 class=\"sc3-card-title\" data-sc3-i18n=\"humanTitle\">Lo que da direcci\u00f3n.<\/h3>\r\n          <div class=\"sc3-list\">\r\n            <span class=\"sc3-list-item\"><span class=\"sc3-list-icon\">\u25ce<\/span><span data-sc3-i18n=\"strategy\">Estrategia<\/span><\/span>\r\n            <span class=\"sc3-list-item\"><span class=\"sc3-list-icon\">\u25a3<\/span><span data-sc3-i18n=\"experience\">Experiencia<\/span><\/span>\r\n            <span class=\"sc3-list-item\"><span class=\"sc3-list-icon\">\u2667<\/span><span data-sc3-i18n=\"empathy\">Empat\u00eda<\/span><\/span>\r\n            <span class=\"sc3-list-item\"><span class=\"sc3-list-icon\">\u25c8<\/span><span data-sc3-i18n=\"judgment\">Criterio<\/span><\/span>\r\n            <span class=\"sc3-list-item\"><span class=\"sc3-list-icon\">\u25ef<\/span><span>Storytelling<\/span><\/span>\r\n            <span class=\"sc3-list-item\"><span class=\"sc3-list-icon\">\u2662<\/span><span data-sc3-i18n=\"intuition\">Intuici\u00f3n<\/span><\/span>\r\n          <\/div>\r\n          <span class=\"sc3-watermark\">Human<\/span>\r\n        <\/article>\r\n\r\n        <div class=\"sc3-operator sc3-operator--times\" aria-hidden=\"true\">+<\/div>\r\n\r\n        <!-- TARJETA 2: INTELIGENCIA ARTIFICIAL -->\r\n        <article class=\"sc3-card sc3-card--ai\">\r\n          <div class=\"sc3-card-head\"><span class=\"sc3-card-icon\"><svg viewBox=\"0 0 24 24\"><rect x=\"4\" y=\"6\" width=\"16\" height=\"13\" rx=\"3\"\/><path d=\"M9 2h6M12 2v4M8 11h.01M16 11h.01M9 15h6\"\/><\/svg><\/span><span class=\"sc3-card-label\" data-sc3-i18n=\"aiLabel\">Inteligencia artificial<\/span><\/div>\r\n          <h3 class=\"sc3-card-title\" data-sc3-i18n=\"aiTitle\">Lo que multiplica.<\/h3>\r\n          <div class=\"sc3-list\">\r\n            <span class=\"sc3-list-item\"><span class=\"sc3-list-icon\">\u2726<\/span><span data-sc3-i18n=\"speed\">Velocidad<\/span><\/span>\r\n            <span class=\"sc3-list-item\"><span class=\"sc3-list-icon\">\u25a5<\/span><span data-sc3-i18n=\"analysis\">An\u00e1lisis<\/span><\/span>\r\n            <span class=\"sc3-list-item\"><span class=\"sc3-list-icon\">\u25b1<\/span><span data-sc3-i18n=\"exploration\">Exploraci\u00f3n<\/span><\/span>\r\n            <span class=\"sc3-list-item\"><span class=\"sc3-list-icon\">\u2318<\/span><span data-sc3-i18n=\"automation\">Automatizaci\u00f3n<\/span><\/span>\r\n            <span class=\"sc3-list-item\"><span class=\"sc3-list-icon\">\u2301<\/span><span data-sc3-i18n=\"production\">Producci\u00f3n<\/span><\/span>\r\n            <span class=\"sc3-list-item\"><span class=\"sc3-list-icon\">\u25a4<\/span><span data-sc3-i18n=\"scale\">Escalabilidad<\/span><\/span>\r\n          <\/div>\r\n          <span class=\"sc3-watermark\">AI<\/span>\r\n        <\/article>\r\n\r\n        <div class=\"sc3-operator\" aria-hidden=\"true\">=<\/div>\r\n\r\n        <!-- TARJETA 3: RESULTADO -->\r\n        <article class=\"sc3-card sc3-card--result\">\r\n          <div class=\"sc3-card-head\"><span class=\"sc3-card-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><circle cx=\"12\" cy=\"12\" r=\"5\"\/><circle cx=\"12\" cy=\"12\" r=\"1\"\/><\/svg><\/span><span class=\"sc3-card-label\" data-sc3-i18n=\"resultLabel\">El resultado<\/span><\/div>\r\n          <h3 class=\"sc3-card-title\" data-sc3-i18n=\"resultTitle\">M\u00e1s ideas. Mejor ejecutadas.<\/h3>\r\n          <p class=\"sc3-result-copy\" data-sc3-rich=\"resultCopy\" >La m\u00e1quina amplifica. <strong>El humano selecciona, corrige, conecta y decide.<\/strong><\/p><br><br><br>\r\n          <span class=\"sc3-result-badge\" data-sc3-i18n=\"resultBadge\">Criterio + Escala<\/span>\r\n          <div class=\"sc3-meter\" aria-hidden=\"true\"><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><\/div>\r\n          <span class=\"sc3-watermark\">One<\/span>\r\n        <\/article>\r\n      <\/div>\r\n\r\n      <!-- LLAMADA DE ACCI\u00d3N: MENSAJE Y BOT\u00d3N HACIA HABLEMOS -->\r\n      <div class=\"sc3-cta\">\r\n        <div class=\"sc3-cta-copy\">\r\n          <span class=\"sc3-cta-kicker\" data-sc3-i18n=\"ctaKicker\">El pr\u00f3ximo paso<\/span>\r\n          <p class=\"sc3-cta-text\" data-sc3-rich=\"ctaText\">Convierte la inteligencia artificial en una ventaja con <strong>direcci\u00f3n humana.<\/strong><\/p>\r\n        <\/div>\r\n        <a class=\"sc3-cta-button\" href=\"https:\/\/socrates.la\/virealto\/hablemos\/\">\r\n          <span data-sc3-i18n=\"ctaButton\">Activemos tu ventaja<\/span>\r\n          <span class=\"sc3-cta-arrow\" aria-hidden=\"true\">\u2197<\/span>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function(){\r\n  \"use strict\";\r\n  if(window.SC_THIRD_SECTION_V1_READY)return;\r\n  window.SC_THIRD_SECTION_V1_READY=true;\r\n  const STORAGE_KEY=\"socrates_creative_language\";\r\n\r\n  \/* =======================================================\r\n     19. TEXTOS Y TRADUCCIONES\r\n     Editar siempre las tres filas: es \/ pt \/ en\r\n  ======================================================= *\/\r\n  const translations={\r\n    \/* ESPA\u00d1OL *\/\r\n    es:{kicker:\"Nuestro modelo\",title:'<span class=\"sc3-title-first\">No es IA vs humanos.<\/span><span class=\"sc3-title-second\">Es IA sola vs humanos con IA.<\/span>',humanLabel:\"Inteligencia humana\",humanTitle:\"Lo que da direcci\u00f3n.\",strategy:\"Estrategia\",experience:\"Experiencia\",empathy:\"Empat\u00eda\",judgment:\"Criterio\",intuition:\"Intuici\u00f3n\",aiLabel:\"Inteligencia artificial\",aiTitle:\"Lo que multiplica.\",speed:\"Velocidad\",analysis:\"An\u00e1lisis\",exploration:\"Exploraci\u00f3n\",automation:\"Automatizaci\u00f3n\",production:\"Producci\u00f3n\",scale:\"Escalabilidad\",resultLabel:\"El resultado\",resultTitle:\"M\u00e1s ideas. Mejor ejecutadas.\",resultCopy:'La m\u00e1quina amplifica. <strong>El humano selecciona, corrige, conecta y decide.<\/strong>',resultBadge:\"Criterio + Escala\",ctaKicker:\"El pr\u00f3ximo paso\",ctaText:'Convierte la inteligencia artificial en una ventaja con <strong>direcci\u00f3n humana.<\/strong>',ctaButton:\"Activemos tu ventaja\"},\r\n    \/* PORTUGU\u00c9S (BRASIL) *\/\r\n    pt:{kicker:\"Nosso modelo\",title:'<span class=\"sc3-title-first\">N\u00e3o \u00e9 IA vs humanos.<\/span><span class=\"sc3-title-second\">\u00c9 IA sozinha vs humanos com IA.<\/span>',humanLabel:\"Intelig\u00eancia humana\",humanTitle:\"O que d\u00e1 dire\u00e7\u00e3o.\",strategy:\"Estrat\u00e9gia\",experience:\"Experi\u00eancia\",empathy:\"Empatia\",judgment:\"Crit\u00e9rio\",intuition:\"Intui\u00e7\u00e3o\",aiLabel:\"Intelig\u00eancia artificial\",aiTitle:\"O que multiplica.\",speed:\"Velocidade\",analysis:\"An\u00e1lise\",exploration:\"Explora\u00e7\u00e3o\",automation:\"Automa\u00e7\u00e3o\",production:\"Produ\u00e7\u00e3o\",scale:\"Escalabilidade\",resultLabel:\"O resultado\",resultTitle:\"Mais ideias. Melhor executadas.\",resultCopy:'A m\u00e1quina amplifica. <strong>O humano seleciona, corrige, conecta e decide.<\/strong>',resultBadge:\"Crit\u00e9rio + Escala\",ctaKicker:\"O pr\u00f3ximo passo\",ctaText:'Transforme a intelig\u00eancia artificial em uma vantagem com <strong>dire\u00e7\u00e3o humana.<\/strong>',ctaButton:\"Vamos ativar sua vantagem\"},\r\n    \/* INGL\u00c9S *\/\r\n    en:{kicker:\"Our model\",title:'<span class=\"sc3-title-first\">It is not AI vs humans.<\/span><span class=\"sc3-title-second\">It is AI alone vs humans with AI.<\/span>',humanLabel:\"Human intelligence\",humanTitle:\"What provides direction.\",strategy:\"Strategy\",experience:\"Experience\",empathy:\"Empathy\",judgment:\"Judgment\",intuition:\"Intuition\",aiLabel:\"Artificial intelligence\",aiTitle:\"What multiplies.\",speed:\"Speed\",analysis:\"Analysis\",exploration:\"Exploration\",automation:\"Automation\",production:\"Production\",scale:\"Scalability\",resultLabel:\"The result\",resultTitle:\"More ideas. Better executed.\",resultCopy:'The machine amplifies. <strong>The human selects, corrects, connects and decides.<\/strong>',resultBadge:\"Judgment + Scale\",ctaKicker:\"The next step\",ctaText:'Turn artificial intelligence into an advantage with <strong>human direction.<\/strong>',ctaButton:\"Activate your advantage\"}\r\n  };\r\n\r\n  function detectLanguage(){try{const saved=localStorage.getItem(STORAGE_KEY);if(translations[saved])return saved}catch(error){}const browser=(navigator.language||\"es\").toLowerCase();if(browser.startsWith(\"pt\"))return \"pt\";if(browser.startsWith(\"en\"))return \"en\";return \"es\"}\r\n  function applyLanguage(lang){if(!translations[lang])lang=\"es\";const data=translations[lang];document.querySelectorAll(\"[data-sc3-i18n]\").forEach(function(el){const key=el.getAttribute(\"data-sc3-i18n\");if(data[key]!==undefined)el.textContent=data[key]});document.querySelectorAll(\"[data-sc3-rich]\").forEach(function(el){const key=el.getAttribute(\"data-sc3-rich\");if(data[key]!==undefined)el.innerHTML=data[key]})}\r\n  applyLanguage(detectLanguage());\r\n  window.addEventListener(\"socratesLanguageChange\",function(event){if(event.detail&&event.detail.language)applyLanguage(event.detail.language)});\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5801031 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"5801031\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e1f284d\" data-id=\"e1f284d\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d3d80a1 elementor-widget elementor-widget-html\" data-id=\"d3d80a1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     S\u00d3CRATES CREATIVE STUDIO \u00b7 QUINTA SECCI\u00d3N v2 \u00b7 CARDS GLASS\r\n     8 TARJETAS \u00b7 2 FILAS \u00d7 4 COLUMNAS\r\n     ES \/ PT-BR \/ EN \u00b7 ELEMENTOR READY\r\n========================================================= -->\r\n\r\n<style>\r\n\/* =========================================================\r\n   01. PALETA Y VARIABLES EDITABLES\r\n========================================================= *\/\r\n:root{\r\n  --sc5-navy:#002f57;--sc5-blue:#0074c7;--sc5-blue-deep:#00358f;\r\n  --sc5-cyan:#31b4e7;--sc5-green:#73bc25;--sc5-yellow:#f6bd00;\r\n  --sc5-orange:#ff5300;--sc5-white:#fff;--sc5-light:#f7fafc;\r\n  --sc5-radius:12px;--sc5-gap:16px;\r\n}\r\n#solutions,#solutions *{box-sizing:border-box}\r\n\r\n\/* =========================================================\r\n   02. CONTENEDOR GENERAL\r\n   La secci\u00f3n permanece transparente\r\n========================================================= *\/\r\n#solutions{position:relative;z-index:0;width:100%;padding:clamp(72px,9vw,70px) clamp(24px,5vw,82px);overflow:hidden;background:transparent!important;color:#fff;font-family:\"Ubuntu Sans\",Arial,sans-serif;scroll-margin-top:105px}\r\n\r\n\/* =========================================================\r\n   03. ESTRUCTURA PRINCIPAL: COLUMNA LATERAL + CONTENIDO\r\n========================================================= *\/\r\n.sc5-shell{display:grid;grid-template-columns:160px minmax(0,1fr);gap:clamp(34px,5vw,78px);width:min(1420px,100%);margin:0 auto}\r\n\r\n\/* =========================================================\r\n   04. COLUMNA LATERAL: 03 \/ ICONO \/ M\u00c1S QUE POSTS\r\n========================================================= *\/\r\n.sc5-index{padding-right:32px;border-right:1px solid rgba(49,180,231,.24)}\r\n.sc5-number{display:block;color:var(--sc5-orange);font:700 50px\/1 \"Exo 2\",Arial,sans-serif}\r\n.sc5-index-icon{display:grid;place-items:center;width:54px;height:54px;margin:22px 0 17px;border:1px solid var(--sc5-cyan);border-radius:5px;color:var(--sc5-cyan)}\r\n.sc5-index-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}\r\n.sc5-kicker{display:block;color:rgba(255,255,255,.7);font:800 20px\/1.45 \"Exo 2\",Arial,sans-serif;letter-spacing:.07em;text-transform:uppercase}\r\n\r\n\/* =========================================================\r\n   05. T\u00cdTULO PRINCIPAL\r\n========================================================= *\/\r\n.sc5-main{min-width:0}\r\n.sc5-title{max-width:1060px;margin:0;color:var(--sc5-yellow);font-family:\"Exo 2\",\"Arial Black\",sans-serif;font-size:clamp(48px,5.6vw,50px);font-weight:900;line-height:.94;text-transform:uppercase}\r\n.sc5-intro{max-width:850px;margin:24px 0 0;color:rgba(255,255,255,.75);font-size:18px;line-height:1.55}\r\n.sc5-intro strong{color:var(--sc5-cyan)}\r\n\r\n\/* =========================================================\r\n   06. GRID DE 8 TARJETAS\r\n   Escritorio: exactamente 4 columnas \u00d7 2 filas\r\n========================================================= *\/\r\n.sc5-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:clamp(48px,6vw,76px)}\r\n\r\n\/* =========================================================\r\n   07. ESTILO BASE DE TARJETAS \u00b7 GLASS \/ DARK\r\n   Integrado con el lenguaje visual global del sitio\r\n========================================================= *\/\r\n.sc5-card{\r\n  --accent:var(--sc5-blue);\r\n  position:relative;\r\n  display:flex;\r\n  flex-direction:column;\r\n  min-width:0;\r\n  min-height:315px;\r\n  padding:22px 22px 20px;\r\n  overflow:hidden;\r\n  border:1px solid rgba(255,255,255,.10);\r\n  border-radius:12px;\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      rgba(8,38,61,.86),\r\n      rgba(5,27,44,.72)\r\n    );\r\n  color:#fff;\r\n  box-shadow:\r\n    inset 0 1px 0 rgba(255,255,255,.035);\r\n  backdrop-filter:blur(14px);\r\n  -webkit-backdrop-filter:blur(14px);\r\n  transition:\r\n    transform .28s ease,\r\n    border-color .28s ease,\r\n    background .28s ease,\r\n    box-shadow .28s ease;\r\n}\r\n\r\n\/* l\u00ednea superior fina con el color de cada servicio *\/\r\n.sc5-card::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  top:0;\r\n  left:18px;\r\n  right:18px;\r\n  height:2px;\r\n  border-radius:999px;\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      transparent,\r\n      var(--accent) 18%,\r\n      var(--accent) 82%,\r\n      transparent\r\n    );\r\n  opacity:.92;\r\n  box-shadow:0 0 18px color-mix(in srgb,var(--accent) 35%,transparent);\r\n}\r\n\r\n\/* halo de color muy suave *\/\r\n.sc5-card::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  top:-85px;\r\n  right:-70px;\r\n  width:180px;\r\n  height:180px;\r\n  border-radius:50%;\r\n  background:var(--accent);\r\n  opacity:.045;\r\n  filter:blur(6px);\r\n  pointer-events:none;\r\n}\r\n\r\n.sc5-card:hover{\r\n  transform:translateY(-6px);\r\n  border-color:color-mix(in srgb,var(--accent) 48%,rgba(255,255,255,.12));\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      rgba(11,45,71,.94),\r\n      rgba(6,31,50,.82)\r\n    );\r\n  box-shadow:\r\n    0 22px 46px rgba(0,0,0,.16),\r\n    inset 0 1px 0 rgba(255,255,255,.05);\r\n}\r\n\r\n\/* =========================================================\r\n   08. COLOR DE ACENTO POR TARJETA\r\n========================================================= *\/\r\n.sc5-card:nth-child(1){--accent:var(--sc5-blue)}\r\n.sc5-card:nth-child(2){--accent:var(--sc5-green)}\r\n.sc5-card:nth-child(3){--accent:var(--sc5-yellow)}\r\n.sc5-card:nth-child(4){--accent:var(--sc5-cyan)}\r\n.sc5-card:nth-child(5){--accent:var(--sc5-orange)}\r\n.sc5-card:nth-child(6){--accent:var(--sc5-blue-deep)}\r\n.sc5-card:nth-child(7){--accent:#00a9b9}\r\n.sc5-card:nth-child(8){--accent:#73bc25}\r\n\r\n\/* =========================================================\r\n   09. N\u00daMERO E ICONO SUPERIOR\r\n========================================================= *\/\r\n.sc5-card-top{\r\n  position:relative;\r\n  z-index:2;\r\n  display:flex;\r\n  align-items:flex-start;\r\n  justify-content:space-between;\r\n  gap:15px;\r\n}\r\n.sc5-card-number{\r\n  margin-top:4px;\r\n  color:rgba(255,255,255,.34);\r\n  font:800 9px\/1 \"Exo 2\",Arial,sans-serif;\r\n  letter-spacing:.10em;\r\n}\r\n.sc5-card-icon{\r\n  display:grid;\r\n  place-items:center;\r\n  width:44px;\r\n  height:44px;\r\n  flex:0 0 auto;\r\n  border:1px solid color-mix(in srgb,var(--accent) 70%,transparent);\r\n  border-radius:9px;\r\n  background:color-mix(in srgb,var(--accent) 9%,transparent);\r\n  color:var(--accent);\r\n  box-shadow:inset 0 0 0 1px rgba(255,255,255,.015);\r\n}\r\n.sc5-card-icon svg{\r\n  width:20px;\r\n  height:20px;\r\n  fill:none;\r\n  stroke:currentColor;\r\n  stroke-width:1.8;\r\n  stroke-linecap:round;\r\n  stroke-linejoin:round;\r\n}\r\n\r\n\/* =========================================================\r\n   10. T\u00cdTULO Y DESCRIPCI\u00d3N DE TARJETA\r\n========================================================= *\/\r\n.sc5-card-title{\r\n  position:relative;\r\n  z-index:2;\r\n  margin:34px 0 12px;\r\n  color:#fff;\r\n  font:900 clamp(19px,1.55vw,24px)\/1.02 \"Exo 2\",Arial,sans-serif;\r\n  letter-spacing:-.018em;\r\n  text-transform:uppercase;\r\n}\r\n.sc5-card-copy{\r\n  position:relative;\r\n  z-index:2;\r\n  margin:0;\r\n  color:rgba(230,242,248,.70);\r\n  font-size:14px;\r\n  line-height:1.58;\r\n}\r\n\r\n\/* =========================================================\r\n   11. PIE DE TARJETA\r\n   Firma + flecha animada\r\n========================================================= *\/\r\n.sc5-card-footer{\r\n  position:relative;\r\n  z-index:2;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:space-between;\r\n  gap:12px;\r\n  margin-top:auto;\r\n  padding-top:18px;\r\n  border-top:1px solid rgba(255,255,255,.075);\r\n  color:rgba(255,255,255,.42);\r\n  font:800 8px\/1 \"Exo 2\",Arial,sans-serif;\r\n  letter-spacing:.10em;\r\n  text-transform:uppercase;\r\n}\r\n.sc5-card-arrow{\r\n  display:grid;\r\n  place-items:center;\r\n  width:30px;\r\n  height:30px;\r\n  border:1px solid color-mix(in srgb,var(--accent) 38%,transparent);\r\n  border-radius:7px;\r\n  background:color-mix(in srgb,var(--accent) 7%,transparent);\r\n  color:var(--accent);\r\n  font-size:16px;\r\n  transition:\r\n    transform .24s ease,\r\n    background .24s ease,\r\n    border-color .24s ease;\r\n}\r\n.sc5-card:hover .sc5-card-arrow{\r\n  transform:translate(3px,-3px);\r\n  background:color-mix(in srgb,var(--accent) 13%,transparent);\r\n  border-color:color-mix(in srgb,var(--accent) 62%,transparent);\r\n}\r\n\r\n\/* peque\u00f1o punto decorativo dentro de cada tarjeta *\/\r\n.sc5-card .sc5-card-copy::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  right:6px;\r\n  bottom:-14px;\r\n  width:4px;\r\n  height:4px;\r\n  border-radius:50%;\r\n  background:var(--accent);\r\n  opacity:.65;\r\n  box-shadow:0 0 10px color-mix(in srgb,var(--accent) 45%,transparent);\r\n}\r\n\r\n\/* =========================================================\r\n   12. LLAMADA DE ACCI\u00d3N\r\n   Editar aqu\u00ed el mensaje, colores, separaci\u00f3n y bot\u00f3n\r\n   Destino fijo: https:\/\/socrates.la\/virealto\/hablemos\/\r\n========================================================= *\/\r\n.sc5-cta{\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:space-between;\r\n  gap:30px;\r\n  margin-top:38px;\r\n  padding-top:30px;\r\n  border-top:1px solid rgba(49,180,231,.28);\r\n}\r\n.sc5-cta-copy{display:grid;gap:9px;max-width:760px}\r\n.sc5-cta-kicker{\r\n  color:var(--sc5-cyan);\r\n  font:800 11px\/1 \"Exo 2\",Arial,sans-serif;\r\n  letter-spacing:.1em;\r\n  text-transform:uppercase;\r\n}\r\n.sc5-cta-text{\r\n  margin:0;\r\n  color:#fff;\r\n  font-family:\"Exo 2\",Arial,sans-serif;\r\n  font-size:clamp(21px,2.1vw,31px);\r\n  font-weight:800;\r\n  line-height:1.15;\r\n  text-transform:uppercase;\r\n}\r\n.sc5-cta-text strong{color:var(--sc5-yellow)}\r\n.sc5-cta-button{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:space-between;\r\n  gap:26px;\r\n  min-width:265px;\r\n  min-height:54px;\r\n  padding:0 20px 0 24px;\r\n  border:2px solid var(--sc5-orange);\r\n  border-radius:5px;\r\n  background:var(--sc5-orange);\r\n  color:var(--sc5-white)!important;\r\n  font:800 13px\/1 \"Exo 2\",Arial,sans-serif;\r\n  letter-spacing:.04em;\r\n  text-decoration:none!important;\r\n  text-transform:uppercase;\r\n  transition:background-color .25s ease,border-color .25s ease,color .25s ease,transform .25s ease;\r\n}\r\n.sc5-cta-button:hover,\r\n.sc5-cta-button:focus-visible{\r\n  border-color:var(--sc5-yellow);\r\n  background:var(--sc5-yellow);\r\n  color:var(--sc5-navy)!important;\r\n  transform:translateY(-2px);\r\n}\r\n.sc5-cta-arrow{font-size:18px;line-height:1;transition:transform .25s ease}\r\n.sc5-cta-button:hover .sc5-cta-arrow,\r\n.sc5-cta-button:focus-visible .sc5-cta-arrow{transform:translate(3px,-3px)}\r\n\r\n\/* =========================================================\r\n   13. PUNTOS DECORATIVOS GENERALES\r\n========================================================= *\/\r\n.sc5-dot{position:absolute;border-radius:50%;pointer-events:none}\r\n.sc5-dot-a{right:7%;top:15%;width:6px;height:6px;background:var(--sc5-green)}\r\n.sc5-dot-b{left:6%;bottom:10%;width:5px;height:5px;background:var(--sc5-orange)}\r\n.sc5-dot-c{right:32%;bottom:5%;width:4px;height:4px;background:var(--sc5-cyan)}\r\n\r\n\/* =========================================================\r\n   14. ANIMACIONES\r\n========================================================= *\/\r\n@media(prefers-reduced-motion:no-preference){\r\n  .sc5-card{animation:sc5CardEnter .65s cubic-bezier(.22,1,.36,1) both}\r\n  .sc5-card:nth-child(2){animation-delay:.06s}.sc5-card:nth-child(3){animation-delay:.12s}.sc5-card:nth-child(4){animation-delay:.18s}.sc5-card:nth-child(5){animation-delay:.24s}.sc5-card:nth-child(6){animation-delay:.3s}.sc5-card:nth-child(7){animation-delay:.36s}.sc5-card:nth-child(8){animation-delay:.42s}\r\n}\r\n@keyframes sc5CardEnter{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}\r\n\r\n\/* =========================================================\r\n   15. TABLET \u2014 2 COLUMNAS \u00d7 4 FILAS\r\n========================================================= *\/\r\n@media(max-width:1050px){\r\n  .sc5-shell{grid-template-columns:120px minmax(0,1fr);gap:30px}.sc5-index{padding-right:22px}.sc5-grid{grid-template-columns:repeat(2,minmax(0,1fr))}\r\n  .sc5-cta{align-items:flex-start;flex-direction:column}\r\n}\r\n\r\n\/* =========================================================\r\n   16. M\u00d3VIL \u2014 1 COLUMNA\r\n========================================================= *\/\r\n@media(max-width:700px){\r\n  #solutions{padding:70px 20px}.sc5-shell{grid-template-columns:1fr;gap:28px}\r\n  .sc5-index{display:grid;grid-template-columns:auto 54px 1fr;align-items:center;gap:14px;padding:0 0 20px;border-right:0;border-bottom:1px solid rgba(49,180,231,.24)}\r\n  .sc5-index-icon{margin:0}.sc5-title{font-size:clamp(42px,12vw,64px)}.sc5-intro{font-size:16px}.sc5-grid{grid-template-columns:1fr;margin-top:38px}.sc5-card{min-height:285px}\r\n  .sc5-cta{margin-top:30px;padding-top:25px}.sc5-cta-button{width:100%;min-width:0}\r\n}\r\n<\/style>\r\n\r\n<section id=\"solutions\" aria-labelledby=\"sc5-title\">\r\n  <!-- PUNTOS DECORATIVOS GENERALES -->\r\n  <span class=\"sc5-dot sc5-dot-a\" aria-hidden=\"true\"><\/span><span class=\"sc5-dot sc5-dot-b\" aria-hidden=\"true\"><\/span><span class=\"sc5-dot sc5-dot-c\" aria-hidden=\"true\"><\/span>\r\n\r\n  <div class=\"sc5-shell\">\r\n    <!-- COLUMNA LATERAL -->\r\n    <aside class=\"sc5-index\" aria-label=\"Secci\u00f3n 03\">\r\n      <span class=\"sc5-number\">03<\/span>\r\n      <span class=\"sc5-index-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"7\" width=\"18\" height=\"13\" rx=\"2\"\/><path d=\"M8 7V4h8v3M3 12h18\"\/><\/svg><\/span>\r\n      <span class=\"sc5-kicker\" data-sc5-i18n=\"kicker\">M\u00e1s que posts<\/span>\r\n    <\/aside>\r\n\r\n    <div class=\"sc5-main\">\r\n      <!-- T\u00cdTULO E INTRODUCCI\u00d3N -->\r\n      <h2 class=\"sc5-title\" id=\"sc5-title\" data-sc5-i18n=\"title\">Tu empresa no necesita m\u00e1s contenido. Necesita mejores ideas.<\/h2>\r\n      <p class=\"sc5-intro\" data-sc5-rich=\"intro\">Dise\u00f1amos sistemas de comunicaci\u00f3n que conectan <strong>estrategia, identidad, contenido y tecnolog\u00eda<\/strong> para construir empresas reconocibles y relevantes.<\/p>\r\n\r\n      <!-- GRID: 8 TARJETAS -->\r\n      <div class=\"sc5-grid\">\r\n        <!-- 01. IDENTIDAD -->\r\n        <article class=\"sc5-card\"><div class=\"sc5-card-top\"><span class=\"sc5-card-number\">01<\/span><span class=\"sc5-card-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z\"\/><path d=\"m3.3 7 8.7 5 8.7-5M12 22V12\"\/><\/svg><\/span><\/div><h3 class=\"sc5-card-title\" data-sc5-i18n=\"c1t\">Identidad<\/h3><p class=\"sc5-card-copy\" data-sc5-i18n=\"c1d\">Branding, direcci\u00f3n de arte e identidad visual para construir una empresa reconocible, coherente y diferente.<\/p><div class=\"sc5-card-footer\"><span>Humanos + IA<\/span><span class=\"sc5-card-arrow\">\u2197<\/span><\/div><\/article>\r\n        <!-- 02. PRESENCIA DIGITAL -->\r\n        <article class=\"sc5-card\"><div class=\"sc5-card-top\"><span class=\"sc5-card-number\">02<\/span><span class=\"sc5-card-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M3 12h18M12 3a15 15 0 0 1 0 18M12 3a15 15 0 0 0 0 18\"\/><\/svg><\/span><\/div><h3 class=\"sc5-card-title\" data-sc5-i18n=\"c2t\">Presencia digital<\/h3><p class=\"sc5-card-copy\" data-sc5-i18n=\"c2d\">Sitios web, landing pages y e-commerce pensados para comunicar mejor y convertir visitas en oportunidades.<\/p><div class=\"sc5-card-footer\"><span>Humanos + IA<\/span><span class=\"sc5-card-arrow\">\u2197<\/span><\/div><\/article>\r\n        <!-- 03. CONTENIDO -->\r\n        <article class=\"sc5-card\"><div class=\"sc5-card-top\"><span class=\"sc5-card-number\">03<\/span><span class=\"sc5-card-icon\"><svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"16\" rx=\"2\"\/><circle cx=\"8.5\" cy=\"9\" r=\"1.5\"\/><path d=\"m21 15-5-5L5 20\"\/><\/svg><\/span><\/div><h3 class=\"sc5-card-title\" data-sc5-i18n=\"c3t\">Contenido<\/h3><p class=\"sc5-card-copy\" data-sc5-i18n=\"c3d\">Dise\u00f1o, fotograf\u00eda asistida por IA, video, animaci\u00f3n y contenido para redes con direcci\u00f3n visual humana.<\/p><div class=\"sc5-card-footer\"><span>Humanos + IA<\/span><span class=\"sc5-card-arrow\">\u2197<\/span><\/div><\/article>\r\n        <!-- 04. MARKETING -->\r\n        <article class=\"sc5-card\"><div class=\"sc5-card-top\"><span class=\"sc5-card-number\">04<\/span><span class=\"sc5-card-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"m3 11 18-5v12L3 14v-3Z\"\/><path d=\"M11.6 16.2 13 21H8l-1.7-6\"\/><\/svg><\/span><\/div><h3 class=\"sc5-card-title\" data-sc5-i18n=\"c4t\">Marketing<\/h3><p class=\"sc5-card-copy\" data-sc5-i18n=\"c4d\">Campa\u00f1as, estrategia de conversi\u00f3n, anuncios y captaci\u00f3n conectados con objetivos reales.<\/p><div class=\"sc5-card-footer\"><span>Humanos + IA<\/span><span class=\"sc5-card-arrow\">\u2197<\/span><\/div><\/article>\r\n        <!-- 05. AUTOMATIZACI\u00d3N -->\r\n        <article class=\"sc5-card\"><div class=\"sc5-card-top\"><span class=\"sc5-card-number\">05<\/span><span class=\"sc5-card-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"6\" cy=\"6\" r=\"2\"\/><circle cx=\"18\" cy=\"6\" r=\"2\"\/><circle cx=\"12\" cy=\"18\" r=\"2\"\/><path d=\"M8 6h8M7 8l4 8M17 8l-4 8\"\/><\/svg><\/span><\/div><h3 class=\"sc5-card-title\" data-sc5-i18n=\"c5t\">Automatizaci\u00f3n<\/h3><p class=\"sc5-card-copy\" data-sc5-i18n=\"c5d\">Procesos, asistentes, CRM, integraciones e IA aplicada para ahorrar tiempo sin perder control.<\/p><div class=\"sc5-card-footer\"><span>Humanos + IA<\/span><span class=\"sc5-card-arrow\">\u2197<\/span><\/div><\/article>\r\n        <!-- 06. EXPERIENCIAS -->\r\n        <article class=\"sc5-card\"><div class=\"sc5-card-top\"><span class=\"sc5-card-number\">06<\/span><span class=\"sc5-card-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"m8 9-4 3 4 3M16 9l4 3-4 3M14 5l-4 14\"\/><\/svg><\/span><\/div><h3 class=\"sc5-card-title\" data-sc5-i18n=\"c6t\">Experiencias<\/h3><p class=\"sc5-card-copy\" data-sc5-i18n=\"c6d\">Aplicaciones, plataformas y sistemas digitales personalizados que convierten procesos en experiencias.<\/p><div class=\"sc5-card-footer\"><span>Humanos + IA<\/span><span class=\"sc5-card-arrow\">\u2197<\/span><\/div><\/article>\r\n        <!-- 07. BRANDING -->\r\n        <article class=\"sc5-card\"><div class=\"sc5-card-top\"><span class=\"sc5-card-number\">07<\/span><span class=\"sc5-card-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M20 7 10 17l-5-5L15 2h5v5Z\"\/><circle cx=\"16.5\" cy=\"5.5\" r=\"1\"\/><\/svg><\/span><\/div><h3 class=\"sc5-card-title\" data-sc5-i18n=\"c7t\">Branding estrat\u00e9gico<\/h3><p class=\"sc5-card-copy\" data-sc5-i18n=\"c7d\">Posicionamiento, narrativa y sistemas de marca capaces de crecer sin perder coherencia.<\/p><div class=\"sc5-card-footer\"><span>Humanos + IA<\/span><span class=\"sc5-card-arrow\">\u2197<\/span><\/div><\/article>\r\n        <!-- 08. INTELIGENCIA ARTIFICIAL -->\r\n        <article class=\"sc5-card\"><div class=\"sc5-card-top\"><span class=\"sc5-card-number\">08<\/span><span class=\"sc5-card-icon\"><svg viewBox=\"0 0 24 24\"><rect x=\"4\" y=\"6\" width=\"16\" height=\"13\" rx=\"3\"\/><path d=\"M9 2h6M12 2v4M8 11h.01M16 11h.01M9 15h6\"\/><\/svg><\/span><\/div><h3 class=\"sc5-card-title\" data-sc5-i18n=\"c8t\">Inteligencia artificial<\/h3><p class=\"sc5-card-copy\" data-sc5-i18n=\"c8d\">IA aplicada con estrategia, supervisi\u00f3n humana y prop\u00f3sito para potenciar decisiones y producci\u00f3n.<\/p><div class=\"sc5-card-footer\"><span>Humanos + IA<\/span><span class=\"sc5-card-arrow\">\u2197<\/span><\/div><\/article>\r\n      <\/div>\r\n\r\n      <!-- LLAMADA DE ACCI\u00d3N: MENSAJE Y BOT\u00d3N HACIA HABLEMOS -->\r\n      <div class=\"sc5-cta\">\r\n        <div class=\"sc5-cta-copy\">\r\n          <span class=\"sc5-cta-kicker\" data-sc5-i18n=\"ctaKicker\">Una estrategia, m\u00faltiples capacidades<\/span>\r\n          <p class=\"sc5-cta-text\" data-sc5-rich=\"ctaText\">No necesitas elegir una tarjeta. Necesitas una soluci\u00f3n que <strong>conecte las correctas.<\/strong><\/p>\r\n        <\/div>\r\n        <a class=\"sc5-cta-button\" href=\"https:\/\/socrates.la\/virealto\/hablemos\/\">\r\n          <span data-sc5-i18n=\"ctaButton\">Dise\u00f1emos tu soluci\u00f3n<\/span>\r\n          <span class=\"sc5-cta-arrow\" aria-hidden=\"true\">\u2197<\/span>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function(){\r\n  \"use strict\";if(window.SC_FIFTH_SECTION_V2_READY)return;window.SC_FIFTH_SECTION_V2_READY=true;\r\n  const STORAGE_KEY=\"socrates_creative_language\";\r\n  \/* =======================================================\r\n     17. TEXTOS Y TRADUCCIONES\r\n     Editar siempre las tres filas: es \/ pt \/ en\r\n  ======================================================= *\/\r\n  const translations={\r\n    \/* ESPA\u00d1OL *\/\r\n    es:{kicker:\"M\u00e1s que posts\",title:\"Tu empresa no necesita m\u00e1s contenido. Necesita mejores ideas.\",intro:'Dise\u00f1amos sistemas de comunicaci\u00f3n que conectan <strong>estrategia, identidad, contenido y tecnolog\u00eda<\/strong> para construir empresas reconocibles y relevantes.',c1t:\"Identidad\",c1d:\"Branding, direcci\u00f3n de arte e identidad visual para construir una empresa reconocible, coherente y diferente.\",c2t:\"Presencia digital\",c2d:\"Sitios web, landing pages y e-commerce pensados para comunicar mejor y convertir visitas en oportunidades.\",c3t:\"Contenido\",c3d:\"Dise\u00f1o, fotograf\u00eda asistida por IA, video, animaci\u00f3n y contenido para redes con direcci\u00f3n visual humana.\",c4t:\"Marketing\",c4d:\"Campa\u00f1as, estrategia de conversi\u00f3n, anuncios y captaci\u00f3n conectados con objetivos reales.\",c5t:\"Automatizaci\u00f3n\",c5d:\"Procesos, asistentes, CRM, integraciones e IA aplicada para ahorrar tiempo sin perder control.\",c6t:\"Experiencias\",c6d:\"Aplicaciones, plataformas y sistemas digitales personalizados que convierten procesos en experiencias.\",c7t:\"Branding estrat\u00e9gico\",c7d:\"Posicionamiento, narrativa y sistemas de marca capaces de crecer sin perder coherencia.\",c8t:\"Inteligencia artificial\",c8d:\"IA aplicada con estrategia, supervisi\u00f3n humana y prop\u00f3sito para potenciar decisiones y producci\u00f3n.\",ctaKicker:\"Una estrategia, m\u00faltiples capacidades\",ctaText:'No necesitas elegir una tarjeta. Necesitas una soluci\u00f3n que <strong>conecte las correctas.<\/strong>',ctaButton:\"Dise\u00f1emos tu soluci\u00f3n\"},\r\n    \/* PORTUGU\u00c9S (BRASIL) *\/\r\n    pt:{kicker:\"Mais que posts\",title:\"Sua empresa n\u00e3o precisa de mais conte\u00fado. Precisa de ideias melhores.\",intro:'Criamos sistemas de comunica\u00e7\u00e3o que conectam <strong>estrat\u00e9gia, identidade, conte\u00fado e tecnologia<\/strong> para construir empresas reconhec\u00edveis e relevantes.',c1t:\"Identidade\",c1d:\"Branding, dire\u00e7\u00e3o de arte e identidade visual para construir uma empresa reconhec\u00edvel, coerente e diferente.\",c2t:\"Presen\u00e7a digital\",c2d:\"Sites, landing pages e e-commerce pensados para comunicar melhor e transformar visitas em oportunidades.\",c3t:\"Conte\u00fado\",c3d:\"Design, fotografia assistida por IA, v\u00eddeo, anima\u00e7\u00e3o e conte\u00fado para redes com dire\u00e7\u00e3o visual humana.\",c4t:\"Marketing\",c4d:\"Campanhas, estrat\u00e9gia de convers\u00e3o, an\u00fancios e capta\u00e7\u00e3o conectados a objetivos reais.\",c5t:\"Automa\u00e7\u00e3o\",c5d:\"Processos, assistentes, CRM, integra\u00e7\u00f5es e IA aplicada para economizar tempo sem perder o controle.\",c6t:\"Experi\u00eancias\",c6d:\"Aplicativos, plataformas e sistemas digitais personalizados que transformam processos em experi\u00eancias.\",c7t:\"Branding estrat\u00e9gico\",c7d:\"Posicionamento, narrativa e sistemas de marca capazes de crescer sem perder coer\u00eancia.\",c8t:\"Intelig\u00eancia artificial\",c8d:\"IA aplicada com estrat\u00e9gia, supervis\u00e3o humana e prop\u00f3sito para potencializar decis\u00f5es e produ\u00e7\u00e3o.\",ctaKicker:\"Uma estrat\u00e9gia, m\u00faltiplas capacidades\",ctaText:'Voc\u00ea n\u00e3o precisa escolher um cart\u00e3o. Precisa de uma solu\u00e7\u00e3o que <strong>conecte as capacidades certas.<\/strong>',ctaButton:\"Vamos criar sua solu\u00e7\u00e3o\"},\r\n    \/* INGL\u00c9S *\/\r\n    en:{kicker:\"Beyond posts\",title:\"Your company does not need more content. It needs better ideas.\",intro:'We design communication systems connecting <strong>strategy, identity, content and technology<\/strong> to build recognizable and relevant companies.',c1t:\"Identity\",c1d:\"Branding, art direction and visual identity that make a company recognizable, coherent and different.\",c2t:\"Digital presence\",c2d:\"Websites, landing pages and e-commerce designed to communicate better and turn visits into opportunities.\",c3t:\"Content\",c3d:\"Design, AI-assisted photography, video, animation and social content guided by human art direction.\",c4t:\"Marketing\",c4d:\"Campaigns, conversion strategy, advertising and acquisition connected to real objectives.\",c5t:\"Automation\",c5d:\"Processes, assistants, CRM, integrations and applied AI that save time without losing control.\",c6t:\"Experiences\",c6d:\"Custom applications, platforms and digital systems that turn processes into experiences.\",c7t:\"Strategic branding\",c7d:\"Positioning, narrative and brand systems designed to grow without losing coherence.\",c8t:\"Artificial intelligence\",c8d:\"AI applied with strategy, human oversight and purpose to enhance decisions and production.\",ctaKicker:\"One strategy, multiple capabilities\",ctaText:'You do not need to choose one card. You need a solution that <strong>connects the right capabilities.<\/strong>',ctaButton:\"Let's design your solution\"}\r\n  };\r\n  function detectLanguage(){try{const saved=localStorage.getItem(STORAGE_KEY);if(translations[saved])return saved}catch(error){}const browser=(navigator.language||\"es\").toLowerCase();if(browser.startsWith(\"pt\"))return \"pt\";if(browser.startsWith(\"en\"))return \"en\";return \"es\"}\r\n  function applyLanguage(lang){if(!translations[lang])lang=\"es\";const data=translations[lang];document.querySelectorAll(\"[data-sc5-i18n]\").forEach(function(el){const key=el.getAttribute(\"data-sc5-i18n\");if(data[key]!==undefined)el.textContent=data[key]});document.querySelectorAll(\"[data-sc5-rich]\").forEach(function(el){const key=el.getAttribute(\"data-sc5-rich\");if(data[key]!==undefined)el.innerHTML=data[key]})}\r\n  applyLanguage(detectLanguage());window.addEventListener(\"socratesLanguageChange\",function(event){if(event.detail&&event.detail.language)applyLanguage(event.detail.language)});\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ed52ada elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"ed52ada\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-054c512\" data-id=\"054c512\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3944f7a elementor-widget elementor-widget-html\" data-id=\"3944f7a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     S\u00d3CRATES CREATIVE STUDIO \u00b7 SEXTA SECCI\u00d3N v1\r\n     \u00bfPOR QU\u00c9 TU EMPRESA DEBER\u00cdA PARECER DIFERENTE?\r\n     ES \/ PT-BR \/ EN \u00b7 ELEMENTOR READY\r\n========================================================= -->\r\n\r\n<style>\r\n\/* =========================================================\r\n   01. PALETA Y VARIABLES EDITABLES\r\n========================================================= *\/\r\n:root{\r\n  --sc6-navy:#002f57;\r\n  --sc6-blue:#0074c7;\r\n  --sc6-blue-deep:#00358f;\r\n  --sc6-cyan:#31b4e7;\r\n  --sc6-green:#73bc25;\r\n  --sc6-yellow:#f6bd00;\r\n  --sc6-orange:#ff5300;\r\n  --sc6-white:#fff;\r\n}\r\n\r\n#lab,#lab *{box-sizing:border-box}\r\n\r\n\/* =========================================================\r\n   02. CONTENEDOR GENERAL\r\n   Editar padding y altura m\u00ednima\r\n   IMPORTANTE: la secci\u00f3n permanece transparente\r\n========================================================= *\/\r\n#lab{\r\n  position:relative;\r\n  z-index:0;\r\n  display:flex;\r\n  align-items:center;\r\n  width:100%;\r\n  min-height:370px;\r\n  padding:clamp(72px,9vw,100px) clamp(24px,5vw,50px);\r\n  overflow:hidden;\r\n  background:transparent!important;\r\n  color:#fff;\r\n  font-family:\"Ubuntu Sans\",Arial,sans-serif;\r\n  scroll-margin-top:50px;\r\n}\r\n\r\n\/* =========================================================\r\n   03. ESTRUCTURA PRINCIPAL\r\n   Columna lateral + mensaje + s\u00edmbolo visual\r\n   Editar proporciones desde grid-template-columns\r\n========================================================= *\/\r\n.sc6-shell{\r\n  position:relative;\r\n  display:grid;\r\n  grid-template-columns:180px minmax(0,1fr) 250px;\r\n  gap:clamp(38px,5vw,78px);\r\n  align-items:center;\r\n  width:min(1420px,100%);\r\n  margin:0 auto;\r\n}\r\n\r\n\/* =========================================================\r\n   04. COLUMNA LATERAL\r\n   Icono objetivo + texto \u201cSi todos utilizan la misma IA\u2026\u201d\r\n========================================================= *\/\r\n.sc6-index{align-self:stretch;display:flex;flex-direction:column;justify-content:center;padding-right:34px;border-right:1px solid rgba(49,180,231,.28)}\r\n.sc6-index-icon{display:grid;place-items:center;width:58px;height:58px;margin-bottom:28px;border:1px solid var(--sc6-yellow);border-radius:5px;color:var(--sc6-yellow)}\r\n.sc6-index-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}\r\n.sc6-kicker{max-width:155px;color:rgba(255,255,255,.76);font:800 20px\/1.45 \"Exo 2\",Arial,sans-serif;letter-spacing:.055em;text-transform:uppercase}\r\n\r\n\/* =========================================================\r\n   05. COLUMNA CENTRAL\r\n========================================================= *\/\r\n.sc6-content{min-width:0}\r\n\r\n\/* =========================================================\r\n   06. T\u00cdTULO PRINCIPAL\r\n   L\u00edneas blancas + pregunta final amarilla\r\n   Editar tama\u00f1o, interlineado y colores\r\n========================================================= *\/\r\n.sc6-title{\r\n  max-width:900px;\r\n  margin:0;\r\n  color:#fff;\r\n  font-family:\"Exo 2\",\"Arial Black\",sans-serif;\r\n  font-size:clamp(48px,5.5vw,50px);\r\n  font-weight:900;\r\n  line-height: 1.2;\r\n  text-transform:uppercase;\r\n}\r\n.sc6-title span{display:block}\r\n.sc6-title strong{display:block;color:var(--sc6-yellow);font-weight:inherit}\r\n\r\n\/* =========================================================\r\n   07. FRASE DE CIERRE DESTACADA\r\n   Editar tama\u00f1o, color de l\u00ednea, icono y separaci\u00f3n\r\n========================================================= *\/\r\n.sc6-message{display:flex;align-items:center;gap:14px;margin:38px 0 0;color:#fff;font-size:clamp(17px,1.5vw,22px);font-weight:800;line-height:1.35}\r\n.sc6-message::before{content:\"\";width:38px;height:4px;flex:0 0 auto;border-radius:5px;background:var(--sc6-green)}\r\n.sc6-message-arrow{display:grid;place-items:center;width:36px;height:36px;flex:0 0 auto;border:1px solid rgba(49,180,231,.35);border-radius:50%;color:var(--sc6-yellow);font-size:18px;transition:color .25s ease,background-color .25s ease,border-color .25s ease,transform .25s ease}\r\n.sc6-message:hover .sc6-message-arrow{color:var(--sc6-navy);background:var(--sc6-yellow);border-color:var(--sc6-yellow);transform:translate(3px,-3px)}\r\n\r\n\/* =========================================================\r\n   08. LLAMADA DE ACCI\u00d3N\r\n   Editar aqu\u00ed el mensaje, separaci\u00f3n, colores y bot\u00f3n\r\n   Destino fijo: https:\/\/socrates.la\/virealto\/hablemos\/\r\n========================================================= *\/\r\n.sc6-cta{\r\n  display:grid;\r\n  justify-items:start;\r\n  gap:18px;\r\n  max-width:760px;\r\n  margin-top:30px;\r\n  padding-top:26px;\r\n  border-top:1px solid rgba(49,180,231,.28);\r\n}\r\n.sc6-cta-text{\r\n  margin:0;\r\n  color:#fff;\r\n  font-family:\"Exo 2\",Arial,sans-serif;\r\n  font-size:clamp(20px,1.8vw,27px);\r\n  font-weight:800;\r\n  line-height:1.2;\r\n  text-transform:uppercase;\r\n}\r\n.sc6-cta-text strong{color:var(--sc6-yellow)}\r\n.sc6-cta-button{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:space-between;\r\n  gap:26px;\r\n  min-width:290px;\r\n  min-height:54px;\r\n  padding:0 20px 0 24px;\r\n  border:2px solid var(--sc6-orange);\r\n  border-radius:5px;\r\n  background:var(--sc6-orange);\r\n  color:var(--sc6-white)!important;\r\n  font:800 13px\/1 \"Exo 2\",Arial,sans-serif;\r\n  letter-spacing:.04em;\r\n  text-decoration:none!important;\r\n  text-transform:uppercase;\r\n  transition:background-color .25s ease,border-color .25s ease,color .25s ease,transform .25s ease;\r\n}\r\n.sc6-cta-button:hover,\r\n.sc6-cta-button:focus-visible{\r\n  border-color:var(--sc6-yellow);\r\n  background:var(--sc6-yellow);\r\n  color:var(--sc6-navy)!important;\r\n  transform:translateY(-2px);\r\n}\r\n.sc6-cta-arrow{font-size:18px;line-height:1;transition:transform .25s ease}\r\n.sc6-cta-button:hover .sc6-cta-arrow,\r\n.sc6-cta-button:focus-visible .sc6-cta-arrow{transform:translate(3px,-3px)}\r\n\r\n\/* =========================================================\r\n   09. S\u00cdMBOLO VISUAL HUMANOS + IA\r\n   Editar tama\u00f1o general desde width y aspect-ratio\r\n========================================================= *\/\r\n.sc6-visual{position:relative;display:grid;place-items:center;width:230px;aspect-ratio:1;margin-left:auto}\r\n.sc6-ring{position:absolute;inset:0;border:1px solid rgba(49,180,231,.52);border-radius:50%}\r\n.sc6-ring::before,.sc6-ring::after{content:\"\";position:absolute;border-radius:50%;border:1px solid rgba(49,180,231,.23)}\r\n.sc6-ring::before{inset:15%}.sc6-ring::after{inset:30%}\r\n\r\n\/* Letra H central *\/\r\n.sc6-human{position:relative;z-index:2;color:rgba(255,255,255,.55);font:900 66px\/1 \"Exo 2\",Arial,sans-serif}\r\n\r\n\/* Etiqueta AI *\/\r\n.sc6-ai{position:absolute;z-index:3;right:-4px;bottom:26%;color:var(--sc6-yellow);font:900 22px\/1 \"Exo 2\",Arial,sans-serif;text-transform:uppercase}\r\n\r\n\/* S\u00edmbolo + entre H e IA *\/\r\n.sc6-plus{position:absolute;z-index:3;right:18%;top:23%;display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:var(--sc6-green);color:var(--sc6-navy);font:900 17px\/1 \"Exo 2\",Arial,sans-serif}\r\n\r\n\/* =========================================================\r\n   10. PUNTOS ORBITALES Y DECORATIVOS\r\n========================================================= *\/\r\n.sc6-orbit-dot{position:absolute;z-index:4;border-radius:50%}\r\n.sc6-orbit-dot--a{top:7%;left:35%;width:8px;height:8px;background:var(--sc6-green)}\r\n.sc6-orbit-dot--b{left:2%;bottom:33%;width:7px;height:7px;background:var(--sc6-orange)}\r\n.sc6-orbit-dot--c{right:11%;top:28%;width:6px;height:6px;background:var(--sc6-yellow)}\r\n.sc6-dot{position:absolute;border-radius:50%;pointer-events:none}\r\n.sc6-dot-a{top:16%;right:4%;width:5px;height:5px;background:var(--sc6-cyan)}\r\n.sc6-dot-b{bottom:10%;left:7%;width:6px;height:6px;background:var(--sc6-orange)}\r\n\r\n\/* =========================================================\r\n   11. L\u00cdNEAS DIAGONALES DECORATIVAS\r\n   No son fondo: son elementos transparentes de composici\u00f3n\r\n========================================================= *\/\r\n.sc6-diagonal{position:absolute;z-index:-1;top:-24%;bottom:-24%;width:1px;background:rgba(49,180,231,.12);transform:rotate(29deg);pointer-events:none}\r\n.sc6-diagonal--a{right:29%}.sc6-diagonal--b{right:16%}\r\n\r\n\/* =========================================================\r\n   12. ANIMACIONES\r\n========================================================= *\/\r\n@media(prefers-reduced-motion:no-preference){\r\n  .sc6-ring{animation:sc6RingPulse 4s ease-in-out infinite}\r\n  .sc6-human{animation:sc6HumanFloat 3.5s ease-in-out infinite}\r\n  .sc6-plus{animation:sc6PlusPulse 2s ease-in-out infinite}\r\n  .sc6-title{animation:sc6TitleEnter .75s cubic-bezier(.22,1,.36,1) both}\r\n}\r\n@keyframes sc6RingPulse{50%{transform:scale(1.035);border-color:rgba(246,189,0,.48)}}\r\n@keyframes sc6HumanFloat{50%{transform:translateY(-5px);color:rgba(255,255,255,.78)}}\r\n@keyframes sc6PlusPulse{50%{transform:scale(1.15)}}\r\n@keyframes sc6TitleEnter{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}\r\n\r\n\/* =========================================================\r\n   13. TABLET\r\n========================================================= *\/\r\n@media(max-width:1050px){\r\n  .sc6-shell{grid-template-columns:125px minmax(0,1fr) 190px;gap:30px}\r\n  .sc6-index{padding-right:22px}.sc6-visual{width:180px}.sc6-human{font-size:54px}.sc6-ai{font-size:18px}\r\n}\r\n\r\n\/* =========================================================\r\n   14. M\u00d3VIL\r\n========================================================= *\/\r\n@media(max-width:760px){\r\n  #lab{min-height:auto;padding:70px 20px}\r\n  .sc6-shell{grid-template-columns:1fr;gap:34px}\r\n  .sc6-index{display:grid;grid-template-columns:58px 1fr;align-items:center;gap:15px;padding:0 0 20px;border-right:0;border-bottom:1px solid rgba(49,180,231,.28)}\r\n  .sc6-index-icon{margin:0}.sc6-kicker{max-width:210px}.sc6-title{font-size:clamp(43px,12vw,62px)}\r\n  .sc6-message{align-items:flex-start}.sc6-message::before{width:24px;margin-top:10px}.sc6-visual{width:min(72vw,240px);margin:10px auto 0}\r\n  .sc6-cta{margin-top:26px;padding-top:24px}.sc6-cta-button{width:100%;min-width:0}\r\n}\r\n<\/style>\r\n\r\n<section id=\"lab\" aria-labelledby=\"sc6-title\">\r\n  <!-- PUNTOS DECORATIVOS GENERALES -->\r\n  <span class=\"sc6-dot sc6-dot-a\" aria-hidden=\"true\"><\/span>\r\n  <span class=\"sc6-dot sc6-dot-b\" aria-hidden=\"true\"><\/span>\r\n\r\n  <!-- L\u00cdNEAS DIAGONALES DECORATIVAS -->\r\n  <span class=\"sc6-diagonal sc6-diagonal--a\" aria-hidden=\"true\"><\/span>\r\n  <span class=\"sc6-diagonal sc6-diagonal--b\" aria-hidden=\"true\"><\/span>\r\n\r\n  <div class=\"sc6-shell\">\r\n    <!-- COLUMNA LATERAL -->\r\n    <aside class=\"sc6-index\">\r\n      <span class=\"sc6-index-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><circle cx=\"12\" cy=\"12\" r=\"5\"\/><circle cx=\"12\" cy=\"12\" r=\"1\"\/><\/svg><\/span>\r\n      <span class=\"sc6-kicker\" data-sc6-i18n=\"kicker\">Si todos utilizan la misma IA\u2026<\/span>\r\n    <\/aside>\r\n\r\n    <!-- CONTENIDO PRINCIPAL -->\r\n    <div class=\"sc6-content\">\r\n      <!-- T\u00cdTULO PRINCIPAL -->\r\n      <h2 class=\"sc6-title\" id=\"sc6-title\" data-sc6-rich=\"title\">\u00bfPor qu\u00e9 tu empresa deber\u00eda <strong>parecer diferente?<\/strong><\/h2>\r\n\r\n      <!-- FRASE DE CIERRE -->\r\n      <p class=\"sc6-message\"><span data-sc6-i18n=\"message\">Porque detr\u00e1s debe haber personas diferentes.<\/span><span class=\"sc6-message-arrow\" aria-hidden=\"true\">\u2197<\/span><\/p>\r\n\r\n      <!-- LLAMADA DE ACCI\u00d3N: MENSAJE Y BOT\u00d3N HACIA HABLEMOS -->\r\n      <div class=\"sc6-cta\">\r\n        <p class=\"sc6-cta-text\" data-sc6-rich=\"ctaText\">Tu diferencia no se genera con un prompt. <strong>Se construye con estrategia.<\/strong><\/p>\r\n        <a class=\"sc6-cta-button\" href=\"https:\/\/socrates.la\/virealto\/hablemos\/\">\r\n          <span data-sc6-i18n=\"ctaButton\">Construyamos algo diferente<\/span>\r\n          <span class=\"sc6-cta-arrow\" aria-hidden=\"true\">\u2197<\/span>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- S\u00cdMBOLO HUMANOS + IA -->\r\n    <div class=\"sc6-visual\" aria-label=\"Humanos m\u00e1s inteligencia artificial\">\r\n      <span class=\"sc6-ring\" aria-hidden=\"true\"><\/span>\r\n      <strong class=\"sc6-human\">H<\/strong>\r\n      <span class=\"sc6-plus\">+<\/span>\r\n      <strong class=\"sc6-ai\">AI<\/strong>\r\n      <span class=\"sc6-orbit-dot sc6-orbit-dot--a\" aria-hidden=\"true\"><\/span>\r\n      <span class=\"sc6-orbit-dot sc6-orbit-dot--b\" aria-hidden=\"true\"><\/span>\r\n      <span class=\"sc6-orbit-dot sc6-orbit-dot--c\" aria-hidden=\"true\"><\/span>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function(){\r\n  \"use strict\";\r\n  if(window.SC_SIXTH_SECTION_V1_READY)return;\r\n  window.SC_SIXTH_SECTION_V1_READY=true;\r\n  const STORAGE_KEY=\"socrates_creative_language\";\r\n\r\n  \/* =======================================================\r\n     15. TEXTOS Y TRADUCCIONES\r\n     Editar siempre las tres filas: es \/ pt \/ en\r\n     \u00abtitle\u00bb acepta <strong> para el texto amarillo\r\n  ======================================================= *\/\r\n  const translations={\r\n    \/* ESPA\u00d1OL *\/\r\n    es:{kicker:\"Si todos utilizan la misma IA\u2026\",title:'\u00bfPor qu\u00e9 tu empresa deber\u00eda <strong>parecer diferente?<\/strong>',message:\"Porque detr\u00e1s debe haber personas diferentes.\",ctaText:'Tu diferencia no se genera con un prompt. <strong>Se construye con estrategia.<\/strong>',ctaButton:\"Construyamos algo diferente\"},\r\n    \/* PORTUGU\u00c9S (BRASIL) *\/\r\n    pt:{kicker:\"Se todos usam a mesma IA\u2026\",title:'Por que a sua empresa deveria <strong>parecer diferente?<\/strong>',message:\"Porque por tr\u00e1s devem existir pessoas diferentes.\",ctaText:'A sua diferen\u00e7a n\u00e3o nasce de um prompt. <strong>Ela \u00e9 constru\u00edda com estrat\u00e9gia.<\/strong>',ctaButton:\"Vamos construir algo diferente\"},\r\n    \/* INGL\u00c9S *\/\r\n    en:{kicker:\"If everyone uses the same AI\u2026\",title:'Why should your company <strong>look different?<\/strong>',message:\"Because there must be different people behind it.\",ctaText:'Your difference is not generated by a prompt. <strong>It is built with strategy.<\/strong>',ctaButton:\"Let's build something different\"}\r\n  };\r\n\r\n  function detectLanguage(){try{const saved=localStorage.getItem(STORAGE_KEY);if(translations[saved])return saved}catch(error){}const browser=(navigator.language||\"es\").toLowerCase();if(browser.startsWith(\"pt\"))return \"pt\";if(browser.startsWith(\"en\"))return \"en\";return \"es\"}\r\n  function applyLanguage(lang){if(!translations[lang])lang=\"es\";const data=translations[lang];document.querySelectorAll(\"[data-sc6-i18n]\").forEach(function(el){const key=el.getAttribute(\"data-sc6-i18n\");if(data[key]!==undefined)el.textContent=data[key]});document.querySelectorAll(\"[data-sc6-rich]\").forEach(function(el){const key=el.getAttribute(\"data-sc6-rich\");if(data[key]!==undefined)el.innerHTML=data[key]})}\r\n  applyLanguage(detectLanguage());\r\n  window.addEventListener(\"socratesLanguageChange\",function(event){if(event.detail&&event.detail.language)applyLanguage(event.detail.language)});\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Creatividad humana + Inteligencia artificial Dise\u00f1ado por humanos.Potenciado por IA. LA IA SOLA NO BASTA, LA DIFERENCIA EST\u00c1 EN LOS HUMANOS QUE LA GU\u00cdAN. Quiero potenciar mi empresa Descubrir el m\u00e9todo Dise\u00f1o Web Branding Marketing Inteligencia artificial Powered by S\u00f3crates Baquedano 01 El problema no es la IA. Internet se est\u00e1 llenando de empresas que [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-111","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/socrates.la\/virealto\/wp-json\/wp\/v2\/pages\/111","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/socrates.la\/virealto\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/socrates.la\/virealto\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/socrates.la\/virealto\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/socrates.la\/virealto\/wp-json\/wp\/v2\/comments?post=111"}],"version-history":[{"count":275,"href":"https:\/\/socrates.la\/virealto\/wp-json\/wp\/v2\/pages\/111\/revisions"}],"predecessor-version":[{"id":784,"href":"https:\/\/socrates.la\/virealto\/wp-json\/wp\/v2\/pages\/111\/revisions\/784"}],"wp:attachment":[{"href":"https:\/\/socrates.la\/virealto\/wp-json\/wp\/v2\/media?parent=111"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}