{"id":3887,"date":"2025-07-28T18:52:49","date_gmt":"2025-07-29T00:52:49","guid":{"rendered":"http:\/\/192.168.1.237:8018\/?page_id=3887"},"modified":"2026-09-15T12:21:12","modified_gmt":"2026-09-15T18:21:12","slug":"tu-universidad","status":"publish","type":"page","link":"https:\/\/utcancun.edu.mx\/index.php\/tu-universidad\/","title":{"rendered":"Tu Universidad"},"content":{"rendered":"\n<!-- =========================================================\n     TU UNIVERSIDAD - UT CANC\u00daN BIS\n     HTML + CSS COMPLETO\n========================================================== -->\n\n<style>\n\n\/* ============================================================\n   CONTENEDOR GENERAL\n============================================================ *\/\n\n#ut-universidad {\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-bg: #f6f8fa;\n    --ut-white: #ffffff;\n\n    width: 100%;\n    max-width: 1250px;\n\n    margin: 0 auto;\n    padding: 55px 20px 80px;\n\n    box-sizing: border-box;\n}\n\n\n#ut-universidad *,\n#ut-universidad *::before,\n#ut-universidad *::after {\n    box-sizing: border-box;\n}\n\n\n\/* ============================================================\n   ENCABEZADO\n============================================================ *\/\n\n#ut-universidad .utu-header {\n    max-width: 850px;\n\n    margin: 0 auto 48px;\n\n    text-align: center;\n}\n\n\n#ut-universidad .utu-kicker {\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-universidad .utu-header h1 {\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-universidad .utu-line {\n    width: 60px;\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-universidad .utu-header p {\n    max-width: 720px;\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-universidad .utu-grid {\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-universidad .utu-card {\n    position: relative;\n\n    display: flex;\n    flex-direction: column;\n\n    min-height: 320px;\n\n    padding: 29px 27px 25px;\n\n    overflow: hidden;\n\n    border: 1px solid var(--ut-border);\n    border-radius: 17px;\n\n    background: var(--ut-white);\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 SUPERIOR *\/\n\n#ut-universidad .utu-card::before {\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 center;\n\n    transition:\n        transform .3s ease;\n}\n\n\n#ut-universidad .utu-card:hover {\n    transform: translateY(-6px);\n\n    border-color: rgba(43, 173, 166, .45);\n\n    box-shadow:\n        0 16px 38px rgba(23, 41, 70, .10);\n}\n\n\n#ut-universidad .utu-card:hover::before {\n    transform: scaleX(1);\n}\n\n\n\/* ============================================================\n   PARTE SUPERIOR DE TARJETA\n============================================================ *\/\n\n#ut-universidad .utu-card-top {\n    display: flex;\n\n    justify-content: space-between;\n    align-items: flex-start;\n\n    margin-bottom: 28px;\n}\n\n\n\/* ============================================================\n   ICONO\n============================================================ *\/\n\n#ut-universidad .utu-icon {\n    display: flex;\n\n    align-items: center;\n    justify-content: center;\n\n    width: 58px;\n    height: 58px;\n\n    flex: 0 0 58px;\n\n    border-radius: 15px;\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-universidad .utu-card:hover .utu-icon {\n    background: var(--ut-turquesa);\n    color: var(--ut-white);\n\n    transform: scale(1.05);\n}\n\n\n#ut-universidad .utu-icon svg {\n    width: 29px;\n    height: 29px;\n\n    stroke: currentColor;\n\n    fill: none;\n\n    stroke-width: 1.8;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n\n\/* ============================================================\n   N\u00daMERO\n============================================================ *\/\n\n#ut-universidad .utu-number {\n    color: #bac1c8;\n\n    font-size: 12px;\n    font-weight: 700;\n\n    letter-spacing: 1px;\n}\n\n\n\/* ============================================================\n   CONTENIDO\n============================================================ *\/\n\n#ut-universidad .utu-content {\n    flex: 1;\n}\n\n\n#ut-universidad .utu-content h2 {\n    margin: 0 0 11px;\n\n    color: var(--ut-navy);\n\n    font-size: 21px;\n    font-weight: 700;\n\n    line-height: 1.3;\n\n    transition:\n        color .25s ease;\n}\n\n\n#ut-universidad .utu-card:hover .utu-content h2 {\n    color: var(--ut-turquesa-dark);\n}\n\n\n#ut-universidad .utu-content p {\n    margin: 0;\n\n    color: var(--ut-text);\n\n    font-size: 14px;\n    line-height: 1.65;\n}\n\n\n\/* ============================================================\n   BOT\u00d3N \/ ENLACE INFERIOR\n============================================================ *\/\n\n#ut-universidad .utu-link {\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:\n        gap .25s ease;\n}\n\n\n#ut-universidad .utu-arrow {\n    font-size: 20px;\n\n    line-height: 1;\n\n    transition:\n        transform .25s ease;\n}\n\n\n#ut-universidad .utu-card:hover .utu-link {\n    gap: 13px;\n}\n\n\n#ut-universidad .utu-card:hover .utu-arrow {\n    transform: translateX(3px);\n}\n\n\n\/* ============================================================\n   TABLET\n============================================================ *\/\n\n@media (max-width: 950px) {\n\n    #ut-universidad .utu-grid {\n        grid-template-columns:\n            repeat(2, minmax(0, 1fr));\n    }\n\n}\n\n\n\/* ============================================================\n   CELULAR\n============================================================ *\/\n\n@media (max-width: 620px) {\n\n    #ut-universidad {\n        padding:\n            35px\n            14px\n            55px;\n    }\n\n\n    #ut-universidad .utu-header {\n        margin-bottom: 35px;\n    }\n\n\n    #ut-universidad .utu-header h1 {\n        font-size: 31px;\n    }\n\n\n    #ut-universidad .utu-header p {\n        font-size: 14px;\n        line-height: 1.65;\n    }\n\n\n    #ut-universidad .utu-grid {\n        grid-template-columns: 1fr;\n\n        gap: 15px;\n    }\n\n\n    #ut-universidad .utu-card {\n        min-height: auto;\n\n        padding: 23px 20px;\n    }\n\n\n    #ut-universidad .utu-card-top {\n        margin-bottom: 20px;\n    }\n\n\n    #ut-universidad .utu-icon {\n        width: 52px;\n        height: 52px;\n\n        flex-basis: 52px;\n\n        border-radius: 13px;\n    }\n\n\n    #ut-universidad .utu-icon svg {\n        width: 26px;\n        height: 26px;\n    }\n\n\n    #ut-universidad .utu-content h2 {\n        font-size: 19px;\n    }\n\n}\n\n<\/style>\n\n\n\n<!-- =========================================================\n     CONTENIDO\n========================================================== -->\n\n<section id=\"ut-universidad\">\n\n\n    <!-- ENCABEZADO -->\n\n    <header class=\"utu-header\">\n\n        <span class=\"utu-kicker\">\n            CONOCE NUESTRA INSTITUCI\u00d3N\n        <\/span>\n\n        <h1>Tu Universidad<\/h1>\n\n        <div class=\"utu-line\"><\/div>\n\n        <p>\n            Consulta los principales servicios, recursos e informaci\u00f3n\n            institucional de la Universidad Tecnol\u00f3gica de Canc\u00fan.\n        <\/p>\n\n    <\/header>\n\n\n\n    <!-- =====================================================\n         TARJETAS\n    ====================================================== -->\n\n    <div class=\"utu-grid\">\n\n\n        <!-- =================================================\n             01 SERVICIOS ESCOLARES\n        ================================================== -->\n\n        <a\n            class=\"utu-card\"\n            href=\"\/index.php\/servicios-escolares-1\/\"\n            aria-label=\"Ir a Servicios Escolares\"\n        >\n\n            <div class=\"utu-card-top\">\n\n                <div class=\"utu-icon\">\n\n                    <!-- ICONO GRADUADO -->\n                    <svg viewBox=\"0 0 24 24\">\n\n                        <path d=\"M3 8l9-4 9 4-9 4-9-4z\"><\/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                <span class=\"utu-number\">\n                    01\n                <\/span>\n\n            <\/div>\n\n\n            <div class=\"utu-content\">\n\n                <h2>\n                    Servicios Escolares\n                <\/h2>\n\n                <p>\n                    Informaci\u00f3n acad\u00e9mica, administrativa y servicios\n                    dirigidos a nuestra comunidad estudiantil.\n                <\/p>\n\n            <\/div>\n\n\n            <span class=\"utu-link\">\n\n                Consultar Servicios\n\n                <span class=\"utu-arrow\">\n                    \u2192\n                <\/span>\n\n            <\/span>\n\n        <\/a>\n\n\n\n        <!-- =================================================\n             02 BIBLIOTECA\n        ================================================== -->\n\n        <a\n            class=\"utu-card\"\n            href=\"\/index.php\/biblioteca-2\/\"\n            aria-label=\"Ir a Biblioteca\"\n        >\n\n            <div class=\"utu-card-top\">\n\n                <div class=\"utu-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 3H20v16H6.5A2.5 2.5 0 0 0 4 21.5z\"><\/path>\n\n                        <path d=\"M4 5.5v16\"><\/path>\n\n                        <path d=\"M8 7h8\"><\/path>\n\n                        <path d=\"M8 11h8\"><\/path>\n\n                    <\/svg>\n\n                <\/div>\n\n                <span class=\"utu-number\">\n                    02\n                <\/span>\n\n            <\/div>\n\n\n            <div class=\"utu-content\">\n\n                <h2>\n                    Biblioteca\n                <\/h2>\n\n                <p>\n                    Consulta materiales, servicios digitales y recursos\n                    educativos disponibles para la comunidad universitaria.\n                <\/p>\n\n            <\/div>\n\n\n            <span class=\"utu-link\">\n\n                Ir a Biblioteca\n\n                <span class=\"utu-arrow\">\n                    \u2192\n                <\/span>\n\n            <\/span>\n\n        <\/a>\n\n\n\n        <!-- =================================================\n             03 FILOSOF\u00cdA\n        ================================================== -->\n\n        <a\n            class=\"utu-card\"\n            href=\"\/index.php\/filosofia\/\"\n            aria-label=\"Conocer la filosof\u00eda institucional\"\n        >\n\n            <div class=\"utu-card-top\">\n\n                <div class=\"utu-icon\">\n\n                    <!-- ICONO FOCO -->\n                    <svg viewBox=\"0 0 24 24\">\n\n                        <path d=\"M9 18h6\"><\/path>\n\n                        <path d=\"M10 22h4\"><\/path>\n\n                        <path d=\"M8.5 14.5A6 6 0 1 1 15.5 14.5C14.4 15.3 14 16 14 18h-4c0-2-.4-2.7-1.5-3.5z\"><\/path>\n\n                    <\/svg>\n\n                <\/div>\n\n                <span class=\"utu-number\">\n                    03\n                <\/span>\n\n            <\/div>\n\n\n            <div class=\"utu-content\">\n\n                <h2>\n                    Filosof\u00eda\n                <\/h2>\n\n                <p>\n                    Conoce nuestra misi\u00f3n, visi\u00f3n y los valores que orientan\n                    el quehacer de la Universidad.\n                <\/p>\n\n            <\/div>\n\n\n            <span class=\"utu-link\">\n\n                Conocer Filosof\u00eda\n\n                <span class=\"utu-arrow\">\n                    \u2192\n                <\/span>\n\n            <\/span>\n\n        <\/a>\n\n\n\n        <!-- =================================================\n             04 HISTORIA\n        ================================================== -->\n\n        <a\n            class=\"utu-card\"\n            href=\"\/index.php\/historia\/\"\n            aria-label=\"Conocer la historia de la Universidad\"\n        >\n\n            <div class=\"utu-card-top\">\n\n                <div class=\"utu-icon\">\n\n                    <!-- ICONO EDIFICIO -->\n                    <svg viewBox=\"0 0 24 24\">\n\n                        <path d=\"M3 10h18\"><\/path>\n\n                        <path d=\"M5 10v8\"><\/path>\n\n                        <path d=\"M9 10v8\"><\/path>\n\n                        <path d=\"M15 10v8\"><\/path>\n\n                        <path d=\"M19 10v8\"><\/path>\n\n                        <path d=\"M2 21h20\"><\/path>\n\n                        <path d=\"M12 3l9 5H3l9-5z\"><\/path>\n\n                    <\/svg>\n\n                <\/div>\n\n                <span class=\"utu-number\">\n                    04\n                <\/span>\n\n            <\/div>\n\n\n            <div class=\"utu-content\">\n\n                <h2>\n                    Historia\n                <\/h2>\n\n                <p>\n                    Conoce nuestra trayectoria, crecimiento, logros y\n                    compromiso con la educaci\u00f3n superior.\n                <\/p>\n\n            <\/div>\n\n\n            <span class=\"utu-link\">\n\n                Conocer Historia\n\n                <span class=\"utu-arrow\">\n                    \u2192\n                <\/span>\n\n            <\/span>\n\n        <\/a>\n\n\n\n        <!-- =================================================\n             05 CALENDARIO\n        ================================================== -->\n\n        <a\n            class=\"utu-card\"\n            href=\"\/index.php\/calendario-2025\/\"\n            aria-label=\"Consultar calendario escolar\"\n        >\n\n            <div class=\"utu-card-top\">\n\n                <div class=\"utu-icon\">\n\n                    <!-- ICONO CALENDARIO -->\n                    <svg viewBox=\"0 0 24 24\">\n\n                        <rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"2\"><\/rect>\n\n                        <path d=\"M16 3v4\"><\/path>\n\n                        <path d=\"M8 3v4\"><\/path>\n\n                        <path d=\"M3 10h18\"><\/path>\n\n                        <path d=\"M8 14h2\"><\/path>\n\n                        <path d=\"M14 14h2\"><\/path>\n\n                        <path d=\"M8 18h2\"><\/path>\n\n                        <path d=\"M14 18h2\"><\/path>\n\n                    <\/svg>\n\n                <\/div>\n\n                <span class=\"utu-number\">\n                    05\n                <\/span>\n\n            <\/div>\n\n\n            <div class=\"utu-content\">\n\n                <h2>\n                    Calendario Escolar\n                <\/h2>\n\n                <p>\n                    Consulta las fechas, periodos y actividades importantes\n                    del ciclo escolar vigente.\n                <\/p>\n\n            <\/div>\n\n\n            <span class=\"utu-link\">\n\n                Ver Calendario\n\n                <span class=\"utu-arrow\">\n                    \u2192\n                <\/span>\n\n            <\/span>\n\n        <\/a>\n\n\n\n        <!-- =================================================\n             06 HORARIOS\n        ================================================== -->\n\n        <a\n            class=\"utu-card\"\n            href=\"\/index.php\/horarios\/\"\n            aria-label=\"Consultar horarios\"\n        >\n\n            <div class=\"utu-card-top\">\n\n                <div class=\"utu-icon\">\n\n                    <!-- ICONO RELOJ -->\n                    <svg viewBox=\"0 0 24 24\">\n\n                        <circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle>\n\n                        <path d=\"M12 7v5l3 2\"><\/path>\n\n                    <\/svg>\n\n                <\/div>\n\n                <span class=\"utu-number\">\n                    06\n                <\/span>\n\n            <\/div>\n\n\n            <div class=\"utu-content\">\n\n                <h2>\n                    Horarios\n                <\/h2>\n\n                <p>\n                    Consulta los horarios de atenci\u00f3n, tr\u00e1mites y servicios\n                    disponibles en la Universidad.\n                <\/p>\n\n            <\/div>\n\n\n            <span class=\"utu-link\">\n\n                Consultar Horarios\n\n                <span class=\"utu-arrow\">\n                    \u2192\n                <\/span>\n\n            <\/span>\n\n        <\/a>\n\n\n    <\/div>\n\n<\/section>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>CONOCE NUESTRA INSTITUCI\u00d3N Tu Universidad Consulta los principales servicios, recursos e informaci\u00f3n institucional de la Universidad Tecnol\u00f3gica de Canc\u00fan. 01 Servicios Escolares Informaci\u00f3n acad\u00e9mica, administrativa y servicios dirigidos a nuestra comunidad estudiantil. Consultar Servicios \u2192 02 Biblioteca Consulta materiales, servicios digitales y recursos educativos disponibles para la comunidad universitaria. Ir a Biblioteca \u2192 03 Filosof\u00eda [&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-3887","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/utcancun.edu.mx\/index.php\/wp-json\/wp\/v2\/pages\/3887","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=3887"}],"version-history":[{"count":11,"href":"https:\/\/utcancun.edu.mx\/index.php\/wp-json\/wp\/v2\/pages\/3887\/revisions"}],"predecessor-version":[{"id":6057,"href":"https:\/\/utcancun.edu.mx\/index.php\/wp-json\/wp\/v2\/pages\/3887\/revisions\/6057"}],"wp:attachment":[{"href":"https:\/\/utcancun.edu.mx\/index.php\/wp-json\/wp\/v2\/media?parent=3887"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}