---
title: Vídeos y animaciones
description: Reproduce vídeos, sigue rutas guiadas y explora animaciones interactivas sobre inteligencia artificial directamente en 5sigmas.
keywords: vídeos inteligencia artificial, animaciones IA, explicaciones visuales machine learning, vídeos IA español
hide:
  - toc
  - navigation
  - footer
---

<div class="s5-landing s5-visual-hub">

<section class="s5-page-intro s5-visual-hub__intro">
  <div class="s5-eyebrow">Ver</div>
  <h1>Aprende sin salir de la página.</h1>
  <p>Empieza por una explicación breve, manipula el mecanismo y abre el capítulo cuando necesites evidencia y profundidad. Cada pieza indica con claridad cuál es el siguiente paso.</p>
  <nav class="s5-visual-hub__jump" aria-label="Contenido de esta página">
    <a href="#videos">Vídeos reproducibles</a>
    <a href="#rutas">Rutas guiadas</a>
    <a href="#animaciones">Animaciones</a>
  </nav>
</section>

<aside class="s5-resume" data-s5-resume hidden aria-live="polite">
  <div>
    <span>Continúa donde lo dejaste</span>
    <strong data-s5-resume-title></strong>
    <small data-s5-resume-progress></small>
  </div>
  <div class="s5-resume__actions">
    <button type="button" data-s5-resume-action>Continuar vídeo</button>
    <a data-s5-resume-chapter>Ir al capítulo</a>
    <button type="button" data-s5-resume-dismiss aria-label="Descartar progreso guardado">×</button>
  </div>
</aside>

