{"id":522,"date":"2026-01-27T17:04:49","date_gmt":"2026-01-27T17:04:49","guid":{"rendered":"http:\/\/192.168.0.100\/wordpress\/?page_id=522"},"modified":"2026-02-19T16:37:48","modified_gmt":"2026-02-19T16:37:48","slug":"instalaciones","status":"publish","type":"page","link":"https:\/\/metropoli.edu.mx\/index.php\/instalaciones\/","title":{"rendered":"INSTALACIONES"},"content":{"rendered":"\n<style>\n    \/* --- CONTENEDOR GENERAL --- *\/\n    .facilities-cinema-wrapper {\n        font-family: inherit;\n        color: #333;\n        width: 100%;\n        overflow-x: hidden; \/* Evita desplazamientos laterales accidentales *\/\n    }\n\n    \/* --- ZONA OSCURA (VIDEO) --- *\/\n    .cinema-stage {\n        background-color: #000; \/* Negro total para eliminar el contraste de las franjas *\/\n        padding: 0; \/* Quitamos padding para que el fondo sea continuo *\/\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        position: relative;\n        width: 100%;\n    }\n\n    .video-frame {\n        width: 100%;\n        max-width: 100%; \/* El video ahora puede ocupar todo el ancho disponible *\/\n        line-height: 0; \/* Elimina un peque\u00f1o espacio blanco que a veces queda debajo del video *\/\n        overflow: hidden;\n        background: #000;\n    }\n\n    video.cinema-video {\n        width: 100%;\n        height: auto;\n        display: block;\n        outline: none;\n        \/* Si el video original es muy peque\u00f1o, esto lo ajusta al contenedor *\/\n        object-fit: cover; \n    }\n\n    \/* --- ZONA CLARA (INFORMACI\u00d3N) --- *\/\n    .info-stage {\n        background-color: #fff;\n        border-bottom: 1px solid #eee;\n    }\n\n    .info-container {\n        max-width: 1200px;\n        margin: 0 auto;\n        padding: 80px 20px;\n        display: grid;\n        grid-template-columns: 1fr 1.2fr;\n        gap: 60px;\n    }\n\n    .info-left {\n        padding-right: 20px;\n        border-right: 1px solid #eee;\n    }\n\n    .section-label {\n        font-size: 12px;\n        font-weight: 700;\n        text-transform: uppercase;\n        letter-spacing: 2px;\n        color: #999;\n        margin-bottom: 20px;\n        display: block;\n    }\n\n    .main-title {\n        font-size: 32px;\n        font-weight: 700;\n        line-height: 1.2;\n        color: #222;\n        margin: 0 0 25px 0;\n    }\n\n    .main-desc {\n        font-size: 16px;\n        line-height: 1.8;\n        color: #555;\n    }\n\n    .info-right {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 40px;\n        align-content: center;\n    }\n\n    .feature-box {\n        display: flex;\n        flex-direction: column;\n        align-items: flex-start;\n    }\n\n    .fb-icon {\n        width: 36px;\n        height: 36px;\n        fill: #333;\n        margin-bottom: 15px;\n        background: #f4f4f4;\n        padding: 8px;\n        border-radius: 50%;\n    }\n\n    .fb-title {\n        font-size: 16px;\n        font-weight: 700;\n        margin: 0 0 8px 0;\n        color: #222;\n    }\n\n    .fb-text {\n        font-size: 13px;\n        line-height: 1.6;\n        color: #777;\n        margin: 0;\n    }\n\n    \/* --- RESPONSIVE --- *\/\n    @media (max-width: 900px) {\n        .info-container {\n            grid-template-columns: 1fr;\n            gap: 40px;\n            padding: 50px 20px;\n        }\n        .info-left {\n            border-right: none;\n            border-bottom: 1px solid #eee;\n            padding-bottom: 40px;\n            padding-right: 0;\n        }\n    }\n\n    @media (max-width: 600px) {\n        .info-right {\n            grid-template-columns: 1fr;\n        }\n    }\n<\/style>\n\n<div class=\"facilities-cinema-wrapper\">\n\n    <div class=\"cinema-stage\">\n        <div class=\"video-frame\">\n            <video class=\"cinema-video\" controls preload=\"metadata\" poster=\"https:\/\/metropoli.edu.mx\/wp-content\/uploads\/2026\/01\/DSC03893.jpg\">\n                <source src=\"https:\/\/metropoli.edu.mx\/wp-content\/uploads\/2026\/01\/Instalacionesoff.mp4\" type=\"video\/mp4\">\n                Tu navegador no soporta la etiqueta de video.\n            <\/video>\n        <\/div>\n    <\/div>\n\n    <div class=\"info-stage\">\n        <div class=\"info-container\">\n            \n            <div class=\"info-left\">\n                <span class=\"section-label\">Infraestructura UPMP<\/span>\n                <h2 class=\"main-title\">Espacios dise\u00f1ados para el alto rendimiento acad\u00e9mico<\/h2>\n                <p class=\"main-desc\">\n                    M\u00e1s que aulas, ofrecemos entornos de simulaci\u00f3n profesional. Nuestras instalaciones integran la tecnolog\u00eda necesaria para que, desde el primer d\u00eda, te familiarices con las herramientas que utiliza la industria global.\n                <\/p>\n            <\/div>\n\n            <div class=\"info-right\">\n                \n                <div class=\"feature-box\">\n                    <svg class=\"fb-icon\" viewBox=\"0 0 24 24\"><path d=\"M2 22h20v-2H2v2zm2-4h16l-3-5h-3l-1 2-1-2H9l-3 5zm4-7h4v2H8v-2zm3-7C8.79 4 7 5.79 7 8s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 6c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z\"\/><\/svg>\n                    <h3 class=\"fb-title\">Laboratorios BIS<\/h3>\n                    <p class=\"fb-text\">Equipamiento especializado para pr\u00e1cticas biling\u00fces en biotecnolog\u00eda y sistemas.<\/p>\n                <\/div>\n\n                <div class=\"feature-box\">\n                    <svg class=\"fb-icon\" viewBox=\"0 0 24 24\"><path d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V5h14v14zM7 10h2v7H7zm4-3h2v10h-2zm4 6h2v4h-2z\"\/><\/svg>\n                    <h3 class=\"fb-title\">Conectividad 4.0<\/h3>\n                    <p class=\"fb-text\">Red de alta velocidad y software licenciado disponible en todo el campus.<\/p>\n                <\/div>\n\n                <div class=\"feature-box\">\n                    <svg class=\"fb-icon\" viewBox=\"0 0 24 24\"><path d=\"M20 2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 18H4V4h16v16zM6 6h2v12H6zm4 0h2v12h-2zm4 0h2v12h-2zm4 0h2v12h-2z\"\/><\/svg>\n                    <h3 class=\"fb-title\">Biblioteca Digital<\/h3>\n                    <p class=\"fb-text\">Acceso a bases de datos internacionales y espacios de estudio colaborativo.<\/p>\n                <\/div>\n\n                <div class=\"feature-box\">\n                    <svg class=\"fb-icon\" viewBox=\"0 0 24 24\"><path d=\"M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z\"\/><\/svg>\n                    <h3 class=\"fb-title\">Vida Universitaria<\/h3>\n                    <p class=\"fb-text\">Cafeter\u00eda, \u00e1reas verdes y zonas deportivas para el bienestar integral.<\/p>\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n    <\/div>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Tu navegador no soporta la etiqueta de video. Infraestructura UPMP Espacios dise\u00f1ados para el alto rendimiento acad\u00e9mico M\u00e1s que aulas, ofrecemos entornos de simulaci\u00f3n profesional. Nuestras instalaciones integran la tecnolog\u00eda necesaria para que, desde el primer d\u00eda, te familiarices con las herramientas que utiliza la industria global. Laboratorios BIS Equipamiento especializado para pr\u00e1cticas biling\u00fces en [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":199,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-522","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/metropoli.edu.mx\/index.php\/wp-json\/wp\/v2\/pages\/522","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/metropoli.edu.mx\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/metropoli.edu.mx\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/metropoli.edu.mx\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/metropoli.edu.mx\/index.php\/wp-json\/wp\/v2\/comments?post=522"}],"version-history":[{"count":8,"href":"https:\/\/metropoli.edu.mx\/index.php\/wp-json\/wp\/v2\/pages\/522\/revisions"}],"predecessor-version":[{"id":1292,"href":"https:\/\/metropoli.edu.mx\/index.php\/wp-json\/wp\/v2\/pages\/522\/revisions\/1292"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/metropoli.edu.mx\/index.php\/wp-json\/wp\/v2\/media\/199"}],"wp:attachment":[{"href":"https:\/\/metropoli.edu.mx\/index.php\/wp-json\/wp\/v2\/media?parent=522"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}