El festival de música mexicana más grande del mundo 🤠🌵

Festival Arre

<div style="position: relative; padding: 80px 2vw; z-index: 2; margin-top: -60px; height: 80vh;">
<div style="position: absolute; width: 100vw; height: 100%; z-index: 0; left: 50%; margin-left: -50vw; top: 0; background-image: url('https://networksites.livenationinternational.com/networksites/szwpcrsh/bg_blackout.jpg'); background-size: 100% 100%;"></div>
<div style="position: absolute; width: 100vw; height: 90%; z-index: 1; left: 50%; margin-left: -50vw; top: 5%;"><picture> <source media="(min-width: 768px)" srcset="https://networksites.livenationinternational.com/networksites/bugmh532/arre_bandas.webp"> <img style="width: 100%; height: 100%; object-fit: contain; object-position: center; position: relative; z-index: 1;" src="https://networksites.livenationinternational.com/networksites/acsexacm/arre_bandas_mobile.webp" alt="Festival Arre Lineup "> </picture></div>
</div>
<div style="position: relative; z-index: 1; padding: 15vh 0;">
<div style="position: absolute; left: 50%; margin-left: -50vw; top: 0; width: 100vw; height: 100%; background-color: #060606; z-index: -1;"></div>
<div style="position: absolute; left: 0; width: 100%; z-index: 0;"><img style="position: absolute; left: 0px; top: 0; width: max(15vw, 150px); height: auto;" src="https://networksites.livenationinternational.com/networksites/d3qag55c/tuba.webp"> <img style="position: absolute; right: 0; top: -10px; width: max(18vw, 150px); height: auto;" src="https://networksites.livenationinternational.com/networksites/oklagypc/elemento_2.png"></div>
<div id="home">
<div style="position: relative; margin-top: 0px; margin-bottom: 15vh; padding: 10vh 0;">
<div style="position: absolute; width: 100vw; height: 100%; z-index: 0; left: 50%; margin-left: -50vw; top: 0; background-image: url('https://networksites.livenationinternational.com/networksites/szwpcrsh/bg_blackout.jpg'); background-size: cover;"></div>
<div style="position: relative; padding: 80px 0;">
<h2 style="font-size: 50px; line-height: 50px; text-align: center; font-weight: bold; color: #fffce3; margin: 0;">LINEUP</h2>
</div>
<div style="position: absolute; left: 50%; top: 0; margin-left: -50vw; width: 100vw; height: 100vh; overflow: hidden;">
<div style="position: absolute; width: max(18vw, 200px); top: 60%; right: calc(100% - max(10vw, 120px)); z-index: 0;"><img src="https://networksites.livenationinternational.com/networksites/3ttfcweq/tambor.webp" style="width: 100%; height: auto;"></div>
<div style="position: absolute; width: max(15vw, 100px); top: 20vh; left: calc(100% - max(12vw, 60px)); z-index: 0;"><img src="https://networksites.livenationinternational.com/networksites/v4kpxayj/violin.png" style="width: 100%; height: auto;"></div>
</div>
<div id="bands" style="position: relative; width: 100%; display: flex; flex-wrap: wrap; padding: 0vh 0 5vw; gap: 1%; justify-content: space-around;">
<div style="position: relative; width: 32%; min-width: 170px; margin-bottom: 40px; overflow: hidden; height: 100%; background-color: #e3ddd1;">
<div style="position: relative; width: 100%; aspect-ratio: 1.5/1; padding: 10px;"><img style="width: 100%; height: 100%; object-fit: cover; display: block; margin: 0;" src="https://networksites.livenationinternational.com/networksites/y3wjgewo/tigres_del_norte.jpg" alt="Tigres del norte"></div>
<div style="position: relative; bottom: 0; width: 100%; display: flex; justify-content: center; padding: 10px 15px; align-items: center; z-index: 2;">
<div style="position: relative; text-transform: uppercase; font-weight: bold; color: #fff; text-align: center;">
<h2 style="color: #bd482a;">Los tigres del norte</h2>
</div>
</div>
</div>
<div style="position: relative; width: 32%; min-width: 170px; margin-bottom: 40px; overflow: hidden; height: 100%; background-color: #e3ddd1;">
<div style="position: relative; width: 100%; aspect-ratio: 1.5/1; padding: 10px;"><img style="width: 100%; height: 100%; object-fit: cover; display: block; margin: 0;" src="https://networksites.livenationinternational.com/networksites/kitlkhpz/xavi.jpg" alt="XAVI"></div>
<div style="position: relative; bottom: 0; width: 100%; display: flex; justify-content: center; padding: 10px 15px; align-items: center; z-index: 2;">
<div style="position: relative; text-transform: uppercase; font-weight: bold; color: #fff; text-align: center;">
<h2 style="color: #bd482a;">XAVI</h2>
</div>
</div>
</div>
<div style="position: relative; width: 32%; min-width: 170px; margin-bottom: 40px; overflow: hidden; height: 100%; background-color: #e3ddd1;">
<div style="position: relative; width: 100%; aspect-ratio: 1.5/1; padding: 10px;"><img style="width: 100%; height: 100%; object-fit: cover; display: block; margin: 0;" src="https://networksites.livenationinternational.com/networksites/0hxfsl4p/codiciado.jpg" alt="Codiciado"></div>
<div style="position: relative; bottom: 0; width: 100%; display: flex; justify-content: center; padding: 10px 15px; align-items: center; z-index: 2;">
<div style="position: relative; text-transform: uppercase; font-weight: bold; color: #fff; text-align: center;">
<h2 style="color: #bd482a;">Codiciado</h2>
</div>
</div>
</div>
<div style="position: relative; width: 32%; min-width: 170px; margin-bottom: 40px; overflow: hidden; height: 100%; background-color: #e3ddd1;">
<div style="position: relative; width: 100%; aspect-ratio: 1.5/1; padding: 10px;"><img style="width: 100%; height: 100%; object-fit: cover; display: block; margin: 0;" src="https://networksites.livenationinternational.com/networksites/rujp40jv/junior_h.jpg" alt="Junior H"></div>
<div style="position: relative; bottom: 0; width: 100%; display: flex; justify-content: center; padding: 10px 15px; align-items: center; z-index: 2;">
<div style="position: relative; text-transform: uppercase; font-weight: bold; color: #fff; text-align: center;">
<h2 style="color: #bd482a;">Junior H</h2>
</div>
</div>
</div>
<div style="position: relative; width: 32%; min-width: 170px; margin-bottom: 40px; overflow: hidden; height: 100%; background-color: #e3ddd1;">
<div style="position: relative; width: 100%; aspect-ratio: 1.5/1; padding: 10px;"><img style="width: 100%; height: 100%; object-fit: cover; display: block; margin: 0;" src="https://networksites.livenationinternational.com/networksites/mksnryna/gerardo_ortiz.jpg" alt="Gerardo Ortiz"></div>
<div style="position: relative; bottom: 0; width: 100%; display: flex; justify-content: center; padding: 10px 15px; align-items: center; z-index: 2;">
<div style="position: relative; text-transform: uppercase; font-weight: bold; color: #fff; text-align: center;">
<h2 style="color: #bd482a;">Gerardo Ortiz</h2>
</div>
</div>
</div>
<div style="position: relative; width: 32%; min-width: 170px; margin-bottom: 40px; overflow: hidden; height: 100%; background-color: #e3ddd1;">
<div style="position: relative; width: 100%; aspect-ratio: 1.5/1; padding: 10px;"><img style="width: 100%; height: 100%; object-fit: cover; display: block; margin: 0;" src="https://networksites.livenationinternational.com/networksites/bnvn2qvm/panter_belico.jpg" alt="Panter bélico"></div>
<div style="position: relative; bottom: 0; width: 100%; display: flex; justify-content: center; padding: 10px 15px; align-items: center; z-index: 2;">
<div style="position: relative; text-transform: uppercase; font-weight: bold; color: #fff; text-align: center;">
<h2 style="color: #bd482a;">Panter bélico</h2>
</div>
</div>
</div>
</div>
<div style="position: relative; text-align: center; margin-bottom: 80px;"><a style="background-color: #fff; border-radius: 2px; display: inline-block; color: #bb031a; padding: 10px 50px; text-decoration: none; text-transform: uppercase; font-weight: 600;" href="https://www.festivalarre.mx/lineup"> Ver todos </a></div>
</div>
</div>
</div>

