{"id":1402,"date":"2026-02-26T19:05:23","date_gmt":"2026-02-26T19:05:23","guid":{"rendered":"http:\/\/192.168.0.100\/wordpress\/?page_id=1402"},"modified":"2026-02-26T22:58:42","modified_gmt":"2026-02-26T22:58:42","slug":"prodep","status":"publish","type":"page","link":"https:\/\/metropoli.edu.mx\/index.php\/prodep\/","title":{"rendered":"PRODEP"},"content":{"rendered":"\n<style>\n  \/* 1. DEFINICI\u00d3N DE VARIABLES DE COLOR Y CONTENEDOR PRINCIPAL *\/\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-main: #fcfbfb; \/* Un fondo muy sutilmente c\u00e1lido *\/\n\n    display: flex;\n    gap: 24px;\n    font-family: system-ui, -apple-system, sans-serif;\n    color: var(--text-dark);\n    background-color: var(--bg-main);\n    padding: 24px;\n    border-radius: 12px;\n  }\n\n  \/* 2. COLUMNAS Y TARJETAS *\/\n  .informes-columna {\n    background: var(--white);\n    border-radius: 12px;\n    padding: 24px;\n    box-shadow: 0 4px 15px rgba(95, 27, 45, 0.08); \/* Sombra con un toque color vino *\/\n    border-top: 4px solid var(--vino-deep); \/* Acento superior *\/\n  }\n\n  .col-financieros {\n    flex: 1;\n    min-width: 280px;\n  }\n\n  .col-academicos {\n    flex: 2;\n  }\n\n  \/* 3. T\u00cdTULOS DE SECCI\u00d3N *\/\n  .acad-container-custom h3 {\n    margin-top: 0;\n    margin-bottom: 24px;\n    font-size: 19px;\n    color: var(--vino-deep);\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    border-bottom: 2px solid var(--gold-light);\n    padding-bottom: 12px;\n  }\n\n  \/* 4. ACORDEONES (ITEMS) *\/\n  .informes-item {\n    margin-bottom: 12px;\n    border: 1px solid #eaeaea;\n    border-radius: 8px;\n    overflow: hidden;\n    background-color: var(--white);\n    transition: all 0.3s ease;\n  }\n\n  .informes-item summary::-webkit-details-marker {\n    display: none;\n  }\n\n  .informes-item summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 14px 16px;\n    cursor: pointer;\n    font-weight: 500;\n    list-style: none;\n    transition: background-color 0.2s, color 0.2s;\n    color: var(--text-dark);\n  }\n\n  \/* Estilos para el texto y el icono dentro del summary *\/\n  .summary-content {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n  }\n\n  .informes-item summary:hover {\n    background-color: #fdfaf7; \/* Un tono muy claro del dorado *\/\n  }\n\n  \/* Iconos de + y - *\/\n  .informes-item summary::after {\n    content: '+';\n    font-size: 22px;\n    font-weight: 400;\n    color: var(--gold-accent);\n  }\n\n  .informes-item[open] summary::after {\n    content: '\u2212';\n    color: var(--vino-deep);\n  }\n\n  \/* Estado Abierto del Acorde\u00f3n *\/\n  .informes-item[open] {\n    border-color: var(--vino-light);\n    box-shadow: 0 2px 8px rgba(95, 27, 45, 0.05);\n  }\n\n  .informes-item[open] summary {\n    background-color: rgba(226, 190, 150, 0.15); \/* Fondo dorado muy transparente *\/\n    color: var(--vino-deep);\n    border-bottom: 1px solid #eaeaea;\n  }\n\n  .informes-item[open] summary svg {\n    stroke: var(--vino-deep); \/* El icono cambia a vino cuando se abre *\/\n  }\n\n  \/* 5. CONTENIDO INTERNO Y BOTONES *\/\n  .informes-content {\n    padding: 16px 16px 16px 42px; \/* Espaciado extra a la izquierda para alinear *\/\n    background-color: var(--white);\n  }\n\n  .btn-reporte {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 10px 18px;\n    background-color: var(--white);\n    border: 1px solid var(--gold-accent);\n    border-radius: 6px;\n    text-decoration: none;\n    color: var(--vino-deep);\n    font-size: 14px;\n    font-weight: 600;\n    transition: all 0.3s;\n  }\n\n  .btn-reporte:hover {\n    background-color: var(--vino-deep);\n    border-color: var(--vino-deep);\n    color: var(--white);\n  }\n\n  \/* Para que el icono del bot\u00f3n cambie a blanco en hover *\/\n  .btn-reporte:hover svg {\n    stroke: var(--white);\n  }\n\n  \/* 6. RESPONSIVE (M\u00f3viles) *\/\n  @media (max-width: 768px) {\n    .acad-container-custom {\n      flex-direction: column;\n    }\n    .informes-content {\n      padding-left: 16px;\n    }\n  }\n<\/style>\n\n<div class=\"acad-container-custom\">\n  \n  <div class=\"informes-columna col-financieros\">\n    <h3>\n      <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"20\" x2=\"18\" y2=\"10\"><\/line><line x1=\"12\" y1=\"20\" x2=\"12\" y2=\"4\"><\/line><line x1=\"6\" y1=\"20\" x2=\"6\" y2=\"14\"><\/line><\/svg>\n      Informes Financieros\n    <\/h3>\n    \n    <details class=\"informes-item\">\n      <summary>\n        <div class=\"summary-content\">\n          <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path><polyline points=\"14 2 14 8 20 8\"><\/polyline><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"><\/line><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"><\/line><polyline points=\"10 9 9 9 8 9\"><\/polyline><\/svg>\n          Periodo 2018\n        <\/div>\n      <\/summary>\n      <div class=\"informes-content\">\n        <p style=\"margin-top: 0; color: var(--text-gray); font-size: 14px;\">Aqu\u00ed puedes incluir el resumen financiero del a\u00f1o 2018.<\/p>\n        <a href=\"#enlace\" class=\"btn-reporte\">\n          <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path><polyline points=\"7 10 12 15 17 10\"><\/polyline><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"><\/line><\/svg>\n          Descargar PDF\n        <\/a>\n      <\/div>\n    <\/details>\n\n    <details class=\"informes-item\">\n      <summary>\n        <div class=\"summary-content\">\n          <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path><polyline points=\"14 2 14 8 20 8\"><\/polyline><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"><\/line><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"><\/line><polyline points=\"10 9 9 9 8 9\"><\/polyline><\/svg>\n          Periodo 2019\n        <\/div>\n      <\/summary>\n      <div class=\"informes-content\">\n        <p style=\"margin-top: 0; color: var(--text-gray); font-size: 14px;\">Aqu\u00ed puedes incluir el resumen financiero del a\u00f1o 2019.<\/p>\n      <\/div>\n    <\/details>\n  <\/div>\n\n  <div class=\"informes-columna col-academicos\">\n    <h3>\n      <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 10v6M2 10l10-5 10 5-10 5z\"><\/path><path d=\"M6 12v5c3 3 9 3 12 0v-5\"><\/path><\/svg>\n      Informes Acad\u00e9micos\n    <\/h3>\n    \n    <details class=\"informes-item\" open>\n      <summary>\n        <div class=\"summary-content\">\n          <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--text-gray)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"><\/path><circle cx=\"12\" cy=\"7\" r=\"4\"><\/circle><\/svg>\n          Jos\u00e9 Jaime V\u00e1zquez Bravo\n        <\/div>\n      <\/summary>\n      <div class=\"informes-content\">\n        <a href=\"#enlace-a-tu-pdf\" class=\"btn-reporte\">\n           <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path><polyline points=\"14 2 14 8 20 8\"><\/polyline><\/svg>\n          Reporte Final\n        <\/a>\n      <\/div>\n    <\/details>\n\n    <details class=\"informes-item\">\n      <summary>\n        <div class=\"summary-content\">\n          <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--text-gray)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"><\/path><circle cx=\"12\" cy=\"7\" r=\"4\"><\/circle><\/svg>\n          Franco Rojas L\u00f3pez\n        <\/div>\n      <\/summary>\n      <div class=\"informes-content\">\n        <a href=\"#enlace-a-tu-pdf\" class=\"btn-reporte\">\n           <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path><polyline points=\"14 2 14 8 20 8\"><\/polyline><\/svg>\n          Reporte Final\n        <\/a>\n      <\/div>\n    <\/details>\n\n    <details class=\"informes-item\">\n      <summary>\n        <div class=\"summary-content\">\n          <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--text-gray)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"><\/path><circle cx=\"12\" cy=\"7\" r=\"4\"><\/circle><\/svg>\n          Jos\u00e9 Luis Hugo D\u00edaz Biffano\n        <\/div>\n      <\/summary>\n      <div class=\"informes-content\">\n        <a href=\"#enlace-a-tu-pdf\" class=\"btn-reporte\">\n           <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path><polyline points=\"14 2 14 8 20 8\"><\/polyline><\/svg>\n          Reporte Final\n        <\/a>\n      <\/div>\n    <\/details>\n\n    <details class=\"informes-item\">\n      <summary>\n        <div class=\"summary-content\">\n          <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--text-gray)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"><\/path><circle cx=\"12\" cy=\"7\" r=\"4\"><\/circle><\/svg>\n          Jorge Jaime Juarez Lucero\n        <\/div>\n      <\/summary>\n      <div class=\"informes-content\">\n        <a href=\"#enlace-a-tu-pdf\" class=\"btn-reporte\">\n           <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path><polyline points=\"14 2 14 8 20 8\"><\/polyline><\/svg>\n          Reporte Final\n        <\/a>\n      <\/div>\n    <\/details>\n  <\/div>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Informes Financieros Periodo 2018 Aqu\u00ed puedes incluir el resumen financiero del a\u00f1o 2018. Descargar PDF Periodo 2019 Aqu\u00ed puedes incluir el resumen financiero del a\u00f1o 2019. Informes Acad\u00e9micos Jos\u00e9 Jaime V\u00e1zquez Bravo Reporte Final Franco Rojas L\u00f3pez Reporte Final Jos\u00e9 Luis Hugo D\u00edaz Biffano Reporte Final Jorge Jaime Juarez Lucero Reporte Final<\/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-1402","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/metropoli.edu.mx\/index.php\/wp-json\/wp\/v2\/pages\/1402","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=1402"}],"version-history":[{"count":3,"href":"https:\/\/metropoli.edu.mx\/index.php\/wp-json\/wp\/v2\/pages\/1402\/revisions"}],"predecessor-version":[{"id":1407,"href":"https:\/\/metropoli.edu.mx\/index.php\/wp-json\/wp\/v2\/pages\/1402\/revisions\/1407"}],"wp:attachment":[{"href":"https:\/\/metropoli.edu.mx\/index.php\/wp-json\/wp\/v2\/media?parent=1402"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}