<section class="s5-section s5-watch" id="videos">
  <div class="s5-section-head s5-section-head--with-copy">
    <div>
      <div class="s5-eyebrow">01 · Construir intuición</div>
      <h2>Vídeos</h2>
    </div>
    <p>Pulsa reproducir y continúa aquí. Los archivos solo se cargan cuando decides verlos.</p>
  </div>

  <article class="s5-watch-feature" data-s5-topic-card="modelos">
    <div class="s5-watch-player s5-watch-player--feature">
      <video class="s5-inline-video" controls controlsList="nodownload" preload="none" playsinline poster="/series/modelos-razonadores/03-test-time-compute.jpg" aria-label="Test-time compute: más cómputo antes de responder" data-s5-video-id="test-time-compute" data-s5-video-title="Test-time compute" data-s5-video-chapter="/series/modelos-razonadores/03-test-time-compute/">
        <source src="/series/modelos-razonadores/03-test-time-compute.mp4" type="video/mp4" />
      </video>
    </div>
    <div class="s5-watch-feature__copy">
      <div class="s5-eyebrow">Destacado · Modelos razonadores · 1:29</div>
      <h3>Test-time compute: más cómputo antes de responder.</h3>
      <p>Qué cambia cuando un modelo dedica más inferencia a una respuesta y cómo afecta a calidad, coste y latencia.</p>
      <nav class="s5-learning-loop" aria-label="Ruta recomendada para test-time compute">
        <a href="#videos"><span>01</span><strong>Ver</strong><small>1:29</small></a>
        <a href="#best-of-n"><span>02</span><strong>Manipular</strong><small>Best-of-N</small></a>
        <a href="/series/modelos-razonadores/03-test-time-compute/"><span>03</span><strong>Profundizar</strong><small>9 min</small></a>
      </nav>
      <div class="s5-watch-actions">
        <a class="s5-text-link" href="/series/modelos-razonadores/03-test-time-compute/">Abrir capítulo de 9 min →</a>
        <span>Vídeo, interacción y capítulo comparten fuentes y contexto.</span>
      </div>
    </div>
  </article>

  <div class="s5-section-head s5-section-head--subsection s5-library-head">
    <div>
      <h3>Más explicaciones</h3>
      <span data-s5-filter-status>5 explicaciones disponibles</span>
    </div>
    <div class="s5-topic-filter" role="toolbar" aria-label="Filtrar explicaciones por objetivo">
      <button type="button" data-s5-topic="all" aria-pressed="true">Todas</button>
      <button type="button" data-s5-topic="fundamentos" aria-pressed="false">Fundamentos</button>
      <button type="button" data-s5-topic="multimodalidad" aria-pressed="false">Multimodalidad</button>
      <button type="button" data-s5-topic="infraestructura" aria-pressed="false">Infraestructura</button>
    </div>
  </div>

  <div class="s5-watch-grid" data-s5-filter-grid>
    <article class="s5-watch-card" data-s5-topic-card="multimodalidad">
      <div class="s5-watch-player">
        <video class="s5-inline-video" controls controlsList="nodownload" preload="none" playsinline poster="/series/multimodalidad-iag/03-arquitecturas.jpg" aria-label="Arquitecturas multimodales" data-s5-video-id="arquitecturas-multimodales" data-s5-video-title="Arquitecturas multimodales" data-s5-video-chapter="/series/multimodalidad-iag/03-arquitecturas/">
          <source src="/series/multimodalidad-iag/03-arquitecturas.mp4" type="video/mp4" />
        </video>
      </div>
      <div class="s5-watch-card__body">
        <div class="s5-watch-card__meta">Multimodalidad · 1:29</div>
        <h3>Arquitecturas para combinar texto, imagen, audio y vídeo</h3>
        <p>Identifica las familias de arquitectura y qué intercambios introduce cada una.</p>
        <a href="/series/multimodalidad-iag/03-arquitecturas/">Profundizar en el capítulo →</a>
      </div>
    </article>

    <article class="s5-watch-card" data-s5-topic-card="fundamentos">
      <div class="s5-watch-player">
        <video class="s5-inline-video" controls controlsList="nodownload" preload="none" playsinline poster="/series/from-cave-to-agi/04-escalar.jpg" aria-label="Escalar modelos de inteligencia artificial" data-s5-video-id="escalar-modelos" data-s5-video-title="Escalar modelos" data-s5-video-chapter="/series/from-cave-to-agi/04-escalar/">
          <source src="/series/from-cave-to-agi/04-escalar.mp4" type="video/mp4" />
        </video>
      </div>
      <div class="s5-watch-card__body">
        <div class="s5-watch-card__meta">Historia y fundamentos · 1:29</div>
        <h3>Escalar: datos, cómputo y parámetros</h3>
        <p>Conecta las tres variables que explican el salto hacia los modelos fundacionales.</p>
        <a href="/series/from-cave-to-agi/04-escalar/">Profundizar en el capítulo →</a>
      </div>
    </article>

    <article class="s5-watch-card" data-s5-topic-card="infraestructura">
      <div class="s5-watch-player">
        <video class="s5-inline-video" controls controlsList="nodownload" preload="none" playsinline poster="/series/datacenters-espacio/02-energia-calor-conectividad.jpg" aria-label="Energía, calor y conectividad en datacenters espaciales" data-s5-video-id="energia-orbita" data-s5-video-title="Energía, calor y conectividad en órbita" data-s5-video-chapter="/series/datacenters-espacio/02-energia-calor-conectividad/">
          <source src="/series/datacenters-espacio/02-energia-calor-conectividad.mp4" type="video/mp4" />
        </video>
      </div>
      <div class="s5-watch-card__body">
        <div class="s5-watch-card__meta">Infraestructura · 1:29</div>
        <h3>Energía, calor y conectividad fuera de la Tierra</h3>
        <p>Separa la promesa de los límites físicos que condicionan un datacenter orbital.</p>
        <a href="/series/datacenters-espacio/02-energia-calor-conectividad/">Profundizar en el capítulo →</a>
      </div>
    </article>

    <article class="s5-watch-card" data-s5-topic-card="fundamentos">
      <div class="s5-watch-player">
        <video class="s5-inline-video" controls controlsList="nodownload" preload="none" playsinline poster="/series/fundamentos-ia-iag/02-que-es-ia-generativa.jpg" aria-label="Qué hace diferente a la inteligencia artificial generativa" data-s5-video-id="ia-generativa" data-s5-video-title="Qué hace diferente a la IA generativa" data-s5-video-chapter="/series/fundamentos-ia-iag/02-que-es-ia-generativa/">
          <source src="/series/fundamentos-ia-iag/02-que-es-ia-generativa.mp4" type="video/mp4" />
        </video>
      </div>
      <div class="s5-watch-card__body">
        <div class="s5-watch-card__meta">Fundamentos · 1:29</div>
        <h3>Qué hace diferente a la IA generativa</h3>
        <p>Entiende cómo un modelo pasa de predecir a producir texto, imagen, audio o código.</p>
        <a href="/series/fundamentos-ia-iag/02-que-es-ia-generativa/">Profundizar en el capítulo →</a>
      </div>
    </article>

    <article class="s5-watch-card" data-s5-topic-card="infraestructura">
      <div class="s5-watch-player">
        <video class="s5-inline-video" controls controlsList="nodownload" preload="none" playsinline poster="/series/ia-pib-bienestar-energia/02-ia-tecnologia-electrica.jpg" aria-label="La inteligencia artificial como una tecnología eléctrica" data-s5-video-id="ia-tecnologia-electrica" data-s5-video-title="La IA como tecnología eléctrica" data-s5-video-chapter="/series/ia-pib-bienestar-energia/02-ia-tecnologia-electrica/">
          <source src="/series/ia-pib-bienestar-energia/02-ia-tecnologia-electrica.mp4" type="video/mp4" />
        </video>
      </div>
      <div class="s5-watch-card__body">
        <div class="s5-watch-card__meta">Economía e infraestructura · 1:29</div>
        <h3>La IA como una tecnología eléctrica</h3>
        <p>Relaciona adopción, productividad, energía y bienestar sin confundir impacto con PIB.</p>
        <a href="/series/ia-pib-bienestar-energia/02-ia-tecnologia-electrica/">Profundizar en el capítulo →</a>
      </div>
    </article>
  </div>
