<!--
  MINIMAL HUB TEMPLATE — consumed by scripts/generate_hub_preview.py, preview
  output only.

  Not linked from any live page and not wired into ru/ or en/. Renders every
  publishable registry candidate for one language as a gallery of cards, in
  the fixed ordering scripts/lib/hub.py computes (lifecycle tier, then
  nearest start date, then event_id) — this template never sorts or filters
  anything itself, it only lays out the already-ordered result it is given.

  The first ACTIVE card of that ordering is rendered once, above the grid,
  as the visually primary card (featuredCard) — purely a position in the
  list, not a flag on any event's data; closed/past cards are never
  eligible. Every other active card (galleryCards) renders as an equal-
  weight grid item. Closed/past cards (closedCards, COMPLETED/CANCELLED)
  render in their own section below, still linking to their event pages,
  never deleted or noindexed. Nothing here names a specific category,
  event_id, or slug — which card ends up featured, and which cards are
  active vs closed, is decided entirely by scripts/lib/hub.py for whatever
  candidates exist at generation time.

  Each card's media area (cardMedia) sets its background image via an inline
  style attribute rather than an img src — a failed/unreachable background-
  image silently reveals the CSS fallback fill underneath instead of a
  browser broken-image icon, which an img element would show on a failed
  load. See templates/default/hub-preview.css's own comment on .cardMedia.

  ACCESSIBILITY DECISION (docs/architecture.md section 14, "Card media
  accessibility"): cardMedia artwork is decorative in this hub context, not
  informational — every fact it could convey (event title, status, dates,
  venue, city) is already present as real text in the same card. It is
  therefore left as a plain, contentless div with no role or aria-label:
  that is the correct native treatment for decorative content (assistive
  tech has nothing to announce for an empty, non-semantic element), and it
  avoids pretending a CSS background is an img. What each card needs
  accessible is the link itself (title text is its accessible name) and a
  visible keyboard focus state — see hub-preview.css's :focus-visible rule.

  PRODUCTION HUB TEMPLATE PARITY (docs/architecture.md section 14): this
  template now carries the head/meta, analytics, and language-switcher
  parity items identified by the approved production-hub audit — favicon/
  manifest/theme-color/yandex-verification, generic Open Graph/Twitter meta
  (no image: no generic, non-Kanye social-preview asset exists yet, and
  none is invented here — see docs/architecture.md's documented gap), the
  exact Google Analytics/Yandex Metrica bootstrap already deployed on
  ru/index.html and en/index.html (same IDs, copied verbatim, never
  invented or rotated here), and a real RU<->EN language-switch link. Click
  tracking is generalized: it reads each link's actual href/CSS class at
  runtime instead of a hardcoded destination, so nothing here names one
  specific event. Deliberately NOT included in this pass (see
  docs/architecture.md's "v1 decisions"): the old .coming category cross-nav
  (Kanye-era hardcoded category counts), an event-count summary line, and
  explicit per-card CTA text — all optional/cosmetic, out of scope for
  template parity.

  PREVIEW ANALYTICS GUARD (docs/architecture.md section 14, "Preview
  analytics must stay inert"): the three analytics script tags below carry
  a conditional type="text/plain" attribute, gated on analytics.inert. An
  unrecognized script type is a standard browser-native no-op: the element
  is neither fetched (if external) nor executed (if inline) — exactly the
  same technique consent-management tools use to gate third-party scripts.
  scripts.lib.hub.build_hub_render_context()'s analytics_active parameter
  defaults to False (inert) and scripts/generate_hub_preview.py never
  passes anything else, so every preview this generator can possibly
  produce is analytics-inert by construction, regardless of how the output
  is later opened (file://, a local static server, anywhere) — this is not
  a convention callers must remember, it is the only reachable behavior
  today. The noscript pixel is gated the opposite way, on analytics.active,
  and omitted entirely when inert: unlike a script tag, a noscript fallback
  block is only skipped by browsers that already have scripting enabled,
  so the type="text/plain" trick alone would not stop it firing for a
  reviewer with JavaScript disabled. A future production generator, once
  built, activates the exact same unmodified script bodies and IDs by
  passing analytics_active=True — nothing about the analytics code itself
  ever needs to change or be duplicated for that.

  Uses the same minimal three-directive engine as
  templates/default/event.template.html (see docs/architecture.md section
  12) — variable substitution, an if-block, and an each-loop over a dotted
  path. No new directives. As with that template, literal directive syntax
  is deliberately not spelled out in this comment, since the engine has no
  notion of HTML comments and would parse it as a live, unclosed block.
-->
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
<meta name="description" content="Estado actual de eventos: fechas, confirmaciones y últimos cambios.">
<meta name="theme-color" content="#0a0a0a">
<meta name="robots" content="index,follow">
<meta name="yandex-verification" content="fd08813028cd6295">
<title>Budetili — seguimiento de eventos</title>
<link rel="canonical" href="https://budetili.com/es-co/">
<link rel="alternate" hreflang="ru" href="https://budetili.com/ru/"><link rel="alternate" hreflang="en" href="https://budetili.com/en/"><link rel="alternate" hreflang="en-IN" href="https://budetili.com/en-in/"><link rel="alternate" hreflang="es-MX" href="https://budetili.com/es-mx/"><link rel="alternate" hreflang="es-AR" href="https://budetili.com/es-ar/"><link rel="alternate" hreflang="es-CO" href="https://budetili.com/es-co/"><link rel="alternate" hreflang="pt-BR" href="https://budetili.com/pt-br/"><link rel="alternate" hreflang="uk-UA" href="https://budetili.com/uk-ua/"><link rel="alternate" hreflang="uz-UZ" href="https://budetili.com/uz-uz/"><link rel="alternate" hreflang="az-AZ" href="https://budetili.com/az-az/"><link rel="alternate" hreflang="tg-TJ" href="https://budetili.com/tg-tj/"><link rel="alternate" hreflang="x-default" href="https://budetili.com/ru/">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="icon" href="/favicon-48.png" sizes="48x48" type="image/png">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">
<meta property="og:type" content="website">
<meta property="og:locale" content="es_CO">
<meta property="og:site_name" content="Budetili">
<meta property="og:url" content="https://budetili.com/es-co/">
<meta property="og:title" content="Budetili — seguimiento de eventos">
<meta property="og:description" content="Estado actual de eventos: fechas, confirmaciones y últimos cambios.">
<!-- No og:image: no generic (non-Kanye) site-wide social-preview asset
     exists yet. Not invented here — see docs/architecture.md section 14's
     documented gap. Add og:image (and twitter:card="summary_large_image"
     + twitter:image) once a real generic asset exists. -->
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Budetili — seguimiento de eventos">
<meta name="twitter:description" content="Estado actual de eventos: fechas, confirmaciones y últimos cambios.">
<!-- Preview-only stylesheet, copied next to this file by
     scripts/generate_hub_preview.py — never linked from production
     (see templates/default/hub-preview.css's own header comment). -->
<link rel="stylesheet" href="hub-preview.css?v=178f8a401f88">
<!-- Google Analytics (gtag) + Yandex Metrica bootstrap, copied verbatim
     from the exact IDs already deployed on ru/index.html and en/index.html
     (G-ZEX372JQQF, 111725875) — never invented, never rotated here.
     type="text/plain" when analytics.inert makes each tag a browser-native
     no-op (never fetched, never executed) — see the PREVIEW ANALYTICS
     GUARD comment above the DOCTYPE for the full rationale. -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-ZEX372JQQF">
</script>
<script>
window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}
gtag('js',new Date());gtag('config','G-ZEX372JQQF');
</script>
<script>
(function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};m[i].l=1*new Date();for(var j=0;j<document.scripts.length;j++){if(document.scripts[j].src===r)return}k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})(window,document,'script','https://mc.yandex.ru/metrika/tag.js?id=111725875','ym');
ym(111725875,'init',{ssr:true,webvisor:true,clickmap:true,referrer:document.referrer,url:location.href,accurateTrackBounce:true,trackLinks:true});
</script>
<script type="application/ld+json">{"@context": "https://schema.org", "@graph": [{"@type": "WebSite", "name": "Budetili", "url": "https://budetili.com/es-co/", "inLanguage": "es", "description": "Estado actual de los eventos seguidos por Budetili."}, {"@type": "ItemList", "itemListElement": [{"@type": "ListItem", "position": 1, "url": "https://budetili.com/es-co/final-copa-sudamericana-2026-barranquilla/", "name": "Final de la CONMEBOL Sudamericana 2026: Boca Juniors vs Atlético Mineiro en Barranquilla"}]}]}</script>
</head>
<body data-locale="es-co" data-market="CO">
<!-- Noscript pixel gated on analytics.active (opposite polarity from the
     type="text/plain" guard above) and omitted entirely when inert — see
     the PREVIEW ANALYTICS GUARD comment. -->

<noscript>
<div>
<img src="https://mc.yandex.ru/watch/111725875" style="position:absolute;left:-9999px" alt="">
</div>
</noscript>


<header>
  <a class="logo" href="/es-co/">BUDETILI</a>
  <nav class="hubLanguageNav" aria-label="Languages">
    <a class="lang" href="/ru/" data-target-locale="ru" aria-label="Switch locale to ru">RU</a><a class="lang" href="/en/" data-target-locale="en" aria-label="Switch locale to en">EN</a><a class="lang" href="/en-in/" data-target-locale="en-in" aria-label="Switch locale to en-IN">EN-IN</a><a class="lang" href="/es-mx/" data-target-locale="es-mx" aria-label="Switch locale to es-MX">ES-MX</a><a class="lang" href="/es-ar/" data-target-locale="es-ar" aria-label="Switch locale to es-AR">ES-AR</a><a class="lang" href="/pt-br/" data-target-locale="pt-br" aria-label="Switch locale to pt-BR">PT-BR</a><a class="lang" href="/uk-ua/" data-target-locale="uk-ua" aria-label="Switch locale to uk-UA">UK-UA</a><a class="lang" href="/uz-uz/" data-target-locale="uz-uz" aria-label="Switch locale to uz-UZ">UZ-UZ</a><a class="lang" href="/az-az/" data-target-locale="az-az" aria-label="Switch locale to az-AZ">AZ-AZ</a><a class="lang" href="/tg-tj/" data-target-locale="tg-tj" aria-label="Switch locale to tg-TJ">TG-TJ</a>
  </nav>
</header>

<main class="hub">

  <section class="hubHero">
    <h1>Eventos que vale la pena seguir</h1>
    <p>Elige un evento para ver su estado actual, cambios recientes y fuentes.</p>
  </section>

  <section class="hubActive">
    

    <div class="featuredFeature">
    <a class="eventCard featured" href="/es-co/final-copa-sudamericana-2026-barranquilla/">
      <div class="cardMedia" style="background-image:url('/assets/sports/final-copa-sudamericana-2026-barranquilla-featured.webp')"></div>
      <div class="cardBody">
        <p class="eventCardStatus">Confirmada · 21 de noviembre · horario por confirmar</p>
        <h2>Final de la CONMEBOL Sudamericana 2026: Boca Juniors vs Atlético Mineiro en Barranquilla</h2>
        <p class="eventCardQuestion">¿Cuándo y dónde se juega la final de la Copa Sudamericana 2026?</p>
        <span>21 de noviembre de 2026 · Estadio Metropolitano Roberto Meléndez · Barranquilla</span>
      </div>
    </a>
    
    <div class="featuredPromo">
      <a class="featuredPromoCta" data-placement="web" data-provider="1win" href="https://1wgzvt.life/?p=ggqi" target="_blank" rel="nofollow sponsored noopener"><span>Abrir 1WIN</span><small>Sitio web · 18+</small></a>
      <a class="featuredPromoCta" data-placement="download" data-provider="1win" href="/assets/apps/1win-colombia.apk" target="_blank" rel="nofollow sponsored noopener"><span>Descargar 1WIN para Android</span><small>Solo Android · APK · 18+</small></a>
    </div>
    </div>
    
    
    <div class="categoryNav" aria-label="Event categories">
      
      
    </div>

    
  </section>

  <!-- Closed/past section: omitted entirely (not merely visually hidden)
       when closedSectionVisible is false — a precomputed boolean, same
       no-else-branch pattern as cardsEmpty above. -->
  
  
</main>

<!-- Not gated on analytics.inert itself: the typeof guards below already
     make every call a safe no-op when the bootstrap scripts above are inert
     (window.ym/window.gtag are simply never defined in that case), so there
     is nothing further to disable here. -->
<script>
function trackAnalyticsEvent(name,params={}){
  if(typeof window.ym==='function')window.ym(111725875,'reachGoal',name,params);
  if(typeof window.gtag==='function')window.gtag('event',name,params);
}
document.querySelectorAll('a.lang').forEach(link=>link.addEventListener('click',()=>trackAnalyticsEvent('language_switch',{from_language:document.documentElement.lang,from_locale:document.body.dataset.locale,to_locale:link.dataset.targetLocale})));
document.querySelectorAll('a.eventCard').forEach(link=>link.addEventListener('click',()=>trackAnalyticsEvent('event_card_click',{link_location:link.classList.contains('featured')?'featured':(link.classList.contains('closed')?'closed':'gallery'),page_language:document.documentElement.lang,destination:link.getAttribute('href')})));
</script>

</body>
</html>