Merge pull request 'develop' (#33) from develop into main

Reviewed-on: #33

package.json

@@ -3,6 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "scripts": {
+    "start": "vue-cli-service serve --port 3156",
     "serve": "vue-cli-service serve",
     "build": "vue-cli-service build"
   },

src/assets/a.txt

@@ -1 +0,0 @@
-gfgggg

src/components/footer.vue

@@ -1,8 +1,8 @@
 <template>
-  <footer class="container-fluid Azul-puma footer py-3 ">
+  <footer class="container-fluid Azul-puma footer py-3">
     <div row>
-      <p class="mb-0 ">Hecho en México, todos los derechos reservados 2021.</p>
-      <p class="my-0 ">
+      <p class="mb-0">Hecho en México, todos los derechos reservados 2026.</p>
+      <p class="my-0">
         Esta página puede ser reproducida con fines no lucrativos, siempre y
         cuando no se mutile, se cite la fuente
       </p>
@@ -10,6 +10,37 @@
         completa y su dirección electrónica. De otra forma, requiere permiso
         previo por escrito de la institución.
       </p>
+      <p>
+        Centro de Desarrollo Tecnológico - Departamento de Servicios de Cómputo
+      </p>
+    </div>
+
+    <div id="bottom">
+      <!-- wrapper-bottom -->
+      <div class="wrapper" style="text-align: right">
+        <!-- Social -->
+        <ul class="social">
+          <li>
+            <a href="https://www.facebook.com/unamacatlan"
+              ><img src="../assets/facebook.png" title="Unete a Facebook" />
+            </a>
+          </li>
+          <li>
+            <a href="https://twitter.com/FES_ACATLAN"
+              ><img src="../assets/twitter.png" title="Sigue nuestros tweets" />
+            </a>
+          </li>
+          <li>
+            <a href="http://www.youtube.com/user/UNAMAcatlan"
+              ><img src="../assets/youtube.png" title="Ve nuestros videos" />
+            </a>
+          </li>
+        </ul>
+        <!-- ENDS Social -->
+        <div id="to-top" class="poshytip" title="Hacia arriba"></div>
+      </div>
+      <!-- ENDS wrapper-bottom -->
+      <br />
     </div>
   </footer>
 </template>
@@ -19,6 +50,56 @@ export default {};
 </script>
 
 <style scoped>
+* {
+  margin: 0;
+  padding: 0;
+}
+
+#bottom {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  font-size: 12px;
+  line-height: 1.5em;
+  line-height: 60px;
+  color: white;
+  background: #1b3d70;
+}
+
+.wrapper {
+  width: 80%;
+  margin: 0px auto;
+  position: relative;
+}
+.social {
+  position: absolute;
+  top: 15px;
+  right: 0px;
+  display: block;
+  overflow: hidden;
+}
+
+.social li {
+  display: block;
+  width: 32px;
+  height: 32px;
+  float: left;
+  margin-right: 10px;
+  margin-bottom: 0px;
+}
+
+#bottom .social a {
+  display: block;
+  width: 32px;
+  height: 32px;
+  text-indent: -9000px;
+}
+
+#bottom a {
+  color: #afeaf9;
+  text-decoration: none;
+}
+
 .boton-footer {
   background-color: rgb(187, 136, 0);
   color: white;
@@ -35,12 +116,12 @@ export default {};
 }
 
 #footer {
-	width: 100%;
-	height: 200px;
-	background: #333;
-	border-top: 2px solid #000;
-	position: absolute;
-	bottom: 0;
+  width: 100%;
+  height: 200px;
+  background: #333;
+  border-top: 2px solid #000;
+  position: absolute;
+  bottom: 0;
 }
 
 .Azul-puma {
@@ -73,7 +154,7 @@ export default {};
   }
 
   .footer {
-    font-size: 0.7rem;
+    font-size: 0.5rem;
   }
 }
 </style>

src/components/header.vue

@@ -1,63 +1,87 @@
 <template>
-  <div class="row divMaster header cl-12 azulUnam">
-   <div class="wrapper">
-         <div class="wrapperleft"> 
-          <a href="https://www.acatlan.unam.mx/" target="_blank">
-            <img src="../assets/logo_acatlan.png" class= "img-fluid" alt="logo acatlan" />
-          </a> 
-          </div>
-          <div class="wrapperright2">
-          <a href="https://www.unam.mx/" target="_blank">
-            <img src="../assets/logo_unam.png" class= "img-fluid" alt="logo unam" />
-          </a> 
-          </div>
-    </div> 
-  </div>
   
+  <div class="azulUnam">
+  <div class="row">
+    
+    
+
+    <div class="logo_unam col-5 offset-0 ">
+   
+      <a href="https://www.unam.mx/" target="_blank">
+        <img class="sizeImg" src="../assets/logo_unam.png" alt="logo unam" />
+      </a>
+      </div>
+
+    <div class="logo_acatlan col-5 offset-2 d-flex justify-content-center">
+      <a href="https://www.acatlan.unam.mx/" target="_blank">
+        
+        <img
+          class="sizeImga"
+          src="../assets/logo_fesa.png"
+          alt="logo unam"
+        />
+       
+      </a>
+     </div>
+      </div>
+
+
+
+    <div
+      class="logo_acatlan_resp col-4  offset-2 d-flex justify-content-center my-3 align-items-center"
+    >
+      <a href="https://www.acatlan.unam.mx/" target="_blank">
+        <img
+          class="sizeImg"
+          src="../assets/logo_acatlan.png"
+          alt="logo unam"
+        />
+      </a>
+    </div>
+  </div>
 </template>
