{"id":242,"date":"2025-08-15T01:45:18","date_gmt":"2025-08-15T01:45:18","guid":{"rendered":"https:\/\/gas.mif.mybluehost.me\/website_7fbf7d4f\/?page_id=242"},"modified":"2025-08-19T19:29:00","modified_gmt":"2025-08-19T19:29:00","slug":"guia-interativa-de-apoyos","status":"publish","type":"page","link":"https:\/\/citro-uv.com\/website_7fbf7d4f\/flujograma\/guia-interativa-de-apoyos\/","title":{"rendered":"Guia"},"content":{"rendered":"<p><!DOCTYPE html><br \/>\n<html lang=\"es\"><br \/>\n<head><br \/>\n    <meta charset=\"UTF-8\"><br \/>\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><br \/>\n    <title>Gu\u00eda Interactiva para Solicitudes de Apoyo &#8211; CITRO<\/title><br \/>\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;700&#038;display=swap\" rel=\"stylesheet\">\n    <!-- Chosen Palette: Soothing Academia (Off-white, Dark Grey, Muted Teal) --><br \/>\n    <!-- Application Structure Plan: A task-oriented interactive guide. Users select their support type (e.g., Conference, Stay) via buttons. This action dynamically displays a tailored checklist of required documents, split into two clear phases: 'Initial Submission to CT' and 'Post-Approval Process with Administration'. This structure was chosen to simplify a complex bureaucratic process, prevent information overload, and directly answer the user's primary question (\"What do I need for my specific case?\") far more effectively than a linear document. A static visual flowchart provides an at-a-glance overview of the entire process. --><br \/>\n    <!-- Visualization & Content Choices: Report Info: Document requirements for 4 support types. -> Goal: Guide & Inform. -> Viz\/Method: Interactive buttons and dynamic checklists (HTML\/CSS\/JS). -> Interaction: User clicks a support type button to reveal only the relevant checklist. -> Justification: Prevents user from having to read irrelevant sections, reduces cognitive load, and streamlines the task. Report Info: Overall process flow. -> Goal: Orient. -> Viz\/Method: HTML\/CSS Flexbox diagram. -> Interaction: Static visual aid. -> Justification: Provides a simple, clear overview of the multi-step process. -> Library\/Method: Vanilla JS for interactions, Tailwind CSS for layout and styling. --><br \/>\n    <!-- CONFIRMATION: NO SVG graphics used. NO Mermaid JS used. --><\/p>\n<style>\n        body {\n            font-family: 'Inter', sans-serif;\n            background-color: #FDFBF7;\n            color: #333333;\n        }\n        .nav-button.active {\n            background-color: #005A5B;\n            color: #FFFFFF;\n            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\n        }\n        .content-section {\n            display: none;\n        }\n        .content-section.active {\n            display: block;\n        }\n        .checklist-item::before {\n            content: '\u2713';\n            color: #008080;\n            font-weight: bold;\n            display: inline-block;\n            width: 1.5em;\n            margin-left: -1.5em;\n        }\n        .process-step {\n            border-color: #005A5B;\n        }\n        .process-arrow::after {\n            content: '\u2192';\n            color: #005A5B;\n            font-size: 2rem;\n            line-height: 1;\n        }\n    <\/style>\n<p><\/head><br \/>\n<body class=\"antialiased\"><\/p>\n<div class=\"container mx-auto p-4 sm:p-6 md:p-8 max-w-5xl\">\n<header class=\"text-center mb-8\">\n<h1 class=\"text-3xl md:text-4xl font-bold text-[#005A5B]\">Gu\u00eda Interactiva de Apoyos CITRO<\/h1>\n<p class=\"mt-2 text-lg text-gray-600\">Encuentra f\u00e1cilmente los requisitos para tu solicitud.<\/p>\n<\/header>\n<p>        <main><\/p>\n<section id=\"interactive-guide\" class=\"bg-white p-6 rounded-lg shadow-md\">\n<h2 class=\"text-xl font-bold mb-4 text-center\">1. Selecciona el tipo de apoyo que necesitas<\/h2>\n<nav class=\"grid grid-cols-2 md:grid-cols-4 gap-4 mb-8\">\n                    <button data-target=\"estancia\" class=\"nav-button w-full p-4 text-center rounded-lg bg-gray-100 hover:bg-gray-200 transition-colors duration-200 font-semibold\"><br \/>\n                        \ud83c\udfe8 Estancia<br \/>\n                    <\/button><br \/>\n                    <button data-target=\"congreso\" class=\"nav-button w-full p-4 text-center rounded-lg bg-gray-100 hover:bg-gray-200 transition-colors duration-200 font-semibold\"><br \/>\n                        \ud83c\udfa4 Congreso<br \/>\n                    <\/button><br \/>\n                    <button data-target=\"curso-uv\" class=\"nav-button w-full p-4 text-center rounded-lg bg-gray-100 hover:bg-gray-200 transition-colors duration-200 font-semibold\"><br \/>\n                        \ud83c\udf93 Curso UV<br \/>\n                    <\/button><br \/>\n                    <button data-target=\"curso-externo\" class=\"nav-button w-full p-4 text-center rounded-lg bg-gray-100 hover:bg-gray-200 transition-colors duration-200 font-semibold\"><br \/>\n                        \ud83c\udf0d Curso Externo<br \/>\n                    <\/button><br \/>\n                <\/nav>\n<div id=\"content-container\" class=\"min-h-[300px]\">\n<div id=\"estancia\" class=\"content-section\">\n<h3 class=\"text-2xl font-bold text-[#005A5B] mb-4\">Requisitos para Estancia Nacional o Internacional<\/h3>\n<div class=\"grid md:grid-cols-2 gap-6\">\n<div class=\"bg-teal-50\/50 p-4 rounded-lg border border-teal-200\">\n<h4 class=\"font-bold text-lg mb-2\">Fase 1: Solicitud al H. Consejo T\u00e9cnico<\/h4>\n<ul class=\"space-y-2 list-inside\">\n<li class=\"checklist-item\">Oficio-carta de invitaci\u00f3n o aceptaci\u00f3n.<\/li>\n<li class=\"checklist-item\">Programa de trabajo detallado.<\/li>\n<li class=\"checklist-item\">Formato de &#8220;Solicitud de aval para estancia&#8221; (firmado).<\/li>\n<\/ul><\/div>\n<div class=\"bg-orange-50\/50 p-4 rounded-lg border border-orange-200\">\n<h4 class=\"font-bold text-lg mb-2\">Fase 2: Tr\u00e1mite Post-Aprobaci\u00f3n<\/h4>\n<ul class=\"space-y-2 list-inside\">\n<li class=\"checklist-item\">Contactar a la Administraci\u00f3n del CITRO.<\/li>\n<li class=\"checklist-item\">Entregar informe detallado con fotos (formato de Admin).<\/li>\n<li class=\"checklist-item\">Entregar copia de la constancia.<\/li>\n<li class=\"checklist-item\">Entregar facturas (CFDI en PDF y XML).<\/li>\n<\/ul><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div id=\"congreso\" class=\"content-section\">\n<h3 class=\"text-2xl font-bold text-[#005A5B] mb-4\">Requisitos para Asistencia a Congresos<\/h3>\n<div class=\"grid md:grid-cols-2 gap-6\">\n<div class=\"bg-teal-50\/50 p-4 rounded-lg border border-teal-200\">\n<h4 class=\"font-bold text-lg mb-2\">Fase 1: Solicitud al H. Consejo T\u00e9cnico<\/h4>\n<ul class=\"space-y-2 list-inside\">\n<li class=\"checklist-item\">Convocatoria oficial del evento.<\/li>\n<li class=\"checklist-item\">Oficio-carta de aceptaci\u00f3n de la ponencia.<\/li>\n<li class=\"checklist-item\">Programa del evento (con tu participaci\u00f3n).<\/li>\n<li class=\"checklist-item\">Formato de &#8220;Solicitud para participar en congresos&#8221; (firmado).<\/li>\n<\/ul><\/div>\n<div class=\"bg-orange-50\/50 p-4 rounded-lg border border-orange-200\">\n<h4 class=\"font-bold text-lg mb-2\">Fase 2: Tr\u00e1mite Post-Aprobaci\u00f3n<\/h4>\n<ul class=\"space-y-2 list-inside\">\n<li class=\"checklist-item\">Contactar a la Administraci\u00f3n del CITRO.<\/li>\n<li class=\"checklist-item\">Entregar informe de asistencia (formato de Admin).<\/li>\n<li class=\"checklist-item\">Entregar copia de la constancia.<\/li>\n<li class=\"checklist-item\">Entregar facturas (CFDI en PDF y XML).<\/li>\n<\/ul><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div id=\"curso-uv\" class=\"content-section\">\n<h3 class=\"text-2xl font-bold text-[#005A5B] mb-4\">Requisitos para Curso en la UV<\/h3>\n<div class=\"grid md:grid-cols-2 gap-6\">\n<div class=\"bg-teal-50\/50 p-4 rounded-lg border border-teal-200\">\n<h4 class=\"font-bold text-lg mb-2\">Fase 1: Solicitud al H. Consejo T\u00e9cnico<\/h4>\n<ul class=\"space-y-2 list-inside\">\n<li class=\"checklist-item\">Correo o Comunicado UV de convocatoria.<\/li>\n<li class=\"checklist-item\">Ficha de registro o inscripci\u00f3n.<\/li>\n<li class=\"checklist-item\">Programa del curso.<\/li>\n<li class=\"checklist-item text-red-600 font-semibold\">\u00a1Importante! Solicitar antes de iniciar el curso.<\/li>\n<\/ul><\/div>\n<div class=\"bg-orange-50\/50 p-4 rounded-lg border border-orange-200\">\n<h4 class=\"font-bold text-lg mb-2\">Fase 2: Tr\u00e1mite Post-Aprobaci\u00f3n<\/h4>\n<ul class=\"space-y-2 list-inside\">\n<li class=\"checklist-item\">Contactar a la Administraci\u00f3n del CITRO.<\/li>\n<li class=\"checklist-item\">Entregar a Posgrado CITRO copia de la constancia.<\/li>\n<\/ul><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div id=\"curso-externo\" class=\"content-section\">\n<h3 class=\"text-2xl font-bold text-[#005A5B] mb-4\">Requisitos para Curso Externo a la UV<\/h3>\n<div class=\"grid md:grid-cols-2 gap-6\">\n<div class=\"bg-teal-50\/50 p-4 rounded-lg border border-teal-200\">\n<h4 class=\"font-bold text-lg mb-2\">Fase 1: Solicitud al H. Consejo T\u00e9cnico<\/h4>\n<ul class=\"space-y-2 list-inside\">\n<li class=\"checklist-item\">Oficio-carta de aceptaci\u00f3n o inscripci\u00f3n.<\/li>\n<li class=\"checklist-item\">Programa del curso.<\/li>\n<li class=\"checklist-item\">Formato de &#8220;Solicitud de aval para asistir a curso&#8221; (firmado).<\/li>\n<\/ul><\/div>\n<div class=\"bg-orange-50\/50 p-4 rounded-lg border border-orange-200\">\n<h4 class=\"font-bold text-lg mb-2\">Fase 2: Tr\u00e1mite Post-Aprobaci\u00f3n<\/h4>\n<ul class=\"space-y-2 list-inside\">\n<li class=\"checklist-item\">Contactar a la Administraci\u00f3n del CITRO.<\/li>\n<li class=\"checklist-item\">Entregar informe detallado con fotos (formato de Admin).<\/li>\n<li class=\"checklist-item\">Entregar a Posgrado CITRO copia de la constancia.<\/li>\n<li class=\"checklist-item\">Entregar facturas (CFDI en PDF y XML).<\/li>\n<\/ul><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<section id=\"general-requirements\" class=\"mt-8\">\n<h2 class=\"text-2xl font-bold text-center mb-4 text-[#005A5B]\">2. Requisitos Generales y Proceso<\/h2>\n<div class=\"bg-white p-6 rounded-lg shadow-md\">\n<h3 class=\"font-bold text-lg mb-3\">Puntos Clave a Recordar<\/h3>\n<div class=\"grid md:grid-cols-3 gap-4 text-center\">\n<div class=\"bg-gray-100 p-4 rounded-lg\">\n<p class=\"text-4xl\">\u23f1\ufe0f<\/p>\n<p class=\"font-semibold mt-2\">3 Semanas M\u00ednimo<\/p>\n<p class=\"text-sm text-gray-600\">Inicia tu tr\u00e1mite con suficiente anticipaci\u00f3n.<\/p>\n<\/p><\/div>\n<div class=\"bg-gray-100 p-4 rounded-lg\">\n<p class=\"text-4xl\">\ud83d\udcc4<\/p>\n<p class=\"font-semibold mt-2\">Un Solo Archivo PDF<\/p>\n<p class=\"text-sm text-gray-600\">Toda la documentaci\u00f3n debe estar unificada.<\/p>\n<\/p><\/div>\n<div class=\"bg-gray-100 p-4 rounded-lg\">\n<p class=\"text-4xl\">\u270d\ufe0f<\/p>\n<p class=\"font-semibold mt-2\">Acta Tutorial<\/p>\n<p class=\"text-sm text-gray-600\">Siempre debes adjuntar tu \u00faltima acta.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<h3 class=\"font-bold text-lg mt-8 mb-4\">Flujo del Proceso de Solicitud<\/h3>\n<div class=\"flex flex-col md:flex-row items-center justify-between gap-4\">\n<div class=\"process-step text-center p-4 border-2 rounded-lg w-full md:w-1\/4\">\n<p class=\"text-xl font-bold\">1. Preparar<\/p>\n<p>Re\u00fane tus documentos.<\/p>\n<\/p><\/div>\n<div class=\"process-arrow hidden md:block\"><\/div>\n<div class=\"process-step text-center p-4 border-2 rounded-lg w-full md:w-1\/4\">\n<p class=\"text-xl font-bold\">2. Solicitar<\/p>\n<p>Env\u00eda tu PDF al CT.<\/p>\n<\/p><\/div>\n<div class=\"process-arrow hidden md:block\"><\/div>\n<div class=\"process-step text-center p-4 border-2 rounded-lg w-full md:w-1\/4\">\n<p class=\"text-xl font-bold\">3. Administrar<\/p>\n<p>Contacta a Admin al ser aprobado.<\/p>\n<\/p><\/div>\n<div class=\"process-arrow hidden md:block\"><\/div>\n<div class=\"process-step text-center p-4 border-2 rounded-lg w-full md:w-1\/4\">\n<p class=\"text-xl font-bold\">4. Comprobar<\/p>\n<p>Entrega informes y facturas.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<section id=\"final-commitment\" class=\"mt-8 bg-white p-6 rounded-lg shadow-md\">\n<h2 class=\"text-2xl font-bold text-center mb-4 text-[#005A5B]\">3. Compromiso Final<\/h2>\n<div class=\"text-center\">\n<p class=\"text-4xl\">\ud83c\udfc6<\/p>\n<p class=\"mt-2 font-semibold\">Entrega de Productos Acad\u00e9micos<\/p>\n<p class=\"text-gray-600 max-w-2xl mx-auto mt-2\">Recuerda que al finalizar tu posgrado, deber\u00e1s entregar a la Coordinaci\u00f3n los productos derivados del apoyo recibido (tesis, art\u00edculos, etc.), mencionando el financiamiento en un oficio.<\/p>\n<\/p><\/div>\n<\/section>\n<p>        <\/main><\/p>\n<footer class=\"text-center mt-12 text-gray-500 text-sm\">\n<p>Esta es una herramienta de apoyo no oficial, basada en la hoja de ayuda del CITRO.<\/p>\n<p>Verifica siempre la informaci\u00f3n con las instancias correspondientes.<\/p>\n<\/footer><\/div>\n<p>    <script>\n        document.addEventListener('DOMContentLoaded', function() {\n            const navButtons = document.querySelectorAll('.nav-button');\n            const contentSections = document.querySelectorAll('.content-section');<\/p>\n<p>            function showContent(targetId) {\n                contentSections.forEach(section => {\n                    section.classList.remove('active');\n                });\n                navButtons.forEach(button => {\n                    button.classList.remove('active');\n                });<\/p>\n<p>                const targetSection = document.getElementById(targetId);\n                const targetButton = document.querySelector(`[data-target=\"${targetId}\"]`);<\/p>\n<p>                if (targetSection) {\n                    targetSection.classList.add('active');\n                }\n                if (targetButton) {\n                    targetButton.classList.add('active');\n                }\n            }<\/p>\n<p>            navButtons.forEach(button => {\n                button.addEventListener('click', function() {\n                    const targetId = this.dataset.target;\n                    showContent(targetId);\n                });\n            });<\/p>\n<p>            showContent('estancia');\n        });\n    <\/script><br \/>\n<\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Gu\u00eda Interactiva para Solicitudes de Apoyo &#8211; CITRO Gu\u00eda Interactiva de Apoyos CITRO Encuentra f\u00e1cilmente los requisitos para tu solicitud. 1. Selecciona el tipo de apoyo que necesitas \ud83c\udfe8 Estancia \ud83c\udfa4 Congreso \ud83c\udf93 Curso UV \ud83c\udf0d Curso Externo Requisitos para Estancia Nacional o Internacional Fase 1: Solicitud al H. Consejo T\u00e9cnico Oficio-carta de invitaci\u00f3n o [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":48,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"tools","meta":{"nf_dc_page":"","om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-242","page","type-page","status-publish","hentry"],"aioseo_notices":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/citro-uv.com\/website_7fbf7d4f\/wp-json\/wp\/v2\/pages\/242","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/citro-uv.com\/website_7fbf7d4f\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/citro-uv.com\/website_7fbf7d4f\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/citro-uv.com\/website_7fbf7d4f\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/citro-uv.com\/website_7fbf7d4f\/wp-json\/wp\/v2\/comments?post=242"}],"version-history":[{"count":4,"href":"https:\/\/citro-uv.com\/website_7fbf7d4f\/wp-json\/wp\/v2\/pages\/242\/revisions"}],"predecessor-version":[{"id":325,"href":"https:\/\/citro-uv.com\/website_7fbf7d4f\/wp-json\/wp\/v2\/pages\/242\/revisions\/325"}],"up":[{"embeddable":true,"href":"https:\/\/citro-uv.com\/website_7fbf7d4f\/wp-json\/wp\/v2\/pages\/48"}],"wp:attachment":[{"href":"https:\/\/citro-uv.com\/website_7fbf7d4f\/wp-json\/wp\/v2\/media?parent=242"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}