{"id":437,"date":"2026-01-23T17:59:53","date_gmt":"2026-01-23T17:59:53","guid":{"rendered":"http:\/\/192.168.0.100\/wordpress\/?page_id=437"},"modified":"2026-07-13T16:51:58","modified_gmt":"2026-07-13T16:51:58","slug":"internacionalizacion","status":"publish","type":"page","link":"https:\/\/metropoli.edu.mx\/index.php\/internacionalizacion\/","title":{"rendered":"internacionalizaci\u00f3n"},"content":{"rendered":"\n<style>\n  \/* Variables de color de tu marca *\/\n  :root {\n    --color-vino: #861E34;\n    --color-dorado: #C79B66;\n    --fuente-principal: 'Gotham', 'Gotham 275', 'Montserrat', 'Helvetica Neue', sans-serif;\n  }\n\n  #contenido-internacional {\n    font-family: var(--fuente-principal);\n    color: #444;\n    max-width: 1100px;\n    margin: 40px auto;\n    background-color: #fff;\n    padding: 0 15px;\n  }\n\n  \/* CLASE NUEVA PARA LOS ICONOS SVG *\/\n  .icon-svg {\n    width: 24px;\n    height: 24px;\n    fill: currentColor; \/* Toma el color del texto padre *\/\n    display: inline-block;\n    vertical-align: middle;\n    flex-shrink: 0;\n  }\n\n  \/* Layout Principal (2 Columnas) *\/\n  .main-layout {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 50px;\n  }\n  .col-izquierda { flex: 2; min-width: 300px; }\n  .col-derecha { flex: 1; min-width: 280px; }\n\n  \/* T\u00edtulos estilo \"Pastilla\" (Vino) *\/\n  .titulo-seccion {\n    background-color: var(--color-vino);\n    color: white;\n    padding: 10px 30px;\n    border-radius: 50px;\n    font-size: 1.3rem;\n    font-weight: 700;\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n    margin-bottom: 25px;\n    box-shadow: 0 4px 6px rgba(134, 30, 52, 0.2);\n  }\n  \/* Ajuste tama\u00f1o icono en t\u00edtulo *\/\n  .titulo-seccion .icon-svg {\n    width: 28px; \n    height: 28px;\n  }\n\n  \/* Texto Intro *\/\n  .texto-intro {\n    line-height: 1.8;\n    margin-bottom: 40px;\n    font-size: 1rem;\n    color: #555;\n    text-align: justify;\n  }\n\n  \/* Grid de Beneficios *\/\n  .grid-beneficios {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n    gap: 20px;\n  }\n   \n  .tarjeta-beneficio {\n    background: #fff;\n    border: 1px solid #eee;\n    border-left: 5px solid var(--color-dorado);\n    border-radius: 12px;\n    padding: 20px;\n    box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 15px;\n    transition: transform 0.3s ease;\n  }\n  .tarjeta-beneficio:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 10px 20px rgba(0,0,0,0.1);\n  }\n   \n  .icono-dorado {\n    \/* Eliminamos font-size porque ahora usamos SVG con width\/height *\/\n    color: var(--color-dorado); \n    display: flex;\n    align-items: center;\n  }\n  \/* Tama\u00f1o espec\u00edfico para iconos de beneficios *\/\n  .icono-dorado .icon-svg {\n    width: 42px; \n    height: 42px;\n  }\n   \n  .texto-beneficio {\n    font-weight: 600;\n    font-size: 0.95rem;\n    margin: 0;\n    line-height: 1.4;\n  }\n\n  \/* --- COLUMNA DERECHA --- *\/\n\n  \/* Bot\u00f3n de Descarga *\/\n  .boton-descarga {\n    background-color: var(--color-vino);\n    color: white;\n    border: 2px solid var(--color-vino);\n    border-radius: 50px;\n    padding: 30px 20px;\n    text-align: center;\n    margin-bottom: 40px;\n    box-shadow: 0 8px 20px rgba(134, 30, 52, 0.3);\n    cursor: pointer;\n    transition: all 0.3s ease;\n    text-decoration: none;\n    display: flex; \/* Para centrar icono y texto si agregas uno *\/\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n  }\n  .boton-descarga:hover {\n    background-color: #fff;\n    color: var(--color-vino);\n    border-color: var(--color-vino);\n  }\n  \/* Icono dentro del bot\u00f3n *\/\n  .boton-descarga .icon-svg {\n    width: 40px;\n    height: 40px;\n    margin-bottom: 10px;\n  }\n  .boton-descarga h3 { margin: 0; font-size: 1.4rem; font-weight: 700; }\n  .boton-descarga span { \n    font-weight: 400; \n    font-size: 1rem; \n    text-transform: uppercase; \n    letter-spacing: 1px;\n    border-bottom: 1px solid var(--color-dorado);\n  }\n\n  \/* Caja Alianzas *\/\n  .caja-alianzas {\n    background-color: #f9f9f9;\n    border-top: 4px solid var(--color-dorado);\n    border-radius: 10px;\n    padding: 25px;\n    text-align: center;\n  }\n  .titulo-alianzas {\n    color: var(--color-vino);\n    font-weight: 700;\n    margin-bottom: 20px;\n    display: block;\n  }\n   \n  .logos-flex {\n    display: flex;\n    justify-content: center;\n    flex-wrap: wrap;\n    gap: 15px;\n  }\n  .logo-placeholder {\n    width: 60px;\n    height: 60px;\n    background: white;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border: 1px solid #ddd;\n    color: #888;\n    font-size: 0.7rem;\n    font-weight: bold;\n  }\n\n  @media (max-width: 768px) {\n    .main-layout { flex-direction: column; gap: 30px; }\n    .boton-descarga { margin-top: 20px; }\n  }\n<\/style>\n\n<div id=\"contenido-internacional\">\n\n  <div class=\"main-layout\">\n    \n    <div class=\"col-izquierda\">\n      \n      <div class=\"titulo-seccion\">\n        <svg class=\"icon-svg\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z\"><\/path><\/svg>\n        Movilidad Internacional\n      <\/div>\n      \n      <p class=\"texto-intro\">\n        La UPMP te ofrece la posibilidad de vivir una experiencia en el extranjero a trav\u00e9s de diversos programas de becas como CUNY, SEP-B\u00e9calos-Santander, Movilidad Internacional Canad\u00e1, Proyecta 100 Mil, Proyecta 10 Mil as\u00ed como campamentos de verano.\n      <\/p>\n\n      <div class=\"titulo-seccion\">\n        <svg class=\"icon-svg\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M12 7.27l4.28 10.43-3.47-5.96-.81-1.4.81-1.4 3.47-5.96L12 7.27M12 2L4.5 20.29l.71.71L12 18l6.79 3 .71-.71L12 2zm0 0\"><\/path><\/svg>\n        Beneficios:\n      <\/div>\n\n      <div class=\"grid-beneficios\">\n        \n        <div class=\"tarjeta-beneficio\">\n          <span class=\"icono-dorado\">\n             <svg class=\"icon-svg\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M13 3c-3.31 0-6 2.69-6 6 0 1.94 1.05 3.59 2.55 4.54l-1.63 2.94c-.2.37.06.82.49.82h8.19c.42 0 .69-.45.49-.82l-1.63-2.94C16.95 12.59 18 10.94 18 9c0-3.31-2.69-6-6-6zm-1.8 12.2l.62-1.12.36-.65.36.65.62 1.12h-1.96zM13 11c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z\"><\/path><\/svg>\n          <\/span> \n          <p class=\"texto-beneficio\">Ampliar tus conocimientos adquiridos en la Universidad.<\/p>\n        <\/div>\n\n        <div class=\"tarjeta-beneficio\">\n          <span class=\"icono-dorado\">\n             <svg class=\"icon-svg\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M12 3L1 9l11 6 9-4.91V17h2V9L12 3zM5 13.18v4L12 21l7-3.82v-4L12 17l-7-3.82z\"><\/path><\/svg>\n          <\/span>\n          <p class=\"texto-beneficio\">Vincular programas acad\u00e9micos con instituciones internacionales.<\/p>\n        <\/div>\n\n        <div class=\"tarjeta-beneficio\">\n          <span class=\"icono-dorado\">\n             <svg class=\"icon-svg\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM6 9h12v2H6V9zm8 5H6v-2h8v2zm4-6H6V6h12v2z\"><\/path><\/svg>\n          <\/span>\n          <p class=\"texto-beneficio\">Desarrollar el dominio de una o varias lenguas extranjeras.<\/p>\n        <\/div>\n\n        <div class=\"tarjeta-beneficio\">\n          <span class=\"icono-dorado\">\n             <svg class=\"icon-svg\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M19.33 4.88c-.37-.25-.83-.34-1.25-.23-.21.05-.4.15-.56.28l-2.73 2.11c-1.01.78-1.55 2.05-1.42 3.32l.06.6c.11 1.09.91 2.01 1.98 2.29l1.49.39c.81.21 1.66-.23 1.95-1.01l1.59-4.3c.31-.83-.02-1.75-.76-2.22l-.35-.23zM9.41 12.86l1.49-.39c1.07-.28 1.87-1.2 1.98-2.29l.06-.6c.13-1.27-.41-2.54-1.42-3.32L8.79 4.15c-.16-.13-.35-.23-.56-.28-.42-.11-.88-.02-1.25.23l-.35.23c-.74.47-1.07 1.39-.76 2.22l1.59 4.3c.29.78 1.14 1.22 1.95 1.01zM22 17l-4.71-4.71c-1.02.77-2.28 1.22-3.64 1.22-1.18 0-2.28-.34-3.23-.92L2 21h20z\"><\/path><\/svg>\n          <\/span>\n          <p class=\"texto-beneficio\">Conocer otras culturas y ampliar tu red profesional.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n\n\n\n      <div class=\"caja-alianzas\">\n        <span class=\"titulo-alianzas\">Nuestras Alianzas Internacionales:<\/span>\n        \n        <div class=\"logos-flex\">\n          <div class=\"logo-placeholder\">USP<\/div>\n          <div class=\"logo-placeholder\">CUNY<\/div>\n          <div class=\"logo-placeholder\">USAL<\/div>\n          <div class=\"logo-placeholder\">CHILE<\/div>\n          <div class=\"logo-placeholder\">WSO<\/div>\n          <div class=\"logo-placeholder\">NA<\/div>\n        <\/div>\n        \n        <p style=\"font-size: 0.8rem; color: #888; margin-top: 15px; font-style: italic;\">\n          *Precios y programas sujetos a cambios.\n        <\/p>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Movilidad Internacional La UPMP te ofrece la posibilidad de vivir una experiencia en el extranjero a trav\u00e9s de diversos programas de becas como CUNY, SEP-B\u00e9calos-Santander, Movilidad Internacional Canad\u00e1, Proyecta 100 Mil, Proyecta 10 Mil as\u00ed como campamentos de verano. Beneficios: Ampliar tus conocimientos adquiridos en la Universidad. Vincular programas acad\u00e9micos con instituciones internacionales. Desarrollar el [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":496,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-437","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/metropoli.edu.mx\/index.php\/wp-json\/wp\/v2\/pages\/437","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=437"}],"version-history":[{"count":12,"href":"https:\/\/metropoli.edu.mx\/index.php\/wp-json\/wp\/v2\/pages\/437\/revisions"}],"predecessor-version":[{"id":2153,"href":"https:\/\/metropoli.edu.mx\/index.php\/wp-json\/wp\/v2\/pages\/437\/revisions\/2153"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/metropoli.edu.mx\/index.php\/wp-json\/wp\/v2\/media\/496"}],"wp:attachment":[{"href":"https:\/\/metropoli.edu.mx\/index.php\/wp-json\/wp\/v2\/media?parent=437"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}