default

<div class="BnHero">
  <div class="BnHeroBackground">
    <div class="BnHeroVideo">
      <iframe
        src="https://player.vimeo.com/video/1143577105?title=0&byline=0&portrait=0&muted=1&autoplay=1&autopause=0&controls=0&loop=1&app_id=122963"
        width="426"
        height="240"
        frameborder="0"
        allow="autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share"
        referrerpolicy="strict-origin-when-cross-origin"
        title="hero-title"
        data-ready="true"
        style="width: 100%; height: 100%;"
      ></iframe>
    </div>
  </div>
</div>

<style>
  .MkGrids > .MkGrids__block.MkGrids__block--name-hero {
    margin-top: calc(var(--header-height) * -1);
  }

  .MkGrids > .MkGrids__block.MkGrids__block--name-featured {
    margin-top: calc(var(--header-height) * -1 - 100px);
  }

  .MkGrids > .MkGrids__block.MkGrids__block--name-featured .MkModuleLatestNews {
    position: relative;
    z-index: 1;
  }

  @media screen and (min-width: 600px) {
    .MkGrids > .MkGrids__block.MkGrids__block--name-featured {
      margin-top: calc(var(--header-height) * -1 - 100px);
    }
  }
  
  @media screen and (min-width: 900px) {
    .MkGrids > .MkGrids__block.MkGrids__block--name-featured {
      margin-top: calc(var(--header-height) * -1 - 400px);
    }
  }
  
  @media screen and (min-width: 1200px) {
    .MkGrids > .MkGrids__block.MkGrids__block--name-featured {
      margin-top: calc(var(--header-height) * -1 - 600px);
    }
  }
  
  @media screen and (min-width: 1600px) {
    .MkGrids > .MkGrids__block.MkGrids__block--name-featured {
      margin-top: calc(var(--header-height) * -1 - 700px);
    }
  }

  .BnHero {
    position: relative;
    z-index: 1;
    background: black;
  }

  .BnHeroBackground {
    position: relative;
    overflow: hidden;
    aspect-ratio: 16 / 9;
    width: 100%;
    min-height: 50dvh;
    background: url("https://statics-maker.llt-services.com/ban/images/2025/12/09/xxlarge-wp/a8774446-f23d-4eb0-b8d4-e807ef60ce96-34.webp") no-repeat center;
    background-size: cover;
  }

  .BnHeroVideo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    aspect-ratio: 16 / 9;
    min-width: 100%;
    min-height: 100%;
  }

  .BnHeroVideo::after {
    content: "";
    display: block;
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, rgb(0 0 0 / 0.3) 0%, rgb(0 0 0 / 0.4) 80%, var(--color-neutral-100) 100%);
  }
</style>


<h2 style="text-align: center;"><span style="font-size: 24pt;">RENOVACIONES 2026</span></h2>

<h1 style="text-align: center;"><span style="color: #ec1c2c; font-size: 36pt;">+100<br></span><span style="font-size: 18pt;">Eventos anuales</span></h1>

<h1 style="text-align: center;"><span style="color: #ec1c2c; font-size: 36pt;">+85,000<br></span><span style="font-size: 18pt;">Aficionados</span></h1>

<h1 style="text-align: center;"><span style="color: #ec1c2c; font-size: 36pt;">+5,000<br></span><span style="font-size: 18pt;">Asientos Premium</span></h1>

<h1 style="text-align: center;"><span style="color: #c8b273; font-size: 36pt;">ZONAS PREMIUM</span><span style="color: #c8b273; font-size: 36pt;"></span></h1>

<h1 style="text-align: center;"><span style="font-size: 36pt;">MOMENTOS ICÓNICOS</span></h1>
<h1 style="text-align: center;"><span style="font-size: 24pt;">DEL ESTADIO BANORTE</span></h1>

RENOVACIONES 2026

+100
Eventos anuales

+85,000
Aficionados

+5,000
Asientos Premium

ZONAS PREMIUM

MOMENTOS ICÓNICOS

DEL ESTADIO BANORTE