{"id":534,"date":"2026-01-27T17:47:16","date_gmt":"2026-01-27T17:47:16","guid":{"rendered":"http:\/\/192.168.0.100\/wordpress\/?page_id=534"},"modified":"2026-07-18T12:44:40","modified_gmt":"2026-07-18T12:44:40","slug":"mensaje-de-rectoria","status":"publish","type":"page","link":"https:\/\/metropoli.edu.mx\/index.php\/mensaje-de-rectoria\/","title":{"rendered":"MENSAJE DE RECTORIA"},"content":{"rendered":"\n<style>\n    \/* --- CONTENEDOR DE LA SECCI\u00d3N --- *\/\n    .rector-section {\n        background-color: #f9f9f9; \/* Gris muy tenue para diferenciar del fondo blanco *\/\n        padding: 60px 20px 100px 20px; \/* Reduje el padding superior para que se pegue mejor a tu t\u00edtulo *\/\n        font-family: inherit; \/* Hereda la fuente de tu sitio *\/\n        color: #444;\n    }\n\n    .rector-container {\n        max-width: 1100px;\n        margin: 0 auto;\n    }\n\n    \/* --- GRID: VIDEO + TEXTO --- *\/\n    .rector-grid {\n        display: grid;\n        grid-template-columns: 1fr 1fr; \/* Dividido en 2 columnas iguales *\/\n        gap: 60px;\n        align-items: center;\n    }\n\n    \/* --- ESTILOS DEL VIDEO (Placeholder) --- *\/\n    .video-wrapper {\n        position: relative;\n        width: 100%;\n        border-radius: 8px;\n        overflow: hidden;\n        box-shadow: 0 20px 40px rgba(0,0,0,0.1); \/* Sombra elegante *\/\n        background-color: #000;\n        \/* Borde sutil para definirlo mejor sobre el gris *\/\n        border: 1px solid rgba(0,0,0,0.05); \n    }\n\n    \/* Truco para mantener proporci\u00f3n 16:9 responsive *\/\n    .video-aspect-ratio {\n        position: relative;\n        padding-bottom: 56.25%; \/* 16:9 Aspect Ratio *\/\n        height: 0;\n        overflow: hidden;\n    }\n\n    .video-aspect-ratio iframe,\n    .video-aspect-ratio .video-placeholder {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        border: 0;\n    }\n\n    \/* Placeholder visual (mientras no pones el video real) *\/\n    .video-placeholder {\n        background: #333; \/* Fondo oscuro *\/\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        align-items: center;\n        color: #fff;\n        text-align: center;\n        cursor: pointer;\n        transition: background 0.3s ease;\n    }\n    \n    .video-placeholder:hover {\n        background: #222;\n    }\n\n    \/* Bot\u00f3n de Play Falso (Decorativo) *\/\n    .play-icon {\n        width: 70px;\n        height: 70px;\n        background: rgba(255,255,255,0.1);\n        border: 2px solid #fff;\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        margin-bottom: 15px;\n        transition: transform 0.3s ease;\n    }\n\n    .video-placeholder:hover .play-icon {\n        transform: scale(1.1);\n        background: rgba(255,255,255,0.2);\n    }\n\n    .play-triangle {\n        width: 0; \n        height: 0; \n        border-top: 10px solid transparent;\n        border-bottom: 10px solid transparent;\n        border-left: 16px solid #fff;\n        margin-left: 5px; \/* Ajuste \u00f3ptico *\/\n    }\n\n    \/* --- ESTILOS DEL TEXTO (SEMBLANZA) --- *\/\n    .bio-content h3 {\n        font-size: 26px;\n        font-weight: 700;\n        color: #111;\n        margin-bottom: 5px;\n        margin-top: 0;\n    }\n\n    .bio-title {\n        font-size: 14px;\n        font-weight: 600;\n        text-transform: uppercase;\n        color: #888;\n        letter-spacing: 1px;\n        margin-bottom: 25px;\n        display: block;\n    }\n\n    .bio-text {\n        font-size: 16px;\n        line-height: 1.8;\n        color: #555;\n        margin-bottom: 20px;\n    }\n\n    \/* Cita destacada dentro del texto *\/\n    .bio-quote {\n        border-left: 4px solid #444; \/* L\u00ednea lateral gris oscura *\/\n        padding-left: 20px;\n        margin: 30px 0;\n        font-style: italic;\n        font-size: 18px;\n        color: #333;\n        font-weight: 500;\n    }\n\n    \/* Firma (opcional, decorativa) *\/\n    .signature-line {\n        margin-top: 30px;\n        font-family: 'Cursive', serif; \/* Fallback si no hay fuente de firma *\/\n        font-size: 24px;\n        color: #444;\n    }\n\n    \/* --- RESPONSIVE --- *\/\n    @media (max-width: 900px) {\n        .rector-grid {\n            grid-template-columns: 1fr; \/* Una columna en m\u00f3vil *\/\n            gap: 40px;\n        }\n        .bio-content {\n            text-align: left; \/* Alineaci\u00f3n natural en m\u00f3vil *\/\n        }\n    }\n<\/style>\n\n<div class=\"rector-section\">\n    <div class=\"rector-container\">\n        \n        <div class=\"rector-grid\">\n            \n            <div class=\"video-wrapper\">\n                <div class=\"video-aspect-ratio\">\n                    \n                    <div class=\"video-placeholder\">\n                        <div class=\"play-icon\">\n                            <div class=\"play-triangle\"><\/div>\n                        <\/div>\n                        <p style=\"margin:0; font-weight:500;\">Ver Mensaje de Bienvenida<\/p>\n                        <p style=\"margin:5px 0 0 0; font-size:12px; opacity:0.7;\">Pr\u00f3ximamente<\/p>\n                    <\/div>\n\n                <\/div>\n            <\/div>\n\n            <div class=\"bio-content\">\n                <h3>Mtro. Raymundo Atanacio Luna<\/h3>\n                <span class=\"bio-title\">Rector de la Universidad Polit\u00e9cnica Metropolitana de Puebla<\/span>\n                \n                <p class=\"bio-text\">\n                    Es un honor darles la m\u00e1s cordial bienvenida a esta casa de estudios. En la UPMP, nuestro compromiso trasciende la ense\u00f1anza tradicional; nos dedicamos a formar l\u00edderes globales con una visi\u00f3n humanista y tecnol\u00f3gica.\n                <\/p>\n\n                <div class=\"bio-quote\">\n                    &#8220;La educaci\u00f3n no es solo adquirir conocimientos, es la herramienta m\u00e1s poderosa para transformar nuestro entorno y construir un futuro sostenible.&#8221;\n                <\/div>\n\n                <p class=\"bio-text\">\n                    Nuestra instituci\u00f3n se ha consolidado como un referente en el modelo BIS (Biling\u00fce, Internacional y Sustentable), preparando a nuestros estudiantes para enfrentar los retos de la industria 4.0 con integridad y excelencia. Invito a toda la comunidad universitaria a seguir innovando y trabajando juntos por el desarrollo de nuestra sociedad.\n                <\/p>\n\n                <div class=\"signature-line\">\n                   Atentamente, Rector\u00eda.\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Ver Mensaje de Bienvenida Pr\u00f3ximamente Mtro. Raymundo Atanacio Luna Rector de la Universidad Polit\u00e9cnica Metropolitana de Puebla Es un honor darles la m\u00e1s cordial bienvenida a esta casa de estudios. En la UPMP, nuestro compromiso trasciende la ense\u00f1anza tradicional; nos dedicamos a formar l\u00edderes globales con una visi\u00f3n humanista y tecnol\u00f3gica. &#8220;La educaci\u00f3n no es [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":212,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-534","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/metropoli.edu.mx\/index.php\/wp-json\/wp\/v2\/pages\/534","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=534"}],"version-history":[{"count":5,"href":"https:\/\/metropoli.edu.mx\/index.php\/wp-json\/wp\/v2\/pages\/534\/revisions"}],"predecessor-version":[{"id":2448,"href":"https:\/\/metropoli.edu.mx\/index.php\/wp-json\/wp\/v2\/pages\/534\/revisions\/2448"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/metropoli.edu.mx\/index.php\/wp-json\/wp\/v2\/media\/212"}],"wp:attachment":[{"href":"https:\/\/metropoli.edu.mx\/index.php\/wp-json\/wp\/v2\/media?parent=534"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}