{"id":311,"date":"2026-01-22T17:08:01","date_gmt":"2026-01-22T17:08:01","guid":{"rendered":"http:\/\/192.168.0.100\/wordpress\/?page_id=311"},"modified":"2026-04-30T21:14:38","modified_gmt":"2026-04-30T21:14:38","slug":"organigrama","status":"publish","type":"page","link":"https:\/\/metropoli.edu.mx\/index.php\/organigrama\/","title":{"rendered":"organigrama"},"content":{"rendered":"\n<style>\n    \/* --- SECCI\u00d3N GENERAL --- *\/\n    .org-section {\n        background-color: #fff;\n        padding: 80px 20px;\n        font-family: inherit;\n        color: #444;\n    }\n\n    .org-container {\n        max-width: 1200px;\n        margin: 0 auto;\n    }\n\n    \/* --- LAYOUT DIVIDIDO --- *\/\n    .org-layout {\n        display: grid;\n        grid-template-columns: 1fr 1.5fr; \/* Texto a la izquierda, PDF a la derecha *\/\n        gap: 60px;\n        align-items: center;\n    }\n\n    \/* --- COLUMNA DE TEXTO --- *\/\n    .org-text-col {\n        padding-right: 20px;\n    }\n\n    .org-text-col h3 {\n        font-size: 24px;\n        font-weight: 700;\n        color: #222;\n        margin-bottom: 20px;\n        text-transform: uppercase;\n        letter-spacing: 1px;\n        border-left: 4px solid #444;\n        padding-left: 15px;\n    }\n\n    .org-description {\n        font-size: 16px;\n        line-height: 1.8;\n        color: #666;\n        margin-bottom: 30px;\n    }\n\n    .org-highlight-list {\n        list-style: none;\n        padding: 0;\n        margin-bottom: 40px;\n    }\n\n    .org-highlight-list li {\n        margin-bottom: 12px;\n        display: flex;\n        align-items: center;\n        font-size: 15px;\n        color: #555;\n    }\n\n    .org-highlight-list li::before {\n        content: '';\n        width: 6px;\n        height: 6px;\n        background-color: #444;\n        margin-right: 12px;\n        display: inline-block;\n    }\n\n    \/* --- BOT\u00d3N DE DESCARGA --- *\/\n    .btn-download {\n        display: inline-flex;\n        align-items: center;\n        padding: 14px 30px;\n        background-color: #222;\n        color: #fff;\n        text-decoration: none;\n        font-weight: 600;\n        border-radius: 4px;\n        transition: all 0.3s ease;\n        text-transform: uppercase;\n        font-size: 13px;\n        letter-spacing: 1px;\n    }\n\n    .btn-download:hover {\n        background-color: #444;\n        transform: translateY(-2px);\n        box-shadow: 0 10px 20px rgba(0,0,0,0.15);\n    }\n\n    .btn-icon {\n        margin-right: 10px;\n        fill: #fff;\n        width: 18px;\n    }\n\n    \/* --- CONTENEDOR DEL PDF (EL VISOR) --- *\/\n    .org-image-wrapper {\n        position: relative;\n        border-radius: 18px;\n        overflow: hidden; \/* Esto es vital para que el zoom funcione y recorte los bordes *\/\n        background: #fff; \n        box-shadow: 0 30px 60px rgba(0,0,0,0.12);\n        border: 1px solid #e0e0e0;\n        transition: transform 0.3s ease;\n        \n        \/* Proporci\u00f3n balanceada para evitar huecos laterales o verticales *\/\n        aspect-ratio: 1.47 \/ 1; \n        \n        display: flex;\n        align-items: center; \n        justify-content: center;\n    }\n\n    .org-image-wrapper:hover {\n        transform: translateY(-5px);\n        box-shadow: 0 40px 70px rgba(0,0,0,0.15);\n    }\n\n    \/* El Iframe con el zoom para \"limpiar\" los bordes de Chrome *\/\n    .org-img {\n        width: 100%;\n        height: 100%;\n        border: none;\n        display: block;\n        opacity: 0.95;\n        transition: opacity 0.3s;\n        \n        \/* Reducimos un pel\u00edn el zoom y lo bajamos un 1.5% para rescatar el t\u00edtulo *\/\n        transform: scale(1.07) translateY(2%); \n    }\n    \n    .org-image-wrapper:hover .org-img {\n        opacity: 1;\n    }\n\n    \/* Capa invisible para que todo el PDF sea clickeable *\/\n    .org-img-link-overlay {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        z-index: 10;\n        cursor: zoom-in;\n    }\n\n    \/* --- AJUSTES PARA M\u00d3VILES --- *\/\n    @media (max-width: 900px) {\n        .org-layout {\n            grid-template-columns: 1fr;\n            gap: 40px;\n        }\n        .org-text-col {\n            padding-right: 0;\n            order: 2;\n        }\n        .org-image-wrapper {\n            order: 1;\n        }\n    }\n<\/style>\n\n<div class=\"org-section\">\n    <div class=\"org-container\">\n        \n        <div class=\"org-layout\">\n            \n            <div class=\"org-text-col\">\n                <h3>Estructura Organizacional<\/h3>\n                \n                <p class=\"org-description\">\n                    La Universidad Polit\u00e9cnica Metropolitana de Puebla opera bajo una estructura dise\u00f1ada para garantizar la eficiencia administrativa y la excelencia acad\u00e9mica. Nuestro organigrama refleja un modelo de gesti\u00f3n transparente, enfocado en el fortalecimiento del modelo BIS (Biling\u00fce, Internacional y Sustentable).\n                <\/p>\n\n                <ul class=\"org-highlight-list\">\n                    <li>Direcci\u00f3n estrat\u00e9gica centrada en el estudiante.<\/li>\n                    <li>Articulaci\u00f3n eficiente entre \u00e1reas acad\u00e9micas y administrativas.<\/li>\n                    <li>Jerarqu\u00eda optimizada para la toma de decisiones \u00e1giles.<\/li>\n                <\/ul>\n\n                <a href=\"https:\/\/metropoli.edu.mx\/wp-content\/uploads\/2026\/04\/diagramaUPMP.pdf\" class=\"btn-download\" target=\"_blank\">\n                    <svg class=\"btn-icon\" viewBox=\"0 0 24 24\"><path d=\"M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z\"\/><\/svg>\n                    Descargar Organigrama PDF\n                <\/a>\n            <\/div>\n\n            <div class=\"org-image-wrapper\">\n                \n                <iframe src=\"https:\/\/metropoli.edu.mx\/wp-content\/uploads\/2026\/04\/diagramaUPMP.pdf#toolbar=0&#038;navpanes=0&#038;scrollbar=0&#038;view=Fit\" class=\"org-img\" title=\"Organigrama Institucional UPMP\" scrolling=\"no\"><\/iframe>\n\n                <a href=\"https:\/\/metropoli.edu.mx\/wp-content\/uploads\/2026\/04\/diagramaUPMP.pdf\" target=\"_blank\" class=\"org-img-link-overlay\" title=\"Ver en pantalla completa\"><\/a>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Estructura Organizacional La Universidad Polit\u00e9cnica Metropolitana de Puebla opera bajo una estructura dise\u00f1ada para garantizar la eficiencia administrativa y la excelencia acad\u00e9mica. Nuestro organigrama refleja un modelo de gesti\u00f3n transparente, enfocado en el fortalecimiento del modelo BIS (Biling\u00fce, Internacional y Sustentable). Direcci\u00f3n estrat\u00e9gica centrada en el estudiante. Articulaci\u00f3n eficiente entre \u00e1reas acad\u00e9micas y administrativas. Jerarqu\u00eda [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":415,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-311","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/metropoli.edu.mx\/index.php\/wp-json\/wp\/v2\/pages\/311","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\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/metropoli.edu.mx\/index.php\/wp-json\/wp\/v2\/comments?post=311"}],"version-history":[{"count":34,"href":"https:\/\/metropoli.edu.mx\/index.php\/wp-json\/wp\/v2\/pages\/311\/revisions"}],"predecessor-version":[{"id":2224,"href":"https:\/\/metropoli.edu.mx\/index.php\/wp-json\/wp\/v2\/pages\/311\/revisions\/2224"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/metropoli.edu.mx\/index.php\/wp-json\/wp\/v2\/media\/415"}],"wp:attachment":[{"href":"https:\/\/metropoli.edu.mx\/index.php\/wp-json\/wp\/v2\/media?parent=311"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}