{"id":567,"date":"2026-01-28T16:09:57","date_gmt":"2026-01-28T16:09:57","guid":{"rendered":"http:\/\/192.168.0.100\/wordpress\/?page_id=567"},"modified":"2026-03-13T19:32:49","modified_gmt":"2026-03-13T19:32:49","slug":"aspirantes","status":"publish","type":"page","link":"https:\/\/metropoli.edu.mx\/index.php\/aspirantes\/","title":{"rendered":"ASPIRANTES"},"content":{"rendered":"\n<div class=\"upm-adm-section\">\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    .upm-adm-section {\n      --upm-font: inherit;\n      \/* Paleta Pantone Institucional *\/\n      --vino-deep: #5f1b2d;\n      --vino-light: #7a233a;\n      --gold-accent: #c79b66;\n      --gold-light: #e2be96;\n      --cream-bg: #fffded;\n      --text-dark: #333333;\n      --text-gray: #666666;\n      --white: #ffffff;\n      \n      --upm-border: #EAEAEA;\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      font-family: var(--upm-font);\n      color: var(--text-gray);\n      line-height: 1.6;\n      max-width: 1200px; \n      margin: 0 auto;\n      box-sizing: border-box;\n    }\n\n    .upm-adm-section *, \n    .upm-adm-section *::before, \n    .upm-adm-section *::after {\n      box-sizing: inherit;\n    }\n\n    \/* --- ANIMACIONES KEYFRAMES --- *\/\n    @keyframes fadeInUp {\n      from {\n        opacity: 0;\n        transform: translateY(30px);\n      }\n      to {\n        opacity: 1;\n        transform: translateY(0);\n      }\n    }\n\n    \/* --- LAYOUT & CARDS --- *\/\n    .upm-adm-container {\n      display: flex;\n      flex-direction: column;\n      gap: 40px;\n    }\n\n    \/* Nuevo Grid para disposici\u00f3n horizontal *\/\n    .upm-adm-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 30px;\n    }\n\n    .upm-adm-block {\n      background-color: var(--white);\n      padding: 32px 24px;\n      border-radius: var(--upm-radius);\n      border: 1px solid var(--upm-border);\n      border-top: 5px solid var(--vino-light);\n      box-shadow: var(--upm-shadow-sm);\n      transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);\n      \n      \/* Flexbox interno para alinear elementos al fondo *\/\n      display: flex;\n      flex-direction: column;\n      \n      \/* Animaci\u00f3n de entrada *\/\n      opacity: 0;\n      animation: fadeInUp 0.7s ease-out forwards;\n    }\n\n    \/* Efecto cascada para la entrada de las columnas *\/\n    .upm-adm-grid .upm-adm-block:nth-child(1) { animation-delay: 0.2s; }\n    .upm-adm-grid .upm-adm-block:nth-child(2) { animation-delay: 0.4s; }\n    .upm-adm-grid .upm-adm-block:nth-child(3) { animation-delay: 0.6s; }\n\n    .upm-adm-block:hover {\n      transform: translateY(-5px);\n      box-shadow: var(--upm-shadow-hover);\n      border-color: var(--gold-accent);\n    }\n\n    \/* --- TYPOGRAPHY --- *\/\n    .upm-adm-section h2 {\n      font-size: 1.4rem; \n      font-weight: 800;\n      color: var(--vino-deep);\n      margin: 0 0 24px 0;\n      letter-spacing: -0.5px;\n      position: relative;\n      padding-bottom: 12px;\n      display: flex;\n      align-items: center;\n      gap: 12px;\n    }\n\n    .upm-adm-section h2 i {\n      color: var(--gold-accent);\n      font-size: 1.3rem;\n      transition: transform 0.3s ease;\n    }\n\n    .upm-adm-block:hover h2 i {\n      transform: scale(1.1) rotate(5deg);\n    }\n\n    .upm-adm-section h2::after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      width: 50px;\n      height: 3px;\n      background-color: var(--gold-accent);\n      border-radius: 2px;\n      transition: width 0.3s ease;\n    }\n\n    .upm-adm-block:hover h2::after {\n      width: 80px;\n    }\n\n    .upm-adm-section p, \n    .upm-adm-section li {\n      font-size: 1rem;\n      margin-bottom: 12px;\n      color: var(--text-dark);\n    }\n\n    .upm-adm-section strong {\n      color: var(--vino-deep);\n      font-weight: 700;\n    }\n\n    .upm-adm-section a {\n      color: var(--vino-light);\n      text-decoration: underline;\n      text-decoration-color: var(--gold-light);\n      text-decoration-thickness: 2px;\n      text-underline-offset: 3px;\n      transition: all 0.3s;\n    }\n\n    .upm-adm-section a:hover {\n      color: var(--vino-deep);\n      background-color: var(--cream-bg);\n      text-decoration-color: var(--gold-accent);\n    }\n\n    \/* --- BUTTONS --- *\/\n    .upm-adm-buttons {\n      display: flex;\n      justify-content: center;\n      gap: 24px;\n      margin-bottom: 12px;\n      opacity: 0;\n      animation: fadeInUp 0.7s ease-out forwards;\n    }\n\n    .upm-adm-btn {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      gap: 10px;\n      padding: 16px 32px;\n      font-size: 0.95rem;\n      font-weight: 700;\n      letter-spacing: 1px;\n      text-transform: uppercase;\n      text-decoration: none !important;\n      border-radius: var(--upm-radius);\n      transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\n      min-width: 240px;\n      text-align: center;\n      overflow: hidden;\n      position: relative;\n    }\n\n    .upm-adm-btn-primary {\n      background-color: var(--vino-light);\n      color: var(--white) !important;\n      border: 2px solid var(--vino-light);\n      box-shadow: 0 4px 6px rgba(95, 27, 45, 0.2);\n    }\n\n    .upm-adm-btn-primary:hover {\n      background-color: var(--vino-deep);\n      border-color: var(--vino-deep);\n      transform: translateY(-3px);\n      box-shadow: 0 8px 15px rgba(95, 27, 45, 0.3);\n    }\n\n    .upm-adm-btn-outline {\n      background-color: var(--white);\n      color: var(--vino-deep) !important; \/* Mantenemos el color vino oscuro *\/\n      border: 2px solid var(--gold-accent);\n    }\n\n    .upm-adm-btn-outline:hover {\n      background-color: var(--gold-accent); \/* Fondo dorado *\/\n      color: var(--vino-deep) !important; \/* TEXTO OSCURO para un contraste perfecto *\/\n      transform: translateY(-3px);\n      box-shadow: 0 8px 15px rgba(199, 155, 102, 0.3);\n    }\n\n    \/* --- LISTS INTERACTIVAS --- *\/\n    .upm-adm-list-ol {\n      counter-reset: upm-step;\n      list-style: none;\n      padding: 0;\n      margin: 0;\n    }\n\n    .upm-adm-list-ol > li {\n      position: relative;\n      padding-left: 40px;\n      margin-bottom: 24px;\n      transition: transform 0.2s ease, color 0.2s ease;\n    }\n\n    .upm-adm-list-ol > li:hover {\n      transform: translateX(5px);\n    }\n\n    .upm-adm-list-ol > li::before {\n      counter-increment: upm-step;\n      content: counter(upm-step);\n      position: absolute;\n      left: 0;\n      top: -2px;\n      width: 28px;\n      height: 28px;\n      background-color: var(--gold-light);\n      color: var(--vino-deep);\n      font-size: 0.9rem;\n      font-weight: 800;\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n      transition: all 0.3s ease;\n    }\n\n    .upm-adm-list-ol > li:hover::before {\n      background-color: var(--gold-accent);\n      color: var(--white);\n      transform: scale(1.1);\n    }\n\n    .upm-adm-sublist {\n      list-style: none;\n      padding-left: 0;\n      margin-top: 16px;\n      display: grid;\n      gap: 10px;\n      border-left: 2px solid var(--gold-light);\n      padding-left: 16px;\n    }\n\n    .upm-adm-sublist li {\n      transition: transform 0.2s ease;\n      font-size: 0.95rem;\n    }\n    .upm-adm-sublist li:hover {\n      transform: translateX(4px);\n    }\n\n    .upm-adm-sublist li::before {\n      content: \"\\f105\"; \n      font-family: \"Font Awesome 6 Free\";\n      font-weight: 900;\n      color: var(--gold-accent);\n      margin-right: 8px;\n      display: inline-block;\n    }\n\n    \/* --- REQUIREMENTS CHECKLIST --- *\/\n    .upm-adm-req-list {\n      list-style: none;\n      padding: 0;\n      display: grid;\n      grid-template-columns: 1fr;\n      gap: 12px;\n    }\n\n    .upm-adm-req-list li {\n      position: relative;\n      padding-left: 28px;\n      font-size: 0.95rem;\n      transition: transform 0.2s ease;\n      padding-bottom: 8px;\n      border-bottom: 1px dashed transparent;\n    }\n\n    .upm-adm-req-list li:hover {\n      transform: translateX(5px);\n      border-bottom-color: var(--gold-light);\n    }\n\n    .upm-adm-req-list li::before {\n      content: '\\f00c';\n      font-family: \"Font Awesome 6 Free\";\n      font-weight: 900;\n      position: absolute;\n      left: 0;\n      top: 2px;\n      color: var(--vino-light);\n      font-size: 1rem;\n      transition: transform 0.3s ease;\n    }\n\n    .upm-adm-req-list li:hover::before {\n      transform: scale(1.2);\n      color: var(--gold-accent);\n    }\n\n    \/* --- HIGHLIGHTS --- *\/\n    .upm-adm-highlight,\n    .upm-adm-warning {\n      margin-top: auto;\n      padding: 16px;\n      background-color: var(--cream-bg);\n      border: 1px solid var(--gold-light);\n      border-left: 4px solid var(--gold-accent);\n      color: var(--vino-deep);\n      border-radius: 0 var(--upm-radius) var(--upm-radius) 0;\n      display: flex;\n      align-items: center;\n      gap: 16px;\n      transition: all 0.3s ease;\n      font-size: 0.95rem;\n    }\n    \n    .upm-adm-warning {\n      border-left-color: var(--vino-light);\n    }\n\n    .upm-adm-highlight:hover,\n    .upm-adm-warning:hover {\n      background-color: var(--white);\n      box-shadow: 0 4px 10px rgba(199, 155, 102, 0.2);\n    }\n\n    .upm-adm-highlight i {\n      color: var(--gold-accent);\n      font-size: 1.5rem;\n      animation: pulse 2s infinite;\n    }\n    \n    .upm-adm-warning i {\n      color: var(--vino-light);\n      font-size: 1.5rem;\n    }\n\n    @keyframes pulse {\n      0% { transform: scale(1); }\n      50% { transform: scale(1.15); }\n      100% { transform: scale(1); }\n    }\n\n    \/* --- CONTACT --- *\/\n    .upm-adm-contact {\n      text-align: center;\n      border-top: 5px solid var(--gold-accent);\n      background-color: var(--cream-bg);\n      animation-delay: 0.8s;\n    }\n\n    .upm-adm-contact h2 {\n      justify-content: center;\n    }\n\n    .upm-adm-contact h2::after {\n      left: 50%;\n      transform: translateX(-50%);\n    }\n\n    .upm-adm-contact-grid {\n      display: flex;\n      flex-wrap: wrap;\n      justify-content: center;\n      gap: 40px;\n      margin-top: 32px;\n      padding-top: 24px;\n      border-top: 1px solid var(--gold-light);\n    }\n\n    .upm-adm-c-item {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      padding: 15px;\n      border-radius: 8px;\n      transition: background-color 0.3s ease;\n    }\n\n    .upm-adm-c-item:hover {\n      background-color: var(--white);\n      box-shadow: 0 4px 10px rgba(0,0,0,0.05);\n    }\n\n    .upm-adm-c-item i {\n      font-size: 2rem;\n      color: var(--vino-light);\n      margin-bottom: 12px;\n      transition: all 0.3s ease;\n    }\n    \n    .upm-adm-c-item:hover i {\n      transform: translateY(-5px) scale(1.1);\n      color: var(--gold-accent);\n    }\n\n    .upm-adm-c-item span {\n      display: block;\n      font-size: 0.75rem;\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 1.5px;\n      color: var(--text-gray);\n      margin-bottom: 4px;\n    }\n\n    .upm-adm-c-item div, \n    .upm-adm-c-item a {\n      font-size: 1.1rem;\n      color: var(--vino-deep);\n      font-weight: 700;\n      text-decoration: none;\n    }\n\n    \/* --- RESPONSIVE --- *\/\n    @media (max-width: 992px) {\n      .upm-adm-grid {\n        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n      }\n    }\n    \n    @media (max-width: 768px) {\n      .upm-adm-grid {\n        grid-template-columns: 1fr;\n      }\n      .upm-adm-buttons {\n        flex-direction: column;\n      }\n      .upm-adm-btn {\n        width: 100%;\n      }\n      .upm-adm-contact-grid {\n        flex-direction: column;\n        gap: 32px;\n      }\n    }\n  <\/style>\n\n  <div class=\"upm-adm-container\">\n\n    <div class=\"upm-adm-buttons\">\n      <a href=\"#\" class=\"upm-adm-btn upm-adm-btn-primary\">\n        <i class=\"fa-solid fa-paper-plane\"><\/i> SOLICITA INFORMACI\u00d3N\n      <\/a>\n      <a href=\"https:\/\/metropoli.edu.mx\/wp-content\/uploads\/2026\/01\/Convocatoria-UPMP.pdf\" class=\"upm-adm-btn upm-adm-btn-outline\">\n        <i class=\"fa-solid fa-file-pdf\"><\/i> CONVOCATORIA\n      <\/a>\n    <\/div>\n\n    <div class=\"upm-adm-grid\">\n\n        <div class=\"upm-adm-block\">\n          <h2><i class=\"fa-solid fa-user-plus\"><\/i> Pasos para el Registro<\/h2>\n          <ol class=\"upm-adm-list-ol\">\n            <li>\n              <strong>Pago de $615.00<\/strong> por derecho a examen de admisi\u00f3n. \n              <br><span style=\"font-size:0.85em; color:var(--text-gray);\">(Consultar <a href=\"https:\/\/rl.puebla.gob.mx\/\" target=\"_blank\">GU\u00cdA<\/a> para orden de pago).<\/span>\n            <\/li>\n            <li>\n              Presentarse en <strong>CONTROL ESCOLAR<\/strong> con la siguiente lista de documentos:\n              <ul class=\"upm-adm-sublist\">\n                <li>Acta de nacimiento (Orig. y Copia)<\/li>\n                <li>Certificado o Constancia (Orig. y Copia)<\/li>\n                <li><a href=\"https:\/\/www.gob.mx\/curp\/\" target=\"_blank\">CURP<\/a> actualizada (2 copias)<\/li>\n                <li>Comprobante de domicilio (Copia)<\/li>\n                <li><a href=\"http:\/\/www.imss.gob.mx\/tramites\/imss02008\" target=\"_blank\">NSS<\/a> asignado<\/li>\n                <li>2 fotograf\u00edas tama\u00f1o infantil<\/li>\n              <\/ul>\n            <\/li>\n            <li>Dos n\u00fameros de contacto (incluir lada).<\/li>\n          <\/ol>\n          <div class=\"upm-adm-highlight\">\n            <i class=\"fa-solid fa-lightbulb\"><\/i>\n            <div>Recuerda: <strong>\u00a1Si no sabes hablar ingl\u00e9s, nosotros te ense\u00f1amos!<\/strong><\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"upm-adm-block\">\n          <h2><i class=\"fa-solid fa-file-invoice-dollar\"><\/i> \u00d3rdenes de Pago<\/h2>\n          <ol class=\"upm-adm-list-ol\">\n            <li>Ingresar al portal de <a href=\"https:\/\/rl.puebla.gob.mx\/\" target=\"_blank\">Pagos en L\u00ednea del Gobierno de Puebla<\/a>.<\/li>\n            <li>Seleccionar la opci\u00f3n de &#8220;Educaci\u00f3n&#8221; y buscar &#8220;Universidad Polit\u00e9cnica Metropolitana de Puebla&#8221;.<\/li>\n            <li>Elegir el concepto correspondiente (Examen de Admisi\u00f3n o Inscripci\u00f3n).<\/li>\n            <li>Llenar los datos del alumno, imprimir la orden y realizar el pago en ventanilla bancaria.<\/li>\n          <\/ol>\n          <div class=\"upm-adm-warning\">\n            <i class=\"fa-solid fa-circle-exclamation\"><\/i> \n            <div>Es importante conservar el <strong>comprobante original<\/strong> del banco para cualquier aclaraci\u00f3n.<\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"upm-adm-block\">\n          <h2><i class=\"fa-solid fa-list-check\"><\/i> Requisitos de Inscripci\u00f3n<\/h2>\n          <ul class=\"upm-adm-req-list\">\n            <li>Haber aprobado el examen de admisi\u00f3n<\/li>\n            <li>Entregar comprobante de pago original<\/li>\n            <li>Acta de nacimiento (Original y 2 copias)<\/li>\n            <li>Certificado de bachillerato legalizado (Original y 2 copias)<\/li>\n            <li>CURP (2 copias)<\/li>\n            <li>Comprobante de domicilio reciente (2 copias)<\/li>\n            <li>Certificado m\u00e9dico (Instituci\u00f3n p\u00fablica)<\/li>\n            <li>Formato de inscripci\u00f3n llenado<\/li>\n            <li>Carta de buena conducta<\/li>\n          <\/ul>\n          <div class=\"upm-adm-highlight\">\n            <i class=\"fa-solid fa-comments\"><\/i>\n            <div>No necesitas hablar ingl\u00e9s&#8230; <strong>Nosotros te ense\u00f1amos.<\/strong><\/div>\n          <\/div>\n        <\/div>\n\n    <\/div> \n    \n    <div class=\"upm-adm-block upm-adm-contact\">\n      <h2><i class=\"fa-solid fa-address-book\"><\/i> Contacto<\/h2>\n      <p>Para m\u00e1s informaci\u00f3n sobre el proceso de admisi\u00f3n, comun\u00edcate con nosotros.<\/p>\n      \n      <div class=\"upm-adm-contact-grid\">\n        <div class=\"upm-adm-c-item\">\n          <i class=\"fa-solid fa-phone-volume\"><\/i>\n          <span>Tel\u00e9fono<\/span>\n          <div>(01) 222 582 5222<\/div>\n          <div style=\"font-size:0.9rem; font-weight:400; color:var(--text-gray);\">extensi\u00f3n 132, 135 y 136<\/div>\n        <\/div>\n        \n        <div class=\"upm-adm-c-item\">\n          <i class=\"fa-brands fa-whatsapp\"><\/i>\n          <span>Whatsapp<\/span>\n          <div>222 707 55 84<\/div>\n        <\/div>\n        \n        <div class=\"upm-adm-c-item\">\n          <i class=\"fa-solid fa-envelope-open-text\"><\/i>\n          <span>Correo<\/span>\n          <a href=\"mailto:info@metropoli.edu.mx\">info@metropoli.edu.mx<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>SOLICITA INFORMACI\u00d3N CONVOCATORIA Pasos para el Registro Pago de $615.00 por derecho a examen de admisi\u00f3n. (Consultar GU\u00cdA para orden de pago). Presentarse en CONTROL ESCOLAR con la siguiente lista de documentos: Acta de nacimiento (Orig. y Copia) Certificado o Constancia (Orig. y Copia) CURP actualizada (2 copias) Comprobante de domicilio (Copia) NSS asignado 2 [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":571,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-567","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/metropoli.edu.mx\/index.php\/wp-json\/wp\/v2\/pages\/567","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=567"}],"version-history":[{"count":19,"href":"https:\/\/metropoli.edu.mx\/index.php\/wp-json\/wp\/v2\/pages\/567\/revisions"}],"predecessor-version":[{"id":2134,"href":"https:\/\/metropoli.edu.mx\/index.php\/wp-json\/wp\/v2\/pages\/567\/revisions\/2134"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/metropoli.edu.mx\/index.php\/wp-json\/wp\/v2\/media\/571"}],"wp:attachment":[{"href":"https:\/\/metropoli.edu.mx\/index.php\/wp-json\/wp\/v2\/media?parent=567"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}