</section>

<section class="s5-section s5-guided-routes" id="rutas" aria-labelledby="s5-routes-title">
  <div class="s5-section-head s5-section-head--with-copy">
    <div>
      <div class="s5-eyebrow">02 · Elegir una pregunta</div>
      <h2 id="s5-routes-title">Rutas guiadas</h2>
    </div>
    <p>No necesitas recorrer todo el archivo. Elige una pregunta y avanza de intuición a evidencia en tres pasos.</p>
  </div>

  <div class="s5-route-grid">
    <article class="s5-route-card">
      <span>Razonamiento</span>
      <h3>¿Por qué más cómputo puede mejorar una respuesta?</h3>
      <ol>
        <li><a href="#videos"><b>Ver</b><small>Test-time compute · 1:29</small></a></li>
        <li><a href="#best-of-n"><b>Manipular</b><small>Best-of-N</small></a></li>
        <li><a href="/series/modelos-razonadores/03-test-time-compute/"><b>Profundizar</b><small>Capítulo · 9 min</small></a></li>
      </ol>
    </article>

    <article class="s5-route-card">
      <span>Evaluación</span>
      <h3>¿Cómo se distingue un buen proceso de una respuesta acertada?</h3>
      <ol>
        <li><a href="#videos"><b>Ver</b><small>Modelos razonadores · 1:29</small></a></li>
        <li><a href="#prm-orm"><b>Comparar</b><small>PRM frente a ORM</small></a></li>
        <li><a href="/series/modelos-razonadores/03-test-time-compute/"><b>Ver evidencia</b><small>Fuentes y límites</small></a></li>
      </ol>
    </article>

    <article class="s5-route-card">
      <span>Multimodalidad</span>
      <h3>¿Cómo comparten significado texto, imagen, audio y vídeo?</h3>
      <ol>
        <li><a href="#videos"><b>Ver</b><small>Arquitecturas · 1:29</small></a></li>
        <li><a href="#imagebind"><b>Explorar</b><small>ImageBind</small></a></li>
        <li><a href="/series/multimodalidad-iag/02-alineamiento/"><b>Profundizar</b><small>Alineamiento multimodal</small></a></li>
      </ol>
    </article>
  </div>
