{"id":6073,"date":"2026-09-15T12:51:43","date_gmt":"2026-09-15T18:51:43","guid":{"rendered":"http:\/\/192.168.1.237:8018\/?page_id=6073"},"modified":"2026-09-15T12:58:39","modified_gmt":"2026-09-15T18:58:39","slug":"modalidad-mixta","status":"publish","type":"page","link":"https:\/\/utcancun.edu.mx\/index.php\/modalidad-mixta\/","title":{"rendered":"Modalidad Mixta"},"content":{"rendered":"\n<style>\n\n\/* ==========================================================\n   MODALIDAD MIXTA - UT CANC\u00daN\n========================================================== *\/\n\n#ut-mixta {\n\n    --ut-turquesa: #2bada6;\n    --ut-turquesa-dark: #168d88;\n    --ut-turquesa-light: #e9f8f7;\n\n    --ut-navy: #172946;\n\n    --ut-text: #505b68;\n    --ut-muted: #7b8490;\n\n    --ut-border: #e3e8ed;\n    --ut-white: #ffffff;\n\n    max-width: 1250px;\n\n    margin: 0 auto;\n\n    padding: 60px 20px 85px;\n\n    box-sizing: border-box;\n}\n\n\n#ut-mixta *,\n#ut-mixta *::before,\n#ut-mixta *::after {\n\n    box-sizing: border-box;\n\n}\n\n\n\/* ==========================================================\n   ENCABEZADO\n========================================================== *\/\n\n#ut-mixta .utm-hero {\n\n    max-width: 900px;\n\n    margin: 0 auto 55px;\n\n    text-align: center;\n\n}\n\n\n#ut-mixta .utm-kicker {\n\n    display: block;\n\n    margin-bottom: 10px;\n\n    color: var(--ut-turquesa-dark);\n\n    font-size: 12px;\n\n    font-weight: 700;\n\n    letter-spacing: 2px;\n\n    text-transform: uppercase;\n\n}\n\n\n#ut-mixta .utm-hero h1 {\n\n    margin: 0;\n\n    color: var(--ut-navy);\n\n    font-size: clamp(36px, 5vw, 52px);\n\n    font-weight: 700;\n\n    line-height: 1.15;\n\n}\n\n\n#ut-mixta .utm-hero h1 span {\n\n    color: var(--ut-turquesa);\n\n}\n\n\n#ut-mixta .utm-line {\n\n    width: 65px;\n    height: 4px;\n\n    margin: 20px auto;\n\n    border-radius: 50px;\n\n    background: var(--ut-turquesa);\n\n}\n\n\n#ut-mixta .utm-hero p {\n\n    max-width: 760px;\n\n    margin: 0 auto;\n\n    color: var(--ut-text);\n\n    font-size: 16px;\n\n    line-height: 1.75;\n\n}\n\n\n\/* ==========================================================\n   ENCABEZADO PROGRAMAS\n========================================================== *\/\n\n#ut-mixta .utm-section-header {\n\n    display: flex;\n\n    justify-content: space-between;\n\n    align-items: flex-end;\n\n    gap: 25px;\n\n    margin-bottom: 28px;\n\n}\n\n\n#ut-mixta .utm-section-label {\n\n    display: block;\n\n    margin-bottom: 7px;\n\n    color: var(--ut-turquesa-dark);\n\n    font-size: 11px;\n\n    font-weight: 700;\n\n    letter-spacing: 1.7px;\n\n    text-transform: uppercase;\n\n}\n\n\n#ut-mixta .utm-section-header h2 {\n\n    margin: 0;\n\n    color: var(--ut-navy);\n\n    font-size: 29px;\n\n    font-weight: 700;\n\n}\n\n\n#ut-mixta .utm-total {\n\n    display: inline-flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    padding: 8px 15px;\n\n    border-radius: 100px;\n\n    background: var(--ut-turquesa-light);\n\n    color: var(--ut-turquesa-dark);\n\n    font-size: 12px;\n\n    font-weight: 700;\n\n}\n\n\n\/* ==========================================================\n   GRID\n========================================================== *\/\n\n#ut-mixta .utm-grid {\n\n    display: grid;\n\n    grid-template-columns:\n        repeat(3, minmax(0, 1fr));\n\n    gap: 20px;\n\n}\n\n\n\/* ==========================================================\n   TARJETA\n========================================================== *\/\n\n#ut-mixta .utm-card {\n\n    position: relative;\n\n    display: flex;\n\n    flex-direction: column;\n\n    min-height: 300px;\n\n    padding: 27px;\n\n    overflow: hidden;\n\n    border: 1px solid var(--ut-border);\n\n    border-radius: 18px;\n\n    background:\n        linear-gradient(\n            145deg,\n            #ffffff 0%,\n            #f8fcfb 100%\n        );\n\n    color: inherit;\n\n    text-decoration: none !important;\n\n    box-shadow:\n        0 7px 24px rgba(23, 41, 70, .04);\n\n    transition:\n        transform .28s ease,\n        border-color .28s ease,\n        box-shadow .28s ease;\n\n}\n\n\n\/* L\u00cdNEA SUPERIOR *\/\n\n#ut-mixta .utm-card::before {\n\n    content: \"\";\n\n    position: absolute;\n\n    top: 0;\n    left: 0;\n    right: 0;\n\n    height: 4px;\n\n    background: var(--ut-turquesa);\n\n    transform: scaleX(0);\n\n    transform-origin: left;\n\n    transition: transform .3s ease;\n\n}\n\n\n#ut-mixta .utm-card:hover {\n\n    transform: translateY(-6px);\n\n    border-color:\n        rgba(43, 173, 166, .45);\n\n    box-shadow:\n        0 17px 38px\n        rgba(23, 41, 70, .10);\n\n}\n\n\n#ut-mixta .utm-card:hover::before {\n\n    transform: scaleX(1);\n\n}\n\n\n\/* ==========================================================\n   PARTE SUPERIOR\n========================================================== *\/\n\n#ut-mixta .utm-card-top {\n\n    display: flex;\n\n    justify-content: space-between;\n\n    align-items: flex-start;\n\n    margin-bottom: 25px;\n\n}\n\n\n\/* ==========================================================\n   ICONOS\n========================================================== *\/\n\n#ut-mixta .utm-icon {\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    width: 57px;\n    height: 57px;\n\n    border-radius: 14px;\n\n    background: var(--ut-turquesa-light);\n\n    color: var(--ut-turquesa-dark);\n\n    transition:\n        background .25s ease,\n        color .25s ease,\n        transform .25s ease;\n\n}\n\n\n#ut-mixta .utm-card:hover .utm-icon {\n\n    background: var(--ut-turquesa);\n\n    color: white;\n\n    transform: scale(1.05);\n\n}\n\n\n#ut-mixta .utm-icon svg {\n\n    width: 28px;\n    height: 28px;\n\n    fill: none;\n\n    stroke: currentColor;\n\n    stroke-width: 1.8;\n\n    stroke-linecap: round;\n\n    stroke-linejoin: round;\n\n}\n\n\n\/* ==========================================================\n   N\u00daMERO\n========================================================== *\/\n\n#ut-mixta .utm-number {\n\n    color: #bbc2c9;\n\n    font-size: 11px;\n\n    font-weight: 700;\n\n    letter-spacing: 1px;\n\n}\n\n\n\/* ==========================================================\n   ETIQUETA\n========================================================== *\/\n\n#ut-mixta .utm-tag {\n\n    display: inline-flex;\n\n    width: fit-content;\n\n    margin-bottom: 10px;\n\n    padding: 5px 10px;\n\n    border-radius: 50px;\n\n    background: var(--ut-turquesa-light);\n\n    color: var(--ut-turquesa-dark);\n\n    font-size: 9px;\n\n    font-weight: 800;\n\n    letter-spacing: .7px;\n\n    text-transform: uppercase;\n\n}\n\n\n\/* ==========================================================\n   CONTENIDO\n========================================================== *\/\n\n#ut-mixta .utm-content {\n\n    flex: 1;\n\n}\n\n\n#ut-mixta .utm-content h3 {\n\n    margin: 0;\n\n    color: var(--ut-navy);\n\n    font-size: 17px;\n\n    font-weight: 700;\n\n    line-height: 1.5;\n\n    transition: color .25s ease;\n\n}\n\n\n#ut-mixta .utm-card:hover .utm-content h3 {\n\n    color: var(--ut-turquesa-dark);\n\n}\n\n\n\/* ==========================================================\n   PIE DE TARJETA\n========================================================== *\/\n\n#ut-mixta .utm-link {\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: space-between;\n\n    gap: 10px;\n\n    margin-top: 22px;\n\n    padding-top: 17px;\n\n    border-top: 1px solid var(--ut-border);\n\n    color: var(--ut-turquesa-dark);\n\n    font-size: 12px;\n\n    font-weight: 700;\n\n}\n\n\n#ut-mixta .utm-arrow {\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    width: 31px;\n    height: 31px;\n\n    border-radius: 50%;\n\n    background: var(--ut-turquesa-light);\n\n    color: var(--ut-turquesa-dark);\n\n    font-size: 17px;\n\n    transition:\n        background .25s ease,\n        color .25s ease,\n        transform .25s ease;\n\n}\n\n\n#ut-mixta .utm-card:hover .utm-arrow {\n\n    background: var(--ut-turquesa);\n\n    color: white;\n\n    transform: translateX(3px);\n\n}\n\n\n\/* ==========================================================\n   INFORMACI\u00d3N DE MODALIDAD\n========================================================== *\/\n\n#ut-mixta .utm-info {\n\n    display: grid;\n\n    grid-template-columns:\n        repeat(3, minmax(0, 1fr));\n\n    gap: 12px;\n\n    margin-top: 35px;\n\n}\n\n\n#ut-mixta .utm-info-item {\n\n    padding: 17px;\n\n    border: 1px solid var(--ut-border);\n\n    border-radius: 12px;\n\n    background: #f8fafb;\n\n}\n\n\n#ut-mixta .utm-info-item strong {\n\n    display: block;\n\n    margin-bottom: 4px;\n\n    color: var(--ut-navy);\n\n    font-size: 12px;\n\n}\n\n\n#ut-mixta .utm-info-item span {\n\n    color: var(--ut-muted);\n\n    font-size: 11px;\n\n    line-height: 1.5;\n\n}\n\n\n\/* ==========================================================\n   AVISO\n========================================================== *\/\n\n#ut-mixta .utm-note {\n\n    display: flex;\n\n    align-items: flex-start;\n\n    gap: 11px;\n\n    margin-top: 20px;\n\n    padding: 16px 18px;\n\n    border-radius: 12px;\n\n    background: #f5f7f9;\n\n    color: var(--ut-muted);\n\n    font-size: 12px;\n\n    line-height: 1.65;\n\n}\n\n\n#ut-mixta .utm-note-icon {\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    width: 22px;\n    height: 22px;\n\n    flex: 0 0 22px;\n\n    border-radius: 50%;\n\n    background: var(--ut-turquesa-light);\n\n    color: var(--ut-turquesa-dark);\n\n    font-weight: 800;\n\n}\n\n\n\/* ==========================================================\n   REGRESAR\n========================================================== *\/\n\n#ut-mixta .utm-back {\n\n    display: flex;\n\n    justify-content: center;\n\n    margin-top: 45px;\n\n}\n\n\n#ut-mixta .utm-back a {\n\n    display: inline-flex;\n\n    align-items: center;\n\n    gap: 8px;\n\n    padding: 11px 18px;\n\n    border: 1px solid var(--ut-border);\n\n    border-radius: 10px;\n\n    background: white;\n\n    color: var(--ut-navy);\n\n    text-decoration: none !important;\n\n    font-size: 13px;\n\n    font-weight: 700;\n\n    transition: .25s ease;\n\n}\n\n\n#ut-mixta .utm-back a:hover {\n\n    border-color: var(--ut-turquesa);\n\n    color: var(--ut-turquesa-dark);\n\n}\n\n\n\/* ==========================================================\n   RESPONSIVE TABLET\n========================================================== *\/\n\n@media (max-width: 950px) {\n\n    #ut-mixta .utm-grid {\n\n        grid-template-columns:\n            repeat(2, minmax(0, 1fr));\n\n    }\n\n\n    #ut-mixta .utm-card:last-child {\n\n        grid-column: 1 \/ -1;\n\n        width: 50%;\n\n        justify-self: center;\n\n    }\n\n\n    #ut-mixta .utm-info {\n\n        grid-template-columns: 1fr;\n\n    }\n\n}\n\n\n\/* ==========================================================\n   RESPONSIVE CELULAR\n========================================================== *\/\n\n@media (max-width: 620px) {\n\n    #ut-mixta {\n\n        padding:\n            35px\n            13px\n            55px;\n\n    }\n\n\n    #ut-mixta .utm-hero {\n\n        margin-bottom: 42px;\n\n    }\n\n\n    #ut-mixta .utm-hero h1 {\n\n        font-size: 34px;\n\n    }\n\n\n    #ut-mixta .utm-hero p {\n\n        font-size: 14px;\n\n    }\n\n\n    #ut-mixta .utm-section-header {\n\n        display: block;\n\n    }\n\n\n    #ut-mixta .utm-section-header h2 {\n\n        margin-bottom: 12px;\n\n        font-size: 25px;\n\n    }\n\n\n    #ut-mixta .utm-grid {\n\n        grid-template-columns: 1fr;\n\n        gap: 13px;\n\n    }\n\n\n    #ut-mixta .utm-card,\n    #ut-mixta .utm-card:last-child {\n\n        width: 100%;\n\n        min-height: auto;\n\n        grid-column: auto;\n\n        padding: 21px;\n\n    }\n\n\n    #ut-mixta .utm-content h3 {\n\n        font-size: 15px;\n\n    }\n\n}\n\n<\/style>\n\n\n\n<section id=\"ut-mixta\">\n\n\n    <!-- =====================================================\n         ENCABEZADO\n    ====================================================== -->\n\n    <header class=\"utm-hero\">\n\n        <span class=\"utm-kicker\">\n\n            OFERTA ACAD\u00c9MICA\n\n        <\/span>\n\n\n        <h1>\n\n            Modalidad\n            <span>Mixta<\/span>\n\n        <\/h1>\n\n\n        <div class=\"utm-line\"><\/div>\n\n\n        <p>\n\n            Conoce nuestros programas educativos disponibles en modalidad\n            mixta, una opci\u00f3n dise\u00f1ada para brindar mayor flexibilidad\n            durante tu formaci\u00f3n universitaria.\n\n        <\/p>\n\n    <\/header>\n\n\n\n    <!-- =====================================================\n         PROGRAMAS\n    ====================================================== -->\n\n    <div class=\"utm-section-header\">\n\n        <div>\n\n            <span class=\"utm-section-label\">\n\n                PROGRAMAS EDUCATIVOS\n\n            <\/span>\n\n            <h2>\n\n                Encuentra tu carrera\n\n            <\/h2>\n\n        <\/div>\n\n\n        <span class=\"utm-total\">\n\n            3 programas\n\n        <\/span>\n\n    <\/div>\n\n\n\n    <!-- =====================================================\n         GRID\n    ====================================================== -->\n\n    <div class=\"utm-grid\">\n\n\n        <!-- =================================================\n             CONTADUR\u00cdA\n        ================================================== -->\n\n        <a href=\"\/index.php\/contaduria-2\/\" class=\"utm-card\">\n\n            <div class=\"utm-card-top\">\n\n\n                <div class=\"utm-icon\">\n\n                    <svg viewBox=\"0 0 24 24\">\n\n                        <rect x=\"4\" y=\"3\" width=\"16\" height=\"18\" rx=\"2\">\n                        <\/rect>\n\n                        <path d=\"M8 7h8\"><\/path>\n\n                        <path d=\"M8 11h2\"><\/path>\n\n                        <path d=\"M14 11h2\"><\/path>\n\n                        <path d=\"M8 15h2\"><\/path>\n\n                        <path d=\"M14 15h2\"><\/path>\n\n                    <\/svg>\n\n                <\/div>\n\n\n                <span class=\"utm-number\">\n\n                    01\n\n                <\/span>\n\n\n            <\/div>\n\n\n\n            <div class=\"utm-content\">\n\n\n                <span class=\"utm-tag\">\n\n                    Modalidad Mixta\n\n                <\/span>\n\n\n                <h3>\n\n                    Licenciatura en Contadur\u00eda\n\n                <\/h3>\n\n\n            <\/div>\n\n\n\n            <div class=\"utm-link\">\n\n                <span>\n\n                    Conocer programa\n\n                <\/span>\n\n\n                <span class=\"utm-arrow\">\n\n                    \u2192\n\n                <\/span>\n\n            <\/div>\n\n\n        <\/a>\n\n\n\n        <!-- =================================================\n             GESTI\u00d3N Y DESARROLLO TUR\u00cdSTICO\n        ================================================== -->\n\n        <a href=\"\/index.php\/desarrollo-productos-alternativos\/\" class=\"utm-card\">\n\n            <div class=\"utm-card-top\">\n\n\n                <div class=\"utm-icon\">\n\n                    <svg viewBox=\"0 0 24 24\">\n\n                        <circle cx=\"12\" cy=\"12\" r=\"9\">\n                        <\/circle>\n\n                        <path d=\"M3 12h18\"><\/path>\n\n                        <path d=\"M12 3a15 15 0 0 1 0 18\"><\/path>\n\n                        <path d=\"M12 3a15 15 0 0 0 0 18\"><\/path>\n\n                    <\/svg>\n\n                <\/div>\n\n\n                <span class=\"utm-number\">\n\n                    02\n\n                <\/span>\n\n\n            <\/div>\n\n\n\n            <div class=\"utm-content\">\n\n\n                <span class=\"utm-tag\">\n\n                    Modalidad Mixta\n\n                <\/span>\n\n\n                <h3>\n\n                    Licenciatura en Gesti\u00f3n y Desarrollo Tur\u00edstico\n\n                <\/h3>\n\n\n            <\/div>\n\n\n\n            <div class=\"utm-link\">\n\n                <span>\n\n                    Conocer programa\n\n                <\/span>\n\n\n                <span class=\"utm-arrow\">\n\n                    \u2192\n\n                <\/span>\n\n            <\/div>\n\n\n        <\/a>\n\n\n\n        <!-- =================================================\n             GASTRONOM\u00cdA\n        ================================================== -->\n\n        <a href=\"\/index.php\/gastronomia-2\/\" class=\"utm-card\">\n\n            <div class=\"utm-card-top\">\n\n\n                <div class=\"utm-icon\">\n\n                    <svg viewBox=\"0 0 24 24\">\n\n                        <path d=\"M6 3v7\"><\/path>\n\n                        <path d=\"M3 3v4a3 3 0 0 0 6 0V3\"><\/path>\n\n                        <path d=\"M6 10v11\"><\/path>\n\n                        <path d=\"M15 3v18\"><\/path>\n\n                        <path d=\"M15 3c4 1 5 4 5 7h-5\"><\/path>\n\n                    <\/svg>\n\n                <\/div>\n\n\n                <span class=\"utm-number\">\n\n                    03\n\n                <\/span>\n\n\n            <\/div>\n\n\n\n            <div class=\"utm-content\">\n\n\n                <span class=\"utm-tag\">\n\n                    Modalidad Mixta\n\n                <\/span>\n\n\n                <h3>\n\n                    Licenciatura en Gastronom\u00eda\n\n                <\/h3>\n\n\n            <\/div>\n\n\n\n            <div class=\"utm-link\">\n\n                <span>\n\n                    Conocer programa\n\n                <\/span>\n\n\n                <span class=\"utm-arrow\">\n\n                    \u2192\n\n                <\/span>\n\n            <\/div>\n\n\n        <\/a>\n\n\n    <\/div>\n\n\n\n\n\n    <!-- =====================================================\n         AVISO\n    ====================================================== -->\n\n    <div class=\"utm-note\">\n\n        <span class=\"utm-note-icon\">\n\n            i\n\n        <\/span>\n\n\n        <span>\n\n            La apertura de grupos en modalidad mixta est\u00e1 sujeta\n            a disponibilidad y al n\u00famero de espacios establecidos\n            para cada programa educativo.\n\n        <\/span>\n\n    <\/div>\n\n\n\n    <!-- =====================================================\n         REGRESAR\n    ====================================================== -->\n\n    <div class=\"utm-back\">\n\n        <a href=\"\/index.php\/t-s-u-y-licenciatura\/\">\n\n            \u2190 Volver a modalidades\n\n        <\/a>\n\n    <\/div>\n\n\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>OFERTA ACAD\u00c9MICA Modalidad Mixta Conoce nuestros programas educativos disponibles en modalidad mixta, una opci\u00f3n dise\u00f1ada para brindar mayor flexibilidad durante tu formaci\u00f3n universitaria. PROGRAMAS EDUCATIVOS Encuentra tu carrera 3 programas 01 Modalidad Mixta Licenciatura en Contadur\u00eda Conocer programa \u2192 02 Modalidad Mixta Licenciatura en Gesti\u00f3n y Desarrollo Tur\u00edstico Conocer programa \u2192 03 Modalidad Mixta Licenciatura [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"content-type":"","footnotes":""},"class_list":["post-6073","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/utcancun.edu.mx\/index.php\/wp-json\/wp\/v2\/pages\/6073","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/utcancun.edu.mx\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/utcancun.edu.mx\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/utcancun.edu.mx\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/utcancun.edu.mx\/index.php\/wp-json\/wp\/v2\/comments?post=6073"}],"version-history":[{"count":3,"href":"https:\/\/utcancun.edu.mx\/index.php\/wp-json\/wp\/v2\/pages\/6073\/revisions"}],"predecessor-version":[{"id":6076,"href":"https:\/\/utcancun.edu.mx\/index.php\/wp-json\/wp\/v2\/pages\/6073\/revisions\/6076"}],"wp:attachment":[{"href":"https:\/\/utcancun.edu.mx\/index.php\/wp-json\/wp\/v2\/media?parent=6073"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}