{"id":1412,"date":"2026-02-27T16:24:28","date_gmt":"2026-02-27T16:24:28","guid":{"rendered":"http:\/\/192.168.0.100\/wordpress\/?page_id=1412"},"modified":"2026-03-02T19:01:43","modified_gmt":"2026-03-02T19:01:43","slug":"contraloria-social","status":"publish","type":"page","link":"https:\/\/metropoli.edu.mx\/index.php\/contraloria-social\/","title":{"rendered":"CONTRALORIA SOCIAL"},"content":{"rendered":"\n<style>\n    \/* DEFINICI\u00d3N DE VARIABLES DE COLOR Y ESTILOS BASE *\/\n    .acad-container-custom {\n        --vino-deep: #5f1b2d;\n        --vino-light: #7a233a;\n        --gold-accent: #c79b66;\n        --gold-light: #e2be96;\n        --text-dark: #333333;\n        --text-gray: #666666;\n        --white: #ffffff;\n        --bg-apoyo: #fcf9f5; \n\n        font-family: system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n        max-width: 1200px;\n        margin: 0 auto;\n        padding: 20px;\n        color: var(--text-dark);\n    }\n\n    \/* FILA SUPERIOR *\/\n    .fila-principal {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 30px;\n        justify-content: center;\n        margin-bottom: 45px;\n    }\n\n    .tarjeta-enlace {\n        flex: 1 1 45%;\n        background: var(--white);\n        border-radius: 20px;\n        padding: 35px 25px;\n        text-align: center;\n        text-decoration: none; \n        box-shadow: 0 4px 15px rgba(0,0,0,0.06);\n        min-width: 280px;\n        transition: all 0.3s ease;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        border: 3px solid var(--gold-light); \n    }\n\n    .tarjeta-enlace:hover {\n        transform: translateY(-5px);\n        border-color: var(--vino-light); \n        box-shadow: 0 10px 25px rgba(95, 27, 45, 0.15); \n    }\n\n    .titulo-tarjeta {\n        margin: 0;\n        font-size: 1.15em;\n        font-weight: 600;\n        color: var(--vino-deep); \n        transition: color 0.3s ease;\n    }\n\n    \/* SECCI\u00d3N INFERIOR *\/\n    .seccion-apoyo {\n        background: linear-gradient(135deg, var(--white) 0%, var(--bg-apoyo) 100%);\n        border: 2px solid var(--gold-light);\n        border-radius: 24px;\n        padding: 40px 30px;\n        box-shadow: 0 6px 20px rgba(0,0,0,0.05);\n    }\n\n    .titulo-seccion {\n        text-align: center;\n        margin-top: 0;\n        margin-bottom: 35px;\n        font-weight: 700;\n        font-size: 1.4em;\n        letter-spacing: 1.5px;\n        color: var(--vino-deep);\n    }\n\n    .fila-secundaria {\n        display: flex;\n        flex-direction: column; \/* Apila las tarjetas verticalmente *\/\n        gap: 20px; \/* Espacio entre las tarjetas apiladas *\/\n    }\n\n    .tarjeta-secundaria {\n        background: var(--white);\n        border-radius: 16px;\n        padding: 20px 30px;\n        display: flex;\n        align-items: center;\n        text-decoration: none;\n        box-shadow: 0 3px 12px rgba(0,0,0,0.05);\n        transition: all 0.3s ease;\n        border: 2px solid var(--gold-accent); \n    }\n\n    .tarjeta-secundaria:hover {\n        transform: translateY(-3px);\n        border-color: var(--vino-deep);\n        box-shadow: 0 8px 20px rgba(95, 27, 45, 0.12);\n    }\n\n    .texto-secundario {\n        margin: 0;\n        font-weight: 600;\n        color: var(--text-dark);\n        line-height: 1.4;\n        font-size: 1em;\n        transition: color 0.3s ease;\n    }\n\n    .tarjeta-secundaria:hover .texto-secundario {\n        color: var(--vino-deep);\n    }\n\n    \/* IM\u00c1GENES Y SEPARADORES *\/\n    .img-logo { \n        max-width: 100%; \n        height: auto; \n        margin-bottom: 20px; \n        transition: transform 0.3s ease; \n    }\n    \n    .tarjeta-enlace:hover .img-logo { transform: scale(1.05); } \n    \n    .img-prodep { max-height: 95px; }\n    .img-pfce { max-height: 90px; }\n    \n    \/* Ajustes espec\u00edficos de im\u00e1genes inferiores *\/\n    .img-u006 { max-width: 200px; max-height: 60px; object-fit: contain; }\n    .img-profexce { max-width: 300px; max-height: 70px; object-fit: contain; }\n\n    .separador-elegante {\n        border: 0;\n        height: 3px;\n        background: linear-gradient(90deg, transparent 0%, var(--gold-accent) 50%, transparent 100%);\n        margin: 15px auto 20px;\n        width: 80%;\n    }\n\n    \/* ICONOS SVG *\/\n    .icono-svg {\n        width: 44px;\n        height: 44px;\n        transition: stroke 0.3s ease, transform 0.3s ease;\n        margin-left: auto; \/* Empuja el icono estrictamente hacia la derecha *\/\n        flex-shrink: 0; \/* Evita que el icono se deforme *\/\n    }\n    .icono-u006 { stroke: var(--gold-accent); }\n    .icono-profexce { stroke: var(--vino-deep); }\n\n    .tarjeta-secundaria:hover .icono-svg { transform: scale(1.1); }\n    .tarjeta-secundaria:hover .icono-u006 { stroke: var(--vino-deep); }\n    .tarjeta-secundaria:hover .icono-profexce { stroke: var(--gold-accent); }\n\n<\/style>\n\n<div class=\"acad-container-custom\">\n\n    <div class=\"fila-principal\">\n\n        <a href=\"https:\/\/metropoli.edu.mx\/index.php\/prodep-2\/\" class=\"tarjeta-enlace\">\n            <img decoding=\"async\" src=\"https:\/\/metropoli.edu.mx\/wp-content\/uploads\/2026\/01\/logo-prodep.png\" alt=\"Logo PRODEP\" class=\"img-logo img-prodep\">\n            <p class=\"titulo-tarjeta\">Programa de Desarrollo Profesional Docente<\/p>\n        <\/a>\n\n        <a href=\"https:\/\/metropoli.edu.mx\/index.php\/pfce\/\" class=\"tarjeta-enlace\">\n            <img decoding=\"async\" src=\"https:\/\/metropoli.edu.mx\/wp-content\/uploads\/2026\/02\/PFCElogo.jpg\" alt=\"Logo PFCE\" class=\"img-logo img-pfce\">\n            <hr class=\"separador-elegante\">\n            <p class=\"titulo-tarjeta\">Programa de Fortalecimiento de la Calidad Educativa<\/p>\n        <\/a>\n\n    <\/div>\n\n    <div class=\"seccion-apoyo\">\n        \n        <h2 class=\"titulo-seccion\">PROGRAMAS DE APOYO INSTITUCIONAL<\/h2>\n\n        <div class=\"fila-secundaria\">\n\n            <a href=\"https:\/\/metropoli.edu.mx\/index.php\/u006-subsidios-para-organismos-descentralizados-estatale\/\" class=\"tarjeta-secundaria\">\n                <img decoding=\"async\" src=\"https:\/\/metropoli.edu.mx\/wp-content\/uploads\/2026\/02\/Screenshot_1-480x69-1.png\" alt=\"Logo U006\" class=\"img-u006\">\n                <div style=\"text-align: left; padding-left: 20px;\">\n                    <p class=\"texto-secundario\">Subsidios Federales para<br>Organismos Descentralizados<br>Estatales<\/p>\n                <\/div>\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"icono-svg icono-u006\">\n                    <path d=\"M3 21h18\"><\/path>\n                    <path d=\"M4 21v-7\"><\/path>\n                    <path d=\"M8 21v-7\"><\/path>\n                    <path d=\"M12 21v-7\"><\/path>\n                    <path d=\"M16 21v-7\"><\/path>\n                    <path d=\"M20 21v-7\"><\/path>\n                    <path d=\"M22 14H2\"><\/path>\n                    <path d=\"M12 2 2 10h20Z\"><\/path>\n                <\/svg>\n            <\/a>\n\n            <a href=\"https:\/\/metropoli.edu.mx\/index.php\/profexe\/\" class=\"tarjeta-secundaria\">\n                <div style=\"flex-grow: 1; display: flex; justify-content: center;\">\n                    <img decoding=\"async\" src=\"https:\/\/metropoli.edu.mx\/wp-content\/uploads\/2026\/02\/PROFEXCE-300x60-1.png\" alt=\"Logo PROFEXCE 2020-2021\" class=\"img-profexce\">\n                <\/div>\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"icono-svg icono-profexce\">\n                    <circle cx=\"12\" cy=\"8\" r=\"6\"><\/circle>\n                    <path d=\"M15.477 12.89 17 22l-5-3-5 3 1.523-9.11\"><\/path>\n                <\/svg>\n            <\/a>\n\n        <\/div>\n    <\/div>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Programa de Desarrollo Profesional Docente Programa de Fortalecimiento de la Calidad Educativa PROGRAMAS DE APOYO INSTITUCIONAL Subsidios Federales paraOrganismos DescentralizadosEstatales<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1412","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/metropoli.edu.mx\/index.php\/wp-json\/wp\/v2\/pages\/1412","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=1412"}],"version-history":[{"count":4,"href":"https:\/\/metropoli.edu.mx\/index.php\/wp-json\/wp\/v2\/pages\/1412\/revisions"}],"predecessor-version":[{"id":1482,"href":"https:\/\/metropoli.edu.mx\/index.php\/wp-json\/wp\/v2\/pages\/1412\/revisions\/1482"}],"wp:attachment":[{"href":"https:\/\/metropoli.edu.mx\/index.php\/wp-json\/wp\/v2\/media?parent=1412"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}