</section>

<section class="s5-section s5-visual-lab" id="animaciones">
  <div class="s5-section-head s5-section-head--with-copy">
    <div>
      <div class="s5-eyebrow">03 · Comprobar el mecanismo</div>
      <h2>Animaciones</h2>
    </div>
    <p>Cambia variables, compara mecanismos y vuelve al capítulo cuando necesites evidencia.</p>
  </div>

  <nav class="s5-lab-map" aria-label="Animaciones disponibles">
    <a href="#best-of-n"><span>01</span><strong>Best-of-N</strong><small>Razonamiento</small></a>
    <a href="#prm-orm"><span>02</span><strong>PRM vs ORM</strong><small>Evaluación</small></a>
    <a href="#imagebind"><span>03</span><strong>ImageBind</strong><small>Multimodalidad</small></a>
  </nav>

  <article class="s5-lab-feature" id="best-of-n">
    <header class="s5-lab-header">
      <div>
        <div class="s5-eyebrow">01 · Razonamiento</div>
        <h3>Best-of-N: generar más candidatos y elegir mejor</h3>
      </div>
      <a href="/series/modelos-razonadores/03-test-time-compute/">Abrir capítulo →</a>
    </header>
    <div class="s5-lab-canvas">
      {{ include_html("snippets/modelos-razonadores/03-best-of-n-visual.html") }}
    </div>
  </article>

  <div class="s5-lab-drawers">
    <details class="s5-lab-drawer" id="prm-orm">
      <summary>
        <span class="s5-lab-drawer__index">02</span>
        <span><strong>PRM frente a ORM</strong><small>Comprueba qué cambia al evaluar el proceso o solo el resultado.</small></span>
        <span class="s5-lab-drawer__action">Abrir interacción</span>
      </summary>
      <div class="s5-lab-drawer__content">
        {{ include_html("snippets/modelos-razonadores/03-prm-orm-comparacion.html") }}
        <a class="s5-text-link" href="/series/modelos-razonadores/03-test-time-compute/">Ver explicación y fuentes →</a>
      </div>
    </details>

    <details class="s5-lab-drawer" id="imagebind">
      <summary>
        <span class="s5-lab-drawer__index">03</span>
        <span><strong>Alineamiento multimodal con ImageBind</strong><small>Explora cómo seis modalidades comparten un espacio mediante un ancla visual.</small></span>
        <span class="s5-lab-drawer__action">Abrir interacción</span>
      </summary>
      <div class="s5-lab-drawer__content">
        {{ include_html("snippets/multimodalidad-iag/02-imagebind-transitividad.html") }}
        <a class="s5-text-link" href="/series/multimodalidad-iag/02-alineamiento/">Ver explicación y fuentes →</a>
      </div>
    </details>
  </div>
</section>

<section class="s5-section">
  <div class="s5-note-feature">
    <div>
      <div class="s5-eyebrow">Siguiente paso</div>
      <h2>Del visual al modelo mental completo.</h2>
      <p>Cuando la intuición esté clara, continúa con la serie para revisar arquitectura, evidencia, referencias y límites.</p>
      <a class="s5-text-link" href="/series/">Explorar todas las series →</a>
    </div>
    <div class="s5-note-feature__meta">Ver<br />Manipular<br />Profundizar</div>
  </div>
</section>

</div>