-<script scoped>
-export default {};
-</script>
-<style>
-.wrapperright2 {
-    min-width: 50px;
-    float: left;
-    height: 10px;
-    width: 48%;
-    background-size: 280px, 84px;
-    background-repeat: no-repeat;
-    padding: 13px
+
+<style scoped >
+
+
+
+.pad{
+     
+     padding: 0px;
 }
 
-.wrapperleft {
-    min-width: 20px;
-    float: right;
-    height: 10px;
-    width: 50%;
-    background-size: 100px, 69px;
-    background-repeat: no-repeat;
-    background-position-x: 50%;
-    padding: 4px
-}
-
-.wrapper {
-    min-width: 50px;
-    width: 100%;
-    margin: 0px auto;
-    position: relative;
-}
-
-
-
-
 .divMaster {
-  height: 7em;
+  height: 6em;
   margin: 0 auto;
 }
 
 .azulUnam {
   background-color: #1e3c70;
+  padding: 15px;
+}
+.sizeImg {
+  height: 4.95rem;
+   margin: auto 0;
 }
 
+.sizeImga {
+  height: 4.75rem;
+ 
+}
+.logo_acatlan_resp {
+  display: none !important;
+}
 
+@media (max-width: 450px) {
+  .logo_acatlan,
+  .logo_unam {
+    display: none !important;
+  }
+  .logo_acatlan_resp {
+    display: block !important;
+  }
+  .logo_acatlan_resp a img {
+    height: 5rem;
+  }
+}
 </style>

src/components/nav.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="divMaster doradoUnam row d-flex justify-content-center">
-    <div class="col-10 offset-1">
-      <nav class="navbar navbar-expand-sm navbar-dark  ">
+    <div class="col-9 offset-3">
+      <nav class="navbar navbar-expand-sm navbar-dark">
         <button
           @click="method()"
           class="navbar-toggler col-5"
@@ -13,52 +13,50 @@
           aria-label="Toggle navigation"
         >
           <span class="navbar-toggler-icon blanco d-flex"></span>
-          <!-- <span class="mx-2">Menu</span> -->
         </button>
 
-        <div class="collapse navbar-collapse " id="navbarTogglerDemo02">
-          <ul class="navbar-nav mr-auto w-100 d-flex align-items-center justify-content-between mt-0 mt-lg-0">
+        <div class="collapse navbar-collapse" id="navbarTogglerDemo02">
+          <ul
+            class="navbar-nav mr-auto w-100 d-flex align-items-center justify-content-between mt-0 mt-lg-0"
+          >
             <li class="nav-item">
               <a class="nav-link text-white" @click="home()">Inicio</a>
             </li>
             <li class="nav-item">
-              <a class="nav-link text-white" @click="announcement()">Convocatoria</a>
+              <a class="nav-link text-white" @click="announcement()"
+                >Convocatoria</a
+              >
             </li>
-             <li class="nav-item">
+            <li class="nav-item">
               <a class="nav-link text-white" @click="glossary()">Glosario</a>
             </li>
-             <li class="nav-item">
-              <a class="nav-link text-white" @click="criteria()">Criterios de operación</a>
+            <li class="nav-item">
+              <a class="nav-link text-white" @click="criteria()"
+                >Criterios de operación</a
+              >
             </li>
-             <li class="nav-item">
+            <li class="nav-item">
               <a class="nav-link text-white" @click="formats()">Formatos</a>
             </li>
-            
-             
+            <li class="nav-item">
+              <a class="nav-link text-white" @click="recursos()">Recursos</a>
+            </li>
           </ul>
         </div>
-
-
-     
       </nav>
     </div>
   </div>
-
-
 </template>
 
 <script>
-
- 
- export default {
+export default {
   methods: {
-  
     home() {
       this.$router.push("/").catch(() => {
         location.reload();
       });
     },
-  
+
     announcement() {
       this.$router.push("/announcement").catch(() => {
         location.reload();
@@ -69,24 +67,23 @@
         location.reload();
       });
     },
-
     criteria() {
       this.$router.push("/criteria").catch(() => {
         location.reload();
       });
     },
-
-     formats() {
+    formats() {
       this.$router.push("/formats").catch(() => {
         location.reload();
       });
-    }, 
-    
+    },
+    recursos() {
+      this.$router.push("/recursos").catch(() => {
+        location.reload();
+      });
+    },
   },
-  
 };
-
-
 </script>
 
 <style scoped>
@@ -96,12 +93,11 @@
 }
 
 .divMaster {
-  /* max-width: 1280px; */
   height: auto;
   margin: 0 auto;
 }
 nav {
-  padding: 0.5rem 0;
+  padding: 1.5rem 0;
 }
 
 .azulUnam {
@@ -127,14 +123,14 @@ nav {
 }
 
 .nav-link:hover {
-  background-color: #1e3c70;
+  background: linear-gradient(to right, #1e3c70, #30589e);
   color: white;
-  border-radius: 0.2rem;
+  border-radius: 3rem;
 }
 
 .nav-link {
-  transition: 0.3s;
-  font-size: 20px;
+  transition: 0.4s;
+  font-size: 22px;
 }
 
 .dropdown-item {
@@ -176,9 +172,6 @@ nav {
   left: -10rem;
   display: block;
 }
-.rescont {
-  z-index: ;
-}
 
 .list-group-item {
   padding: 2px 2px;
@@ -192,13 +185,16 @@ nav {
 }
 
 @media (max-width: 450px) {
-  .menuText,
-  .buscador {
+  .menuText {
     display: block !important;
   }
 
   .dropdown-menu {
     width: 80vw !important;
   }
+  .nav-link {
+    font-size: 10px;
+    margin-top: 1rem;
+  }
 }
 </style>

src/router/routes.js

@@ -1,43 +1,45 @@
-import { createRouter, createWebHashHistory } from 'vue-router'
-
+import { createRouter, createWebHashHistory } from "vue-router";
 
 const routes = [
   {
-    path: '/',
-    name: 'home',
-    component: () => import( '../views/home.vue')
-  },
-  
-  
-  {
-    path: '/announcement',
-    name: 'announcement',
-    
-    component: () => import( '../views/announcement.vue')
-  },
-  {
-    path: '/criteria',
-    name: 'criteria',
-    
-    component: () => import( '../views/criteria.vue')
+    path: "/",
+    name: "home",
+    component: () => import("../views/home.vue"),
   },
 
   {
-    path: '/glossary',
-    name: 'glossary',
-    
-    component: () => import( '../views/glossary.vue')
-  },
-{
-  path: '/formats',
-  name: 'formats',
-  component: () => import( '../views/formats.vue')
-}
+    path: "/announcement",
+    name: "announcement",
 
-]
+    component: () => import("../views/announcement.vue"),
+  },
+  {
+    path: "/criteria",
+    name: "criteria",
+
+    component: () => import("../views/criteria.vue"),
+  },
+
+  {
+    path: "/glossary",
+    name: "glossary",
+
+    component: () => import("../views/glossary.vue"),
+  },
+  {
+    path: "/formats",
+    name: "formats",
+    component: () => import("../views/formats.vue"),
+  },
+  {
+    path: "/recursos",
+    name: "recursos",
+    component: () => import("../views/recursos.vue"),
+  },
+];
 const router = createRouter({
   history: createWebHashHistory(),
-  routes
-})
+  routes,
+});
 
-export default router
+export default router;

src/views/announcement.vue

@@ -1,293 +1,505 @@
 <template>
-<div>
-  <Header></Header>
-  <Nav></Nav>
-<div  > 
+  <div>
+    <Header></Header>
+    <Nav></Nav>
+    <div class="box">
+      <div class="container">
+        <h6><b>I. Objetivo </b></h6>
+        <p>
+          Con la finalidad de fomentar, mediante un apoyo extraordinario, la
+          realización de proyectos de investigación tecnológica, social y
+          humanística que generen un conocimiento innovador y beneficien la
+          mejora de un producto, servicio y/o proceso que respondan a una
+          necesidad social previamente identificada o que detecte y atienda una
+          demanda de un ámbito específico, la Facultad de Estudios Superiores
+          Acatlán convoca al personal académico que cumpla con las siguientes:
+        </p>
+        <h6><b>II. Bases</b></h6>
+        <p>
+          1. Podrán participar grupos de investigación cuyo responsable cuente
+          con nombramiento de persona profesora de carrera o investigadora de
+          tiempo completo o de medio tiempo, asociada o titular, definitiva o
+          interina; o de técnica académica titular de tiempo completo o de medio
+          tiempo, contratada de forma definitiva o interina; o de persona
+          profesora de asignatura con un mínimo de 18 horas de clase asignadas
+          por los consejos técnicos respectivos y con definitividad en al menos
+          una materia; o personal académico contratado a través del artículo 51
+          del EPA o mediante el Subprograma SIJA. En todos los casos deberán
+          encontrarse en activo y con productividad académica reciente de
+          calidad (últimos dos años).
+        </p>
+        <p>
+          2. Los responsables de proyecto fungirán como líderes del grupo de
+          investigación. Los técnicos académicos responsables de proyecto
+          deberán presentar documento con visto bueno de su jefe inmediato para
+          participar en el Programa.
+        </p>
+        <p>
+          3. Los responsables podrán incluir a profesores de carrera, asignatura
+          y profesores de otras carreras, así como a externos a la FES Acatlán,
+          con un mínimo de experiencia de dos años en investigación.
+        </p>
+        <p>
+          4. Los responsables deberán incluir al menos tres alumnos de
+          licenciatura y/o posgrado de la FES-Acatlán por proyecto en calidad de
+          becarios, en alguna de las siguientes modalidades: para licenciatura
+          a) conclusión de estudios de licenciatura, b) titulación de alumnos de
+          licenciatura y/o c) conclusión de actividades de proyecto. Para
+          alumnos de posgrado a) prerrequisitos de posgrado, b) estudios de
+          posgrado, c) obtención de grado y/o d) conclusión de actividades de
+          proyecto. También podrán incluir alumnos prestadores de servicio
+          social, prácticas profesionales como participantes del grupo de
+          trabajo.
+        </p>
+        <p>
+          5. No podrán participar grupos de investigación o profesores que
+          cuenten con algún apoyo institucional vigente (PAPIIT, PAPIME, PASPA,
+          PPA, SECIHTI, COMECyT u otros).
+        </p>
+        <p>
+          6. Al término de la vigencia del Programa, los responsables que no
+          hayan cumplido con los objetivos señalados en el proyecto, que no
+          entreguen los productos comprometidos, que no hayan ejercido los
+          recursos asignados de forma eficiente y quienes hayan sido evaluados
+          en forma “no aprobatoria” en convocatorias anteriores, no podrán
+          participar en la siguiente Convocatoria.
+        </p>
+        <h6><b>III. Perfil de candidatos </b></h6>
+        <p>
+          Grupos de investigación de la FES Acatlán constituidos de la siguiente
+          forma:
+        </p>
 
