<div>
<script>document.getElementsByTagName("body")[0].style.overflowX = "hidden";</script>
</div>

Trivias OCESA

<div style="position: relative; width: 100%; max-width: 1200px; margin: -56px auto 0;">
<div style="position: relative; height: auto;">
<div style="position: absolute; left: 50%; margin-left: -50vw; top: 0; width: 100vw; height: 100%;"><img style="position: relative; width: 100%; height: 100%; object-fit: cover; left: 0; top: 0;" src="https://networksites.livenationinternational.com/networksites/ifplrabx/bannerplusheader.jpg"></div>
<div style="position: relative; text-align: center; padding: 35vh 10%; color: #fff; width: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 20px;">
<h1 style="font-size: max(3vw,3rem); line-height: max(3.2vw,3.2rem); text-transform: uppercase; margin: 0;">CONOCE TU LADO FAN</h1>
<h3 style="font-size: max(2.2vw,1.8rem); line-height: max(2.4vw,2rem); margin: 0;">Aquí hay una dinámica para ti</h3>
</div>
</div>
</div>

<div style="position: relative; width: 100%; max-width: 1200px; margin: 0 auto;">
<div style="position: relative; width: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 4vh 0;">
<div style="position: relative; display: flex; flex-wrap: wrap; margin-bottom: 3vh; justify-content: center; width: 100%; flex-direction: column; align-items: center;">
<div style="max-width: max(50%,300px); position: relative;"><picture style="display: block;"> <source media="(min-width: 615px)" srcset="https://networksites.livenationinternational.com/networksites/n4ccwg1b/spacer_horizontal.webp"> <img style="position: relative; width: 100%; height: auto; display: block;" src="https://networksites.livenationinternational.com/networksites/xqsbp4va/trivia_ravetober.jpg"> </picture></div>
<div style="position: relative; display: flex; flex-wrap: wrap; justify-content: center; width: 100%;">
<div style="width: max(50%,300px); position: relative; display: flex; flex-direction: column; justify-content: center; padding: 0 20px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);">
<h2 style="font-size: max(1vw,0.8rem); line-height: max(1.2vw,1rem); margin: 0 0 10px; text-transform: uppercase; padding: 10px 0 0;">RAVETOBER</h2>
<p style="margin: 0 0 20px; font-size: max(0.8vw,0.8rem); line-height: max(0.9vw,0.9rem);">No te pierdas los sets que encenderán la ciudad.</p>
<a href="https://ocesa.tbits.me/tb_app/531688" target="_blank" style="text-decoration: none; color: #fff; background-color: #000; padding: 10px; font-weight: bold; font-size: max(0.6vw,0.6rem); line-height: max(0.6vw,0.6rem); border-radius: 10px; display: inline-block; max-width: 110px; text-align: center;" rel="noopener">Participar</a>
<div style="padding: 0 0 10px;"></div>
</div>
<div style="width: max(50%,300px); position: relative;"><picture style="display: block;"> <source media="(min-width: 615px)" srcset="https://networksites.livenationinternational.com/networksites/xqsbp4va/trivia_ravetober.jpg"> <img style="position: relative; width: 100%; height: auto; display: block;" src="https://networksites.livenationinternational.com/networksites/n4ccwg1b/spacer_horizontal.webp"> </picture></div>
</div>
</div>
</div>
</div>