{"id":65,"date":"2024-05-30T15:29:56","date_gmt":"2024-05-30T21:29:56","guid":{"rendered":"http:\/\/192.168.1.237:8018\/?page_id=65"},"modified":"2026-09-15T13:55:50","modified_gmt":"2026-09-15T19:55:50","slug":"t-s-u-y-licenciatura","status":"publish","type":"page","link":"https:\/\/utcancun.edu.mx\/index.php\/t-s-u-y-licenciatura\/","title":{"rendered":"T.S.U y Licenciatura"},"content":{"rendered":"\n<style>\n\n\/* ==========================================================\n   MODALIDADES - UT CANC\u00daN\n========================================================== *\/\n\n#ut-modalidades {\n\n    --turquesa: #2bada6;\n    --turquesa-dark: #168d88;\n    --turquesa-light: #e9f8f7;\n\n    --navy: #172946;\n\n    --text: #505b68;\n    --muted: #7a8490;\n\n    --border: #e3e8ed;\n\n    --white: #ffffff;\n\n    max-width: 1150px;\n\n    margin: 0 auto;\n\n    padding: 65px 20px 90px;\n\n    box-sizing: border-box;\n}\n\n\n#ut-modalidades *,\n#ut-modalidades *::before,\n#ut-modalidades *::after {\n\n    box-sizing: border-box;\n\n}\n\n\n\/* ==========================================================\n   ENCABEZADO\n========================================================== *\/\n\n#ut-modalidades .utm-hero {\n\n    max-width: 850px;\n\n    margin: 0 auto 55px;\n\n    text-align: center;\n\n}\n\n\n#ut-modalidades .utm-kicker {\n\n    display: block;\n\n    margin-bottom: 10px;\n\n    color: var(--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-modalidades .utm-hero h1 {\n\n    margin: 0;\n\n    color: var(--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-modalidades .utm-hero h1 span {\n\n    color: var(--turquesa);\n\n}\n\n\n#ut-modalidades .utm-line {\n\n    width: 65px;\n    height: 4px;\n\n    margin: 20px auto;\n\n    border-radius: 50px;\n\n    background: var(--turquesa);\n\n}\n\n\n#ut-modalidades .utm-hero p {\n\n    max-width: 720px;\n\n    margin: 0 auto;\n\n    color: var(--text);\n\n    font-size: 16px;\n\n    line-height: 1.75;\n\n}\n\n\n\/* ==========================================================\n   DOS TARJETAS\n========================================================== *\/\n\n#ut-modalidades .utm-grid {\n\n    display: grid;\n\n    grid-template-columns:\n        repeat(2, minmax(0, 1fr));\n\n    gap: 28px;\n\n}\n\n\n\/* ==========================================================\n   TARJETA\n========================================================== *\/\n\n#ut-modalidades .utm-card {\n\n    position: relative;\n\n    display: flex;\n\n    flex-direction: column;\n\n    min-height: 350px;\n\n    padding: 35px;\n\n    overflow: hidden;\n\n    border: 1px solid var(--border);\n\n    border-radius: 20px;\n\n    background: var(--white);\n\n    color: inherit;\n\n    text-decoration: none !important;\n\n    box-shadow:\n        0 8px 28px rgba(23, 41, 70, .05);\n\n    transition:\n        transform .3s ease,\n        box-shadow .3s ease,\n        border-color .3s ease;\n\n}\n\n\n\/* L\u00cdNEA SUPERIOR *\/\n\n#ut-modalidades .utm-card::before {\n\n    content: \"\";\n\n    position: absolute;\n\n    top: 0;\n    left: 0;\n    right: 0;\n\n    height: 5px;\n\n    background: var(--turquesa);\n\n    transform: scaleX(0);\n\n    transform-origin: left;\n\n    transition:\n        transform .3s ease;\n\n}\n\n\n#ut-modalidades .utm-card:hover {\n\n    transform: translateY(-8px);\n\n    border-color:\n        rgba(43, 173, 166, .5);\n\n    box-shadow:\n        0 20px 45px\n        rgba(23, 41, 70, .11);\n\n}\n\n\n#ut-modalidades .utm-card:hover::before {\n\n    transform: scaleX(1);\n\n}\n\n\n\/* ==========================================================\n   PARTE SUPERIOR\n========================================================== *\/\n\n#ut-modalidades .utm-card-top {\n\n    display: flex;\n\n    justify-content: space-between;\n\n    align-items: flex-start;\n\n    margin-bottom: 32px;\n\n}\n\n\n\/* ==========================================================\n   ICONO\n========================================================== *\/\n\n#ut-modalidades .utm-icon {\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    width: 68px;\n    height: 68px;\n\n    border-radius: 17px;\n\n    background: var(--turquesa-light);\n\n    color: var(--turquesa-dark);\n\n    transition:\n        background .25s ease,\n        color .25s ease,\n        transform .25s ease;\n\n}\n\n\n#ut-modalidades .utm-icon svg {\n\n    width: 34px;\n    height: 34px;\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#ut-modalidades .utm-card:hover\n.utm-icon {\n\n    background: var(--turquesa);\n\n    color: white;\n\n    transform: scale(1.05);\n\n}\n\n\n\/* ==========================================================\n   N\u00daMERO\n========================================================== *\/\n\n#ut-modalidades .utm-number {\n\n    color: #bcc3ca;\n\n    font-size: 12px;\n\n    font-weight: 700;\n\n    letter-spacing: 1px;\n\n}\n\n\n\/* ==========================================================\n   CONTENIDO\n========================================================== *\/\n\n#ut-modalidades .utm-content {\n\n    flex: 1;\n\n}\n\n\n#ut-modalidades .utm-label {\n\n    display: block;\n\n    margin-bottom: 9px;\n\n    color: var(--turquesa-dark);\n\n    font-size: 11px;\n\n    font-weight: 700;\n\n    letter-spacing: 1.4px;\n\n    text-transform: uppercase;\n\n}\n\n\n#ut-modalidades .utm-content h2 {\n\n    margin: 0 0 15px;\n\n    color: var(--navy);\n\n    font-size: 27px;\n\n    font-weight: 700;\n\n    line-height: 1.3;\n\n    transition:\n        color .25s ease;\n\n}\n\n\n#ut-modalidades .utm-card:hover\n.utm-content h2 {\n\n    color: var(--turquesa-dark);\n\n}\n\n\n#ut-modalidades .utm-content p {\n\n    margin: 0;\n\n    color: var(--text);\n\n    font-size: 14px;\n\n    line-height: 1.7;\n\n}\n\n\n\/* ==========================================================\n   BOT\u00d3N INFERIOR\n========================================================== *\/\n\n#ut-modalidades .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: 30px;\n\n    padding-top: 20px;\n\n    border-top: 1px solid var(--border);\n\n    color: var(--turquesa-dark);\n\n    font-size: 13px;\n\n    font-weight: 700;\n\n}\n\n\n#ut-modalidades .utm-arrow {\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    width: 34px;\n    height: 34px;\n\n    border-radius: 50%;\n\n    background: var(--turquesa-light);\n\n    color: var(--turquesa-dark);\n\n    font-size: 19px;\n\n    transition:\n        background .25s ease,\n        color .25s ease,\n        transform .25s ease;\n\n}\n\n\n#ut-modalidades .utm-card:hover\n.utm-arrow {\n\n    background: var(--turquesa);\n\n    color: white;\n\n    transform: translateX(4px);\n\n}\n\n\n\/* ==========================================================\n   RESPONSIVE\n========================================================== *\/\n\n@media (max-width: 750px) {\n\n    #ut-modalidades {\n\n        padding:\n            40px\n            14px\n            60px;\n\n    }\n\n\n    #ut-modalidades .utm-grid {\n\n        grid-template-columns: 1fr;\n\n        gap: 18px;\n\n    }\n\n\n    #ut-modalidades .utm-card {\n\n        min-height: auto;\n\n        padding: 27px 23px;\n\n    }\n\n\n    #ut-modalidades .utm-hero {\n\n        margin-bottom: 38px;\n\n    }\n\n\n    #ut-modalidades .utm-hero h1 {\n\n        font-size: 34px;\n\n    }\n\n\n    #ut-modalidades .utm-hero p {\n\n        font-size: 14px;\n\n    }\n\n\n    #ut-modalidades .utm-icon {\n\n        width: 58px;\n        height: 58px;\n\n    }\n\n\n    #ut-modalidades .utm-icon svg {\n\n        width: 29px;\n        height: 29px;\n\n    }\n\n\n    #ut-modalidades .utm-content h2 {\n\n        font-size: 23px;\n\n    }\n\n}\n\n<\/style>\n\n\n\n<section id=\"ut-modalidades\">\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            Elige tu modalidad de\n            <span>estudio<\/span>\n\n        <\/h1>\n\n\n        <div class=\"utm-line\"><\/div>\n\n\n        <p>\n\n            Conoce nuestra oferta educativa y selecciona la modalidad\n            que mejor se adapte a tus necesidades para descubrir los\n            programas acad\u00e9micos disponibles.\n\n        <\/p>\n\n    <\/header>\n\n\n\n    <!-- =====================================================\n         TARJETAS\n    ====================================================== -->\n\n    <div class=\"utm-grid\">\n\n\n        <!-- =================================================\n             ESCOLARIZADA\n        ================================================== -->\n\n        <a href=\"\/index.php\/modalidad-escolarizada\/\" class=\"utm-card\" aria-label=\"Ver carreras en modalidad escolarizada\">\n\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=\"M3 8l9-4 9 4-9 4-9-4\"><\/path>\n\n                        <path d=\"M7 10v4c0 2 2.2 4 5 4s5-2 5-4v-4\"><\/path>\n\n                        <path d=\"M21 8v6\"><\/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-label\">\n\n                    9 PROGRAMAS EDUCATIVOS\n\n                <\/span>\n\n\n                <h2>\n\n                    Modalidad Escolarizada\n\n                <\/h2>\n\n\n                <p>\n\n                    Consulta nuestras licenciaturas e ingenier\u00edas\n                    disponibles en modalidad escolarizada y conoce\n                    a detalle cada programa educativo.\n\n                <\/p>\n\n\n            <\/div>\n\n\n\n            <div class=\"utm-link\">\n\n\n                <span>\n\n                    Conocer carreras\n\n                <\/span>\n\n\n                <span class=\"utm-arrow\">\n\n                    \u2192\n\n                <\/span>\n\n\n            <\/div>\n\n\n        <\/a>\n\n\n\n        <!-- =================================================\n             MIXTA\n        ================================================== -->\n\n        <!-- MIXTA -->\n<a\n    href=\"\/index.php\/modalidad-mixta\/\"\n    class=\"utm-card\"\n    aria-label=\"Ver carreras en modalidad mixta\"\n>\n\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=\"3\" y=\"4\" width=\"18\" height=\"14\" rx=\"2\"><\/rect>\n\n                        <path d=\"M8 22h8\"><\/path>\n\n                        <path d=\"M12 18v4\"><\/path>\n\n                        <path d=\"M8 9h8\"><\/path>\n\n                        <path d=\"M8 13h5\"><\/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-label\">\n\n                    3 PROGRAMAS EDUCATIVOS\n\n                <\/span>\n\n\n                <h2>\n\n                    Modalidad Mixta\n\n                <\/h2>\n\n\n                <p>\n\n                    Descubre los programas disponibles en modalidad\n                    mixta, dise\u00f1ada para brindar mayor flexibilidad\n                    durante tu formaci\u00f3n universitaria.\n\n                <\/p>\n\n\n            <\/div>\n\n\n\n            <div class=\"utm-link\">\n\n\n                <span>\n\n                    Conocer carreras\n\n                <\/span>\n\n\n                <span class=\"utm-arrow\">\n\n                    \u2192\n\n                <\/span>\n\n\n            <\/div>\n\n\n        <\/a>\n\n\n    <\/div>\n\n\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>OFERTA ACAD\u00c9MICA Elige tu modalidad de estudio Conoce nuestra oferta educativa y selecciona la modalidad que mejor se adapte a tus necesidades para descubrir los programas acad\u00e9micos disponibles. 01 9 PROGRAMAS EDUCATIVOS Modalidad Escolarizada Consulta nuestras licenciaturas e ingenier\u00edas disponibles en modalidad escolarizada y conoce a detalle cada programa educativo. Conocer carreras \u2192 02 3 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":362,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"content-type":"","footnotes":""},"class_list":["post-65","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/utcancun.edu.mx\/index.php\/wp-json\/wp\/v2\/pages\/65","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=65"}],"version-history":[{"count":43,"href":"https:\/\/utcancun.edu.mx\/index.php\/wp-json\/wp\/v2\/pages\/65\/revisions"}],"predecessor-version":[{"id":6066,"href":"https:\/\/utcancun.edu.mx\/index.php\/wp-json\/wp\/v2\/pages\/65\/revisions\/6066"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/utcancun.edu.mx\/index.php\/wp-json\/wp\/v2\/media\/362"}],"wp:attachment":[{"href":"https:\/\/utcancun.edu.mx\/index.php\/wp-json\/wp\/v2\/media?parent=65"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}