-<h1 class="my-4"></h1>
-      <div class="row presentacion">
-        <div class="col-10 offset-1 text-justify mb-5">
-
-
- 
-<h6><b>I. </b></h6>
- <p>Con la finalidad de fomentar, mediante un apoyo extraordinario, la realización de proyectos de investigación tecnológica, social y humanística que generen un conocimiento innovador y beneficien la mejora de un producto, servicio y/o proceso que respondan a una necesidad social previamente identificada o que detecte y atienda una demanda de un ámbito específico, la Facultad de Estudios Superiores Acatlán convoca al personal académico que cumpla con las siguientes: </p>
-
-<h6><b>II. </b></h6>
- <p>1. </p>
- <p>2. </p>
- <p>3. </p>
- <p>4. </p>
- <p>5. </p>
- <p>6. </p>
-
- <h6><b>III. </b></h6>
- <p></p>
-
-<ul class="list" >
- <li> <b>	</b> </li><br>  
- <li> <b>	</b> </li><br>
- <li> <b>	</b> </li>
-</ul>
-
- <h6><b>IV. </b></h6>
-<ul class="list" >
- <li> <b>	</b> </li>
- <li> <b>	</b> </li>
- <li> <b>	</b> </li>
- <li> <b>	</b> </li>
- <li> <b>	</b> 
-  
-<div class="space">
-     <ul class= "space">
-      <li>1. </li>
-      <li>2. </li>
-      <li>3. </li>
-<div class="space">
-      <ul class="circle">
-           <li>  </li>
-            <li> </li>
-            <li> </li>
+        <ul class="listasAlpha">
+          <li>
+            <b> Responsable:</b> Contar con nombramiento de persona profesora de
+            carrera o investigadora de tiempo completo o de medio tiempo,
+            asociada o titular, definitiva o interina; o de técnica académica
+            titular de tiempo completo o de medio tiempo, contratada de forma
+            definitiva o interina; o de persona profesora de asignatura con un
+            mínimo de 18 horas de clase y con definitividad en al menos una
+            materia; o personal académico contratado a través del artículo 51
+            del EPA o mediante el Subprograma SIJA.
+          </li>
+          <br />
+          <li>
+            <b> Corresponsable</b> (obligatorio): El proyecto deberá contar con
+            un corresponsable el cual deberá cumplir con los requisitos del
+            numeral 1. del apartado II. Bases quien continuará con el proyecto
+            cuando el responsable no pueda continuar con el mismo.
+          </li>
+          <br />
+          <li>
+            <b> Colaboradores:</b> Profesores de carrera, técnicos académicos y
+            de asignatura adscritos a la FES Acatlán. En los proyectos podrán
+            participar otros académicos y académicas externas a la UNAM, así
+            como alumnos (licenciatura y posgrado). Estos últimos se regirán
+            conforme a lo establecido en las Reglas de operación del PAIDI 2026.
+          </li>
         </ul>
-</div>
-       <li>4. </li>
-       <li>5. </li>
-       <li>6. </li>
-       <li>7. </li>
-       <li>8. </li>
+        <h6><b>IV. Características del proyecto</b></h6>
+        <ul class="listasAlpha">
+          <li><b>Título</b>: nombre completo del proyecto de investigación</li>
+          <li><b>Campo de conocimiento</b></li>
+          <li><b>Línea de investigación</b></li>
+          <li><b>Resumen ejecutivo</b></li>
+          <li>
+            <b>Estructura del proyecto:</b>
+
+            <div class="space">
+              <ul>
+                <li>1. Marco teórico</li>
+                <li>2. Metodología</li>
+                <li>3. Justificación del proyecto</li>
+                <div class="space">
+                  <ul class="circle">
+                    <li>Contribución a la solución de problemas nacionales</li>
+                    <li>Contribución al conocimiento innovador</li>
+                    <li>Vinculación de la investigación con la sociedad</li>
+                  </ul>
+                </div>
+                <li>4. Análisis de factibilidad</li>
+                <div class="space">
+                  <ul class="circle">
+                    <li>Población objetivo</li>
+                    <li>Aspectos técnicos</li>
+                  </ul>
+                </div>
+                <li>5. Instituciones vinculadas al proyecto</li>
+                <li>6. Productos</li>
+                <li>7. Resultados y beneficios esperados</li>
+                <li>8. Cronograma de actividades</li>
+                <li>9. Presupuesto desglosado por partida</li>
+              </ul>
+            </div>
+          </li>
+
+          <li>
+            <b>El responsable del proyecto</b> deberá incorporar su síntesis
+            curricular y la de sus participantes, además de la descripción de
+            las actividades que desempeñará cada uno en el proyecto. La
+            información de cada participante deberá presentarse en el Formato de
+            Participantes PAIDI.
+          </li>
+          <li>
+            <b>Presupuesto</b>: cálculo detallado del costo del proyecto que sea
+            coherente con los objetivos y con las partidas autorizadas para este
+            tipo de proyectos (deberá incluir justificación y descripción del
+            uso de recursos). El presupuesto asignado será hasta por $
+            200,000.00 el cual estará sujeto a la aprobación del CoFI. El
+            cálculo presupuestal se hará por un año. Los recursos financieros
+            destinados al proyecto deberán ejercerse durante el periodo para el
+            que fueron aprobados y en las partidas autorizadas.
+          </li>
+        </ul>
+        <h6><b>V. Plazos</b></h6>
+        <p>
+          La duración del proyecto es por un año a partir de la fecha de su
+          aprobación.
+        </p>
+        <!---------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
+        <h6><b>VI. Comisión evaluadora</b></h6>
+        <ul class="listasAlpha">
+          <li>
+            Los proyectos recibidos serán presentados al CoFI de la FES Acatlán,
+            quien nombrará una Comisión Evaluadora para cada uno de las
+            propuestas recibidas. Esta Comisión estará integrada por un
+            especialista interno y dos especialistas externos afines al tema de
+            cada proyecto, quienes se encargarán de evaluar los aspectos
+            académicos, técnicos y financieros del mismo, así como la viabilidad
+            de éste y la pertinencia de recursos requeridos con relación a los
+            productos o resultados esperados.
+          </li>
+          <li>
+            La Comisión Evaluadora emitirá su opinión sobre cada proyecto y el
+            CoFI será el encargado de emitir el dictamen correspondiente.
+          </li>
+          <li>
+            El CoFI dictaminará los proyectos como “Aceptados” o “No aceptados”.
+          </li>
         </ul>
