<!DOCTYPE html>
<html class="i18n-completo" lang="es">
<head>
<base href="/">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
<title>Una web no es un escaparate. Es una declaración de método. - EstratégicaMente</title>
<meta name="description" content="Una web no es un escaparate donde exponer lo que haces: es la prueba visible de cómo lo haces. El diseño como consecuencia del método, no como decoración.">
<meta name="theme-color" content="#0A2540">
<link rel="stylesheet" href="assets/css/style.css?v=101">
<style>
  .article-loading { padding: 8rem 2rem; text-align: center; color: var(--meta); font-family: var(--sans); }
  .article-error { padding: 8rem 2rem; text-align: center; color: var(--ink); font-family: var(--serif); }

  /* DISEÑO EDITORIAL para el cuerpo del artículo (CMS) */
  .article-body {
    font-family: var(--serif);
    font-size: 1.125rem;
    line-height: 1.75;
    color: var(--ink);
    max-width: 720px;
    margin: 0 auto;
  }
  .article-body p:first-of-type {
    font-family: var(--display);
    font-size: 1.5rem;
    font-style: italic;
    color: var(--ink-soft);
    line-height: 1.4;
    margin-bottom: 2.5rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid var(--line);
  }
  .article-body p { margin-bottom: 1.25rem; }
  .article-body h2 {
    font-family: var(--display);
    font-size: clamp(1.5rem, 3vw, 2rem);
    font-weight: 400;
    color: var(--navy);
    margin: 3rem 0 1.25rem;
    line-height: 1.15;
    letter-spacing: -0.01em;
  }
  .article-body h2::before {
    content: "◆";
    display: block;
    color: var(--gold);
    font-size: 0.7rem;
    margin-bottom: 0.75rem;
    letter-spacing: 0.5rem;
  }
  .article-body h3 {
    font-family: var(--display);
    font-size: 1.4rem;
    font-weight: 500;
    color: var(--navy);
    margin: 2.5rem 0 1rem;
    line-height: 1.2;
  }
  .article-body em, .article-body i { font-style: italic; color: var(--ink-soft); }
  .article-body strong, .article-body b { font-weight: 600; color: var(--navy); }
  .article-body u { text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; text-underline-offset: 4px; }
  .article-body s { color: var(--meta); }
  .article-body a {
    color: var(--gold);
    border-bottom: 1px solid currentColor;
    transition: opacity 0.2s;
  }
  .article-body a:hover { opacity: 0.7; }
  .article-body ul, .article-body ol {
    margin: 1.5rem 0 1.5rem 0;
    padding-left: 2rem;
  }
  .article-body ul li, .article-body ol li {
    margin-bottom: 0.75rem;
    padding-left: 0.5rem;
  }
  .article-body ul li::marker { color: var(--gold); }
  .article-body ol li::marker { color: var(--gold); font-weight: 600; }
  .article-body blockquote {
    border-left: 4px solid var(--gold);
    padding: 1.25rem 2rem;
    margin: 2.5rem 0;
    font-family: var(--display);
    font-style: italic;
    font-size: 1.35rem;
    line-height: 1.5;
    color: var(--navy);
    background: var(--paper);
  }
  .article-body img {
    max-width: 100%;
    height: auto;
    margin: 2rem auto;
    display: block;
    border-radius: 2px;
  }

  /* Alineaciones de Quill */
  .article-body .ql-align-center { text-align: center; }
  .article-body .ql-align-right { text-align: right; }
  /* Regla 15: justificado y hyphens:auto SIEMPRE juntos. Justificar sin
     partición abre ríos de espacio entre palabras. */
  .article-body .ql-align-justify { text-align: justify; hyphens: auto; -webkit-hyphens: auto; hyphenate-limit-chars: 7 3 3; }

  /* Imagen de portada */
  .article-image {
    margin: 2rem auto 3rem;
    max-width: 760px;
    aspect-ratio: 16/9;
    overflow: hidden;
    border-radius: 2px;
  }
  .article-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  /* ── Vídeo privacy-first + bloques de webinar (reutilizable en cualquier artículo) ── */
  .article-body .yt-facade{
    position:relative; width:100%; aspect-ratio:16/9; border-radius:8px; overflow:hidden;
    background:#0A2540 center/cover no-repeat; cursor:pointer; margin:2rem 0;
    border:1px solid var(--navy-line,#22405E); box-shadow:0 20px 50px -24px rgba(10,37,64,.55);
  }
  .article-body .yt-facade::after{ content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(10,37,64,.05),rgba(10,37,64,.45)); transition:background .3s; }
  .article-body .yt-facade:hover::after{ background:linear-gradient(180deg,rgba(10,37,64,.12),rgba(10,37,64,.55)); }
  .article-body .yt-facade iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; }
  .article-body .yt-play{
    position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:3; pointer-events:none;
    width:78px; height:78px; border-radius:50%; background:var(--gold); color:var(--navy);
    display:flex; align-items:center; justify-content:center; box-shadow:0 12px 30px -8px rgba(0,0,0,.45); transition:transform .25s;
  }
  .article-body .yt-facade:hover .yt-play{ transform:translate(-50%,-50%) scale(1.08); }
  .article-body .yt-facade:focus-visible{ outline:3px solid var(--gold); outline-offset:3px; }
  .article-body .yt-play svg{ width:30px; height:30px; margin-left:4px; }
  .article-body .yt-badge{
    position:absolute; top:1rem; left:1rem; z-index:3; display:inline-flex; align-items:center; gap:.5rem;
    background:rgba(10,37,64,.78); color:#fff; font-family:var(--sans); font-size:.7rem; font-weight:700;
    letter-spacing:.12em; text-transform:uppercase; padding:.4rem .8rem; border-radius:4px;
  }
  .article-body .yt-badge .dot{ width:8px; height:8px; border-radius:50%; background:var(--gold); }
  .article-body .chapters-list{ list-style:none; padding:0; margin:1.25rem 0; display:grid; gap:.5rem; }
  .article-body .chapters-list li{ display:flex; gap:1rem; align-items:baseline; padding:.8rem 1rem; border:1px solid var(--line); border-radius:6px; background:#fff; }
  .article-body .chapters-list .ts{ font-weight:700; color:var(--gold); min-width:2.2rem; }
  .article-body .speaker-grid{ display:grid; grid-template-columns:1fr 1fr; gap:1.25rem; margin:1.25rem 0; }
  .article-body .speaker-card{ border:1px solid var(--line); border-radius:8px; padding:1.5rem; background:var(--cream-soft,#F4F6F8); }
  .article-body .speaker-card h3{ font-family:var(--display); color:var(--navy); margin:0 0 .25rem; font-size:1.1rem; }
  .article-body .speaker-card .role{ font-family:var(--sans); font-size:.82rem; color:var(--gold); font-weight:700; margin-bottom:.6rem; }
  .article-body .speaker-card p{ font-size:.9rem; color:var(--ink-soft); line-height:1.6; margin:0; }
  .article-body .webinar-cta{ display:flex; flex-wrap:wrap; gap:.75rem; justify-content:center; margin:2rem 0; }
  @media (max-width:600px){ .article-body .speaker-grid{ grid-template-columns:1fr; } }

  @media print {
    nav.nav, footer.footer, .breadcrumb, .article-meta::before { display: none !important; }
    body { background: white; }
    .article-body { max-width: 100%; }
  }
</style>
<link rel="icon" type="image/svg+xml" href="assets/favicon/favicon.svg?v=3">
<link rel="icon" type="image/png" sizes="32x32" href="assets/favicon/favicon-32.png?v=3">
<link rel="icon" type="image/png" sizes="16x16" href="assets/favicon/favicon-16.png?v=3">
<link rel="apple-touch-icon" sizes="180x180" href="assets/favicon/apple-touch-icon.png?v=3">
<link rel="icon" type="image/x-icon" href="assets/favicon/favicon.ico?v=3">

<link rel="canonical" href="https://estrategicamente.info/blog/una-web-no-es-un-escaparate-es-una-declaracion-de-metodo">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@interimmanager">
<meta property="og:image" content="https://estrategicamente.info/assets/img/fotos/simplicity-bitono.jpg">
<!-- Sin dimensiones declaradas a propósito. La plantilla sirve artículos con
     imágenes de tamaños distintos; anunciar 1200x630 en todos era mentir a los
     rastreadores, y una discrepancia entre lo declarado y la imagen real hace
     que algunos descarten la tarjeta y la muestren sin foto. Sin estas dos
     etiquetas, X y LinkedIn miden la imagen ellos mismos. -->
<meta property="og:image:alt" content="Ilustración del artículo">
<meta name="twitter:image" content="https://estrategicamente.info/assets/img/fotos/simplicity-bitono.jpg">
<meta property="og:site_name" content="EstratégicaMente">
<meta property="og:locale" content="es_ES">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">

<!-- Microsoft Clarity · heatmaps + session recordings -->
<script type="text/javascript">
  (function(c,l,a,r,i,t,y){
    c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
    t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
    y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
  })(window, document, "clarity", "script", "wqv1qcoy3k");
</script>
  <link rel="stylesheet" href="assets/css/accesibilidad.css?v=3">
    <link rel="stylesheet" href="assets/css/ai-governance.css?v=3">
  
<!-- ss-sigma-layer -->
<link rel="stylesheet" href="assets/css/sigma.css?v=5">
<link rel="stylesheet" href="assets/css/armonia.css?v=13">
<script type="application/ld+json">
{
 "@context": "https://schema.org",
 "@type": "WebPage",
 "@id": "https://estrategicamente.info/blog/una-web-no-es-un-escaparate-es-una-declaracion-de-metodo#webpage",
 "url": "https://estrategicamente.info/blog/una-web-no-es-un-escaparate-es-una-declaracion-de-metodo",
 "name": "Una web no es un escaparate. Es una declaración de método. - EstratégicaMente",
 "inLanguage": "es",
 "isPartOf": {
  "@id": "https://estrategicamente.info/#website"
 },
 "speakable": {
  "@type": "SpeakableSpecification",
  "cssSelector": [
   "h1",
   ".respuesta-directa"
  ]
 },
 "publisher": {
  "@id": "https://estrategicamente.info/#organizacion"
 }
}
</script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Sora:wght@400;600;700;800&family=Barlow:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap" rel="stylesheet">
<script defer data-domain="estrategicamente.info" src="https://plausible.io/js/script.tagged-events.outbound-links.js"></script>
<script defer src="/assets/js/enlaces.js?v=7"></script>
<meta property="og:type" content="article"><meta property="og:title" content="Una web no es un escaparate. Es una declaración de método."><meta property="og:url" content="https://estrategicamente.info/blog/una-web-no-es-un-escaparate-es-una-declaracion-de-metodo"><meta property="og:site_name" content="EstratégicaMente"><meta name="ssr" content="supabase"><script type="application/ld+json">{"@context":"https://schema.org","@type":"BlogPosting","@id":"https://estrategicamente.info/blog/una-web-no-es-un-escaparate-es-una-declaracion-de-metodo","mainEntityOfPage":{"@type":"WebPage","@id":"https://estrategicamente.info/blog/una-web-no-es-un-escaparate-es-una-declaracion-de-metodo"},"headline":"Una web no es un escaparate. Es una declaración de método.","description":"Una web no es un escaparate donde exponer lo que haces: es la prueba visible de cómo lo haces. El diseño como consecuencia del método, no como decoración.","url":"https://estrategicamente.info/blog/una-web-no-es-un-escaparate-es-una-declaracion-de-metodo","image":"https://estrategicamente.info/assets/img/fotos/simplicity-bitono.jpg","inLanguage":"es-ES","datePublished":"2026-05-14","dateModified":"2026-08-27","author":{"@id":"https://estrategicamente.info/#guillermo-taboada"},"publisher":{"@id":"https://estrategicamente.info/#organizacion"},"isPartOf":{"@id":"https://estrategicamente.info/blog#blog"},"isBasedOn":{"@type":"CreativeWork","name":"Contenido elaborado con asistencia de sistemas de inteligencia artificial"},"disambiguatingDescription":"Este contenido se ha elaborado con asistencia de sistemas de inteligencia artificial y ha sido revisado y validado por el equipo de EstratégicaMente antes de su publicación. La responsabilidad editorial es humana."}</script><script type="application/ld+json">{"@context":"https://schema.org","@type":"WebPage","@id":"https://estrategicamente.info/blog/una-web-no-es-un-escaparate-es-una-declaracion-de-metodo#speakable","url":"https://estrategicamente.info/blog/una-web-no-es-un-escaparate-es-una-declaracion-de-metodo","speakable":{"@type":"SpeakableSpecification","cssSelector":[".respuesta-directa","h1"]}}</script><script type="application/ld+json">{"@context":"https://schema.org","@type":"FAQPage","@id":"https://estrategicamente.info/blog/una-web-no-es-un-escaparate-es-una-declaracion-de-metodo#faq","isPartOf":{"@id":"https://estrategicamente.info/blog/una-web-no-es-un-escaparate-es-una-declaracion-de-metodo"},"inLanguage":"es-ES","mainEntity":[{"@type":"Question","name":"¿Por qué una web es una declaración de método?","acceptedAnswer":{"@type":"Answer","text":"Porque enseña cómo trabajas, no solo qué vendes. Una web llena de fotos de stock y promesas de «transformación digital» que sirven para todo no dice nada. La nuestra habla como hablamos: con criterio antes que con marketing."}},{"@type":"Question","name":"¿Qué es la Slow AI?","acceptedAnswer":{"@type":"Answer","text":"La apuesta de EstratégicaMente frente a la IA sin criterio: primero eliminar, después simplificar y solo al final automatizar. Automatizar un mal proceso no lo arregla, solo multiplica el error más deprisa."}},{"@type":"Question","name":"¿Se puede usar IA en consultoría sin perder criterio?","acceptedAnswer":{"@type":"Answer","text":"Sí, si la IA ejecuta y la persona decide. El riesgo no es usarla: es delegarle el juicio y aceptar la primera respuesta plausible sin contrastarla."}}]}</script><meta name="ai-generated" content="assisted"><meta name="ai-review" content="human-reviewed"><meta name="ai-disclosure" content="Este contenido se ha elaborado con asistencia de sistemas de inteligencia artificial y ha sido revisado y validado por el equipo de EstratégicaMente antes de su publicación. La responsabilidad editorial es humana."><style>
.ia-aviso{margin:2.5rem auto 0;max-width:760px;padding:1.1rem 1.3rem;background:#FFFFFF;border:1px solid #E2E8EE;border-left:4px solid #C9A961}
.ia-aviso-et{display:block;font-family:'IBM Plex Mono',monospace;font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:#5E7E00;font-weight:500;margin-bottom:.35rem}
.ia-aviso p{margin:0;font-family:'Barlow',sans-serif;font-size:.92rem;line-height:1.6;color:#5B6573}
.article-body .tabla-scroll{margin:2.5rem 0 3rem;overflow-x:auto;-webkit-overflow-scrolling:touch}
.article-body table{width:100%;min-width:520px;border-collapse:collapse;font-family:'Barlow',sans-serif;font-size:.95rem;line-height:1.5;background:#FFFFFF;border:1px solid #E2E8EE}
.article-body thead th{background:#0A2540;color:#FFFFFF;font-family:'Sora',sans-serif;font-size:.74rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;text-align:left;padding:.85rem 1rem;vertical-align:bottom;border:0}
.article-body tbody td{padding:.9rem 1rem;vertical-align:top;border-top:1px solid #E2E8EE;color:#3A3A3A}
.article-body tbody tr:nth-child(even) td{background:#F4F6F8}
.article-body tbody td:first-child{color:#0A2540;font-weight:600;width:32%}
.article-body table strong,.article-body table b{color:#0A2540;font-weight:700}
.article-body table a{color:#CC6900;border-bottom:1px solid currentColor}
.article-body .resumen{margin:2rem 0 2.75rem;padding:1.5rem 1.7rem;background:#F4F6F8;border-left:4px solid #99CC00}
.article-body .resumen>b{display:block;font-family:'Sora',sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#5E7E00;margin-bottom:.9rem}
.article-body .resumen ul{margin:0;padding-left:1.25rem}
.article-body .resumen li{margin-bottom:.6rem;font-family:'Barlow',sans-serif;font-size:1rem;line-height:1.6;color:#3A3A3A}
.article-body .resumen li::marker{color:#99CC00}
.article-body .respuesta-directa{border-top:3px solid #FF8300;padding-top:1.4rem}
.article-body .fig-propia{margin:2.75rem 0 3rem;padding:0}
.article-body .fig-propia svg{width:100%;height:auto;display:block;border:1px solid #E2E8EE}
.article-body figcaption{margin-top:.85rem;padding-left:1rem;border-left:3px solid #C9A961;font-family:'Barlow',sans-serif;font-size:.9rem;line-height:1.6;color:#5B6573;font-style:normal}
.article-body .cta-final{margin:3rem 0 1.5rem;padding:0}
.article-body .cta-final a{display:inline-block;background:#FF8300;color:#FFFFFF;font-family:'Sora',sans-serif;font-weight:700;font-size:1rem;line-height:1.3;padding:1rem 1.6rem;border:0;text-decoration:none;transition:background .2s}
.article-body .cta-final a:hover{background:#CC6900;opacity:1}
.autor-ficha{margin:3.5rem auto 0!important;max-width:760px;padding:1.5rem 1.7rem;background:#F4F6F8;border-left:4px solid #C9A961}
.autor-ficha p{margin:0;font-family:'Barlow',sans-serif;font-style:normal}
.autor-ficha .autor-firma{font-family:'Barlow',sans-serif!important;font-size:.97rem!important;font-weight:400!important;font-style:normal!important;line-height:1.65!important;color:#3A3A3A!important;border-bottom:0!important;padding-bottom:0!important;margin-bottom:0!important}
.autor-ficha .autor-firma strong{color:#0A2540;font-weight:700}
.autor-ficha .autor-fechas{margin:1rem 0 0!important;padding-top:.85rem;border-top:1px solid #E2E8EE;font-family:'IBM Plex Mono',monospace;font-size:.74rem;line-height:1.6;color:#5B6573;letter-spacing:.02em}
@media (max-width:640px){
  .article-body .tabla-scroll{margin-left:-1rem;margin-right:-1rem;padding:0 1rem}
  .article-body table{font-size:.88rem}
  .article-body thead th,.article-body tbody td{padding:.7rem .8rem}
  .autor-ficha{padding:1.2rem 1.2rem}
}
</style></head>
<body>

<nav class="nav" id="nav">
  <div class="nav-inner">
    <a class='nav-brand' href='/'><img src="assets/logos/estrategicamente-logo.svg" alt="EstratégicaMente"></a>
    <ul class="nav-menu" id="nav-menu">
      <li class="nav-dropdown">
        <button type="button" class="nav-dropdown-toggle" aria-haspopup="true"><span data-lang="es">Servicios</span><span class="nav-caret" aria-hidden="true"></span></button>
        <ul class="nav-dropdown-menu">
          <li class="nav-grupo"><span data-lang="es">Trabajamos contigo</span></li>
<li><a href="/cumplimiento-eu-ai-act"><span data-lang="es">CriterIA© · cumplimiento del EU AI Act</span></a></li>
          <li><a href="/subvenciones-licitaciones-premios"><span data-lang="es">Simplicity for Grants© · subvenciones y licitaciones</span></a></li>
          <li><a href="/automatizacion-procesos-ia"><span data-lang="es">Simplicity for Processes© · automatización con IA</span></a></li>
          <li><a href="/asesoramiento"><span data-lang="es">Consultoría e interim management</span></a></li>
          <li><a href="/software-subvenciones-administracion"><span data-lang="es">Administraciones públicas</span></a></li>
          <li><a href="/ia-en-docencia-universitaria"><span data-lang="es">Universidades y escuelas de negocio</span></a></li>
        </ul>
      </li>
      <li class="nav-dropdown">
        <button type="button" class="nav-dropdown-toggle" aria-haspopup="true"><span data-lang="es">Productos</span><span class="nav-caret" aria-hidden="true"></span></button>
        <ul class="nav-dropdown-menu">
          <li class="nav-grupo"><span data-lang="es">Los contratas y los usas</span></li>
                    <li><a href="https://apex.simplicityforgrants.eu/" rel="noopener" target="_blank"><span data-lang="es">APEX© · memoria técnica con IA</span></a></li>
          <li><a href="https://simplicityconsilium.com/" rel="noopener" target="_blank"><span data-lang="es">Simplicity Consilium© · asistente de dirección</span></a></li>
          <li><a href="/cumplimiento-eu-ai-act#niveles"><span data-lang="es">CriterIA© 25 · diagnóstico profesional</span></a></li>
<li><a href="/cumplimiento-eu-ai-act#niveles"><span data-lang="es">CriterIA© 60 · auditoría completa</span></a></li>
<li><a href="https://draft.simplicityforgrants.eu/" rel="noopener" target="_blank"><span data-lang="es">DRAFT© · primer borrador de memoria</span></a></li>
        </ul>
      </li>
      <li><a href="/blog"><span data-lang="es">Blog</span></a></li>      <li class="nav-dropdown">
        <button type="button" class="nav-dropdown-toggle" aria-haspopup="true"><span data-lang="es">Herramientas gratuitas</span><span class="nav-caret" aria-hidden="true"></span></button>
        <ul class="nav-dropdown-menu">
        <li><a href="/score-de-encaje"><span data-lang="es">Score de encaje &middot; &iquest;merece la pena presentarse?</span></a></li>
        <li><a href="/diagnostico-ai-act"><span data-lang="es">Autodiagn&oacute;stico EU AI Act</span></a></li>
<li><a href="/verificar"><span data-lang="es">Verificar un sello CriterIA©</span></a></li>
                                <li><a href="/indice-de-criterio"><span data-lang="es">&Iacute;ndice de Criterio</span></a></li>
        <li><a href="/recursos"><span data-lang="es">Todos los recursos gratuitos</span></a></li>
        </ul>
      </li>
      <li class="nav-dropdown">
        <button type="button" class="nav-dropdown-toggle" aria-haspopup="true"><span data-lang="es">Sobre nosotros</span><span class="nav-caret" aria-hidden="true"></span></button>
        <ul class="nav-dropdown-menu">
        <li><a href="/sobre"><span data-lang="es">Sobre nosotros</span></a></li>
        <li><a href="/la-prisa-artificial"><span data-lang="es">El libro &middot; La prisa artificial</span></a></li>
        <li><a href="/contacto"><span data-lang="es">Contacto</span></a></li>
        </ul>
      </li>
    </ul>
    
<div class="nav-right">
      <a href="/diagnostico-ai-act" class="btn-eu-ai-act" title="CriterIA© 7 · autodiagnóstico gratuito EU AI Act"><span class="btn-eu-badge">GRATIS</span><span class="btn-eu-text" data-lang="es">EU AI Act</span></a>
      <div aria-label="Idioma" class="lang-toggle" role="group"><button class="active" data-lang="es">ES</button><button data-lang="en">EN</button></div>
<button class="nav-toggle" id="nav-toggle"><span></span><span></span><span></span></button>
    </div>
  </div>
</nav>

<article class="article-page" id="article-root"><div class="container-narrow"><div class="breadcrumb" style="margin-top:6rem;margin-bottom:1.5rem;"><a href="/">EstratégicaMente</a> <span class="sep">-</span> <a href="/blog">Blog</a></div><div class="article-meta" style="font-family:'IBM Plex Mono',monospace;font-size:0.75rem;letter-spacing:0.16em;text-transform:uppercase;color:#5E7E00;margin-bottom:1.5rem;">14 may 2026 - Guillermo Taboada</div><h1 style="font-family:'Sora',sans-serif;font-size:clamp(1.9rem,4.4vw,3rem);font-weight:800;text-transform:uppercase;letter-spacing:-.02em;line-height:1.08;color:#0A2540;margin-bottom:2rem;max-width:760px;margin-left:auto;margin-right:auto;">Una web no es un escaparate. Es una declaración de método.</h1><div class="article-image" style="margin:2rem auto 3rem;max-width:760px;aspect-ratio:16/9;overflow:hidden;"><img src="https://estrategicamente.info/assets/img/fotos/simplicity-bitono.jpg" alt="Una web no es un escaparate. Es una declaración de método." style="width:100%;height:100%;object-fit:cover;"></div><div data-newsletter-blog="compacto" style="max-width:760px;margin:0 auto 2.5rem;"></div><div class="article-body"><figure style="margin:2.4rem 0"><img src="https://orfnafompycebfblkjdd.supabase.co/storage/v1/object/public/imc-images/articulos/1779637267310-pwbvz9.png" alt="Una web no es un escaparate, es una declaración de método: el diseño como consecuencia del criterio, no como decoración" style="width:100%;height:auto;border-radius:10px"><figcaption style="font-size:.85rem;color:#5B6573;margin-top:.6rem;text-align:center">Una web no es un escaparate. Es una declaración de método.</figcaption></figure><p class="ql-align-center"><strong>Slow AI: la apuesta de EstratégicaMente frente a la IA sin criterio</strong></p><p><br></p><p class="ql-align-justify">Cuando una consultora estrena web, lo habitual es la fanfarria: el comunicado entusiasta, las imágenes de stock con ejecutivos sonrientes, la promesa de «transformación digital» que sirve para todo y, por tanto, no sirve para nada. Nosotros hemos pasado los últimos meses haciendo exactamente lo contrario. No queríamos una web más bonita. Queríamos una web que hablara como hablamos: con criterio antes que con marketing.</p><p><strong style="color: rgb(10, 37, 64);">El problema con la inteligencia artificial en consultoría</strong></p><p class="ql-align-justify">La inteligencia artificial generativa y agéntica ha entrado en el sector de la consultoría como entró antes en el periodismo, en la docencia y en el derecho: a empujones, sin instrucciones y sin debate. El resultado lo conocemos. Despachos que automatizan sin entender, propuestas que se parecen entre sí porque salen del mismo prompt, memorias técnicas redactadas por un modelo que no sabe distinguir entre un proyecto Horizon Europe y una solicitud al IGAPE. Y, mientras tanto, un Reglamento Europeo —el 2024/1689, conocido como EU AI Act— cuya regla general se aplica desde el 2 de agosto de 2026, con el alto riesgo aplazado a diciembre de 2027 y agosto de 2028 y que pocas firmas saben cumplir desde dentro de su propio producto.</p><p class="ql-align-justify">Nosotros lo hemos visto desde la trinchera. Llevamos más de 25 años haciendo consultoría estratégica y dirección ejecutiva en España. Hemos coordinado consorcios europeos, redactado memorias técnicas y dirigido empresas. Y desde 2024 hemos integrado la inteligencia artificial en nuestro trabajo, no porque estuviera de moda, sino porque sin ella ya no se puede competir con las grandes consultoras desde una boutique pequeña. Pero la hemos integrado con una regla que se ha vuelto contraintuitiva en el mercado: la tecnología viene después del criterio, nunca antes.</p><p><strong style="color: rgb(10, 37, 64);">Seis pilares, una sola idea</strong></p><p class="ql-align-justify">La nueva suite tecnológica de IMC es una plataforma integral impulsada por IA agnóstica que gestiona todo el ecosistema de servicios. No es una web: es un entorno inteligente que orquesta de forma coherente los seis pilares de la firma.</p><p class="ql-align-justify"><strong style="color: rgb(201, 169, 97);">1. </strong><strong style="color: rgb(10, 37, 64);">Advisory Estratégico</strong> — Asesoramiento de alto nivel, desarrollo de negocio, transformación digital, mentoring e internacionalización. El origen de EM (2014) y su esencia: talento senior, sin permanencia ni costes de búsqueda.</p><p class="ql-align-justify"><strong style="color: rgb(201, 169, 97);">2. </strong><a href="https://simplicityforgrants.eu/" rel="noopener noreferrer" target="_blank"><strong>Simplicity for Grants©</strong></a> — Plataforma reconocida por Wealth &amp; Finance en 2025. IA agéntica que reduce hasta un 80 % los tiempos de redacción de propuestas y eleva la tasa de éxito hasta el 25 %.</p><p class="ql-align-justify"><strong style="color: rgb(201, 169, 97);">3. </strong><a href="https://simplicityforprocesses.com/" rel="noopener noreferrer" target="_blank"><strong>Simplicity for Processes©</strong></a> — Tres agentes propietarios que automatizan procesos con gobernanza estricta y trazabilidad completa.</p><p class="ql-align-justify"><strong style="color: rgb(201, 169, 97);">4. </strong><strong style="color: rgb(10, 37, 64);">Simplicity Consilium©</strong> — La plataforma personal del directivo: tres asesores virtuales, certificación en blockchain desde el navegador, generación de informes y auditoría conforme al EU AI Act.</p><p class="ql-align-justify"><strong style="color: rgb(201, 169, 97);">5. </strong><strong style="color: rgb(10, 37, 64);">Simplicity LAB©</strong> — Metodología pedagógica certificada en blockchain que permite a docentes universitarios integrar la IA en el aula con criterio, gobernanza y rigor.</p><p class="ql-align-justify"><strong style="color: rgb(201, 169, 97);">6. </strong><strong style="color: rgb(10, 37, 64);">Grantify</strong> — La plataforma GovTech para que las administraciones públicas diseñen, reciban, evalúen y publiquen subvenciones con cumplimiento normativo.</p><p class="ql-align-justify">Son seis soluciones, pero una sola idea: la metodología <strong>SIMPLICITY©</strong>. Primero eliminamos, después simplificamos y, solo entonces, automatizamos. En ese orden, y nunca al revés.</p><p class="ql-align-justify">Es lo que denominamos <em>Slow AI</em> o <strong>IA con criterio</strong>. No es una cuestión estética, sino la única forma de asegurar que la inteligencia artificial aporte valor real sin comprometer la humanidad ni el control.</p><p><strong style="color: rgb(10, 37, 64);">Lo que hay debajo de la web</strong></p><p class="ql-align-justify">Para EstrategicaMente, una web no es un folleto. Es una plataforma operativa.</p><p class="ql-align-justify">La nueva arquitectura integra en un único entorno todo lo que la firma necesita para funcionar: gestor de contenidos propio para publicar sin tocar código, CRM, asistente conversacional entrenado con el conocimiento completo de EM, zona pública de recursos gratuitos, y panel de administración centralizado desde el que se gestiona cada pilar —Asesoramiento, Grants, Processes, Consilium y Lab— sin fricción y sin depender de terceros.</p><p class="ql-align-justify">No es una colección de páginas. Es la columna vertebral digital de una boutique que trabaja de forma integrada.</p><p class="ql-align-justify">Y todo construido con la misma lógica con la que trabajamos con nuestros clientes: lo esencial es lo que rinde; lo demás estorba. Porque automatizar no debería significar pensar menos, sino pensar mejor.</p><p class="ql-align-justify">Este proyecto ha sido posible gracias a la cofinanciación del IGAPE, los fondos NextGenerationEU y el Plan de Recuperación, Transformación y Resiliencia. Los logos están en el pie de la web porque es nuestra obligación comunicarlo. Pero también porque queremos que se vea: la financiación pública europea bien aplicada no es burocracia —es un <strong>acelerador</strong>. Y conviene contarlo.</p><p><strong style="color: rgb(10, 37, 64);">Una invitación, no una venta</strong></p><p class="ql-align-justify">Si has llegado hasta aquí, gracias. La nueva web está disponible en español e inglés en <a href="estrategicamente.info" rel="noopener noreferrer" target="_blank" style="color: rgb(10, 37, 64);"><strong>e</strong></a><a href="estrategicamente.info" rel="noopener noreferrer" target="_blank">strategicamente.info</a>. Si lo que ofrecemos te interesa, o si te queda alguna duda sobre cómo aplicarlo a tu caso, en la página de contacto puedes reservar una conversación de treinta minutos con nosotros. Sin coste, sin compromiso y sin presentación comercial. Solo escuchar y orientar. Si encajamos, seguimos. Si no, te diremos a quién acudir.</p><p class="ql-align-justify">La inteligencia artificial puede acelerar muchas cosas. El criterio sigue siendo insustituible</p><p class="ql-align-justify">Llevamos más de 25 años repitiendo la misma frase. Hoy también: <em>elegir lo eficaz para hacerlo eficiente.</em></p><p><br></p><p class="ql-align-right"><strong style="color: rgb(10, 37, 64);">— Guillermo Taboada Martínez</strong></p><p class="ql-align-right"><em style="color: rgb(92, 103, 112);">Fundador y CEO&nbsp;·&nbsp;EstrategicaMente</em></p><p><br></p>
<h2>Preguntas frecuentes</h2>
<h3>¿Por qué una web es una declaración de método?</h3>
<p>Porque enseña cómo trabajas, no solo qué vendes. Una web llena de fotos de stock y promesas de «transformación digital» que sirven para todo no dice nada. La nuestra habla como hablamos: con criterio antes que con marketing.</p>
<h3>¿Qué es la Slow AI?</h3>
<p>La apuesta de EstratégicaMente frente a la IA sin criterio: primero eliminar, después simplificar y solo al final automatizar. Automatizar un mal proceso no lo arregla, solo multiplica el error más deprisa.</p>
<h3>¿Se puede usar IA en consultoría sin perder criterio?</h3>
<p>Sí, si la IA ejecuta y la persona decide. El riesgo no es usarla: es delegarle el juicio y aceptar la primera respuesta plausible sin contrastarla.</p>

<aside class="autor-ficha" aria-label="Sobre el autor">
<p class="autor-firma">Escrito por <strong>Guillermo Taboada</strong>, CEO y socio fundador de EstratégicaMente · IA con Criterio, consultora internacional de subvenciones, licitaciones y premios globales con IA, creación de suites de IA y de cumplimiento del EU AI Act, y profesor en la Universidade da Coruña y en BEYOND AI Finance &amp; Business School.</p>
<p class="autor-fechas">Publicado el 14 de mayo de 2026 · Última actualización: 27 de agosto de 2026</p>
</aside>
</div><aside class="ia-aviso" role="note" aria-label="Transparencia sobre el uso de inteligencia artificial"><span class="ia-aviso-et">Transparencia - Reglamento (UE) 2024/1689</span><p>Este contenido se ha elaborado con asistencia de sistemas de inteligencia artificial y ha sido revisado y validado por el equipo de EstratégicaMente antes de su publicación. La responsabilidad editorial es humana.</p></aside><div data-newsletter-blog></div></div></article>

<footer class="footer">
  <div class="container">
    <div class="footer-grid">
      <div class="footer-brand">
        <img src="assets/logos/estrategicamente-logo-dark.svg" alt="EstratégicaMente" class="footer-logo">
        <h4 data-lang="es">ESTRATÉGICAMENTE</h4><h4 data-lang="en">ESTRATÉGICAMENTE</h4>
        <p data-lang="es">Elegir lo eficaz para hacerlo eficiente.</p>
      </div>
      <div class="footer-col">
        <h5>Soluciones</h5>
        <ul>
          <li data-lang="es"><a href="/asesoramiento">Consultor&iacute;a e interim management</a></li>
          <li data-lang="es"><a href="/subvenciones-licitaciones-premios">Subvenciones, licitaciones y premios (Simplicity for Grants&copy;)</a></li>
          <li data-lang="es"><a href="/software-subvenciones-administracion">Plataforma para administraciones (Grantify&copy;)</a></li>
          <li data-lang="es"><a href="/automatizacion-procesos-ia">Automatizaci&oacute;n de procesos con IA (Simplicity for Processes&copy;)</a></li>
          <li data-lang="es"><a href="/ia-en-docencia-universitaria">IA en docencia universitaria (Simplicity Lab&copy;)</a></li>
          <li data-lang="es"><a href="/cumplimiento-eu-ai-act">Cumplimiento del EU AI Act (CriterIA&copy;)</a></li>
        </ul>
      </div>
      <div class="footer-col">
        <h5>EstratégicaMente</h5>
        <ul>
          <li data-lang="es"><a href="/sobre">Sobre EstratégicaMente</a></li>
          <li data-lang="es"><a href="/recursos">Herramientas y recursos gratuitos</a></li>
          <li data-lang="es"><a href="/blog">Blog</a></li>
          <li data-lang="es"><a href="/contacto">Contacto</a></li>
        </ul>
      </div>
      <div class="footer-col">
        <h5>Legal</h5>
        <ul>
          <li data-lang="es"><a href="/aviso-legal">Aviso legal</a></li>
          <li data-lang="es"><a href="/politica-de-privacidad">Privacidad</a></li>
          <li data-lang="es"><a href="/politica-de-ia" style="color: var(--gold);">Política de IA</a></li>
          <li data-lang="es"><a href="/politica-de-cookies">Cookies</a></li>
          <li data-lang="es"><a href="/declaracion-de-accesibilidad">Accesibilidad</a></li>
        </ul>
      </div>
    </div>

    <!-- Banner obligatorio de financiación pública del proyecto Simplicity for Grants -->
    

    <div class="footer-bottom">
      <p data-lang="es">© 2026 INTERIM MANAGER CONSULTING, S.L.</p>
    </div>
  </div>
</footer>

<script>
(function(){
  var API = "https://orfnafompycebfblkjdd.supabase.co/functions/v1/imc-articulos";
  var COM_API = "https://orfnafompycebfblkjdd.supabase.co/functions/v1/imc-comentarios";
  var params = new URLSearchParams(window.location.search);
  var slug = params.get("slug");
  if (!slug) {
    // En /blog/<slug> (rewrite de Netlify) la URL del navegador no lleva ?slug=,
    // así que extraemos el slug de la propia ruta.
    var pm = window.location.pathname.match(/\/blog\/+([^\/?#]+)/);
    if (pm && pm[1]) slug = decodeURIComponent(pm[1]);
  }
  var root = document.getElementById("article-root");

  function esc(s) {
    return String(s||"").replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;");
  }

  // === Comentarios ===
  window.loadComentarios = function(slug){
    var lista = document.getElementById('comentarios-lista');
    if (!lista) return;
    fetch(COM_API + '?slug=' + encodeURIComponent(slug))
      .then(function(r){ return r.json(); })
      .then(function(data){
        if (!data.comentarios || !data.comentarios.length){
          lista.innerHTML = '<p style="color:var(--meta); text-align:center; font-style:italic;">Sé el primero en comentar.</p>';
          return;
        }
        lista.innerHTML = data.comentarios.map(function(c){
          var fecha = new Date(c.created_at).toLocaleDateString('es-ES', {day:'numeric', month:'long', year:'numeric'});
          return '<div style="background:white; padding:1.25rem; border:1px solid var(--line); margin-bottom:0.75rem;">' +
            '<div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:0.5rem;">' +
              '<strong style="color:var(--navy); font-family:var(--display);">' + esc(c.nombre) + '</strong>' +
              '<span style="font-size:0.75rem; color:var(--meta); font-family:var(--sans);">' + fecha + '</span>' +
            '</div>' +
            '<div style="font-family:var(--serif); line-height:1.6; color:var(--ink); white-space:pre-line;">' + esc(c.mensaje) + '</div>' +
          '</div>';
        }).join('');
      })
      .catch(function(){ lista.innerHTML = '<p style="color:var(--meta);">No se pudieron cargar los comentarios.</p>'; });
  };

  window.enviarComentario = function(slug, titulo){
    var msg = document.getElementById('c-msg');
    var btn = document.querySelector('#comentario-form button[type="submit"]');
    var nombre = document.getElementById('c-nombre').value.trim();
    var email = document.getElementById('c-email').value.trim();
    var mensaje = document.getElementById('c-mensaje').value.trim();
    var lopd = document.getElementById('c-lopd');
    if (!nombre || !email || !mensaje) { msg.textContent = 'Faltan campos.'; msg.style.color = '#C62828'; return; }
    if (!lopd || !lopd.checked) { msg.textContent = 'Necesitamos tu consentimiento para publicar el comentario.'; msg.style.color = '#C62828'; return; }

    btn.disabled = true; btn.textContent = 'Enviando…';
    fetch(COM_API, {
      method: 'POST',
      headers: { 'Content-Type': 'application/json' },
      body: JSON.stringify({ articulo_slug: slug, nombre: nombre, email: email, mensaje: mensaje })
    })
    .then(function(r){ return r.json().then(function(j){ return {ok:r.ok, data:j}; }); })
    .then(function(res){
      btn.disabled = false; btn.textContent = 'Publicar comentario';
      if (res.ok){
        msg.textContent = '✓ Comentario publicado. Gracias por participar.';
        msg.style.color = '#2E7D32';
        document.getElementById('comentario-form').reset();
        loadComentarios(slug);
      } else {
        msg.textContent = 'Error: ' + (res.data.error || 'desconocido');
        msg.style.color = '#C62828';
      }
    })
    .catch(function(err){
      btn.disabled = false; btn.textContent = 'Publicar comentario';
      msg.textContent = 'Error de red: ' + err.message;
      msg.style.color = '#C62828';
    });
  };

  if (!slug) {
    root.innerHTML = '<div class="article-error"><h1 style="font-family:var(--display);color:var(--navy);">Artículo no especificado</h1><p>Vuelve al <a href="/blog" style="color:var(--gold);">blog</a> y selecciona un artículo.</p></div>';
    return;
  }

  fetch(API + "?action=get&slug=" + encodeURIComponent(slug))
    .then(function(r){ return r.json().then(function(j){ return {ok:r.ok, status:r.status, data:j}; }); })
    .then(function(res){
      if (!res.ok || !res.data.articulo) {
        root.innerHTML = '<div class="article-error"><h1 style="font-family:var(--display);color:var(--navy);">Artículo no encontrado</h1><p>El artículo que buscas no existe o ya no está disponible. <a href="/blog" style="color:var(--gold);">Volver al blog</a>.</p></div>';
        document.title = "Artículo no encontrado — EstratégicaMente";
        return;
      }
      var a = res.data.articulo;
      document.title = a.titulo + " — EstratégicaMente";

      // ---- SEO dinámico: meta description, Open Graph, canonical, Article JSON-LD ----
      try {
        var canonical = "https://estrategicamente.info/blog/" + a.slug;
        var desc = (a.extracto || "").replace(/\s+/g, " ").trim();
        function upsertMeta(sel, attr, key, val){
          if (!val) return;
          var el = document.head.querySelector(sel);
          if (!el){ el = document.createElement("meta"); el.setAttribute(attr, key); document.head.appendChild(el); }
          el.setAttribute("content", val);
        }
        upsertMeta('meta[name="description"]', "name", "description", desc);
        upsertMeta('meta[property="og:title"]', "property", "og:title", a.titulo);
        upsertMeta('meta[property="og:description"]', "property", "og:description", desc);
        upsertMeta('meta[property="og:type"]', "property", "og:type", "article");
        upsertMeta('meta[property="og:url"]', "property", "og:url", canonical);
        if (a.imagen_url) upsertMeta('meta[property="og:image"]', "property", "og:image", a.imagen_url);
        upsertMeta('meta[name="twitter:title"]', "name", "twitter:title", a.titulo);
        upsertMeta('meta[name="twitter:description"]', "name", "twitter:description", desc);
        if (a.imagen_url) upsertMeta('meta[name="twitter:image"]', "name", "twitter:image", a.imagen_url);
        var link = document.head.querySelector('link[rel="canonical"]');
        if (!link){ link = document.createElement("link"); link.setAttribute("rel","canonical"); document.head.appendChild(link); }
        link.setAttribute("href", canonical);
        var article = {
          "@context": "https://schema.org",
          "@type": "BlogPosting",
          "headline": a.titulo,
          "description": desc,
          "author": { "@type": "Person", "name": a.autor || "Guillermo Taboada Martínez" },
          "publisher": { "@type": "Organization", "name": "EstratégicaMente", "logo": { "@type": "ImageObject", "url": "https://estrategicamente.info/assets/img/og-image.png" } },
          "mainEntityOfPage": { "@type": "WebPage", "@id": canonical },
          "inLanguage": "es"
        };
        if (a.fecha) { article.datePublished = a.fecha; article.dateModified = a.fecha; }
        if (a.imagen_url) article.image = a.imagen_url;
        var s1 = document.createElement("script"); s1.type = "application/ld+json"; s1.text = JSON.stringify(article); document.head.appendChild(s1);
      } catch(e) {}

      var imagenHtml = "";
      if (a.imagen_url) {
        imagenHtml = '<div class="article-image" style="margin: 2rem auto 3rem; max-width: 760px; aspect-ratio: 16/9; overflow: hidden;"><img src="' + esc(a.imagen_url) + '" alt="' + esc(a.titulo) + '" style="width:100%; height:100%; object-fit:cover;"></div>';
      }

        // Share buttons y comentarios
        var shareUrl = encodeURIComponent(window.location.href);
        var shareTitle = encodeURIComponent(a.titulo);
        var shareBlock =
          '<div style="max-width:720px; margin: 4rem auto 2rem; padding: 2rem 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); text-align:center;">' +
          '<div style="font-family: var(--sans); font-size: 0.8rem; letter-spacing: 0.18em; text-transform: uppercase; color: var(--meta); margin-bottom: 1.5rem;">Compartir este artículo</div>' +
          '<div style="display:flex; gap:0.75rem; justify-content:center; flex-wrap:wrap;">' +
            '<a href="https://www.linkedin.com/sharing/share-offsite/?url=' + shareUrl + '" target="_blank" rel="noopener" style="display:inline-flex; align-items:center; gap:0.5rem; padding:0.65rem 1.25rem; background:#0077B5; color:white; text-decoration:none; font-family:var(--sans); font-size:0.85rem; letter-spacing:0.05em;">' +
              '<svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor"><path d="M20.5 2h-17A1.5 1.5 0 002 3.5v17A1.5 1.5 0 003.5 22h17a1.5 1.5 0 001.5-1.5v-17A1.5 1.5 0 0020.5 2zM8 19H5v-9h3zM6.5 8.25A1.75 1.75 0 118.3 6.5a1.78 1.78 0 01-1.8 1.75zM19 19h-3v-4.74c0-1.42-.6-1.93-1.38-1.93A1.74 1.74 0 0013 14.19a.66.66 0 000 .14V19h-3v-9h2.9v1.3a3.11 3.11 0 012.7-1.4c1.55 0 3.36.86 3.36 3.66z"/></svg>' +
              'LinkedIn' +
            '</a>' +
            '<a href="https://twitter.com/intent/tweet?url=' + shareUrl + '&text=' + shareTitle + '" target="_blank" rel="noopener" style="display:inline-flex; align-items:center; gap:0.5rem; padding:0.65rem 1.25rem; background:#000; color:white; text-decoration:none; font-family:var(--sans); font-size:0.85rem; letter-spacing:0.05em;">' +
              '<svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/></svg>' +
              'X (Twitter)' +
            '</a>' +
            '<a href="https://api.whatsapp.com/send?text=' + shareTitle + '%20' + shareUrl + '" target="_blank" rel="noopener" style="display:inline-flex; align-items:center; gap:0.5rem; padding:0.65rem 1.25rem; background:#25D366; color:white; text-decoration:none; font-family:var(--sans); font-size:0.85rem; letter-spacing:0.05em;">' +
              '<svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z"/></svg>' +
              'WhatsApp' +
            '</a>' +
          '</div>' +
          '</div>' +
          '<div data-newsletter-blog></div>' +
          // Sección comentarios (Disqus o nativo simple)
          '<div id="comentarios" style="max-width:720px; margin: 3rem auto;">' +
          '<div style="font-family: var(--sans); font-size: 0.8rem; letter-spacing: 0.18em; text-transform: uppercase; color: var(--meta); margin-bottom: 1.5rem; text-align:center;">Comentarios</div>' +
          '<div id="comentarios-lista" style="margin-bottom: 2rem;"></div>' +
          '<form id="comentario-form" style="background:var(--paper); padding:1.5rem; border:1px solid var(--line);">' +
            '<div style="display:grid; grid-template-columns: 1fr 1fr; gap:0.75rem; margin-bottom:0.75rem;">' +
              '<input type="text" id="c-nombre" placeholder="Tu nombre" required style="width:100%; padding:0.6rem; border:1px solid var(--line); background:white; font-family:inherit; font-size:0.95rem;">' +
              '<input type="email" id="c-email" placeholder="Email (no se publica)" required style="width:100%; padding:0.6rem; border:1px solid var(--line); background:white; font-family:inherit; font-size:0.95rem;">' +
            '</div>' +
            '<textarea id="c-mensaje" placeholder="Tu comentario..." required rows="4" style="width:100%; padding:0.6rem; border:1px solid var(--line); background:white; font-family:inherit; font-size:0.95rem; margin-bottom:0.75rem;"></textarea>' +
            '<label style="display:flex; gap:0.6rem; align-items:flex-start; margin-bottom:1rem; font-size:0.82rem; color:var(--meta); line-height:1.5; cursor:pointer;">' +
              '<input type="checkbox" id="c-lopd" required style="margin-top:0.2rem; flex:0 0 auto; accent-color:#FF8300;">' +
              '<span>Acepto que EstrategicaMente (Interim Manager Consulting, S.L.) trate mi nombre y mi correo para publicar y moderar este comentario. El correo no se publica y puedo pedir su supresion cuando quiera. <a href="/politica-de-privacidad" style="color:var(--gold);">Politica de privacidad</a>.</span>' +
            '</label>' +
            '<button type="submit" style="background:var(--navy); color:var(--cream); padding:0.7rem 1.5rem; border:0; font-family:var(--sans); font-size:0.85rem; letter-spacing:0.1em; text-transform:uppercase; cursor:pointer;">Publicar comentario</button>' +
            '<div id="c-msg" style="margin-top:0.75rem; font-size:0.85rem; color:var(--meta);"></div>' +
          '</form>' +
          '</div>';

        root.innerHTML = '<div class="container-narrow">' +
        '<div class="breadcrumb" style="margin-top: 6rem; margin-bottom: 1.5rem;"><a href="index.html">EstratégicaMente</a> <span class="sep">◆</span> <a href="/blog">Blog</a></div>' +
        '<div class="article-meta" style="font-family: var(--sans); font-size: 0.75rem; letter-spacing: 0.18em; text-transform: uppercase; color: var(--gold); margin-bottom: 1.5rem;">' + esc(a.fecha_str) + ' · ' + esc(a.autor) + '</div>' +
        '<h1 style="font-family: var(--display); font-size: clamp(2.25rem, 5vw, 4rem); line-height: 1.05; color: var(--navy); margin-bottom: 2rem; letter-spacing: -0.025em; max-width: 760px; margin-left: auto; margin-right: auto;">' + esc(a.titulo) + '</h1>' +
        imagenHtml +
        '<div data-newsletter-blog="compacto" style="max-width:720px;margin:0 auto 2.5rem;"></div>' +
        '<div class="article-body">' + a.contenido + '</div>' +
        shareBlock +
        '<p style="text-align:center; margin: 4rem auto 2rem; max-width: 720px;"><a href="/blog" style="color:var(--gold); font-family:var(--sans); font-size:0.85rem; letter-spacing:0.1em; text-transform:uppercase;">← Volver al blog</a></p>' +
      '</div>';

        // ---- Vídeo privacy-first: activa cualquier .yt-facade del cuerpo (no carga YouTube hasta el clic) ----
        try {
          var vbody = root.querySelector('.article-body');
          if (vbody) {
            var facades = vbody.querySelectorAll('.yt-facade[data-yt]');
            Array.prototype.forEach.call(facades, function(facade){
              function loadVideo(){
                var id = facade.getAttribute('data-yt');
                if (!id) return;
                var start = facade.getAttribute('data-start') || '0';
                var ifr = document.createElement('iframe');
                ifr.setAttribute('src', 'https://www.youtube-nocookie.com/embed/' + id + '?autoplay=1&rel=0&modestbranding=1&start=' + start);
                ifr.setAttribute('title', facade.getAttribute('data-title') || a.titulo);
                ifr.setAttribute('allow', 'accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share');
                ifr.setAttribute('allowfullscreen', '');
                facade.innerHTML = ''; facade.appendChild(ifr); facade.style.cursor = 'default';
                try { window.clarity && window.clarity('event', 'article_video_play'); } catch(e){}
              }
              facade.addEventListener('click', loadVideo);
              facade.addEventListener('keydown', function(e){ if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); loadVideo(); } });
              try {
                var vid = facade.getAttribute('data-yt');
                var vobj = {
                  "@context":"https://schema.org","@type":"VideoObject",
                  "name": facade.getAttribute('data-title') || a.titulo,
                  "description": (a.extracto || a.titulo || '').replace(/\s+/g,' ').trim(),
                  "thumbnailUrl": facade.getAttribute('data-thumb') || ('https://i.ytimg.com/vi/' + vid + '/maxresdefault.jpg'),
                  "uploadDate": facade.getAttribute('data-date') || a.fecha,
                  "contentUrl": "https://www.youtube.com/watch?v=" + vid,
                  "embedUrl": "https://www.youtube-nocookie.com/embed/" + vid,
                  "publisher": { "@type":"Organization", "name":"EstratégicaMente", "logo": { "@type":"ImageObject", "url":"https://estrategicamente.info/assets/logos/estrategicamente-logo.svg" } }
                };
                var sv = document.createElement('script'); sv.type = 'application/ld+json'; sv.text = JSON.stringify(vobj); document.head.appendChild(sv);
              } catch(e){}
            });
          }
        } catch(e){}

        // ---- FAQPage JSON-LD ----
        // ELIMINADO 13/08/2026. Lo genera blog-ssr en servidor desde la v30.
        // Este script lo duplicaba: los rastreadores que ejecutan JS veian DOS
        // nodos FAQPage en la misma URL. La version del SSR ademas la ven los
        // rastreadores sin JS (GPTBot, ClaudeBot), que es lo que importa en GEO.

        // Cargar comentarios
        loadComentarios(slug);

        // Handler form
        document.getElementById('comentario-form').addEventListener('submit', function(e){
          e.preventDefault();
          enviarComentario(slug, a.titulo);
        });
    })
    .catch(function(err){
      root.innerHTML = '<div class="article-error"><h1 style="font-family:var(--display);color:var(--navy);">Error al cargar</h1><p>No hemos podido cargar el artículo. Vuelve al <a href="/blog" style="color:var(--gold);">blog</a>.</p></div>';
    });
})();
</script>
<script src="assets/js/main.js?v=60"></script>
<script src="assets/js/accesibilidad.js?v=4"></script>
<script src="assets/js/ai-governance.js?v=4"></script>
<script src="assets/js/wow.js?v=6"></script>
<script src="https://challenges.cloudflare.com/turnstile/v0/api.js?render=explicit" async defer></script>
<script defer src="/assets/js/newsletter-blog.js?v=3"></script>
<script src="assets/js/i18n-dic.js?v=10"></script>
<script src="assets/js/i18n-runtime.js?v=4"></script>
</body>
</html>
