{"id":4102,"date":"2026-08-22T14:35:58","date_gmt":"2026-08-22T14:35:58","guid":{"rendered":"https:\/\/metropoli.edu.mx\/?page_id=4102"},"modified":"2026-08-22T14:47:33","modified_gmt":"2026-08-22T14:47:33","slug":"oferta-educativa","status":"publish","type":"page","link":"https:\/\/metropoli.edu.mx\/index.php\/oferta-educativa\/","title":{"rendered":"oferta educativa"},"content":{"rendered":"\n<style>\n    \/* --- CONFIGURACI\u00d3N GENERAL --- *\/\n    .oferta-wrapper {\n        color: #333;\n        max-width: 1240px;\n        margin: 0 auto;\n        padding: 40px 20px;\n        font-family: sans-serif; \n    }\n\n    \/* --- ENCABEZADO --- *\/\n    .oferta-header-simple {\n        text-align: center;\n        margin-bottom: 40px;\n    }\n\n    .oferta-subtitle {\n        color: #555;\n        font-size: 18px;\n        font-weight: 500;\n        max-width: 700px;\n        margin: 0 auto;\n        line-height: 1.5;\n    }\n\n    \/* --- GRID --- *\/\n    .oferta-grid {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr); \n        gap: 25px; \n    }\n\n    \/* --- TARJETA BASE --- *\/\n    .oferta-card {\n        display: flex;\n        flex-direction: column; \n        height: 100%; \n        text-decoration: none;\n        border-radius: 16px; \n        overflow: hidden; \n        background-color: #fff;\n        box-shadow: 0 10px 20px rgba(0,0,0,0.08); \n        transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); \n        position: relative;\n    }\n\n    .oferta-card:hover {\n        transform: translateY(-10px); \n        box-shadow: 0 20px 40px rgba(0,0,0,0.2);\n    }\n\n    \/* --- IMAGEN --- *\/\n    .oferta-img-container {\n        height: 200px; \n        width: 100%;\n        overflow: hidden;\n        position: relative;\n    }\n\n    .oferta-img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover; \n        transition: transform 0.6s ease;\n    }\n\n    .oferta-card:hover .oferta-img {\n        transform: scale(1.1); \n    }\n\n    \/* --- CONTENIDO --- *\/\n    .oferta-content {\n        flex: 1;\n        padding: 25px;\n        display: flex;\n        flex-direction: column;\n        color: #fff; \/* Texto blanco para fondo oscuro institucional *\/\n        position: relative;\n    }\n\n    .oferta-card h3 {\n        color: #fff;\n        font-size: 17px;\n        font-weight: 700;\n        text-transform: uppercase;\n        margin: 0 0 12px 0;\n        line-height: 1.3;\n        letter-spacing: 0.5px;\n    }\n\n    .oferta-divider {\n        width: 40px;\n        height: 3px;\n        background-color: rgba(255,255,255,0.6);\n        margin-bottom: 15px;\n        border-radius: 2px;\n    }\n\n    .oferta-card p {\n        color: rgba(255, 255, 255, 0.9);\n        font-size: 14px;\n        line-height: 1.6;\n        margin: 0 0 20px 0;\n    }\n\n    .oferta-arrow {\n        margin-top: auto; \n        font-size: 14px;\n        font-weight: 600;\n        text-transform: uppercase;\n        display: flex;\n        align-items: center;\n        color: #fff;\n        opacity: 0.8;\n        transition: opacity 0.3s;\n    }\n    .oferta-arrow span { margin-left: 8px; font-size: 18px; transition: transform 0.3s;}\n    \n    .oferta-card:hover .oferta-arrow { opacity: 1; }\n    .oferta-card:hover .oferta-arrow span { transform: translateX(5px); }\n\n    \/* --- COLORES INSTITUCIONALES (SOBRIOS Y ELEGANTES) --- *\/\n    \n    \/* Log\u00edstica: Azul Acero\/Institucional (Menos brillante, m\u00e1s serio) *\/\n    .color-logistica .oferta-content { background-color: #006D9E; }\n    \n    \/* Sistemas: Vino Profundo (M\u00e1s oscuro y elegante) *\/\n    .color-sistemas .oferta-content { background-color: #580E45; }\n    \n    \/* Administraci\u00f3n: Verde Bosque\/Esmeralda (Menos lim\u00f3n, m\u00e1s corporativo) *\/\n    .color-gestion .oferta-content { background-color: #2E8B57; }\n    \n    \/* Biotecnolog\u00eda: Terracota\/Ladrillo (Menos naranja ne\u00f3n, m\u00e1s tierra) *\/\n    .color-biotecnologia .oferta-content { background-color: #C25E00; }\n    \n    \/* Turismo: Ocre\/Dorado Oscuro (Menos amarillo, m\u00e1s bronce) *\/\n    .color-turismo .oferta-content { background-color: #B08500; }\n    \n    \/* Econom\u00eda: Verde Petr\u00f3leo\/Teal Oscuro (M\u00e1s profundo y profesional) *\/\n    .color-economia .oferta-content { background-color: #0E7A74; }\n\n    \/* --- RESPONSIVE --- *\/\n    @media (max-width: 1024px) {\n        .oferta-grid { grid-template-columns: repeat(2, 1fr); gap: 20px; }\n    }\n    @media (max-width: 600px) {\n        .oferta-grid { grid-template-columns: 1fr; }\n    }\n<\/style>\n\n<div class=\"oferta-wrapper\">\n    \n    <div class=\"oferta-header-simple\">\n        <p class=\"oferta-subtitle\">Formamos profesionales competitivos con un modelo educativo de vanguardia.<\/p>\n    <\/div>\n\n    <div class=\"oferta-grid\">\n\n        <a href=\"https:\/\/metropoli.edu.mx\/index.php\/ingenieria-en-logistica\/\" class=\"oferta-card color-logistica\">\n            <div class=\"oferta-img-container\">\n                <img decoding=\"async\" src=\"https:\/\/metropoli.edu.mx\/wp-content\/uploads\/2026\/01\/pexels-njeromin-27855217.jpg\" alt=\"Ingenier\u00eda en Log\u00edstica\" class=\"oferta-img\">\n            <\/div>\n            <div class=\"oferta-content\">\n                <h3>Ingenier\u00eda en Log\u00edstica<\/h3>\n                <div class=\"oferta-divider\"><\/div>\n                <p>Domina la cadena de suministro. Planea, organiza y optimiza redes de distribuci\u00f3n global.<\/p>\n                <div class=\"oferta-arrow\">Ver plan de estudios <span>\u2192<\/span><\/div>\n            <\/div>\n        <\/a>\n\n        <a href=\"https:\/\/metropoli.edu.mx\/index.php\/tsu-en-entornos-virtuales-y-negocios-digitales\/\" class=\"oferta-card color-sistemas\">\n            <div class=\"oferta-img-container\">\n                <img decoding=\"async\" src=\"https:\/\/metropoli.edu.mx\/wp-content\/uploads\/2026\/01\/pexels-mizunokozuki-12899156.jpg\" alt=\"Sistemas Computacionales\" class=\"oferta-img\">\n            <\/div>\n            <div class=\"oferta-content\">\n                <h3>Ingenier\u00eda en Tecnolog\u00edas de la Informaci\u00f3n e Innovaci\u00f3n Digital<\/h3>\n                <div class=\"oferta-divider\"><\/div>\n                <p>Desarrolla software, gestiona datos y lidera la transformaci\u00f3n tecnol\u00f3gica digital.<\/p>\n                <div class=\"oferta-arrow\">Ver plan de estudios <span>\u2192<\/span><\/div>\n            <\/div>\n        <\/a>\n\n        <a href=\"https:\/\/metropoli.edu.mx\/index.php\/tsu-gestion-del-capital-humano\/\" class=\"oferta-card color-gestion\">\n            <div class=\"oferta-img-container\">\n                <img decoding=\"async\" src=\"https:\/\/metropoli.edu.mx\/wp-content\/themes\/wens-haelo\/assets\/images\/image-three.jpg\" alt=\"Licenciatura en Administraci\u00f3n\" class=\"oferta-img\">\n            <\/div>\n            <div class=\"oferta-content\">\n                <h3>Licenciatura en Administraci\u00f3n<\/h3>\n                <div class=\"oferta-divider\"><\/div>\n                <p>Lidera organizaciones. Integra finanzas, estrategia y talento humano para el \u00e9xito empresarial.<\/p>\n                <div class=\"oferta-arrow\">Ver plan de estudios <span>\u2192<\/span><\/div>\n            <\/div>\n        <\/a>\n\n        <a href=\"https:\/\/metropoli.edu.mx\/index.php\/tsu-biotecnologia\/\" class=\"oferta-card color-biotecnologia\">\n            <div class=\"oferta-img-container\">\n                <img decoding=\"async\" src=\"https:\/\/metropoli.edu.mx\/wp-content\/uploads\/2026\/01\/bio.jpg\" alt=\"Biotecnolog\u00eda\" class=\"oferta-img\">\n            <\/div>\n            <div class=\"oferta-content\">\n                <h3>Ingenier\u00eda en Biotecnolog\u00eda<\/h3>\n                <div class=\"oferta-divider\"><\/div>\n                <p>Transforma la vida. Innova en procesos farmac\u00e9uticos, alimentarios y ambientales.<\/p>\n                <div class=\"oferta-arrow\">Ver plan de estudios <span>\u2192<\/span><\/div>\n            <\/div>\n        <\/a>\n\n        <a href=\"https:\/\/metropoli.edu.mx\/index.php\/tsu-en-turismo\/\" class=\"oferta-card color-turismo\">\n            <div class=\"oferta-img-container\">\n                <img decoding=\"async\" src=\"https:\/\/metropoli.edu.mx\/wp-content\/uploads\/2026\/02\/Licenciatura-en-Turismo.jpg\" alt=\"Turismo\" class=\"oferta-img\">\n            <\/div>\n            <div class=\"oferta-content\">\n                <h3>Licenciatura en Gesti\u00f3n y Desarrollo Tur\u00edstico<\/h3>\n                <div class=\"oferta-divider\"><\/div>\n                <p>Impulsa el sector tur\u00edstico. Crea experiencias sustentables y gestiona proyectos de alto impacto.<\/p>\n                <div class=\"oferta-arrow\">Ver plan de estudios <span>\u2192<\/span><\/div>\n            <\/div>\n        <\/a>\n\n        <a href=\"https:\/\/metropoli.edu.mx\/index.php\/licenciatura-en-economia-social-y-solidaria\/\" class=\"oferta-card color-economia\">\n            <div class=\"oferta-img-container\">\n                <img decoding=\"async\" src=\"https:\/\/metropoli.edu.mx\/wp-content\/uploads\/2026\/02\/portrait-woman-surrounded-by-money.jpg\" alt=\"Econom\u00eda\" class=\"oferta-img\">\n            <\/div>\n            <div class=\"oferta-content\">\n                <h3>Licenciatura en Econom\u00eda Social y Solidaria<\/h3>\n                <div class=\"oferta-divider\"><\/div>\n                <p>Fomenta el desarrollo equitativo. Dise\u00f1a estrategias econ\u00f3micas con impacto social positivo.<\/p>\n                <div class=\"oferta-arrow\">Ver plan de estudios <span>\u2192<\/span><\/div>\n            <\/div>\n        <\/a>\n\n    <\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Formamos profesionales competitivos con un modelo educativo de vanguardia. Ingenier\u00eda en Log\u00edstica Domina la cadena de suministro. Planea, organiza y optimiza redes de distribuci\u00f3n global. Ver plan de estudios \u2192 Ingenier\u00eda en Tecnolog\u00edas de la Informaci\u00f3n e Innovaci\u00f3n Digital Desarrolla software, gestiona datos y lidera la transformaci\u00f3n tecnol\u00f3gica digital. Ver plan de estudios \u2192 Licenciatura [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":350,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-4102","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/metropoli.edu.mx\/index.php\/wp-json\/wp\/v2\/pages\/4102","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=4102"}],"version-history":[{"count":3,"href":"https:\/\/metropoli.edu.mx\/index.php\/wp-json\/wp\/v2\/pages\/4102\/revisions"}],"predecessor-version":[{"id":4106,"href":"https:\/\/metropoli.edu.mx\/index.php\/wp-json\/wp\/v2\/pages\/4102\/revisions\/4106"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/metropoli.edu.mx\/index.php\/wp-json\/wp\/v2\/media\/350"}],"wp:attachment":[{"href":"https:\/\/metropoli.edu.mx\/index.php\/wp-json\/wp\/v2\/media?parent=4102"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}