<!--
  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-mx/">
<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="pt-BR" href="https://budetili.com/pt-br/"><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_MX">
<meta property="og:site_name" content="Budetili">
<meta property="og:url" content="https://budetili.com/es-mx/">
<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">
<!-- 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-mx/", "inLanguage": "es", "description": "Estado actual de los eventos seguidos por Budetili."}, {"@type": "ItemList", "itemListElement": [{"@type": "ListItem", "position": 1, "url": "https://budetili.com/es-mx/partidos-mexico-2026/", "name": "Próximos partidos de México en 2026: Colombia, Perú, Estados Unidos y Chile"}, {"@type": "ListItem", "position": 2, "url": "https://budetili.com/es-mx/mexico-vs-estados-unidos-2026/", "name": "Estados Unidos vs México: amistoso del 3 de octubre de 2026"}, {"@type": "ListItem", "position": 3, "url": "https://budetili.com/es-mx/mexico-vs-chile-2026/", "name": "México vs Chile: amistoso del 6 de octubre de 2026"}, {"@type": "ListItem", "position": 4, "url": "https://budetili.com/es-mx/gran-premio-mexico-2026/", "name": "Gran Premio de México F1 2026: fecha, horario y circuito"}, {"@type": "ListItem", "position": 5, "url": "https://budetili.com/es-mx/ufc-334-2026/", "name": "UFC 334: Gane vs Hokit y Harrison vs Nunes — 14 de noviembre de 2026"}, {"@type": "ListItem", "position": 6, "url": "https://budetili.com/es-mx/mexico-vs-colombia-2026/", "name": "México vs Colombia: amistoso del 26 de septiembre de 2026"}, {"@type": "ListItem", "position": 7, "url": "https://budetili.com/es-mx/mexico-vs-peru-2026/", "name": "México vs Perú: amistoso del 29 de septiembre de 2026"}]}]}</script>
</head>
<body data-locale="es-mx" data-market="MX">
<!-- 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-mx/">BUDETILI</a>
  <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="/pt-br/" data-target-locale="pt-br" aria-label="Switch locale to pt-BR">PT-BR</a>
</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">
    <!-- Empty-state message renders only when cardsEmpty is true — a
         precomputed boolean, not an if/else: the engine has no else-branch
         (docs/architecture.md section 12). Means there is nothing to show
         anywhere on the page, active or closed — not merely "no active
         cards while closed ones exist below". -->
    
    <!-- Featured card: gated on featuredCard itself (a single dict or None,
         not a flag) rather than an each-loop over a one-item list — an
         if-block does not re-scope the context, so featuredCard's own
         nested fields below resolve straight off the top-level context. -->
    
    <a class="eventCard featured" href="/es-mx/partidos-mexico-2026/">
      <div class="cardMedia" style="background-image:url('/assets/sports/mexico-2026-featured-2026.webp')"></div>
      <div class="cardBody">
        <p class="eventCardStatus">Colombia 1–1 · Perú 1–1 · Estados Unidos 3 oct · Chile 6 oct</p>
        <h2>Próximos partidos de México en 2026: Colombia, Perú, Estados Unidos y Chile</h2>
        <p class="eventCardQuestion">¿Cuándo y contra quién juega México en 2026?</p>
        <span>26 de septiembre de 2026 – 6 de octubre de 2026</span>
      </div>
    </a>
    
    <div class="eventList">
      
      <a class="eventCard" href="/es-mx/mexico-vs-estados-unidos-2026/">
        <div class="cardMedia" style="background-image:url('/assets/sports/mexico-vs-usa-2026.webp')"></div>
        <div class="cardBody">
          <p class="eventCardStatus">3 de octubre · 19:00 Arizona / 20:00 CDMX · State Farm Stadium</p>
          <h3>Estados Unidos vs México: amistoso del 3 de octubre de 2026</h3>
          <p class="eventCardQuestion">¿Cuándo juegan Estados Unidos y México?</p>
          <span>3 de octubre de 2026 · State Farm Stadium · Glendale</span>
        </div>
      </a>
      
      <a class="eventCard" href="/es-mx/mexico-vs-chile-2026/">
        <div class="cardMedia" style="background-image:url('/assets/sports/mexico-vs-chile-2026.webp')"></div>
        <div class="cardBody">
          <p class="eventCardStatus">Partido confirmado · 6 de octubre · 20:30 hrs CST</p>
          <h3>México vs Chile: amistoso del 6 de octubre de 2026</h3>
          <p class="eventCardQuestion">¿Cuándo juegan México y Chile?</p>
          <span>6 de octubre de 2026 · Los Angeles Memorial Coliseum · Los Ángeles</span>
        </div>
      </a>
      
      <a class="eventCard" href="/es-mx/gran-premio-mexico-2026/">
        <div class="cardMedia" style="background-image:url('/assets/sports/mexico-f1-2026-v2.webp')"></div>
        <div class="cardBody">
          <p class="eventCardStatus">F1 México confirmado · 30 oct–1 nov · carrera 14:00 hora local</p>
          <h3>Gran Premio de México F1 2026: fecha, horario y circuito</h3>
          <p class="eventCardQuestion">¿Cuándo es el Gran Premio de México F1 2026?</p>
          <span>30 de octubre de 2026 – 1 de noviembre de 2026 · Autódromo Hermanos Rodríguez · Ciudad de México</span>
        </div>
      </a>
      
      <a class="eventCard" href="/es-mx/ufc-334-2026/">
        <div class="cardMedia" style="background-image:url('/assets/sports/ufc-334-featured-2026.webp')"></div>
        <div class="cardBody">
          <p class="eventCardStatus">UFC 334 confirmado · 14 de noviembre · 20:00 horas CST (Ciudad de México)</p>
          <h3>UFC 334: Gane vs Hokit y Harrison vs Nunes — 14 de noviembre de 2026</h3>
          <p class="eventCardQuestion">¿Cuándo es UFC 334 y quiénes pelean?</p>
          <span>14 de noviembre de 2026 · Madison Square Garden · Nueva York</span>
        </div>
      </a>
      
    </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. -->
  
  <section class="hubClosed">
    <h2>Eventos pasados</h2>
    <div class="eventListClosed">
      
      <a class="eventCard closed" href="/es-mx/mexico-vs-colombia-2026/">
        <div class="cardMedia" style="background-image:url('/assets/sports/mexico-vs-colombia-2026.webp')"></div>
        <div class="cardBody">
          <p class="eventCardStatus">Final · México 1–1 Colombia · Gil Mora 62′</p>
          <h3>México vs Colombia: amistoso del 26 de septiembre de 2026</h3>
          <span>26 de septiembre de 2026 · M&amp;T Bank Stadium · Baltimore</span>
        </div>
      </a>
      
      <a class="eventCard closed" href="/es-mx/mexico-vs-peru-2026/">
        <div class="cardMedia" style="background-image:url('/assets/sports/mexico-vs-peru-2026.webp')"></div>
        <div class="cardBody">
          <p class="eventCardStatus">Final · México 1–1 Perú · Guzmán 49′</p>
          <h3>México vs Perú: amistoso del 29 de septiembre de 2026</h3>
          <span>29 de septiembre de 2026 · Sports Illustrated Stadium · Harrison</span>
        </div>
      </a>
      
    </div>
  </section>
  
  
  <p class="archiveLinkWrap"><a class="archiveLink" href="/es-mx/archive/">Ver todos los eventos pasados →</a></p>
  

</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>