-</div>          
-</li>
 
-<li> <b>	</b> </li>
-<li> <b>	</b> </li>
- 
-</ul>
+        <h6><b>VII. Criterios de evaluación</b></h6>
+        <p>
+          Los proyectos que se presenten deberán estar alineados al Plan de
+          Desarrollo Institucional (PDI 2024-2028) de la Facultad de Estudios
+          Superiores Acatlán.
+          <br />
+          El CoFI tomará en cuenta los siguientes criterios para el otorgamiento
+          del apoyo:
+        </p>
+        <div class="space">
+          <ul class="space">
+            <li>1. La calidad y originalidad del proyecto.</li>
+            <li>2. La solidez científica y la precisión metodológica.</li>
+            <li>3. La claridad de los objetivos.</li>
+            <li>4. La descripción de las metas.</li>
+            <li>
+              5. La contribución a la innovación o desarrollo tecnológico en el
+              área de conocimiento.
+            </li>
+            <li>6. El nivel de factibilidad del proyecto.</li>
+            <li>
+              7. La congruencia entre los objetivos y el monto de financiamiento
+              solicitado.
+            </li>
+            <li>
+              8. El impacto social, rentabilidad o beneficios del producto o
+              resultado esperado.
+            </li>
+            <li>
+              9. La descripción de las responsabilidades de cada integrante del
+              grupo de investigación.
+            </li>
+            <li>
+              10. La participación de alumnos de licenciatura y/o posgrado en el
+              proyecto.
+            </li>
+          </ul>
+        </div>
 
+        <h6><b>VIII. Recursos financieros</b></h6>
+        <p>
+          El monto anual para cada proyecto podrá ser de hasta $200,000.00
+          (doscientos mil pesos 00/100 M.N.). Los apoyos se asignarán en función
+          de los recursos disponibles, la justificación académica, financiera,
+          las partidas presupuestales autorizadas, la opinión de la Comisión
+          Evaluadora y el dictamen del CoFI.
+        </p>
 
- <h6><b>V. </b></h6>
- <p></p>
+        <b>Partidas autorizadas</b>
 
- <h6><b>VI. </b></h6>
- <p></p>
- <ul class="list" >
- <li> <b>	</b> </li><br>  
- <li> <b>	</b> </li><br>
- <li> <b>	</b> </li>
-</ul>
+        <ul class="space">
+          <li>211 Viáticos para el personal.</li>
+          <li>212 Pasajes aéreos.</li>
+          <li>214 Gastos de intercambio.</li>
+          <li>215 Gastos de trabajo de campo.</li>
+          <li>218 Otros pasajes.</li>
+          <li>223 Encuadernaciones e impresiones.</li>
+          <li>
+            231 Servicios de mantenimiento de equipo de laboratorio y diverso.
+          </li>
+          <li>233 Servicios de mantenimiento para equipo de cómputo.</li>
+          <li>243 Otros servicios comerciales.</li>
+          <li>248 Cuotas de inscripción.</li>
+          <li>249 Licencias de sistemas informáticos (software).</li>
+          <li>411 Artículos, materiales y útiles diversos.</li>
+          <li>431 Mobiliario, equipo e instrumental menor.</li>
+          <li>512 Equipo e instrumental.</li>
+          <li>514 Equipo de cómputo.</li>
+          <li>521 Libros.</li>
+          <li>523 Revistas técnicas y científicas.</li>
+          <li>732 Becas para licenciatura.</li>
+          <li>733 Becas para posgrado.</li>
+        </ul>
 
- <h6><b>VII</b></h6>
- <p>
-   
-   <br>
-   
- </p>
+        <h6><b>IX. Calendario </b></h6>
+        <table>
+          <tbody>
+            <tr>
+              <td>Publicación de convocatoria</td>
+              <td>27 abril de 2026</td>
+            </tr>
+            <tr>
+              <td>Recepción de propuestas</td>
+              <td>Hasta el 29 mayo de 2026 a las 19:00 horas</td>
+            </tr>
+            <tr>
+              <td>Notificación de resultados</td>
+              <td>03 de agosto de 2026</td>
+            </tr>
+            <tr>
+              <td>Inicio del Programa</td>
+              <td>03 de agosto de 2026</td>
+            </tr>
+            <tr>
+              <td>Informe final de actividades</td>
+              <td>02 de agosto de 2027</td>
+            </tr>
+          </tbody>
+        </table>
+        <br />
+        <p>
+          <b>Recepción de propuestas:</b> a partir de la fecha de publicación de
+          esta convocatoria <b>y hasta las 19:00 horas</b> del 29 de mayo de
+          2026. La entrega y recepción de proyectos se realizará en formato
+          impreso en la Coordinación de Investigación (UIM-I y UIM-II) y en
+          formato digital (Word y PDF) a través del siguiente correo
+          institucional
+          <a href="mailto:uim@acatlan.unam.mx">uim@acatlan.unam.mx</a>,
+          <a href="mailto:sainvest@acatlan.unam.mx">sainvest@acatlan.unam.mx</a
+          >. Los proyectos deberán entregarse debidamente firmados. <br />
+          Los resultados y la asignación presupuestal de los proyectos aceptados
+          se darán a conocer el 03 de agosto de 2026. <br />
+          El dictamen de los proyectos será inapelable. <br />
+        </p>
 
-<div class="space">
-     <ul class= "space">
-      <li>1. </li>
-      <li>2. </li>
-      <li>4. </li>
-      <li>5. </li>
-      <li>6. </li>
-      <li>7. </li>
-      <li>8. </li>
-      <li>9. </li>
-      <li>10. </li>
- </ul>
- </div>          
+        <h6><b>X. Resultados de la evaluación </b></h6>
+        <p>
+          Las evaluaciones serán presentadas al CoFI para su dictamen y en su
+          caso autorizar el presupuesto. Los resultados de la evaluación se
+          darán a conocer el 03 de agosto de 2026 a más tardar a las 20:00
+          horas.
+          <br />
+          El presupuesto deberá ejercerse a partir de la fecha de aprobación del
+          proyecto y hasta el 15 de octubre de 2026.
+          <br />
+          Las partidas 732 y 733 podrán ejercerse hasta el término del proyecto.
+        </p>
 
- <h6><b>VIII. </b></h6>
- <p>
-   
-   <br>
-   
- </p>
- 
+        <h6><b>XI. Formatos y anexos</b></h6>
+        <p>
+          Los proyectos participantes en esta convocatoria deberán ser
+          presentado en los siguientes formatos descargables:
+        </p>
+        <div class="space">
+          <ul class="cir">
+            <li>(F1) Formato de inscripción de proyecto</li>
+            <li>(F2) Solicitud de inscripción de participantes</li>
+            <li>
+              (F3) Cesión de Derechos de Propiedad Intelectual firmado por el
+              responsable del proyecto
+            </li>
+          </ul>
+        </div>
 
