{"id":4097,"date":"2026-08-22T14:32:52","date_gmt":"2026-08-22T14:32:52","guid":{"rendered":"https:\/\/metropoli.edu.mx\/?page_id=4097"},"modified":"2026-08-22T14:43:09","modified_gmt":"2026-08-22T14:43:09","slug":"modelo1","status":"publish","type":"page","link":"https:\/\/metropoli.edu.mx\/index.php\/modelo1\/","title":{"rendered":"modelo educativo"},"content":{"rendered":"\n<style>\n    \/* --- CONTENEDOR PRINCIPAL --- *\/\n    .modelo-wrapper {\n        \/* Hereda la fuente de tu tema (Gotham u otra) *\/\n        color: #444;\n        max-width: 1100px;\n        margin: 0 auto;\n        padding: 40px 20px;\n        background-color: transparent;\n    }\n\n    \/* --- LAYOUT FLEXIBLE (Izquierda Imagen \/ Derecha Contenido) --- *\/\n    .modelo-layout {\n        display: flex;\n        gap: 40px;\n        align-items: stretch; \/* Estira para que tengan la misma altura visual *\/\n    }\n\n    \/* --- COLUMNA DE IMAGEN --- *\/\n    .modelo-visual {\n        flex: 1; \/* Ocupa 1 parte del espacio *\/\n        min-width: 300px;\n        position: relative;\n    }\n\n    .modelo-img-container {\n        position: sticky; \/* Mantiene la imagen visible si el texto es largo *\/\n        top: 20px;\n        height: 100%;\n        min-height: 400px;\n        border-radius: 12px;\n        overflow: hidden;\n        box-shadow: 0 10px 30px rgba(0,0,0,0.15);\n        border-bottom: 6px solid #c79b66; \/* Detalle Dorado abajo *\/\n    }\n\n    .modelo-img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        display: block;\n        transition: transform 0.5s ease;\n    }\n    \n    \/* Efecto zoom suave en la imagen al pasar mouse *\/\n    .modelo-img-container:hover .modelo-img {\n        transform: scale(1.03);\n    }\n\n    \/* --- COLUMNA DE GRID (Las 6 tarjetas) --- *\/\n    .modelo-content {\n        flex: 2; \/* Ocupa 2 partes del espacio (m\u00e1s ancho) *\/\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); \/* Auto-ajustable *\/\n        gap: 20px;\n    }\n\n    \/* --- ESTILO DE LAS TARJETAS --- *\/\n    .modelo-card {\n        background-color: #fff;\n        padding: 25px;\n        border-radius: 8px;\n        box-shadow: 0 4px 10px rgba(0,0,0,0.05);\n        border-left: 5px solid #861e34; \/* Borde izquierdo color VINO *\/\n        transition: all 0.3s ease;\n        display: flex;\n        flex-direction: column;\n        justify-content: flex-start;\n    }\n\n    \/* Interacci\u00f3n Hover en la tarjeta *\/\n    .modelo-card:hover {\n        transform: translateY(-5px); \/* Se levanta un poco *\/\n        box-shadow: 0 8px 20px rgba(134, 30, 52, 0.15); \/* Sombra color vino suave *\/\n        border-left-color: #c79b66; \/* Cambia el borde a DORADO *\/\n    }\n\n    \/* T\u00edtulos de las tarjetas *\/\n    .modelo-card h3 {\n        color: #861e34; \/* Color Vino *\/\n        font-size: 18px;\n        font-weight: 700;\n        margin: 0 0 12px 0;\n        text-transform: uppercase;\n        letter-spacing: 0.5px;\n    }\n\n    \/* Texto de las tarjetas *\/\n    .modelo-card p {\n        font-size: 15px;\n        line-height: 1.5;\n        margin: 0;\n        color: #555;\n    }\n\n    \/* --- RESPONSIVE (M\u00f3viles) --- *\/\n    @media (max-width: 768px) {\n        .modelo-layout {\n            flex-direction: column; \/* Pone la imagen arriba y texto abajo *\/\n        }\n        \n        .modelo-visual {\n            min-height: 300px;\n        }\n        \n        .modelo-img-container {\n            min-height: 250px;\n            height: auto;\n        }\n    }\n<\/style>\n\n<div class=\"modelo-wrapper\">\n    <div class=\"modelo-layout\">\n        \n        <div class=\"modelo-visual\">\n            <div class=\"modelo-img-container\">\n                <!-- Se cambi\u00f3 la IP local por el dominio oficial en HTTPS y se removi\u00f3 la carpeta \/wordpress\/ -->\n                <img decoding=\"async\" src=\"https:\/\/metropoli.edu.mx\/wp-content\/uploads\/2026\/01\/8V.png\" alt=\"Estudiantes UPMP\" class=\"modelo-img\">\n            <\/div>\n        <\/div>\n\n        <div class=\"modelo-content\">\n\n            <div class=\"modelo-card\">\n                <h3>Modelo Educativo<\/h3>\n                <p>Las Universidades Polit\u00e9cnicas cuentan con un modelo educativo basado en competencias, diferente al enfoque tradicional y orientado a la formaci\u00f3n profesional.<\/p>\n            <\/div>\n\n            <div class=\"modelo-card\">\n                <h3>Enfoque por Competencias<\/h3>\n                <p>La competencia se entiende como el conjunto de conocimientos, habilidades, destrezas y actitudes necesarias para el desempe\u00f1o en un contexto profesional.<\/p>\n            <\/div>\n\n            <div class=\"modelo-card\">\n                <h3>Dise\u00f1o Curricular<\/h3>\n                <p>El plan de estudios integra las necesidades del entorno laboral con el proceso formativo, asegurando una preparaci\u00f3n acorde a la pr\u00e1ctica profesional.<\/p>\n            <\/div>\n\n            <div class=\"modelo-card\">\n                <h3>Metodolog\u00eda de Aprendizaje<\/h3>\n                <p>Se utilizan estrategias y recursos que simulan situaciones reales para desarrollar la capacidad de an\u00e1lisis, toma de decisiones y resoluci\u00f3n de problemas.<\/p>\n            <\/div>\n\n            <div class=\"modelo-card\">\n                <h3>Caracter\u00edsticas del Modelo<\/h3>\n                <p>El modelo se distingue por contar con 6,000 horas de formaci\u00f3n, tres ciclos educativos, orientaci\u00f3n tecnol\u00f3gica y actualizaci\u00f3n curricular peri\u00f3dica.<\/p>\n            <\/div>\n\n            <div class=\"modelo-card\">\n                <h3>Formaci\u00f3n Complementaria<\/h3>\n                <p>Los programas incluyen asignaturas de ingl\u00e9s, desarrollo humano, estancias profesionales y una estad\u00eda final que fortalece la experiencia laboral.<\/p>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Modelo Educativo Las Universidades Polit\u00e9cnicas cuentan con un modelo educativo basado en competencias, diferente al enfoque tradicional y orientado a la formaci\u00f3n profesional. Enfoque por Competencias La competencia se entiende como el conjunto de conocimientos, habilidades, destrezas y actitudes necesarias para el desempe\u00f1o en un contexto profesional. Dise\u00f1o Curricular El plan de estudios integra las [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":416,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-4097","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/metropoli.edu.mx\/index.php\/wp-json\/wp\/v2\/pages\/4097","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=4097"}],"version-history":[{"count":4,"href":"https:\/\/metropoli.edu.mx\/index.php\/wp-json\/wp\/v2\/pages\/4097\/revisions"}],"predecessor-version":[{"id":4105,"href":"https:\/\/metropoli.edu.mx\/index.php\/wp-json\/wp\/v2\/pages\/4097\/revisions\/4105"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/metropoli.edu.mx\/index.php\/wp-json\/wp\/v2\/media\/416"}],"wp:attachment":[{"href":"https:\/\/metropoli.edu.mx\/index.php\/wp-json\/wp\/v2\/media?parent=4097"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}