1 · Cabezal del micrositio
Lockup de marca, tira de estado (cuánto falta / jornada en curso) y cinta de navegación sticky.
<script src="https://suramericanos2026-widgets.vercel.app/widgets/micrositio-00-estilos-cms.js" defer></script> <script src="https://suramericanos2026-widgets.vercel.app/widgets/micrositio-01-header.js" defer></script>
2 · Cuenta regresiva
Para la home. Pasa solo a modo «en competencia» el 12 de septiembre y a «finalizados» el 27.
<script src="https://suramericanos2026-widgets.vercel.app/widgets/home-countdown.js"
data-url="/suramericanos-2026" defer></script>
3 · Cuenta regresiva limpia
Sólo los bloques con los números, para meter dentro de otro diseño.
Con data-tema="claro" queda para fondo blanco. Tiene espacio de
sponsor a la derecha, que se gestiona desde admin.html.
<script src="https://suramericanos2026-widgets.vercel.app/widgets/home-countdown-simple.js" defer></script>
4 · Agenda deportiva
Para el micrositio. Abre en el día de hoy; permite filtrar por sede, buscar y ver la grilla completa.
<script src="https://suramericanos2026-widgets.vercel.app/widgets/micrositio-calendario.js" defer></script>
5 · Deportes y disciplinas
Las 65 disciplinas con su pictograma oficial. Cada tarjeta abre la ficha completa.
<script src="https://suramericanos2026-widgets.vercel.app/widgets/micrositio-disciplinas.js" defer></script>
6 · Sedes y escenarios
Los 39 escenarios con foto, qué se compite en cada uno y "Cómo llegar".
<script src="https://suramericanos2026-widgets.vercel.app/widgets/micrositio-sedes.js" defer></script>
7 · Juegos
Versiones videogame de las disciplinas. Bochas ya se juega; probá los tres estilos con los botones de arriba del tablero.
<script src="https://suramericanos2026-widgets.vercel.app/widgets/micrositio-juegos.js"
data-estilo="pictograma" defer></script>
7c · Medallero
Tabla de medallas por país con los datos del sitio oficial de resultados, actualizada cada minuto.
Argentina resaltada y siempre visible. Pasa por /api/resultados, que cachea y guarda la última copia buena.
<script src="https://suramericanos2026-widgets.vercel.app/widgets/medallero.js" defer></script>
7d · Ahora en los Juegos
Qué se compite en este momento, qué viene y las últimas medallas entregadas.
<script src="https://suramericanos2026-widgets.vercel.app/widgets/ahora.js" defer></script>
7e · Argentina en los Juegos
Puesto y conteo argentino, cada medalla con su atleta, y los argentinos en acción.
<script src="https://suramericanos2026-widgets.vercel.app/widgets/argentina.js" defer></script>
7f · Gráficas para video (1920×1080)
Las tres infografías de resultados en formato TV, con fondo transparente para usar como
fuente "Navegador" en OBS o vMix. Se actualizan solas cada minuto; los zócalos rotan sus pantallas cada 8 segundos.
Agregá &fondo=1 para verlas sobre un fondo de muestra.
- Medallero · lateral · lower third
- Ahora en los Juegos · lateral · lower third
- Argentina · lateral · lower third
https://suramericanos2026-widgets.vercel.app/tv.html?panel=medallero&modo=lateral https://suramericanos2026-widgets.vercel.app/tv.html?panel=ahora&modo=lower
Versión 2 (tv2.html): zócalos pensados para convivir con el zócalo principal de L+:
se apoyan arriba de la grilla del canal, ocupan 760px y el operador elige el lado
(lado=izq|der) y el alto del zócalo de abajo (base=noticias|futbolera).
Los parámetros están documentados al principio del archivo.
7g · Barra de medallero para el cabezal
Reemplaza la cinta azul de secciones del header de lacapital.com.ar. Todo el bloque es un enlace al micrositio. Desktop: medallero (4 países + Argentina) y últimas medallas rotando; mobile: sólo el medallero, deslizable. Se ve en test-header-medallero.html.
<script src="https://suramericanos2026-widgets.vercel.app/widgets/header-medallero.js" defer></script>
7b · Especiales La Capital+
Tres notas del ciclo de especiales, con foto y título. Tres columnas en desktop,
carrusel en mobile. Las notas se cambian en src/especiales.html.
<script src="https://suramericanos2026-widgets.vercel.app/widgets/especiales.js" defer></script>
8 · Módulo de la home
No renderiza nada por su cuenta: busca el módulo que ya arma el CMS, le inyecta el cabezal y lo reviste entero. Todo se edita acá, sin entrar al CMS. Se ve funcionando en test-modulo.html (?tarde · ?mobile).
<script src="https://suramericanos2026-widgets.vercel.app/widgets/home-modulo.js"
data-url="/suramericanos-2026" defer></script>
Ovación
título de sección del CMS
La agenda de la primera jornada
Los escenarios de Rosario, uno por uno
Quiénes son los candidatos argentinos
Cómo se actualiza
Se editan los fuentes de
src/ y se corre .\tools\build-widgets.ps1;
nunca se editan los widgets/*.js a mano. El calendario sale de
data/calendario.json, que genera tools/build-data.py a partir del PDF oficial.
Los widgets/*.js y data/*.json se cachean 5 minutos; assets/, un año (inmutable).
Los espacios publicitarios se gestionan en admin.html.
Las versiones completas de los juegos se prueban en laboratorio.html,
antes de reemplazar las del módulo.