Majestuoso escenario de arquitectura electiva inaugurado en 1943.

Teatro Metropolitan

<div style="position: relative; width: 100%; padding-top: max(2vw, 30px);">
<div style="position: absolute; text-align: left; color: #000; margin-bottom: 30px; width: 100vw; top: 0; left: 50%; margin-left: -50vw; padding: 0 2vw; height: 100%; display: flex; flex-direction: column; justify-content: center;">
<h1 style="font-size: min(11vw, 13vh); ; line-height: min(10vw, 13vh); margin: 0;">TEATRO<br>METROPOLITAN</h1>
<p style="font-weight: 400; padding: 0 5px; font-size: 1.2rem; line-height: 1.25rem;">Majestuoso escenario de arquitectura electiva inaugurado en 1943.</p>
</div>
<div style="position: relative; height: min(25vh, 25vw);"></div>
</div>

ADOLESCENTES ORQUESTA

STEREOPHONICS

UNDERWATER BUBBLE SHOW

YOSS BONES

KIKA EDGAR Y LA INTERNACIONAL SONORA

ICHIKO AOBA

STARDEW VALLEY SYMPHONY OF THE SEASONS

<div style="padding: 5vw 0;">
<div style="position: relative;">
<div style="display: inline-block; border-radius: 20px; background-color: #fff; border: 1px solid #000; padding: 5px 20px; font-weight: 600;">Acerca</div>
</div>
<p class="MsoNormal">El Teatro Metropólitan se inauguró el 8 de septiembre de 1943 con la película Los Miserables. OCESA comienza a operar el teatro en 1996 y lo posiciona como el centro de espectáculos más importante del corazón de la Ciudad de México.<u></u><u></u></p>
<p class="MsoNormal"> </p>
</div>

<div style="position: relative; display: flex; justify-content: center; gap: 10px; flex-wrap: wrap; padding: max(12vw, 100px) 0; font-size: 1rem; line-height: 1.2rem; margin-bottom: -56px;">
<div style="position: absolute; left: 50%; top: 0; margin-left: -50vw; width: 100vw; height: 100%; background-image: url('https://networksites.livenationinternational.com/networksites/zuxpx2qh/tm_home_acerca.jpg'); background-size: cover; background-position: center center; z-index: 0;"></div>
<div style="width: max(32%,320px); border: 2px solid #000; background-color: #fff; position: relative; z-index: 1; margin-bottom: 20px; display: flex; flex-direction: column;">
<div style="border-bottom: 2px solid #000;"><img src="https://networksites.livenationinternational.com/networksites/zhynl5rb/faqs.webp" style="max-width: 100%; height: auto;"></div>
<div style="font-weight: 600; padding: 20px 20px 10px; font-size: 1.3rem;">FAQs</div>
<div style="position: relative; padding: 0 20px 20px; display: flex; align-items: flex-end; height: 100%;">
<div style="width: 60%;">
<p style="font-weight: 400; margin: 0;">Resuelve todas tus dudas en nuestra sección de preguntas y respuestas</p>
</div>
<div style="width: 40%; text-align: right; font-size: 0.8rem;"><a style="text-align: center; display: inline-block; width: 90%; border-radius: 20px; background-color: #000; color: #fff; font-weight: 600; border: 1px solid #000; padding: 5px 20px; white-space: nowrap; text-decoration: none;" href="https://networksites.livenationinternational.com/faqs"> Más info <img style="margin-left: 3px; width: max(15px, 0.5vw); height: auto; vertical-align: top;" src="https://networksites.livenationinternational.com/networksites/mifjsntt/arrow_btn.png"> </a></div>
</div>
</div>
<div style="width: max(32%,320px); border: 2px solid #000; background-color: #fff; position: relative; z-index: 1; margin-bottom: 20px; display: flex; flex-direction: column;">
<div style="border-bottom: 2px solid #000;"><img src="https://networksites.livenationinternational.com/networksites/zgqbsb5f/comollegar.webp" style="max-width: 100%; height: auto;"></div>
<div style="font-weight: 600; padding: 20px 20px 10px; font-size: 1.3rem;">CÓMO LLEGAR</div>
<div style="position: relative; padding: 0 20px 20px; display: flex; align-items: flex-end; height: 100%;">
<div style="width: 60%;">
<p style="font-weight: 400; margin: 0;">Programa cada detalle y disfruta tu evento</p>
</div>
<div style="width: 40%; text-align: right; font-size: 0.8rem;"><a style="text-align: center; display: inline-block; width: 90%; border-radius: 20px; background-color: #000; color: #fff; font-weight: 600; border: 1px solid #000; padding: 5px 20px; white-space: nowrap; text-decoration: none;" href="https://networksites.livenationinternational.com/como-llegar"> Más info <img style="margin-left: 3px; width: max(15px, 0.5vw); height: auto; vertical-align: top;" src="https://networksites.livenationinternational.com/networksites/mifjsntt/arrow_btn.png"> </a></div>
</div>
</div>
<div style="width: max(32%,320px); border: 2px solid #000; background-color: #fff; position: relative; z-index: 1; margin-bottom: 20px; display: flex; flex-direction: column;">
<div style="border-bottom: 2px solid #000;"><img src="https://networksites.livenationinternational.com/networksites/cd3b4m1c/inmueble.webp" style="max-width: 100%; height: auto;"></div>
<div style="font-weight: 600; padding: 20px 20px 10px; font-size: 1.3rem;">RENTAR INMUEBLE</div>
<div style="position: relative; padding: 0 20px 20px; display: flex; align-items: flex-end; height: 100%;">
<div style="width: 60%;">
<p style="font-weight: 400; margin: 0;">Entérate lo que el Teatro Metropólitan ofrece para tu evento</p>
</div>
<div style="width: 40%; text-align: right; font-size: 0.8rem;"><a style="text-align: center; display: inline-block; width: 90%; border-radius: 20px; background-color: #000; color: #fff; font-weight: 600; border: 1px solid #000; padding: 5px 20px; white-space: nowrap; text-decoration: none;" href="https://networksites.livenationinternational.com/rentar-inmueble"> Más info <img style="margin-left: 3px; width: max(15px, 0.5vw); height: auto; vertical-align: top;" src="https://networksites.livenationinternational.com/networksites/mifjsntt/arrow_btn.png"> </a></div>
</div>
</div>
</div>

