{"id":209,"date":"2021-07-05T21:31:45","date_gmt":"2021-07-05T21:31:45","guid":{"rendered":"https:\/\/ceut.edu.mx\/home\/?page_id=209"},"modified":"2026-01-06T19:28:21","modified_gmt":"2026-01-06T19:28:21","slug":"diseno-grafico","status":"publish","type":"page","link":"https:\/\/ceut.edu.mx\/home\/diseno-grafico\/","title":{"rendered":"Dise\u00f1o Gr\u00e1fico"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"209\" class=\"elementor elementor-209\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-c6bba81 elementor-section-full_width elementor-section-height-min-height elementor-section-height-default elementor-section-items-middle\" data-id=\"c6bba81\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-bca8fa5\" data-id=\"bca8fa5\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-baaf93a elementor-button-info elementor-align-center elementor-widget__width-inherit mi-boton-color e-transform e-transform elementor-widget elementor-widget-button\" data-id=\"baaf93a\" data-element_type=\"widget\" data-settings=\"{&quot;_transform_translateX_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:-87,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:199,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:-64,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:216,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:108,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:44,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:0.6,&quot;sizes&quot;:[]},&quot;_transform_scale_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/ceut.edu.mx\/home\/wp-content\/uploads\/2025\/12\/DISENO-GRAFICO-scaled.jpg\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">PLAN DE ESTUDIOS<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7baa07e elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7baa07e\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-cc66e53\" data-id=\"cc66e53\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-928bff0 elementor-widget elementor-widget-html\" data-id=\"928bff0\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n    .hero-dg {\n            \/* REEMPLAZAR ESTA RUTA por la imagen del TriCaster *\/\n             \n        }\n        .hero-content-dg{\n            color: white; \n            \/* Esta l\u00ednea centra todo el texto (t\u00edtulos) *\/\n            text-align: center; \n            position: relative; \n            z-index: 2; \n            max-width: 250px; \n            width: 90%; \n            margin: 0 auto; \n            padding: 20px 0; \n            \/* Asegura que no haya un desplazamiento a la izquierda forzado *\/\n            padding-left: 0;\n            display: flex;\n            flex-direction: column;\n            min-height: 400px;\n            justify-content: space-between;\n        }\n        .hero-title-dg {\n            color: white; \/* Asegura el color blanco *\/\n            font-size: 5rem; \n            font-weight: 900; \n            line-height: 1; \n            margin: 0 0 30px 0; \n            text-transform: uppercase; \n            text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.7);\n        }\n        .hero-caption-dg { \n            color: yellow;\n            font-size: 5.0rem; \n            font-weight: 400; \n            letter-spacing: 2.5px; \n            margin-bottom: 8px; \n            display: flex; \n            \/* Esta l\u00ednea centra el birrete y el texto LICENCIATURA *\/\n            justify-content: left;\n            text-transform: uppercase;\n        }\n\n        @media (min-width: 768px) {\n            .hero-title-dg { \n                \/* CAMBIO CLAVE 3: Aumentar el tama\u00f1o en escritorio *\/\n                font-size: 4rem; \/* Anteriormente era 4.8rem *\/\n            }\n        }\n        .info-sections-dg {\n            \/* CAMBIO CLAVE 1: El fondo de la secci\u00f3n ahora es BLANCO *\/\n            background-color: #ffffff; \n            \n            padding: 80px 20px;\n            display: flex; \n            flex-wrap: wrap; \n            justify-content: center;\n            gap: 30px; \n        }\n\n        \/* Estilo de la Tarjeta Individual *\/\n        .info-card-dg {\n            \/* CAMBIO CLAVE 2: Las tarjetas son transparentes para que se vea el fondo blanco *\/\n            background-color: transparent; \n            \n            \/* CAMBIO CLAVE 3: Usamos flex: 1 para que ocupen espacio igual. \n               El 'calc' asegura que caben tres tarjetas restando el espacio de los gaps. *\/\n            flex: 1 1 calc(33.333% - 100px); \n            min-width: 300px; \/* M\u00ednimo para evitar que se aplasten demasiado *\/\n\n            \/* El color de texto debe cambiar a oscuro para el fondo blanco *\/\n            color: #000000; \n            \n            padding: 20px;\n            border-radius: 10px; \n            box-shadow: none; \/* Quitamos la sombra de caja *\/\n            \n            transition: transform 0.4s ease;\n            border-left: none; \n        }\n\n        .info-card-dg:hover {\n            \/* Mantenemos el efecto sutil al pasar el rat\u00f3n *\/\n            transform: translateY(-5px); \n        }\n\n        \/* T\u00edtulo de la Tarjeta (Subt\u00edtulos) *\/\n        .card-title-dg {\n            font-size: 1.8rem;\n            font-weight: 700;\n            \n            \/* El color dorado (#ffd700) sigue funcionando muy bien en fondo blanco *\/\n            color: black; \n            \n            margin-top: 0;\n            margin-bottom: 25px;\n            text-transform: uppercase;\n            \n            \/* L\u00ednea amarilla vertical *\/\n            border-left: 10px solid #ffd700;\n            padding-left: 20px; \n            \n            \/* Mantenemos el truco de alineaci\u00f3n *\/\n            margin-left: -30px; \n            padding-left: 40px; \n        }\n\n        \/* Estilo para los P\u00e1rrafos de Contenido *\/\n        .card-content-paragraph-dg {\n            font-size: 1.1em;\n            line-height: 1.6;\n            margin: 0; \n            white-space: pre-line; \n            \n            \/* Aseguramos que el texto dentro del p\u00e1rrafo sea negro *\/\n            color: #333333;\n            text-align: left; \n        }\n\n        \/* Media Query para m\u00f3vil: asegura que se apilen correctamente *\/\n        @media (max-width: 1000px) {\n            \/* Permite que solo quepan dos en una fila y luego una sola en pantallas peque\u00f1as *\/\n            .info-card-dg {\n                flex: 1 1 calc(50% - 20px); \n            }\n        }\n        @media (max-width: 600px) {\n            \/* Apilamos una sola tarjeta en m\u00f3vil *\/\n            .info-card-dg {\n                flex: 1 1 100%;\n                max-width: 90%;\n            }\n        }\n<\/style>\n<body>\n    <section class=\"hero-dg\">\n       \n    <\/section>\n\n    <section class=\"info-sections-dg\">\n        \n        <div class=\"info-card-dg\">\n            <h2 class=\"card-title-dg\">Campo Laboral<\/h2>\n            <p class=\"card-content-paragraph-dg\">\n                El licenciado en Dise\u00f1o Gr\u00e1fico adquirir\u00e1 las competencias espec\u00edficas y gen\u00e9ricas necesarias con las que podr\u00e1 desempe\u00f1arse de manera profesional en empresas industriales en el \u00e1rea de producci\u00f3n de impresos, comerciales en el \u00e1mbito publicitario, branding o identidad de marca, p\u00fablicas o privadas aportando sus habilidades en dise\u00f1o editorial para prensa o producci\u00f3n bidimencional en medios On line y Off line, tomando como base su formaci\u00f3n human\u00edstica, creativa y socialmente responsable, en cada una de estas empresas para poder desarrollar el dise\u00f1o gr\u00e1fico utilizando las tendencias gr\u00e1ficas que posibilitan las nuevas tecnolog\u00edas y responder as\u00ed a las necesidades de las empresas o clientes.\n            <\/p>\n        <\/div>\n\n        <div class=\"info-card-dg\">\n            <h2 class=\"card-title-dg\">Perfil de Ingreso<\/h2>\n            <p class=\"card-content-paragraph-dg\">\n                Previo al curso de los programas acad\u00e9micos de la licenciatura en Dise\u00f1o Gr\u00e1fico, el aspirante deber\u00e1 tener: Conocimientos b\u00e1sicos en t\u00e9cnicas de dibujo, ilustraci\u00f3n y escalas de proporci\u00f3n. Habilidad en el uso de gama crom\u00e1tica con pigmentos de color. An\u00e1lisis de la imagen como lenguaje visual. Inter\u00e9s por el arte y la ret\u00f3rica para su aplicaci\u00f3n en proyectos profesionales. Responsabilidad social y respeto a culturas e ideolog\u00edas diversas. Actualizaci\u00f3n de las nuevas tecnolog\u00edas en materia de dise\u00f1o y producci\u00f3n visual.\n            <\/p>\n        <\/div>\n\n        <div class=\"info-card-dg\">\n            <h2 class=\"card-title-dg\">Perfil de Egreso<\/h2>\n            <p class=\"card-content-paragraph-dg\">\n                El Licenciado en Dise\u00f1o Gr\u00e1fico podr\u00e1 ejercer sus conocimientos y habilidades en ilustraci\u00f3n an\u00e1loga y digital, as\u00ed como el dominio de la tipograf\u00eda y dise\u00f1o editorial, fotograf\u00eda, medios de producci\u00f3n y reproducci\u00f3n, por mencionar algunos, para la aplicaci\u00f3n del lenguaje visual en proyectos creativos de publicidad, branding o marketing.\n            <\/p>\n        <\/div>\n    <\/section>\n<\/body>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-8be68b6 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"8be68b6\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-917f771\" data-id=\"917f771\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b2f1a62 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-image\" data-id=\"b2f1a62\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"732\" src=\"https:\/\/ceut.edu.mx\/home\/wp-content\/uploads\/2025\/12\/DISENO-GRAFICO-1024x732.jpg\" class=\"attachment-large size-large wp-image-4885\" alt=\"\" srcset=\"https:\/\/ceut.edu.mx\/home\/wp-content\/uploads\/2025\/12\/DISENO-GRAFICO-1024x732.jpg 1024w, https:\/\/ceut.edu.mx\/home\/wp-content\/uploads\/2025\/12\/DISENO-GRAFICO-300x215.jpg 300w, https:\/\/ceut.edu.mx\/home\/wp-content\/uploads\/2025\/12\/DISENO-GRAFICO-768x549.jpg 768w, https:\/\/ceut.edu.mx\/home\/wp-content\/uploads\/2025\/12\/DISENO-GRAFICO-1536x1098.jpg 1536w, https:\/\/ceut.edu.mx\/home\/wp-content\/uploads\/2025\/12\/DISENO-GRAFICO-2048x1465.jpg 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>PLAN DE ESTUDIOS Campo Laboral El licenciado en Dise\u00f1o Gr\u00e1fico adquirir\u00e1 las competencias espec\u00edficas y gen\u00e9ricas necesarias con las que podr\u00e1 desempe\u00f1arse de manera profesional en empresas industriales en el \u00e1rea de producci\u00f3n de impresos, comerciales en el \u00e1mbito publicitario, branding o identidad de marca, p\u00fablicas o privadas aportando sus habilidades en dise\u00f1o editorial para&hellip;&nbsp;<a href=\"https:\/\/ceut.edu.mx\/home\/diseno-grafico\/\" class=\"\" rel=\"bookmark\">Leer m\u00e1s &raquo;<span class=\"screen-reader-text\">Dise\u00f1o Gr\u00e1fico<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/template-pagebuilder-full-width.php","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"neve_meta_sidebar":"full-width","neve_meta_container":"","neve_meta_enable_content_width":"on","neve_meta_content_width":100,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","footnotes":""},"class_list":["post-209","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ceut.edu.mx\/home\/wp-json\/wp\/v2\/pages\/209","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ceut.edu.mx\/home\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ceut.edu.mx\/home\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ceut.edu.mx\/home\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ceut.edu.mx\/home\/wp-json\/wp\/v2\/comments?post=209"}],"version-history":[{"count":31,"href":"https:\/\/ceut.edu.mx\/home\/wp-json\/wp\/v2\/pages\/209\/revisions"}],"predecessor-version":[{"id":6422,"href":"https:\/\/ceut.edu.mx\/home\/wp-json\/wp\/v2\/pages\/209\/revisions\/6422"}],"wp:attachment":[{"href":"https:\/\/ceut.edu.mx\/home\/wp-json\/wp\/v2\/media?parent=209"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}