<div style="position: relative; width: 100%; height: auto; margin-top: -64px;">
<div style="position: relative; width: 100%;">
<div style="position: absolute; width: 100vw; height: 100%; z-index: 0; left: 50%; margin-left: -50vw; top: 0; background-color: #000; border-top: 1px solid #333;"></div>
<div style="text-align: center; position: relative; width: 100%; padding-top: 1px;"><img style="position: relative; z-index: 1; width: 100%; height: auto; display: block;" src="https://networksites.livenationinternational.com/networksites/odqiawzj/arre_ticketmaster_ocesa.jpg" alt="ticketmaster - ocesa"></div>
</div>
<div style="position: relative; width: 100%;">
<div style="position: absolute; width: 100vw; height: 100%; z-index: 0; left: 50%; margin-left: -50vw; top: 0; background-color: #000; border-top: 1px solid #333;"></div>

<div class="sponsors" style="text-align: center; display: flex; position: relative; z-index: 1; padding-top: 1px;">
<div style="width: 60%; padding-right: 20px; display: flex; position: relative; flex-direction: column; padding: 1vw 1vw 1vw 0px;">
<div id="r1" style="display: flex; gap: 1.5vw; flex: 1; align-items: center;">
<div><a href="https://www.hsbc.com.mx/tarjetas/experiencias/?cid=AFF_HBMX_CC_OC0_00002" target="_blank" rel="noopener"> <img style="width: 100%; height: auto;" src="https://networksites.livenationinternational.com/networksites/3nffk3gs/hsbc.webp" alt="hsbc"> </a></div>
<div><a href="#sponsors" target=""> <img style="width: 100%; height: auto;" src="https://networksites.livenationinternational.com/networksites/cdehdets/pepsi.webp" alt="pepsi"> </a></div>
<div><a href="https://mexico.littlecaesars.com/es-mx/" target="_blank" rel="noopener"> <img style="width: 100%; height: auto;" src="https://networksites.livenationinternational.com/networksites/bvnczcns/little_ceasars.webp" alt="little caesaers"> </a></div>
<div><a href="https://tecate.com/" target="_blank" rel="noopener"> <img style="width: 100%; height: auto;" src="https://networksites.livenationinternational.com/networksites/ygmebqmi/tecate.webp" alt="tecate"> </a></div>
<div><a href="#sponsors" target=""> <img style="width: 100%; height: auto;" src="https://networksites.livenationinternational.com/networksites/gzmnysaf/telcel.webp" alt="telcel"> </a></div>
<div><a href="#sponsors" target=""> <img style="width: 100%; height: auto;" src="https://networksites.livenationinternational.com/networksites/yl2no4e2/viva.webp" alt="viva"> </a></div>
<div><a href="#sponsors" target=""> <img style="width: 100%; height: auto;" src="https://networksites.livenationinternational.com/networksites/vardxyob/nivea.webp" alt="nivea"> </a></div>
<div><a href="#sponsors" target=""> <img style="width: 100%; height: auto;" src="https://networksites.livenationinternational.com/networksites/3a2fouq4/oxxo.webp" alt="oxxo"> </a></div>
<div><a href="https://www.instagram.com/newmixmx?igsh=MTMxcmRrNGw0bmxzaA==" target="_blank" rel="noopener"> <img style="width: 100%; height: auto;" src="https://networksites.livenationinternational.com/networksites/ifomsu45/newmix.webp" alt="new mix"> </a></div>
<div><a href="https://www.instagram.com/dulcesveromx?igsh=NnQwdzZxbnJqaHgx" target="_blank" rel="noopener"> <img style="width: 100%; height: auto;" src="https://networksites.livenationinternational.com/networksites/tg3nbcm1/vero.webp" alt="vero"> </a></div>
</div>
<div id="r2" style="display: flex; gap: 1.5vw; flex: 1; align-items: center;">
<div><a href="#sponsors" target=""> <img style="width: 100%; height: auto;" src="https://networksites.livenationinternational.com/networksites/l00l3z05/xot.webp" alt="xot"> </a></div>
<div><a href="https://www.instagram.com/kotexmx?igsh=MWp5OHJwcHZoMDNnbA==" target="_blank" rel="noopener"> <img style="width: 100%; height: auto;" src="https://networksites.livenationinternational.com/networksites/y3fe0mmb/kotex.webp" alt="kotex"> </a></div>
<div><a href="https://www.coca-cola.com/mx/es/brands/flashlyte?utm_source=packaging_o&amp;utm_medium=OOH&amp;utm_campaign=mex_flashlyte23&amp;utm_content=qr" target="_blank" rel="noopener"> <img style="width: 100%; height: auto;" src="https://networksites.livenationinternational.com/networksites/ibygw2bd/flashlyte.webp" alt="flashlyte"> </a></div>
<div><a href="#sponsors" target=""> <img style="width: 100%; height: auto;" src="https://networksites.livenationinternational.com/networksites/jg3dcmdo/mccormick.webp" alt="mccormick"> </a></div>
<div><a href="#sponsors" target=""> <img style="width: 100%; height: auto;" src="https://networksites.livenationinternational.com/networksites/wgpiips4/buchanans.webp" alt="buchanans"> </a></div>
<div><a href="https://www.bacardi.com/mx/es/" target="_blank" rel="noopener"> <img style="width: 100%; height: auto;" src="https://networksites.livenationinternational.com/networksites/xsckyahv/bacardi.webp" alt="bacardi"> </a></div>
<div><a href="#sponsors" target=""> <img style="width: 100%; height: auto;" src="https://networksites.livenationinternational.com/networksites/0txgnfte/presidente.webp" alt="presidente"> </a></div>
<div><a href="#sponsors" target=""> <img style="width: 100%; height: auto;" src="https://networksites.livenationinternational.com/networksites/0jdpk3ct/cinemex.webp" alt="cinemex"> </a></div>
</div>
</div>
<div style="width: 40%;"><img style="width: 100%; height: auto;" src="https://networksites.livenationinternational.com/networksites/lkylzlfs/00_hsbc.png" alt="hsbc"></div>
</div>
</div>
<div style="position: absolute; width: 100vw; height: 58px; z-index: -1; left: 50%; margin-left: -50vw; top: 100%; background-color: #000;"></div>
</div>
<div>
<script>document.getElementsByTagName("body")[0].style.overflowX = "hidden";
//document.querySelectorAll(".MuiAppBar-root")[0].style.display = "none"</script>
</div>