<div style="position: relative; display: flex; justify-content: center; gap: 2vw; flex-wrap: wrap; padding: max(5vw, 40px) max(2vw, 20px) max(5vw, 40px) max(2vw, 20px);">
<div style="position: absolute; left: 50%; top: 0; margin-left: -50vw; width: 100vw; height: 100%; background-image: url('https://networksites.livenationinternational.com/networksites/cgehvqys/aliados_bg.jpg'); background-size: cover; background-position: center center; z-index: 0; color: #fff;"></div>
<div style="position: relative;">
<div style="display: inline-block; border-radius: 20px; background-color: #fff; border: 1px solid #000; padding: 5px 20px; font-weight: 600;">Aliados</div>
<div style="display: flex; flex-wrap: wrap; padding: 30px 0; justify-content: center;">
<div style="width: max(20%, 100px); padding: 2vw;"><img style="max-width: 100%; height: auto;" src="https://networksites.livenationinternational.com/networksites/023hm51a/aeromexico.png"></div>
<div style="width: max(20%, 100px); padding: 2vw;"><img style="max-width: 100%; height: auto;" src="https://networksites.livenationinternational.com/networksites/nqkglg0g/banamex2.png"></div>
<div style="width: max(20%, 100px); padding: 2vw;"><img style="max-width: 100%; height: auto;" src="https://networksites.livenationinternational.com/networksites/az2fbrs1/indio.png"></div>
<div style="width: max(20%, 100px); padding: 2vw;"><img style="max-width: 100%; height: auto;" src="https://networksites.livenationinternational.com/networksites/dnkbqzjc/ricolino.png"></div>
<div style="width: max(20%, 100px); padding: 2vw;"><img style="max-width: 100%; height: auto;" src="https://networksites.livenationinternational.com/networksites/jvtb0415/tm.png"></div>
</div>
</div>
</div>

<div style="position: relative; padding: 5vw 2vw;">
<div style="display: inline-block; border-radius: 20px; background-color: #fff; border: 1px solid #000; padding: 5px 20px; font-weight: 600; margin-bottom: 30px;">Galería</div>
<div style="display: flex; flex-wrap: wrap;">
<div style="width: 33%;"><img style="width: 100%; height: 100%; aspect-ratio: 1/1; object-fit: cover;" src="https://networksites.livenationinternational.com/networksites/snsnhjt3/tm_home_galeria1.jpg"></div>
<div style="width: 33%;"><img style="width: 100%; height: 100%; aspect-ratio: 1/1; object-fit: cover;" src="https://networksites.livenationinternational.com/networksites/itblsqxz/tm_home_galeria2.jpg"></div>
<div style="width: 33%;"><img style="width: 100%; height: 100%; aspect-ratio: 1/1; object-fit: cover;" src="https://networksites.livenationinternational.com/networksites/3h0lhffq/tm_home_galeria3.jpg"></div>
<div style="width: 33%;"><img style="width: 100%; height: 100%; aspect-ratio: 1/1; object-fit: cover;" src="https://networksites.livenationinternational.com/networksites/hdwh4r3m/tm_home_galeria4.jpg"></div>
<div style="width: 33%;"><img style="width: 100%; height: 100%; aspect-ratio: 1/1; object-fit: cover;" src="https://networksites.livenationinternational.com/networksites/ek1dh1l1/tm_home_galeria5.jpg"></div>
<div style="width: 33%;"><img style="width: 100%; height: 100%; aspect-ratio: 1/1; object-fit: cover;" src="https://networksites.livenationinternational.com/networksites/p1ycce1e/tm_home_galeria6.jpg"></div>
</div>
</div>

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

TEATRO
METROPOLITAN

ADOLESCENTES ORQUESTA

STEREOPHONICS

UNDERWATER BUBBLE SHOW

YOSS BONES

KIKA EDGAR Y LA INTERNACIONAL SONORA

ICHIKO AOBA

STARDEW VALLEY SYMPHONY OF THE SEASONS

LEGALES

TEATROMETROPOLITAN

ADOLESCENTES ORQUESTA

STEREOPHONICS

UNDERWATER BUBBLE SHOW

YOSS BONES

KIKA EDGAR Y LA INTERNACIONAL SONORA

ICHIKO AOBA

STARDEW VALLEY SYMPHONY OF THE SEASONS

LEGALES

TEATRO
METROPOLITAN