- <h6><b>IX. </b></h6>
- <p></p><br>
+        <p>
+          Consultar los formatos y anexos en:
+          <a href="https://paidi.acatlan.unam.mx"
+            ><font color="#00000a">https://paidi.acatlan.unam.mx </font></a
+          >
+        </p>
+        <p>
+          Cualquier caso no previsto en esta Convocatoria será resuelto por el
+          Comité de Fomento a la Investigación (CoFI).
+        </p>
 
- <ul>
-    <b> Partidas autorizadas</b><br>
-             <br>
-             <br>
-             <br>
-             <br>
-             <br>
-             <br>
-             <br>
-             <br>
-             <br>
-             <br>
-             <br>
-             <br>
-             <br>
-             <br>
-             
-                            
- </ul>
-
- <h6><b>X. </b></h6>
-
-
-<table>
-    <tbody>
-    <tr>
-        <td>Recepción de propuestas</td>
-        <td>Hasta el 28 de junio de 2021 a las 18:00 horas</td>
-    </tr>
-    <tr>
-        <td>Publicación de resultados</td>
-        <td>13 de agosto de 2021</td>
-    </tr>
-    <tr>
-       <td>Inicio del Programa </td>
-       <td>16 de agosto de 2021</td>
-    </tr>
-    <tr>
-      <td>Informe final de actividades </td>
-      <td>15 de agosto de 2022</td>
-    </tr>
-    </tbody>
-</table>
-<br>
-     <p><b></b> 
-           <br>         
-           <br>         
-           <br>          
-           <br>          
-     </p> 
-
- <h6><b>XI</b></h6>
-    <p></p>
-     <div class="space">
-         <ul class="circle">
-            <li></li>
-            <li></li>
-            <li></li>
-         </ul>
+        <div class="cent">
+          <br />
+          <h8>“P</h8
+          ><h7
+            >OR MI RAZA HABLARÁ EL ESPÍRITU<h8>”</h8><br />
+            <h8>A</h8>CATLÁN, <h8>M</h8>ÉXICO, A <h8> 27</h8> DE ABRIL <br />
+            DE <h8>2026</h8> <br />
+            <br /><br />
+            <h8>M</h8>TRA. <h8>N</h8>ORA <h8>D</h8>EL <h8>C</h8>ONSUELO
+            <h8>G</h8>ORIS <h8>M</h8>AYANS <br /><h8>D</h8>IRECTORA DE LA
+            <h8>FES</h8> <h8>A</h8>CATLÁN
+          </h7>
+        </div>
       </div>
-
-    <p> </p>
-    <p> </p>
-
-    <div class="cent"><br>
-     “Por mi raza hablará el espíritu”<br>
-      Acatlán, México, .<br> <br>
-      Dr. Manuel Martínez Justo<br>Director
-                        
-                            
-</div>
-
- 
-
-</div>
-</div>
-
-
-</div>
- <Footer></Footer>
-  
-</div>
-
-
+    </div>
+    <Footer></Footer>
+  </div>
 </template>
 
-
 <script>
-
-
 import Header from "../components/header.vue";
 import Nav from "../components/nav.vue";
 import Footer from "../components/footer.vue";
 
 export default {
-  
   components: {
     Header,
     Nav,
-    Footer
+    Footer,
   },
-  
 };
 </script>
 
-
-
 <style scoped>
-
-.cent {
-    text-align: center;
+.cir {
+  list-style-type: circle;
 }
 
+ol,
+ul {
+  list-style: none;
+}
+
+ul ul {
+  list-style-type: none;
+  margin-block-start: 0px;
+  margin-block-end: 0px;
+}
+h8 {
+  font-size: 16.5px;
+  font-family: arial;
+}
+
+h7 {
+  font-size: 13px;
+  font-family: arial;
+}
+ul {
+  display: block;
+  list-style-type: disc;
+  margin-block-start: 1em;
+  margin-block-end: 1em;
+  margin-inline-start: 0px;
+  margin-inline-end: 0px;
+  padding-inline-start: 40px;
+}
+.listasAlpha > li {
+  list-style: none;
+  margin-bottom: 0.5rem;
+}
+
+style {
+  list-style-type: none;
+}
+
+b {
+  font-weight: bold;
+}
+
+#content p {
+  margin-bottom: 20px;
+}
+
+.cent {
+  text-align: center;
+}
 
 table {
-    margin: 0 auto;
+  margin: 0 auto;
   font-family: arial, sans-serif;
   border-collapse: collapse;
   width: 80%;
-  
 }
 
