El Teatro Metropolitan se inauguró el 8 de septiembre de 1943 con la película Los Miserables. 

Teatro Metropolitan | Nosotros

<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;">NOSOTROS</h1>
</div>
<div style="position: relative; height: min(15vh, 6vw);"></div>
</div>

<div style="padding: 5vw 0;">
<p style="font-weight: 600; font-size: 1.7rem;">El Teatro Metropólitan se inauguró el 8 de septiembre de 1943 con la película Los Miserables.</p>
<p>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. Hasta ahora, este inmueble se ha encargado de recibir a músicos, cantantes, intelectuales, investigadores y diversas personalidades del mundo del espectáculo.</p>
<p>En los inmuebles operados por OCESA, se realizan eventos de toda clase: conciertos de artistas mexicanos e internacionales, obras de teatro de gran prestigio, conferencias, lanzamientos de productos, premieres de cine, eventos escolares, entre otros.</p>
</div>

<div style="padding: 0; position: relative; margin-bottom: 5vh;">
<div style="position: relative; margin-bottom: 30px;">
<div style="display: inline-block; border-radius: 20px; background-color: #fff; border: 1px solid #000; padding: 5px 20px; font-weight: 600;">Servicios</div>
</div>
<div style="position: relative; display: flex; justify-content: space-around; flex-wrap: wrap;">
<div style="width: max(32%,320px); position: relative; z-index: 1; margin-bottom: 20px; text-align: center;">
<div><img src="https://networksites.livenationinternational.com/networksites/p2xfoq2i/taquilla.jpg" style="width: 100%; aspect-ratio: 1/1; object-fit: cover; border: 0px solid #000;"></div>
<div style="font-weight: 600; padding: 20px 20px 0; font-size: 1.5rem;">Taquillas</div>
</div>
<div style="width: max(32%,320px); position: relative; z-index: 1; margin-bottom: 20px; text-align: center;">
<div><img src="https://networksites.livenationinternational.com/networksites/xrrcuipj/alimentos-1.jpg" style="width: 100%; aspect-ratio: 1/1; object-fit: cover; border: 0px solid #000;"></div>
<div style="font-weight: 600; padding: 20px 20px 0; font-size: 1.5rem;">Alimentos y Bebidas</div>
</div>
<div style="width: max(32%,320px); position: relative; z-index: 1; margin-bottom: 20px; text-align: center;">
<div><img src="https://networksites.livenationinternational.com/networksites/uk3bmiv5/estacionamiento.jpg" style="width: 100%; aspect-ratio: 1/1; object-fit: cover; border: 0px solid #000;"></div>
<div style="font-weight: 600; padding: 20px 20px 0; font-size: 1.5rem;">Estacionamiento</div>
</div>
</div>
</div>

<div style="position: relative; padding: max(5vw, 40px) 0 max(5vw, 40px);">
<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; margin-bottom: 30px;">Mapa</div>
<div style="font-weight: 600; color: #fff;">Av. Independencia 90, Colonia Centro,<br>Centro, Cuauhtémoc, 06050 Ciudad<br>de México, CDMX.</div>
<div style="padding: 30px 0;"><iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d7525.023535554394!2d-99.146788!3d19.43349!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x85d1f8d547f40a31%3A0x5f8ebe9e11b24b9!2sTeatro%20Metrop%C3%B3litan!5e0!3m2!1ses!2smx!4v1724996438497!5m2!1ses!2smx" width="100%" height="450" style="border: 0;" allowfullscreen="allowfullscreen" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe></div>
</div>
</div>

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

NOSOTROS

LEGALES

LEGALES