{"id":4148,"date":"2026-08-22T15:58:16","date_gmt":"2026-08-22T15:58:16","guid":{"rendered":"https:\/\/metropoli.edu.mx\/?page_id=4148"},"modified":"2026-08-22T16:01:46","modified_gmt":"2026-08-22T16:01:46","slug":"becas","status":"publish","type":"page","link":"https:\/\/metropoli.edu.mx\/index.php\/becas\/","title":{"rendered":"BECAS"},"content":{"rendered":"\n<div class=\"upmp-editorial-becas\">\n  <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n  \n  <style>\n    \/* --- SCOPED RESET & VARIABLES INSTITUCIONALES --- *\/\n    .upmp-editorial-becas {\n        --upm-font: inherit;\n        \/* Paleta Institucional (Vino y Oro) *\/\n        --vino-deep: #5f1b2d;\n        --vino-light: #7a233a;\n        --gold-accent: #c79b66;\n        --gold-light: #e2be96;\n        --cream-bg: #fffded;\n        --white: #ffffff;\n        --text-dark: #333333;\n        --text-gray: #666666;\n        --border-color: #EAEAEA;\n        \n        --upm-radius: 12px;\n        --upm-shadow-sm: 0 4px 15px rgba(95, 27, 45, 0.08);\n        --upm-shadow-hover: 0 12px 30px rgba(95, 27, 45, 0.15);\n\n        background-color: var(--white);\n        color: var(--text-dark);\n        padding: 40px 20px;\n        font-family: var(--upm-font);\n        max-width: 1100px;\n        margin: 0 auto;\n        box-sizing: border-box;\n    }\n\n    .upmp-editorial-becas * {\n        box-sizing: border-box;\n    }\n\n    \/* --- ANIMACIONES --- *\/\n    @keyframes fadeInUp {\n      from { opacity: 0; transform: translateY(20px); }\n      to { opacity: 1; transform: translateY(0); }\n    }\n\n    \/* T\u00edtulos y Subt\u00edtulos *\/\n    .upmp-editorial-becas h2 {\n        font-size: 2.5rem;\n        font-weight: 800;\n        color: var(--vino-deep);\n        margin: 0 0 10px 0;\n        text-transform: uppercase;\n        letter-spacing: 1px;\n        animation: fadeInUp 0.5s ease-out forwards;\n    }\n\n    .upmp-editorial-becas h2 i {\n        color: var(--gold-accent);\n        margin-right: 10px;\n    }\n\n    .editorial-line {\n        width: 100px;\n        height: 5px;\n        background-color: var(--gold-accent);\n        margin-bottom: 30px;\n        border-radius: 10px;\n        animation: fadeInUp 0.5s ease-out forwards;\n        animation-delay: 0.1s;\n    }\n\n    .section-intro {\n        font-size: 1.15rem;\n        max-width: 700px;\n        color: var(--text-gray);\n        margin-bottom: 50px;\n        border-left: 4px solid var(--gold-light);\n        padding-left: 20px;\n        line-height: 1.6;\n        animation: fadeInUp 0.5s ease-out forwards;\n        animation-delay: 0.2s;\n    }\n\n    \/* Grid de Contenido *\/\n    .upmp-grid-container {\n        display: grid;\n        grid-template-columns: 2fr 1fr;\n        gap: 40px;\n        opacity: 0;\n        animation: fadeInUp 0.7s ease-out forwards;\n        animation-delay: 0.4s;\n    }\n\n    \/* Tarjetas de Becas *\/\n    .beca-card-editorial {\n        background: var(--white);\n        border: 1px solid var(--border-color);\n        border-top: 5px solid var(--vino-light);\n        padding: 35px;\n        border-radius: var(--upm-radius);\n        margin-bottom: 30px;\n        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);\n        box-shadow: var(--upm-shadow-sm);\n    }\n\n    .beca-card-editorial:hover {\n        border-color: var(--gold-accent);\n        transform: translateY(-5px);\n        box-shadow: var(--upm-shadow-hover);\n    }\n\n    .beca-tag {\n        display: inline-flex;\n        align-items: center;\n        gap: 8px;\n        font-size: 0.8rem;\n        text-transform: uppercase;\n        letter-spacing: 1.5px;\n        color: var(--vino-light);\n        font-weight: 800;\n        margin-bottom: 15px;\n        background: var(--cream-bg);\n        padding: 6px 12px;\n        border-radius: 20px;\n        border: 1px solid var(--gold-light);\n    }\n\n    .beca-card-editorial h3 {\n        font-size: 1.6rem;\n        margin: 0 0 15px 0;\n        color: var(--vino-deep);\n        font-weight: 800;\n    }\n\n    .beca-card-editorial p {\n        line-height: 1.6;\n        margin-bottom: 25px;\n        color: var(--text-dark);\n    }\n\n    \/* Mensaje de pr\u00f3ximas convocatorias *\/\n    .becas-aviso {\n        padding: 25px;\n        border: 2px dashed var(--gold-light);\n        background-color: #fafafa;\n        border-radius: var(--upm-radius);\n        text-align: center;\n        color: var(--text-gray);\n        font-size: 0.95rem;\n        transition: all 0.3s ease;\n    }\n\n    .becas-aviso i {\n        color: var(--gold-accent);\n        font-size: 1.5rem;\n        margin-bottom: 10px;\n        display: block;\n    }\n\n    .becas-aviso:hover {\n        border-color: var(--gold-accent);\n        background-color: var(--cream-bg);\n    }\n\n    \/* Bot\u00f3n Estilo *\/\n    .btn-editorial {\n        display: inline-flex;\n        align-items: center;\n        gap: 10px;\n        background-color: var(--vino-light);\n        color: var(--white) !important;\n        padding: 14px 28px;\n        text-decoration: none;\n        font-weight: 700;\n        font-size: 0.9rem;\n        text-transform: uppercase;\n        letter-spacing: 1px;\n        border-radius: var(--upm-radius);\n        transition: all 0.3s ease;\n        border: 2px solid var(--vino-light);\n        box-shadow: 0 4px 6px rgba(95, 27, 45, 0.2);\n    }\n\n    .btn-editorial:hover {\n        background-color: var(--vino-deep);\n        border-color: var(--vino-deep);\n        transform: translateY(-2px);\n        box-shadow: 0 8px 15px rgba(95, 27, 45, 0.3);\n    }\n\n    \/* Sidebar de Recursos *\/\n    .editorial-sidebar {\n        background: var(--cream-bg);\n        padding: 30px;\n        border-radius: var(--upm-radius);\n        border: 1px solid var(--gold-light);\n        height: fit-content;\n    }\n\n    .editorial-sidebar h4 {\n        text-transform: uppercase;\n        font-size: 1.1rem;\n        font-weight: 800;\n        color: var(--vino-deep);\n        letter-spacing: 1px;\n        border-bottom: 2px solid var(--gold-light);\n        padding-bottom: 15px;\n        margin-top: 0;\n        margin-bottom: 20px;\n        display: flex;\n        align-items: center;\n        gap: 10px;\n    }\n\n    .editorial-sidebar h4 i {\n        color: var(--gold-accent);\n    }\n\n    .resource-list {\n        list-style: none;\n        padding: 0;\n        margin: 0;\n    }\n\n    .resource-list li {\n        padding: 15px 0;\n        border-bottom: 1px solid var(--border-color);\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        transition: transform 0.2s ease;\n    }\n\n    .resource-list li:last-child {\n        border-bottom: none;\n        padding-bottom: 0;\n    }\n\n    .resource-list li:hover {\n        transform: translateX(5px);\n    }\n\n    .resource-list a {\n        text-decoration: none;\n        color: var(--text-dark);\n        font-size: 0.95rem;\n        font-weight: 600;\n        transition: color 0.2s;\n        display: flex;\n        align-items: center;\n        gap: 10px;\n    }\n\n    .resource-list a:hover {\n        color: var(--vino-deep);\n    }\n\n    .resource-list a i {\n        color: var(--vino-light);\n    }\n\n    .file-type {\n        font-size: 0.7rem;\n        font-weight: 800;\n        background: var(--white);\n        padding: 4px 8px;\n        border-radius: 4px;\n        border: 1px solid var(--border-color);\n        color: var(--text-gray);\n    }\n\n    \/* Footer Contacto *\/\n    .contact-bar-editorial {\n        margin-top: 50px;\n        padding: 30px;\n        background-color: var(--cream-bg);\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        border-radius: var(--upm-radius); \/* Ajustado para que se vea bien en m\u00f3vil tambi\u00e9n *\/\n        box-shadow: var(--upm-shadow-sm);\n        border: 1px solid var(--gold-light);\n        border-left: 6px solid var(--vino-deep);\n        opacity: 0;\n        animation: fadeInUp 0.7s ease-out forwards;\n        animation-delay: 0.6s;\n        width: 100%; \/* Asegura que no rebase su contenedor *\/\n    }\n\n    .contact-info-text h5 {\n        margin: 0 0 8px 0;\n        font-size: 1.2rem;\n        font-weight: 800;\n        color: var(--vino-deep);\n        display: flex;\n        align-items: center;\n        gap: 10px;\n    }\n\n    .contact-info-text h5 i {\n        color: var(--gold-accent);\n    }\n\n    .contact-methods {\n        text-align: right;\n    }\n\n    \/* Responsive *\/\n    @media (max-width: 900px) {\n        .upmp-grid-container { grid-template-columns: 1fr; }\n        .upmp-editorial-becas h2 { font-size: 2rem; }\n        \n        \/* Ajustes espec\u00edficos para arreglar el desbordamiento en m\u00f3vil *\/\n        .contact-bar-editorial { \n            flex-direction: column; \n            text-align: left; \n            align-items: flex-start; \n            gap: 15px; \n            padding: 20px; \/* Reducimos el padding para dar m\u00e1s espacio al texto *\/\n        }\n        .contact-methods { \n            text-align: left; \n            width: 100%; \/* Asegura que tome el ancho disponible *\/\n            word-break: break-word; \/* Obliga al correo largo a bajar de l\u00ednea si no cabe *\/\n        }\n    }\n  <\/style>\n\n  <h2><i class=\"fa-solid fa-graduation-cap\"><\/i> Programas de Becas<\/h2>\n  <div class=\"editorial-line\"><\/div>\n  \n  <p class=\"section-intro\">\n      Gesti\u00f3n acad\u00e9mica y financiera para el impulso de la comunidad estudiantil. Consulta las bases y procesos vigentes para el ciclo escolar 2026.\n  <\/p>\n\n  <div class=\"upmp-grid-container\">\n      <div class=\"editorial-main\">\n          \n          <div class=\"beca-card-editorial\">\n              <span class=\"beca-tag\"><i class=\"fa-solid fa-flag-checkered\"><\/i> Convocatoria Federal<\/span>\n              <h3>J\u00f3venes Escribiendo el Futuro<\/h3>\n              <p>Programa de apoyo econ\u00f3mico prioritario para estudiantes de licenciatura, dise\u00f1ado para asegurar la permanencia y el egreso acad\u00e9mico en instituciones p\u00fablicas.<\/p>\n              <a href=\"https:\/\/subes.becasbenitojuarez.gob.mx\/\" target=\"_blank\" class=\"btn-editorial\">\n                  <i class=\"fa-solid fa-up-right-from-square\"><\/i> Acceso Plataforma SUBES\n              <\/a>\n          <\/div>\n\n          <div class=\"becas-aviso\">\n              <i class=\"fa-regular fa-bell\"><\/i>\n              Pr\u00f3ximas convocatorias adicionales se publicar\u00e1n en este apartado.\n          <\/div>\n\n      <\/div>\n\n      <aside class=\"editorial-sidebar\">\n          <h4><i class=\"fa-solid fa-folder-open\"><\/i> Recursos Institucionales<\/h4>\n          <ul class=\"resource-list\">\n              <li>\n                  <a href=\"#\"><i class=\"fa-solid fa-file-pdf\"><\/i> Resolutivo de becas SABEMP<\/a>\n                  <span class=\"file-type\">PDF<\/span>\n              <\/li>\n              <li>\n                  <a href=\"#\"><i class=\"fa-solid fa-file-pdf\"><\/i> Beca de Excelencia Acad\u00e9mica<\/a>\n                  <span class=\"file-type\">PDF<\/span>\n              <\/li>\n              <li>\n                  <a href=\"#\"><i class=\"fa-solid fa-file-word\"><\/i> Formato de Solicitud<\/a>\n                  <span class=\"file-type\">DOC<\/span>\n              <\/li>\n              <li>\n                  <a href=\"#\"><i class=\"fa-solid fa-link\"><\/i> Gu\u00eda de Registro SUBES<\/a>\n                  <span class=\"file-type\">WEB<\/span>\n              <\/li>\n          <\/ul>\n      <\/aside>\n  <\/div>\n\n  <div class=\"contact-bar-editorial\">\n      <div class=\"contact-info-text\">\n          <h5><i class=\"fa-solid fa-headset\"><\/i> Departamento de Vinculaci\u00f3n<\/h5>\n          <p style=\"margin:0; font-size: 0.95rem; color: var(--text-dark);\">Atenci\u00f3n especializada para tr\u00e1mites de becas internas y externas.<\/p>\n      <\/div>\n      <div class=\"contact-methods\">\n          <strong style=\"color: var(--vino-deep); font-size: 1.1rem;\"><i class=\"fa-regular fa-envelope\"><\/i> vinculacion@metropoli.edu.mx<\/strong><br>\n          <small style=\"color: var(--text-gray); font-size: 0.95rem;\"><i class=\"fa-solid fa-phone\"><\/i> Tel: 222 582 52 22 Ext. 111<\/small>\n      <\/div>\n  <\/div>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Programas de Becas Gesti\u00f3n acad\u00e9mica y financiera para el impulso de la comunidad estudiantil. Consulta las bases y procesos vigentes para el ciclo escolar 2026. Convocatoria Federal J\u00f3venes Escribiendo el Futuro Programa de apoyo econ\u00f3mico prioritario para estudiantes de licenciatura, dise\u00f1ado para asegurar la permanencia y el egreso acad\u00e9mico en instituciones p\u00fablicas. Acceso Plataforma SUBES [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":2381,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-4148","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/metropoli.edu.mx\/index.php\/wp-json\/wp\/v2\/pages\/4148","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=4148"}],"version-history":[{"count":2,"href":"https:\/\/metropoli.edu.mx\/index.php\/wp-json\/wp\/v2\/pages\/4148\/revisions"}],"predecessor-version":[{"id":4150,"href":"https:\/\/metropoli.edu.mx\/index.php\/wp-json\/wp\/v2\/pages\/4148\/revisions\/4150"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/metropoli.edu.mx\/index.php\/wp-json\/wp\/v2\/media\/2381"}],"wp:attachment":[{"href":"https:\/\/metropoli.edu.mx\/index.php\/wp-json\/wp\/v2\/media?parent=4148"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}