-td, th {
+td,
+th {
   border: 1px solid #ccc;
-  text-align: left;
+  text-align: center;
   padding: 8px;
 }
 
 tr:nth-child(even) {
-  background-color: #dddddd;
+  background-color: #e5ebfd;
 }
 
-table, th, td {
-    border: 1.8px solid rgb(179, 179, 179);
+table,
+th,
+td {
+  border: 1px solid rgb(183, 183, 183);
 }
 
-.circle{
-    list-style:disc;
+.circle {
+  list-style-type: disc;
 }
 
 .space {
-    margin-left: 40px;width: 20px;
-    
+  list-style-type: none;
 }
 
 ul.space {
-    list-style-type: none;
+  list-style-type: none;
 }
 
-
 ul.list {
-  list-style-type: lower-latin;
+  list-style-type: lower-alpha;
 }
 .list > li {
-    margin-bottom: .5rem;
-    width: 95%;
-    text-align: justify;
-    
+  margin-bottom: 0.5rem;
+  width: 95%;
+  text-align: justify;
 }
-   
 
+.listasAlpha {
+  counter-reset: list;
+  list-style-type: none;
+}
+
+.listasAlpha > li:before {
+  content: counter(list, lower-alpha) ") ";
+  counter-increment: list;
+  margin-left: -1rem;
+  margin-right: 1rem;
+}
 
 h6 {
-
-  font-family: Arial,A030,"Nimbus Sans L",FreeSans,"Liberation Sans",sans-serif;
+  font-family: Arial, A030, "Nimbus Sans L", FreeSans, "Liberation Sans",
+    sans-serif;
   width: 95%;
   font-size: 130%;
   line-height: 115%;
-  background-color: #E5EBFD;
+  background-color: #e5ebfd;
   background-position: -136px -33px;
-  border-color: #A0B1DE;
+  border-color: #a0b1de;
   border-radius: 3px 3px 3px 3px;
   border-style: solid;
   border-width: 1px;
   padding: 8px 0px 8px 34px;
-
 }
-h1, h2, h3, h4, h5, h6 {
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
   line-height: 1.4em;
-  font-family: 'Ubuntu', arial, serif;
+  font-family: "Ubuntu", arial, serif;
   font-weight: lighter;
 }
 
@@ -297,27 +509,20 @@ h1, h2, h3, h4, h5, h6 {
 }
 
 .box {
-    background: #f1f1f1;
-    padding: 1.25rem;
-    text-align: justify;
-    
-   
+  background: #f1f1f1;
+  padding: 1.25rem;
+  text-align: justify;
 }
 
 .container {
-    width: 950px;
-    max-width: 100%;
-    background: rgb(255, 255, 255);
-    padding: 1.2em;
-    
+  width: 950px;
+  max-width: 100%;
+  background: rgb(255, 255, 255);
+  padding: 1.2em;
 }
 
 p {
-width: 95%;
-text-align: justify;
-    
+  width: 95%;
+  text-align: justify;
 }
-
-
-
 </style>

src/views/formats.vue

@@ -1,75 +1,134 @@
 <template>
-<div>
-  <Header></Header>
-  <Nav></Nav>
-<div  class ="box"> 
-<nav  class="breadcrumb"></nav>        
-    
-<div class= "container"> 
-     <h6><b> </b></h6>
-<a href="download/acme-doc-2.0.1.txt" download="Acme Documentation (ver. 2.0.1).txt">Download Text</a>
-
-<p><a href="recursos/2021/F1_inscripcion_proyecto.docx" target="_blank">F1. Inscripción de Proyecto</a></p>
-<p><a href="" target="_blank"></a></p>
-<p><a href="" target="_blank"></a></p>
-<p><a href="" target="_blank"></a></p>
-<p><a href="" target="_blank"></a></p>
-<p><a href="" target="_blank"></a></p>
-<p><a href="" target="_blank"></a></p>
-</div>
-
-</div>
-
- <Footer></Footer>
-  
-
-</div>
+  <div>
+    <Header></Header>
+    <Nav></Nav>
+    <div class="box">
+      <div class="container">
+        <div classs="plain-text">
+          <h6><b>Formatos</b></h6>
+          <p>
+            <a href="/files/F1_Inscripcion_del_proyecto_2026.docx" download
+              >F1. Inscripción del Proyecto</a
+            >
+          </p>
+          <p>
+            <a href="/files/F2_presupuesto_2026.xlsx" download
+              >F2. Presupuesto</a
+            >
+          </p>
+          <p>
+            <a href="/files/F3_Carta_Cesion_de_Derechos_2026.docx" download
+              >F3. Carta Cesión de derechos de propiedad intelectual (firmado
+              por el responsable del proyecto)</a
+            >
+          </p>
+          <p>
+            <a href="/files/F4_Inscripcion_de_participantes_2026.docx" download
+              >F4. Inscripción de Participantes</a
+            >
+          </p>
+          <p>
+            <a href="/files/F5_Solicitud_de_beca_2026.docx" download
+              >F5. Solicitud de beca</a
+            >
+          </p>
+          <p>
+            <a href="/files/F6_Declaracion_de_ingresos_BECA_2026.docx" download
+              >F6. Declaración de Ingresos</a
+            >
+          </p>
+          <p>
+            <a
+              href="/files/F7_Carta_justificacion_de_transferencia_2026.docx"
+              download
+              >F7. Carta justificación de transferencia</a
+            >
+          </p>
+          <p>
+            <a
+              href="/files/F8_Formato_Solicitud_de_transferencia_2026.docx"
+              download
+              >F8. Formato Solicitud de transferencia</a
+            >
+          </p>
+          <p>
+            <a href="/files/F9_Entrega_Proyecto_Concluido_2026.docx" download
+              >F9. Formato Entrega de trabajo concluido</a
+            >
+          </p>
+        </div>
+      </div>
+    </div>
 
+    <Footer></Footer>
+  </div>
 </template>
 
 <script>
-
-
 import Header from "./../components/header.vue";
 import Nav from "./../components/nav.vue";
 import Footer from "./../components/footer.vue";
 
 export default {
-  
   components: {
     Header,
     Nav,
-    Footer
+    Footer,
   },
-  
 };
 </script>
 
 <style scoped>
-
-.cent {
-    text-align: center;
+.panes .plain-text {
+  /* text-indent: 1.5em; */
+  padding: 30px 0px 0px 0px;
+  line-height: 1.5em;
+}
+b {
+  font-weight: bold;
 }
 
+#content p {
+  margin-bottom: 20px;
+}
+
+.panes .plain-text h1,
+.panes .plain-text h2,
+.panes .plain-text h3,
+.panes .plain-text h4,
+.panes .plain-text h5,
+.panes .plain-text h6 {
+  margin-bottom: 20px;
+}
+strong {
+  font-weight: bold;
+}
+.cent {
+  text-align: center;
+}
 
 h6 {
-
-  font-family: Arial,A030,"Nimbus Sans L",FreeSans,"Liberation Sans",sans-serif;
+  font-family: Arial, A030, "Nimbus Sans L", FreeSans, "Liberation Sans",
+    sans-serif;
   width: 95%;
   font-size: 130%;
   line-height: 115%;
-  background-color: #E5EBFD;
+  background-color: #e5ebfd;
   background-position: -136px -33px;
-  border-color: #A0B1DE;
+  border-color: #a0b1de;
   border-radius: 3px 3px 3px 3px;
   border-style: solid;
   border-width: 1px;
   padding: 8px 0px 8px 34px;
-
 }
-h1, h2, h3, h4, h5, h6 {
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
   line-height: 1.4em;
-  font-family: 'Ubuntu', arial, serif;
+  font-family: "Ubuntu", arial, serif;
   font-weight: lighter;
 }
 
@@ -79,39 +138,35 @@ h1, h2, h3, h4, h5, h6 {
 }
 
 .box {
-    background: #f1f1f1;
-    padding: 1.25rem;
-    text-align: justify;
-    
-    
-   
+  background: #f1f1f1;
+  padding: 1.25rem;
+  text-align: justify;
 }
 
 .container {
-    width: 950px;
-    max-width: 100%;
-    background: rgb(255, 255, 255);
-    padding: 1.2em;
+  width: 950px;
+  max-width: 100%;
+  background: rgb(255, 255, 255);
+  padding: 1.2em;
 }
 
 p {
-width: 95%;
-text-align: justify;
-    
+  width: 95%;
+  text-align: justify;
+  margin-top: 5px;
 }
- a {
-    color: #37b2d1;
+a {
+  color: #37b2d1;
 }
 
 .panes .plain-text a {
-    text-decoration: none;
+  text-decoration: none;
 }
 
 @media (max-width: 700px) {
   .container {
     width: 100%;
-        margin:  auto;
-        
-  }}
-
+    margin: auto;
+  }
+}
 </style>

src/views/glossary.vue

@@ -2,81 +2,64 @@
 <div>
   <Header></Header>
   <Nav></Nav>
-
-  <meta name="viewport" content="initial-scale=1">
+<meta name="viewport" content="initial-scale=1">
 <div  class ="box"> 
-
-<nav  class="breadcrumb">
- 
-</nav>        
-          
-    
 <div class= "container"> 
+<p>El siguiente glosario recoge los términos útiles para la comprensión de la convocatoria del PAIDI y que están en función de la Norma Mexicana NMX-GT-001-IMNC-2007. </p>
 
-
- <p> </p>
-<!--  -->
-<h6><strong> </strong></h6>
-<p><strong> </strong></p>
-<p><strong> </strong></p>
-<p><strong> </strong></p>
-<p><strong> </strong></p>
-<p><strong> </strong></p>
-<p><strong> </strong></p>
-<p><strong> </strong></p>
-
+<h6><strong>I. Términos relativos a la innovación </strong></h6>
+<p><strong> Innovación.- </strong>proceso dirigido a una comunidad específica o a un mercado bajo un enfoque que detecta oportunidades y capacidades organizacionales para generar beneficios, productos, procesos y servicios novedosos aceptados por los beneficiarios o consumidores.</p>
+<p><strong> Innovación tecnológica.-</strong>proceso que conjuga una oportunidad de mercado con una necesidad y/o invención tecnológica, que tiene por objetivo la producción, comercialización y explotación de un nuevo proceso, producto, actividad comercial, modelo de negocio, modelo de logística o servicio al cliente.</p>
+<p><strong> Impacto social.-</strong> logros derivados del desarrollo de un proyecto que implican un mejoramiento significativo, y en la mayor parte de los casos perdurable o sustentable en el tiempo, en alguna de las condiciones o características del sector de la población objetivo y que se plantearon como esenciales en la definición del problema que dio origen al proyecto de investigación. El resultado suele expresarse como un beneficio a mediano y largo plazo obtenido por la población atendida.</p>
+<p><strong> Prototipo.-</strong> modelo construido o desarrollado que incluye características técnicas y desempeño de un producto o servicio al margen de su viabilidad comercial inmediata.</p>
+<p><strong> Desarrollo tecnológico.-</strong> resultado de una aplicación sistemática de conocimientos científicos, tecnológicos y/o de índole práctico, que lleva a la generación de prototipos o una mejora sustantiva a bienes existentes independientemente de su implementación o comercialización inmediata.</p>
+<p><strong> Invención.-</strong> toda creación humana que permita transformar la materia o la energía que existe en la naturaleza para su aprovechamiento por el hombre y satisfacer sus necesidades concretas.</p>
+<p><strong> Invención tecnológica.-</strong> generación de un conocimiento original desarrollado por un inventor, un centro de investigación o una empresa susceptible de ser protegida intelectualmente que se incorpora en la empresa en cualquier fase de preproducción, para su posible producción, comercialización y explotación en el mercado.</p>
+<p><strong> Investigación.- </strong>indagación original y sistemática que persigue generar nuevos conocimientos y una superior comprensión sobre una determinada materia.</p>
+<p><strong> Investigación aplicada.-</strong> investigación dirigida a la aplicación de conocimientos existentes para el desarrollo o mejora de productos o procesos.</p>
+<p><strong> Investigación básica.-</strong> investigación que se hace en las fronteras del conocimiento humano, sin objetivos industriales o comerciales inmediatos.</p>
+<ul class="circle">
+<li> Nota: se puede situar en dominios del interés de las organizaciones productivas para la generación de innovaciones tecnológicas. </li>
+</ul>
+<h6><strong>II. Términos relativos a proyectos tecnológicos </strong></h6>
+<p><strong> Proyecto tecnológico.-     </strong>proceso único de actividades tecnológicas organizadas y dirigidas a capitalizar el valor potencial de un recurso tecnológico.:</p>
+<p><strong> Proyecto.-                 </strong>proceso único que consiste en un conjunto de actividades coordinadas y controladas con fechas de inicio y terminación, emprendidas para lograr un objetivo conforme a requisitos específicos, incluyendo las restricciones de tiempo, costo y recursos.</p>
+<p><strong> Valor potencial.-          </strong>grado de utilidad o extrapolación de los beneficios que puede generar un recurso.</p>
+<p><strong> Recursos tecnológicos.-    </strong>medio tangible o intangible destinado a alcanzar los beneficios esperados de su gestión de la tecnología.</p>
+<p><strong> Capital intelectual.-      </strong>bienes intangibles, producto del intelecto humano, que constituyen la sinergia de todos los conocimientos de una organización que generar o tienen el potencial de generar valor.</p>
   <ul class="circle">
-    <li>  </li>
-  </ul>
-           
-<!--  -->
-<h6><strong> </strong></h6>
-<p><strong> </strong></p>
-<p><strong> </strong></p>
-<p><strong> </strong></p>
-<p><strong> </strong></p>
-<p><strong> </strong></p>
-
-  <ul class="circle">
-    <li>  </li>
+  <li> Nota: el capital intelectual es la combinación de los recursos humanos, organizativos y relacionales de una empresa. </li>
   </ul>
 
-<p><strong> </strong></p>
-<p><strong> </strong></p>
+<p><strong>Actividad tecnológica.-  </strong>aquella relativa a la asimilación, desarrollo, innovación y explotación de tecnologías.</p>
+<p><strong>Transferencia de tecnología.-  </strong>proceso mediante el cual se negocia la cesión o licenciamiento de los derechos sobre el capital intelectual.</p>
 
   <ul class="circle">
-    <li>  </li>
+    <li>Nota: la negociación puede incluir aspectos relevantes para la asimilación de la tecnología.  </li>
   </ul>
-<p><strong> </strong></p>
-<p><strong> </strong></p>
- <!--  -->
-<h6><strong> </strong></h6>
-<p><strong> </strong></p>
-<p><strong> </strong></p>
-<p><strong> </strong></p>
-<!--  -->
-<h6><strong> </strong></h6>
-<p><strong> </strong></p>
-<p><strong> </strong></p>
-<p><strong> </strong></p>
-<p><strong> </strong></p>
-<p><strong> </strong></p>
+<p><strong>Propiedad intelectual.- </strong>conjunto de derechos de carácter exclusivo que otorga el Estado, por tiempo determinado, a las personas físicas o morales que han realizado creaciones intelectuales abarcando las obras contempladas por la Propiedad Industrial, Derechos del Obtentor y Derechos de Autor.</p>
+<p><strong>Valor agregado.- </strong>cualidad mejorada de un producto o servicio, cuyo mérito es reconocido por el cliente o consumidor.</p>
 
+<h6><strong>III. Términos y definiciones Generales </strong></h6>
+<p><strong>Administración del proyecto tecnológico.- </strong>administración del proyecto a las actividades de planificación, organización, evaluación y control únicamente.</p>
+<p><strong>Análisis de factibilidad del proyecto.- </strong>análisis de la información sobre la cual una organización sustenta la toma de decisiones para la realización de un proyecto tecnológico. A la cual puede acceder en todo momento.</p>
+<p><strong>Gestión del proyecto tecnológico.-  </strong> administración del proyecto, así como las actividades de protección intelectual, implantación, promoción y la difusión.</p>
+
+<h6><strong>IV. Términos relativos a la gestión de la tecnología </strong></h6>
+<p><strong>Gestión de la tecnología.- </strong>conocimientos organizados en torno a procesos, métodos y prácticas que actúan sobre la planeación, desarrollo, control, integración y capitalización de los recursos para la implantación de cambios tecnológicos o innovaciones en empresas e instituciones con el propósito de mantener o mejorar la posición competitiva.</p>
+<p><strong>Tecnología.- </strong>grado de obtención del valor potencial de un recurso mediante conocimientos y habilidades relativas al saber hacer y su combinación con recursos materiales, de manera sistemática, repetible y reproducible.</p>
+<p><strong>Sistema de gestión de la tecnología.- </strong>sistema de gestión de una organización para vigilar, planear, alinear, habilitar, proteger, implantar y controlar la tecnología.</p>
+<p><strong>Gestión del conocimiento.-</strong>proceso sistemático que integra y orienta las actividades que permiten generar, buscar, documentar, proteger, difundir, compartir, utilizar y mantener el conocimiento, información, experiencia y pericia de una organización, con el fin de incrementar su capital intelectual y aumentar su valor.</p>
+<p><strong>Planeación tecnológica.- </strong>desarrollo de un marco estratégico tecnológico alineado a los objetivos del negocio, que se traduce en la elaboración de una cartera de proyectos.</p>
+<p><strong>Estrategia tecnológica.- </strong>decisión sobre un curso de acción para incrementar el patrimonio tecnológico alineado a la planeación estratégica.</p>
+<p><strong>Plan tecnológico.- </strong>documento que integra los resultados del diagnóstico y pronósticos tecnológicos, objetivos tecnológicos de la organización, estrategia tecnológica, cartera de proyectos tecnológicos, recursos a utilizar, beneficios esperados y su forma de evaluación.</p>   
    </div>
-
-  </div>
-
-
+ </div>
 <Footer></Footer>
-
 </div>
-
-
 </template>
 
 <script>
-
-
 import Header from "./../components/header.vue";
 import Nav from "./../components/nav.vue";
 import Footer from "./../components/footer.vue";
@@ -93,12 +76,19 @@ export default {
 </script>
 
 <style scoped>
+a {
+  color: #37b2d1;
+}
+#content p {
+    margin-bottom: 20px;
+}
+strong {
+    font-weight: bold;
+}
 
 .circle{
     list-style:disc;
-     margin-left: 50px;width: 20px;
-     
-     
+   
 }
 
 ul.space {
@@ -147,10 +137,9 @@ h1, h2, h3, h4, h5, h6 {
     
 }
 
-
 p {
 width: 95%;
-text-align: justify;
-    
+text-align: justify;   
 }
+
 </style>

src/views/home.vue

@@ -1,25 +1,19 @@
 <template>
   <div>
     <Header></Header>
-  <Nav></Nav>
-    <div  class ="box"> 
-    
-         
-     <div class= "container">  
-       
-        <br><br><br>
-           <div class="paidi">
-            <img src="../assets/paidi.png" class= "img-fluid">
-
-            </div>
-            <div class="clear"></div>
-            </div>
-   </div>
-<Footer></Footer>
+    <Nav></Nav>
+    <div class="box">
+      <div class="container">
+        <br /><br /><br />
+        <div class="paidi">
+          <img src="../assets/bannerhome.png" class="img-fluid" />
+        </div>
+        <div class="clear"></div>
+      </div>
+    </div>
+    <Footer></Footer>
   </div>
-
 </template>
-
 <script>
 import Header from "../components/header.vue";
 import Nav from "../components/nav.vue";
@@ -30,21 +24,19 @@ export default {
   components: {
     Header,
     Nav,
-    Footer
-   
-  }
+    Footer,
+  },
 };
 </script>
 
 <style scoped>
-
 .clear {
-    clear: both;
-    height: 100px;
+  clear: both;
+  height: 100px;
 }
 
-.paidi{
-   text-align: center;
+.paidi {
+  text-align: center;
 }
 
 #content {
@@ -53,25 +45,20 @@ export default {
 }
 
 .box {
-    background: #f1f1f1;
-    padding: 1.25rem;
-    text-align: justify;
-    
-   
+  background: #ffffff;
+  padding: 1.25rem;
+  text-align: justify;
 }
 
 .container {
-    width: 950px;
-    max-width: 100%;
-    background: rgb(255, 255, 255);
-    padding: 1.2em;
-    
+  width: 950px;
+  max-width: 100%;
+  background: rgb(255, 255, 255);
+  padding: 1.2em;
 }
 
 p {
-width: 95%;
-text-align: justify;
-    
+  width: 95%;
+  text-align: justify;
 }
-
 </style>

src/views/recursos.vue

@@ -0,0 +1,162 @@
+<template>
+  <div>
+    <Header></Header>
+    <Nav></Nav>
+    <div class="box">
+      <div class="container">
+        <div classs="plain-text">
+          <h6><b>Recursos</b></h6>
+          <p>
+            <!-- <a href="/files/recursos/CatalogoBase-2026.pdf" download
+ -->
+            <a href="/files/CatalogoBase2026.pdf" download
+              >Catálogo base de equipo de cómputo y periféricos 2026</a
+            >
+          </p>
+          <p>
+            <a
+              href="/files/LineamientosDeUsoAceptableDeLosRecursosDeCómputoConectividadFESAcatlán.pdf"
+              download
+              >Lineamientos de uso aceptable de los recursos de cómputo y
+              conectividad de la Facultad de Estudios Superiores Acatlán</a
+            >
+          </p>
+          <p>
+            <a
+              href="/files/241209-suplemento-Programa-de-Racionalidad-Presupuestaria-2026.pdf"
+              download
+              >Programa de racionalidad presupuestaria 2026</a
+            >
+          </p>
+          <p>
+            <a
+              href="/files/2018_Reglamento_ConsejoUniversitario_01.pdf"
+              download
+              >Reglamento de responsabilidades administrativas de las y los
+              funcionarios y empleados de la</a
+            >
+          </p>
+          <p>
+            <a href="/files/PresentaciónPAIDI2026.pdf" download
+              >Presentación PAIDI 2026</a
+            >
+          </p>
+          <p>
+            <a href="/files/CATIC-Partida514.pdf" download
+              >Presentación CATIC - Partida 514</a
+            >
+          </p>
+        </div>
+      </div>
+    </div>
+
+    <Footer></Footer>
+  </div>
+</template>
+
+<script>
+import Header from "./../components/header.vue";
+import Nav from "./../components/nav.vue";
+import Footer from "./../components/footer.vue";
+
+export default {
+  components: {
+    Header,
+    Nav,
+    Footer,
+  },
+};
+</script>
+
+<style scoped>
+.panes .plain-text {
+  /* text-indent: 1.5em; */
+  padding: 30px 0px 0px 0px;
+  line-height: 1.5em;
+}
+b {
+  font-weight: bold;
+}
+
+#content p {
+  margin-bottom: 20px;
+}
+
+.panes .plain-text h1,
+.panes .plain-text h2,
+.panes .plain-text h3,
+.panes .plain-text h4,
+.panes .plain-text h5,
+.panes .plain-text h6 {
+  margin-bottom: 20px;
+}
+strong {
+  font-weight: bold;
+}
+.cent {
+  text-align: center;
+}
+
+h6 {
+  font-family: Arial, A030, "Nimbus Sans L", FreeSans, "Liberation Sans",
+    sans-serif;
+  width: 95%;
+  font-size: 130%;
+  line-height: 115%;
+  background-color: #e5ebfd;
+  background-position: -136px -33px;
+  border-color: #a0b1de;
+  border-radius: 3px 3px 3px 3px;
+  border-style: solid;
+  border-width: 1px;
+  padding: 8px 0px 8px 34px;
+}
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  line-height: 1.4em;
+  font-family: "Ubuntu", arial, serif;
+  font-weight: lighter;
+}
+
+#content {
+  font-size: 14px;
+  line-height: 1.5em;
+}
+
+.box {
+  background: #f1f1f1;
+  padding: 1.25rem;
+  text-align: justify;
+}
+
+.container {
+  width: 950px;
+  max-width: 100%;
+  background: rgb(255, 255, 255);
+  padding: 1.2em;
+}
+
+p {
+  width: 95%;
+  text-align: justify;
+  margin-top: 5px;
+}
+a {
+  color: #37b2d1;
+}
+
+.panes .plain-text a {
+  text-decoration: none;
+}
+
+@media (max-width: 700px) {
+  .container {
+    width: 100%;
+    margin: auto;
+  }
+}
+</style>