{"id":3870,"date":"2025-07-28T18:33:21","date_gmt":"2025-07-29T00:33:21","guid":{"rendered":"http:\/\/192.168.1.237:8018\/?page_id=3870"},"modified":"2026-09-15T12:27:15","modified_gmt":"2026-09-15T18:27:15","slug":"oferta-educativa-2","status":"publish","type":"page","link":"https:\/\/utcancun.edu.mx\/index.php\/oferta-educativa-2\/","title":{"rendered":"Oferta Educativa"},"content":{"rendered":"\n<!-- =========================================================\n     OFERTA EDUCATIVA - UT CANC\u00daN BIS\n     HTML + CSS COMPLETO\n========================================================== -->\n\n<style>\n\n\/* ============================================================\n   CONTENEDOR GENERAL\n============================================================ *\/\n\n#ut-oferta-educativa {\n\n    --ut-turquesa: #2bada6;\n    --ut-turquesa-dark: #168d88;\n    --ut-turquesa-light: #e9f8f7;\n\n    --ut-navy: #172946;\n    --ut-text: #505b68;\n    --ut-muted: #7a8490;\n\n    --ut-border: #e3e8ed;\n    --ut-white: #ffffff;\n\n    width: 100%;\n    max-width: 1200px;\n\n    margin: 0 auto;\n\n    padding: 55px 20px 80px;\n\n    box-sizing: border-box;\n}\n\n\n#ut-oferta-educativa *,\n#ut-oferta-educativa *::before,\n#ut-oferta-educativa *::after {\n    box-sizing: border-box;\n}\n\n\n\/* ============================================================\n   ENCABEZADO\n============================================================ *\/\n\n#ut-oferta-educativa .uto-header {\n\n    max-width: 820px;\n\n    margin: 0 auto 48px;\n\n    text-align: center;\n}\n\n\n#ut-oferta-educativa .uto-kicker {\n\n    display: block;\n\n    margin-bottom: 10px;\n\n    color: var(--ut-turquesa-dark);\n\n    font-size: 12px;\n    font-weight: 700;\n\n    letter-spacing: 2px;\n\n    text-transform: uppercase;\n}\n\n\n#ut-oferta-educativa .uto-header h1 {\n\n    margin: 0;\n\n    color: var(--ut-navy);\n\n    font-size: clamp(34px, 4vw, 48px);\n    font-weight: 700;\n\n    line-height: 1.15;\n}\n\n\n#ut-oferta-educativa .uto-line {\n\n    width: 62px;\n    height: 4px;\n\n    margin: 19px auto 21px;\n\n    border-radius: 50px;\n\n    background: var(--ut-turquesa);\n}\n\n\n#ut-oferta-educativa .uto-header p {\n\n    max-width: 700px;\n\n    margin: 0 auto;\n\n    color: var(--ut-text);\n\n    font-size: 16px;\n    line-height: 1.75;\n}\n\n\n\/* ============================================================\n   GRID\n============================================================ *\/\n\n#ut-oferta-educativa .uto-grid {\n\n    display: grid;\n\n    grid-template-columns:\n        repeat(3, minmax(0, 1fr));\n\n    gap: 22px;\n}\n\n\n\/* ============================================================\n   TARJETA\n============================================================ *\/\n\n#ut-oferta-educativa .uto-card {\n\n    position: relative;\n\n    display: flex;\n    flex-direction: column;\n\n    min-height: 330px;\n\n    padding: 30px 27px 26px;\n\n    overflow: hidden;\n\n    border: 1px solid var(--ut-border);\n\n    border-radius: 18px;\n\n    background: var(--ut-white);\n\n    color: inherit;\n\n    text-decoration: none !important;\n\n    box-shadow:\n        0 7px 25px 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\/* L\u00cdNEA TURQUESA SUPERIOR *\/\n\n#ut-oferta-educativa .uto-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#ut-oferta-educativa .uto-card:hover {\n\n    transform: translateY(-7px);\n\n    border-color: rgba(43, 173, 166, .45);\n\n    box-shadow:\n        0 18px 40px rgba(23, 41, 70, .10);\n}\n\n\n#ut-oferta-educativa .uto-card:hover::before {\n\n    transform: scaleX(1);\n}\n\n\n\/* ============================================================\n   PARTE SUPERIOR\n============================================================ *\/\n\n#ut-oferta-educativa .uto-card-top {\n\n    display: flex;\n\n    align-items: flex-start;\n\n    justify-content: space-between;\n\n    margin-bottom: 28px;\n}\n\n\n\/* ============================================================\n   ICONO\n============================================================ *\/\n\n#ut-oferta-educativa .uto-icon {\n\n    display: flex;\n\n    align-items: center;\n    justify-content: center;\n\n    width: 60px;\n    height: 60px;\n\n    flex: 0 0 60px;\n\n    border-radius: 16px;\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#ut-oferta-educativa .uto-card:hover .uto-icon {\n\n    background: var(--ut-turquesa);\n\n    color: white;\n\n    transform: scale(1.05);\n}\n\n\n#ut-oferta-educativa .uto-icon svg {\n\n    width: 30px;\n    height: 30px;\n\n    fill: none;\n\n    stroke: currentColor;\n\n    stroke-width: 1.8;\n\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n\n\/* ============================================================\n   NUMERACI\u00d3N\n============================================================ *\/\n\n#ut-oferta-educativa .uto-number {\n\n    color: #bcc3ca;\n\n    font-size: 12px;\n    font-weight: 700;\n\n    letter-spacing: 1px;\n}\n\n\n\/* ============================================================\n   CONTENIDO\n============================================================ *\/\n\n#ut-oferta-educativa .uto-content {\n\n    flex: 1;\n}\n\n\n#ut-oferta-educativa .uto-content h2 {\n\n    margin: 0 0 12px;\n\n    color: var(--ut-navy);\n\n    font-size: 21px;\n    font-weight: 700;\n\n    line-height: 1.3;\n\n    transition: color .25s ease;\n}\n\n\n#ut-oferta-educativa .uto-card:hover .uto-content h2 {\n\n    color: var(--ut-turquesa-dark);\n}\n\n\n#ut-oferta-educativa .uto-content p {\n\n    margin: 0;\n\n    color: var(--ut-text);\n\n    font-size: 14px;\n\n    line-height: 1.65;\n}\n\n\n\/* ============================================================\n   ENLACE INFERIOR\n============================================================ *\/\n\n#ut-oferta-educativa .uto-link {\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 9px;\n\n    margin-top: 27px;\n\n    padding-top: 18px;\n\n    border-top: 1px solid var(--ut-border);\n\n    color: var(--ut-turquesa-dark);\n\n    font-size: 13px;\n    font-weight: 700;\n\n    transition: gap .25s ease;\n}\n\n\n#ut-oferta-educativa .uto-arrow {\n\n    font-size: 20px;\n\n    line-height: 1;\n\n    transition: transform .25s ease;\n}\n\n\n#ut-oferta-educativa .uto-card:hover .uto-link {\n\n    gap: 13px;\n}\n\n\n#ut-oferta-educativa .uto-card:hover .uto-arrow {\n\n    transform: translateX(3px);\n}\n\n\n\/* ============================================================\n   TABLET\n============================================================ *\/\n\n@media (max-width: 900px) {\n\n    #ut-oferta-educativa .uto-grid {\n\n        grid-template-columns:\n            repeat(2, minmax(0, 1fr));\n\n    }\n\n\n    #ut-oferta-educativa .uto-card:last-child {\n\n        grid-column: 1 \/ -1;\n\n        max-width: 50%;\n\n        width: 100%;\n\n        justify-self: center;\n    }\n\n}\n\n\n\/* ============================================================\n   CELULAR\n============================================================ *\/\n\n@media (max-width: 620px) {\n\n    #ut-oferta-educativa {\n\n        padding:\n            35px\n            14px\n            55px;\n    }\n\n\n    #ut-oferta-educativa .uto-header {\n\n        margin-bottom: 35px;\n    }\n\n\n    #ut-oferta-educativa .uto-header h1 {\n\n        font-size: 31px;\n    }\n\n\n    #ut-oferta-educativa .uto-header p {\n\n        font-size: 14px;\n\n        line-height: 1.65;\n    }\n\n\n    #ut-oferta-educativa .uto-grid {\n\n        grid-template-columns: 1fr;\n\n        gap: 15px;\n    }\n\n\n    #ut-oferta-educativa .uto-card,\n    #ut-oferta-educativa .uto-card:last-child {\n\n        width: 100%;\n\n        max-width: none;\n\n        min-height: auto;\n\n        grid-column: auto;\n\n        padding: 23px 20px;\n    }\n\n\n    #ut-oferta-educativa .uto-card-top {\n\n        margin-bottom: 20px;\n    }\n\n\n    #ut-oferta-educativa .uto-icon {\n\n        width: 52px;\n        height: 52px;\n\n        flex-basis: 52px;\n\n        border-radius: 13px;\n    }\n\n\n    #ut-oferta-educativa .uto-icon svg {\n\n        width: 26px;\n        height: 26px;\n    }\n\n\n    #ut-oferta-educativa .uto-content h2 {\n\n        font-size: 19px;\n    }\n\n}\n\n<\/style>\n\n\n\n<!-- =========================================================\n     CONTENIDO\n========================================================== -->\n\n<section id=\"ut-oferta-educativa\">\n\n\n    <!-- =====================================================\n         ENCABEZADO\n    ====================================================== -->\n\n    <header class=\"uto-header\">\n\n        <span class=\"uto-kicker\">\n            FORMACI\u00d3N Y DESARROLLO\n        <\/span>\n\n        <h1>\n            Oferta Educativa\n        <\/h1>\n\n        <div class=\"uto-line\"><\/div>\n\n        <p>\n            Conoce las opciones acad\u00e9micas y de formaci\u00f3n que la\n            Universidad Tecnol\u00f3gica de Canc\u00fan pone a tu alcance.\n        <\/p>\n\n    <\/header>\n\n\n\n    <!-- =====================================================\n         TARJETAS\n    ====================================================== -->\n\n    <div class=\"uto-grid\">\n\n\n        <!-- =================================================\n             01 CARRERAS\n        ================================================== -->\n\n        <a\n            class=\"uto-card\"\n            href=\"\/index.php\/t-s-u-y-licenciatura\/\"\n            aria-label=\"Explorar carreras\"\n        >\n\n            <div class=\"uto-card-top\">\n\n                <div class=\"uto-icon\">\n\n                    <!-- ICONO LISTA \/ PROGRAMAS -->\n                    <svg viewBox=\"0 0 24 24\">\n\n                        <circle cx=\"5\" cy=\"6\" r=\"1\"><\/circle>\n                        <circle cx=\"5\" cy=\"12\" r=\"1\"><\/circle>\n                        <circle cx=\"5\" cy=\"18\" r=\"1\"><\/circle>\n\n                        <path d=\"M9 6h10\"><\/path>\n                        <path d=\"M9 12h10\"><\/path>\n                        <path d=\"M9 18h10\"><\/path>\n\n                    <\/svg>\n\n                <\/div>\n\n\n                <span class=\"uto-number\">\n                    01\n                <\/span>\n\n            <\/div>\n\n\n            <div class=\"uto-content\">\n\n                <h2>\n                    Carreras\n                <\/h2>\n\n                <p>\n                    Conoce nuestros programas de T\u00e9cnico Superior\n                    Universitario, Licenciaturas e Ingenier\u00edas y encuentra\n                    la opci\u00f3n acad\u00e9mica que mejor se adapte a tus metas.\n                <\/p>\n\n            <\/div>\n\n\n            <span class=\"uto-link\">\n\n                Explorar Carreras\n\n                <span class=\"uto-arrow\">\n                    \u2192\n                <\/span>\n\n            <\/span>\n\n        <\/a>\n\n\n\n        <!-- =================================================\n             02 EDUCACI\u00d3N CONTINUA\n        ================================================== -->\n\n        <a\n            class=\"uto-card\"\n            href=\"\/index.php\/educacion-continua\/\"\n            aria-label=\"Explorar Educaci\u00f3n Continua\"\n        >\n\n            <div class=\"uto-card-top\">\n\n                <div class=\"uto-icon\">\n\n                    <!-- ICONO LIBRO -->\n                    <svg viewBox=\"0 0 24 24\">\n\n                        <path d=\"M4 5.5A2.5 2.5 0 0 1 6.5 3H11v16H6.5A2.5 2.5 0 0 0 4 21.5z\"><\/path>\n\n                        <path d=\"M20 5.5A2.5 2.5 0 0 0 17.5 3H13v16h4.5A2.5 2.5 0 0 1 20 21.5z\"><\/path>\n\n                    <\/svg>\n\n                <\/div>\n\n\n                <span class=\"uto-number\">\n                    02\n                <\/span>\n\n            <\/div>\n\n\n            <div class=\"uto-content\">\n\n                <h2>\n                    Educaci\u00f3n Continua\n                <\/h2>\n\n                <p>\n                    Fortalece tus conocimientos y habilidades mediante\n                    cursos, talleres y diplomados dise\u00f1ados para tu\n                    desarrollo profesional.\n                <\/p>\n\n            <\/div>\n\n\n            <span class=\"uto-link\">\n\n                Explorar Cursos\n\n                <span class=\"uto-arrow\">\n                    \u2192\n                <\/span>\n\n            <\/span>\n\n        <\/a>\n\n\n\n        <!-- =================================================\n             03 IDIOMAS\n        ================================================== -->\n\n        <a\n            class=\"uto-card\"\n            href=\"\/index.php\/idiomas\/\"\n            aria-label=\"Explorar programas de idiomas\"\n        >\n\n            <div class=\"uto-card-top\">\n\n                <div class=\"uto-icon\">\n\n                    <!-- ICONO IDIOMAS -->\n                    <svg viewBox=\"0 0 24 24\">\n\n                        <path d=\"M4 5h8\"><\/path>\n                        <path d=\"M8 3v2\"><\/path>\n                        <path d=\"M6 8c1.3 2.2 3.2 4 5.5 5.2\"><\/path>\n                        <path d=\"M11 8c-1 2-2.5 3.7-4.5 5\"><\/path>\n\n                        <path d=\"M14 19l3-8 3 8\"><\/path>\n                        <path d=\"M15.2 16h3.6\"><\/path>\n\n                    <\/svg>\n\n                <\/div>\n\n\n                <span class=\"uto-number\">\n                    03\n                <\/span>\n\n            <\/div>\n\n\n            <div class=\"uto-content\">\n\n                <h2>\n                    Idiomas\n                <\/h2>\n\n                <p>\n                    Desarrolla tus competencias ling\u00fc\u00edsticas y ampl\u00eda tus\n                    oportunidades acad\u00e9micas y profesionales mediante\n                    nuestros programas de idiomas.\n                <\/p>\n\n            <\/div>\n\n\n            <span class=\"uto-link\">\n\n                Explorar Idiomas\n\n                <span class=\"uto-arrow\">\n                    \u2192\n                <\/span>\n\n            <\/span>\n\n        <\/a>\n\n\n    <\/div>\n\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>FORMACI\u00d3N Y DESARROLLO Oferta Educativa Conoce las opciones acad\u00e9micas y de formaci\u00f3n que la Universidad Tecnol\u00f3gica de Canc\u00fan pone a tu alcance. 01 Carreras Conoce nuestros programas de T\u00e9cnico Superior Universitario, Licenciaturas e Ingenier\u00edas y encuentra la opci\u00f3n acad\u00e9mica que mejor se adapte a tus metas. Explorar Carreras \u2192 02 Educaci\u00f3n Continua Fortalece tus conocimientos [&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-3870","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/utcancun.edu.mx\/index.php\/wp-json\/wp\/v2\/pages\/3870","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=3870"}],"version-history":[{"count":14,"href":"https:\/\/utcancun.edu.mx\/index.php\/wp-json\/wp\/v2\/pages\/3870\/revisions"}],"predecessor-version":[{"id":6059,"href":"https:\/\/utcancun.edu.mx\/index.php\/wp-json\/wp\/v2\/pages\/3870\/revisions\/6059"}],"wp:attachment":[{"href":"https:\/\/utcancun.edu.mx\/index.php\/wp-json\/wp\/v2\/media?parent=3870"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}