Add deploy.yaml

Co-authored-by: Copilot <copilot@github.com>

.gitea/workflows/deploy.yaml

@@ -0,0 +1,85 @@
+name: Despliegue Automatizado Universal
+
+on:
+  push:
+    branches:
+      - develop
+      - master
+
+jobs:
+  get-context:
+    runs-on: host
+    outputs:
+      node_version: ${{ steps.setup.outputs.version }}
+      target_app: ${{ steps.setup.outputs.app }}
+    steps:
+      - name: Resolver Aplicación desde apps.conf
+        id: setup
+        run: |
+          # 1. Obtener el nombre del repositorio actual en Gitea (ej: front-Censo)
+          REPO_NAME="${{ github.event.repository.name }}"
+
+          # 2. Determinar si buscamos un entorno -dev (develop) o producción (master)
+          if [ "${{ github.ref_name }}" = "develop" ]; then
+            SUFFIX="-dev"
+          else
+            SUFFIX=""
+          fi
+
+          echo "Buscando qué sección de apps.conf tiene REPO=$REPO_NAME y termina en '$SUFFIX'..."
+
+          # 3. Buscar en /etc/apps.conf el bloque que contenga REPO=nombre_del_repo
+          TARGET_APP=$(awk -v repo="REPO=$REPO_NAME" -v suf="$SUFFIX" '
+            /^\[/ { gsub(/[\[\]]/, "", $0); current_box=$0; next }
+            $0 == repo {
+              if ((suf == "-dev" && current_box ~ /-dev$/) || (suf == "" && current_box !~ /-dev$/)) {
+                print current_box;
+                exit
+              }
+            }
+          ' /etc/apps.conf)
+
+          if [ -z "$TARGET_APP" ]; then
+            echo "ERROR: No se encontró ninguna sección en /etc/apps.conf para el repositorio $REPO_NAME con el sufijo correcto."
+            exit 1
+          fi
+
+          # 4. Leer la versión de Node del bloque encontrado
+          VERSION=$(awk -v app="$TARGET_APP" '
+            $0=="["app"]" { found=1; next }
+            /^\[/ && found { exit }
+            found && /^NODE=/ { split($0, a, "="); print a[2]; exit }
+          ' /etc/apps.conf)
+
+          MAJOR_VERSION=$(echo "$VERSION" | tr -d '[:space:]' | grep -oE '[0-9]+' | head -n1)
+
+          echo "-> ID de Aplicación encontrado: $TARGET_APP"
+          echo "-> Versión Mayor de Node resuelta: $MAJOR_VERSION"
+
+          echo "app=${TARGET_APP}" >> $GITHUB_OUTPUT
+          echo "version=${MAJOR_VERSION}" >> $GITHUB_OUTPUT
+
+  build:
+    needs: get-context
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+
+      - name: Configurar Node.js dinámicamente
+        uses: actions/setup-node@v4
+        with:
+          node-version: ${{ needs.get-context.outputs.node_version }}
+
+      - run: npm ci
+      - run: npm run build
+
+  deploy:
+    needs: [get-context, build]
+    runs-on: host
+    steps:
+      - name: Ejecutar Despliegue en Servidor Físico
+        run: |
+          TARGET_APP="${{ needs.get-context.outputs.target_app }}"
+          BRANCH_NAME="${{ github.ref_name }}"
+
+          sudo -u deploy /home/deploy/scripts/deploy-front.sh "$TARGET_APP" "$BRANCH_NAME"

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 2023.</p>
+      <p class="mb-0">Hecho en México, todos los derechos reservados 2026.</p>
-      <p class="my-0 ">
+      <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>
@@ -17,23 +17,31 @@
 
     <div id="bottom">
       <!-- wrapper-bottom -->
-            <div class="wrapper" style="text-align:right">
+      <div class="wrapper" style="text-align: right">
         <!-- Social -->
-                <ul class="social ">
+        <ul class="social">
-                    <li><a  href="https://www.facebook.com/unamacatlan"><img src= "../assets/facebook.png" title="Unete a Facebook" />
+          <li>
-                    </a></li>
+            <a href="https://www.facebook.com/unamacatlan"
-                    <li><a href="https://twitter.com/FES_ACATLAN"><img src= "../assets/twitter.png" title="Sigue nuestros tweets" />
+              ><img src="../assets/facebook.png" title="Unete a Facebook" />
-                    </a></li>																		
+            </a>
-                    <li><a href="http://www.youtube.com/user/UNAMAcatlan"><img src= "../assets/youtube.png" title="Ve nuestros videos" />
+          </li>
-                    </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>
+      <br />
     </div>
-    
   </footer>
 </template>
 
@@ -55,11 +63,10 @@ export default {};
   line-height: 1.5em;
   line-height: 60px;
   color: white;
-    background: #1B3D70;
+  background: #1b3d70;
 }
 
 .wrapper {
- 
   width: 80%;
   margin: 0px auto;
   position: relative;
@@ -89,7 +96,7 @@ export default {};
 }
 
 #bottom a {
-    color: #AFEAF9;
+  color: #afeaf9;
   text-decoration: none;
 }
 

src/components/nav.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="divMaster doradoUnam row d-flex justify-content-center">
     <div class="col-9 offset-3">
-      <nav class="navbar navbar-expand-sm navbar-dark  ">
+      <nav class="navbar navbar-expand-sm navbar-dark">
         <button
           @click="method()"
           class="navbar-toggler col-5"
@@ -15,23 +15,32 @@
           <span class="navbar-toggler-icon blanco d-flex"></span>
         </button>
 
-        <div class="collapse navbar-collapse " id="navbarTogglerDemo02">
+        <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">
+          <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">
               <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>
+              <a class="nav-link text-white" @click="criteria()"
+                >Criterios de operación</a
+              >
             </li>
             <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>
@@ -40,9 +49,8 @@
 </template>
 
 <script>
- export default {
+export default {
   methods: {
-  
     home() {
       this.$router.push("/").catch(() => {
         location.reload();
@@ -69,22 +77,22 @@
         location.reload();
       });
     },
-    
+    recursos() {
+      this.$router.push("/recursos").catch(() => {
+        location.reload();
+      });
+    },
   },
-  
 };
-
 </script>
 
 <style scoped>
-
 * {
   margin: 0;
   padding: 0;
 }
 
 .divMaster {
-
   height: auto;
   margin: 0 auto;
 }
@@ -165,7 +173,6 @@ nav {
   display: block;
 }
 
-
 .list-group-item {
   padding: 2px 2px;
 }
@@ -178,8 +185,7 @@ nav {
 }
 
 @media (max-width: 450px) {
-  .menuText
+  .menuText {
-   {
     display: block !important;
   }
 

src/router/routes.js

@@ -1,43 +1,45 @@
-import { createRouter, createWebHashHistory } from 'vue-router'
+import { createRouter, createWebHashHistory } from "vue-router";
-
 
 const routes = [
   {
-    path: '/',
+    path: "/",
-    name: 'home',
+    name: "home",
-    component: () => import( '../views/home.vue')
+    component: () => import("../views/home.vue"),
-  },
-  
-  
-  {
-    path: '/announcement',
-    name: 'announcement',
-    
-    component: () => import( '../views/announcement.vue')
-  },
-  {
-    path: '/criteria',
-    name: 'criteria',
-    
-    component: () => import( '../views/criteria.vue')
   },
 
   {
-    path: '/glossary',
+    path: "/announcement",
-    name: 'glossary',
+    name: "announcement",
 
-    component: () => import( '../views/glossary.vue')
+    component: () => import("../views/announcement.vue"),
   },
-{
+  {
-  path: '/formats',
+    path: "/criteria",
-  name: 'formats',
+    name: "criteria",
-  component: () => import( '../views/formats.vue')
-}
 
-]
+    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,228 +1,394 @@
 <template>
-<div>
+  <div>
     <Header></Header>
     <Nav></Nav>
-<div  class ="box">    
+    <div class="box">
-<div class= "container"> 
+      <div class="container">
-
+        <h6><b>I. Objetivo </b></h6>
-<h6><b>I. Objetivo </b></h6>
+        <p>
-<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>
+          Con la finalidad de fomentar, mediante un apoyo extraordinario, la
-<h6><b>II. Bases</b></h6>
+          realización de proyectos de investigación tecnológica, social y
-    <p> 1.	Podrán participar grupos de investigación cuyo responsable sea un profesor de carrera o técnico académico. En ambos casos, definitivo, interino o contratado por artículo 51 del Estatuto del Personal Académico, en activo, con productividad académica reciente de calidad (últimos dos años).</p>
+          humanística que generen un conocimiento innovador y beneficien la
-    <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>
+          mejora de un producto, servicio y/o proceso que respondan a una
-    <p> 3.  Los responsables podrán incluir a profesores de carrera, asignatura y profesores externos a la entidad.</p>
+          necesidad social previamente identificada o que detecte y atienda una
-    <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 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.
+          demanda de un ámbito específico, la Facultad de Estudios Superiores
-      <br> También podrán incluir alumnos en su carácter de prestadores de servicio social o de iniciación a la investigación como participantes del grupo de trabajo.
+          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>
-    <p> 5.	No podrán participar grupos de investigación o profesores que actualmente reciban un apoyo a través de otro programa de impulso a la investigación (PAPIIT, PAPIME, PASPA, PPA, proyectos de investigación CONACyT, Cátedras especiales 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>
+        <p>
+          Grupos de investigación de la FES Acatlán constituidos de la siguiente
+          forma:
+        </p>
 
-<ul class="listasAlpha" >
+        <ul class="listasAlpha">
-     <li> <b> Responsable:</b> un Profesor de carrera o Técnico académico (éste deberá contar con el visto bueno de su jefe inmediato superior) en activo y adscrito a la Facultad de Estudios Superiores Acatlán. En los casos en que el responsable académico no pueda continuar con el proyecto, el Comité de Fomento a la Investigación (CoFI) nombrará a un sustituto que cumpla con los requisitos de la Convocatoria y que tenga el perfil idóneo para dar continuidad al proyecto o en el caso de contar con corresponsable éste será nombrado.</li>
+          <li>
-          <br> <li> <b>  Corresponsable</b> (opcional): profesor de carrera, técnico académico o de asignatura con un mínimo de tres años de comprobada experiencia en investigación y con adscripción vigente en la FES Acatlán.</li>
+            <b> Responsable:</b> Contar con nombramiento de persona profesora de
-          <br> <li> <b> Colaboradores:</b> profesores de carrera, técnicos académicos y de asignatura adscritos a la FES Acatlán. En los proyectos también podrán participar académicas y académicos externos a la UNAM, así como alumnos (licenciatura y/o posgrado). Estos últimos se regirán conforme a lo establecido en las Reglas de operación del PAIDI 2023.</li>
+            carrera o investigadora de tiempo completo o de medio tiempo,
-</ul>
+            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
+            apartado II. Bases, numeral 1 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>
         <h6><b>IV. Características del proyecto</b></h6>
- <ul class= "listasAlpha">
+        <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>
+          <li>
+            <b>Estructura del proyecto:</b>
 
-<div class="space">
+            <div class="space">
               <ul>
-      <li>1. Marco teórico </li>
+                <li>1. Marco teórico</li>
-      <li>2. Metodología </li>
+                <li>2. Metodología</li>
                 <li>3. Justificación del proyecto</li>
-<div class="space">
+                <div class="space">
                   <ul class="circle">
-      <li>Contribución a la solución de problemas nacionales  </li>
+                    <li>Contribución a la solución de problemas nacionales</li>
-      <li>Contribución al conocimiento innovador </li>
+                    <li>Contribución al conocimiento innovador</li>
-      <li>Vinculación de la investigación con la sociedad </li>
+                    <li>Vinculación de la investigación con la sociedad</li>
                   </ul>
-</div>
+                </div>
                 <li>4. Análisis de factibilidad</li>
-      <li>5. Habilidades y competencias</li>
+                <div class="space">
-      <li>6. Instituciones vinculadas al proyecto</li>
+                  <ul class="circle">
-      <li>7. Productos</li>
+                    <li>Población objetivo</li>
-      <li>8. Resultados y beneficios esperados</li>
+                    <li>Aspectos técnicos</li>
-      <li>9. Cronograma de actividades</li>
-      <li>10. Presupuesto por partida</li>
                   </ul>
-</div>          
+                </div>
-</li>
+                <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 colaboradores, 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>
-   <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>
+            <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>
+        <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">
+        <ul class="listasAlpha">
-                                                
+          <li>
-  <li>Los proyectos sujetos a la convocatoria del PAIDI serán presentados al CoFI de la FES Acatlán, que nombrará una Comisión Evaluadora para cada uno de los proyectos registrados. 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>
+            Los proyectos recibidos serán presentados al CoFI de la FES Acatlán,
-  <li>La Comisión Evaluadora emitirá una opinión razonada sobre cada proyecto y el CoFI será el encargado de emitir el dictamen correspondiente.
+            quien nombrará una Comisión Evaluadora para cada uno de las
-</li>
+            propuestas recibidas. Esta Comisión estará integrada por un
-  <li>El CoFI dictaminará los proyectos como “Aceptados” o “No aceptados”. </li>
+            especialista interno y dos especialistas externos afines al tema de
-</ul>
+            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>
 
         <h6><b>VII. Criterios de evaluación</b></h6>
- <p>Los proyectos que se presenten deberán estar alineados con el Plan de Desarrollo Institucional (PDI) de la UNAM y el Plan de Desarrollo Institucional (PDI 2021-2025) de la Facultad de Estudios Superiores Acatlán.
+        <p>
-<br>
+          Los proyectos que se presenten deberán estar alineados al Plan de
-   El CoFI tomará en cuenta los siguientes criterios para el otorgamiento del apoyo:
+          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">
+        <div class="space">
-     <ul class= "space">
+          <ul class="space">
-      <li>1. La calidad y originalidad del proyecto. </li>
+            <li>1. La calidad y originalidad del proyecto.</li>
-      <li>2.	La solidez científica y la precisión metodológica.  </li>
+            <li>2. La solidez científica y la precisión metodológica.</li>
-      <li>3.	La claridad de los objetivos. </li>
+            <li>3. La claridad de los objetivos.</li>
-      <li>4.	La descripción de las metas. </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>
+              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>
-      <li>8.	El impacto social, rentabilidad o beneficios del producto o resultado esperado. </li>
+              7. La congruencia entre los objetivos y el monto de financiamiento
-      <li>9.	La descripción de las responsabilidades de cada integrante del grupo de investigación. </li>
+              solicitado.
-      <li>10.	La participación de alumnos de licenciatura y/o posgrado en el proyecto. </li>   
+            </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. Resultados de la evaluación </b></h6>
+        <h6><b>VIII. Recursos financieros</b></h6>
- <p>Las evaluaciones serán presentadas al CoFI para su dictamen, el cual tendrá la facultad de ratificarlas o no, así como aprobar el presupuesto. Los resultados de la evaluación se darán a conocer el 11 de agosto de 2023.
+        <p>
- <br>
+          El monto anual para cada proyecto podrá ser de hasta $200,000.00
-   El presupuesto deberá ejercerse a partir de la fecha de aprobación del proyecto y hasta el 6 de octubre de 2023. Las partidas 732 y 733 podrán ejercerse hasta el término del proyecto.
+          (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>IX. Recursos financieros</b></h6>
+        <b>Partidas autorizadas</b>
- <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>
+        <ul class="space">
-
+          <li>211 Viáticos para el personal.</li>
- <ul>
+          <li>212 Pasajes aéreos.</li>
-    <b> Partidas autorizadas</b><br>
+          <li>214 Gastos de intercambio.</li>
-211 Viáticos para el personal. <br>
+          <li>215 Gastos de trabajo de campo.</li>
-212 Pasajes aéreos. <br>
+          <li>218 Otros pasajes.</li>
-214 Gastos de intercambio. <br>
+          <li>223 Encuadernaciones e impresiones.</li>
-215 Gastos de trabajo de campo. <br>
+          <li>
-218 Otros pasajes. <br>
+            231 Servicios de mantenimiento de equipo de laboratorio y diverso.
-223 Encuadernaciones e impresiones. <br>
+          </li>
-231	Servicios de mantenimiento de equipo de laboratorio y diversos. <br>
+          <li>233 Servicios de mantenimiento para equipo de cómputo.</li>
-233	Servicios de mantenimiento para equipo de cómputo. <br>
+          <li>243 Otros servicios comerciales.</li>
-243 Otros servicios comerciales. <br>
+          <li>248 Cuotas de inscripción.</li>
-248 Cuotas de inscripción. <br>
+          <li>249 Licencias de sistemas informáticos (software).</li>
-249 Licencias de sistemas informáticos (software).<br>
+          <li>411 Artículos, materiales y útiles diversos.</li>
-411 Artículos, materiales y útiles diversos.<br>
+          <li>431 Mobiliario, equipo e instrumental menor.</li>
-431 Mobiliario, equipo e instrumental menor.<br>
+          <li>512 Equipo e instrumental.</li>
-512 Equipo e instrumental. <br>
+          <li>514 Equipo de cómputo.</li>
-514 Equipo de cómputo. <br>
+          <li>521 Libros.</li>
-521 Libros. <br>
+          <li>523 Revistas técnicas y científicas.</li>
-523 Revistas técnicas y científicas.<br>
+          <li>732 Becas para licenciatura.</li>
-732 Becas para licenciatura. <br>
+          <li>733 Becas para posgrado.</li>
-733 Becas para posgrado.<br>                      
         </ul>
 
- <h6><b>X. Calendario </b></h6>
+        <h6><b>IX. Calendario </b></h6>
-<table>
+        <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 02 de junio de 2023 a las 18:00 horas</td>
+              <td>Hasta el 05 de junio de 2026 a las 19:00 horas</td>
             </tr>
             <tr>
-        <td>Publicación de resultados</td>
+              <td>Notificación de resultados</td>
-        <td>11 de agosto de 2023</td>
+              <td>03 de agosto de 2026</td>
             </tr>
             <tr>
-       <td>Inicio del Programa </td>
+              <td>Inicio del Programa</td>
-       <td>14 de agosto de 2023</td>
+              <td>03 de agosto de 2026</td>
             </tr>
             <tr>
-      <td>Informe final de actividades </td>
+              <td>Informe final de actividades</td>
-      <td>16 de agosto de 2024</td>
+              <td>02 de agosto de 2027</td>
             </tr>
           </tbody>
-</table>
+        </table>
-<br>
+        <br />
-     <p><b>Recepción de propuestas:</b> 
+        <p>
-     a partir de la fecha de publicación de esta convocatoria y hasta las 18:00 horas del 02 de junio de 2023. La entrega y recepción de proyectos se realizará en formato impreso en la Secretaría de Posgrado e Investigación (UIM I, planta baja) y en formato digital a través de los siguiente correos institucionales <a href="mailto:spi@acatlan.unam.mx">spi@acatlan.unam.mx</a>  y <a href="mailto:uim@acatlan.unam.mx">uim@acatlan.unam.mx</a> .
+          <b>Recepción de propuestas:</b> a partir de la fecha de publicación de
-       Los proyectos deberán entregarse y enviarse, debidamente firmados.    <br>                
+          esta convocatoria <b>y hasta las 19:00 horas</b> del 05 de junio de
-       Los resultados y la asignación presupuestal de los proyectos aceptados se darán a conocer el 11 de agosto de 2023.    <br>          
+          2026. La entrega y recepción de proyectos se realizará en formato
-       El dictamen de los proyectos será inapelable.    <br>          
+          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>
+
+        <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>XI. Formatos y anexos</b></h6>
-    <p>Además de los documentos solicitados en esta Convocatoria, los responsables del proyecto también deberán anexar los siguientes formatos:</p>
+        <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>(F2) Formato de presupuesto</li>
-            <li>(F3) Cesión de Derechos de Propiedad Intelectual firmado por el responsable del proyecto</li>
+            <li>
+              (F3) Cesión de Derechos de Propiedad Intelectual firmado por el
+              responsable del proyecto
+            </li>
+            <li>(F4) Solicitud de inscripción de participantes</li>
           </ul>
         </div>
 
-    <p> Consultar los formatos y anexos en:
+        <p>
-      <a href="https://paidi.acatlan.unam.mx"><font color="#00000a">https://paidi.acatlan.unam.mx </font></a> </p>
+          Consultar los formatos y anexos en:
-    <p>Cualquier caso no previsto en esta Convocatoria será resuelto por el Comité de Fomento a la Investigación (CoFI). </p>
+          <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>
 
-    <div class="cent"><br>
+        <div class="cent">
-  <h8>“P</h8><h7>OR MI RAZA HABLARÁ EL ESPÍRITU<h8>”</h8><br>
+          <br />
-     <h8>A</h8>CATLÁN, <h8>M</h8>ÉXICO, A <h8> 2</h8> DE MAYO <br> DE <h8>2023</h8> <br>
+          <h8>“P</h8
-     <br><br> <h8>D</h8>R. <h8>M</h8>ANUEL <h8>M</h8>ARTÍNEZ <h8>J</h8>USTO<br><h8>D</h8>IRECTOR
+          ><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>
+      </div>
-</div>
+    </div>
-
-</div>
     <Footer></Footer>
-  
+  </div>
-</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>
-
+.cir {
-.cir{
   list-style-type: circle;
 }
 
-ol, ul {
+ol,
+ul {
   list-style: none;
 }
 
-
 ul ul {
   list-style-type: none;
   margin-block-start: 0px;
   margin-block-end: 0px;
 }
-h8{
+h8 {
   font-size: 16.5px;
   font-family: arial;
 }
 
-h7{
+h7 {
   font-size: 13px;
   font-family: arial;
 }
@@ -237,10 +403,10 @@ ul {
 }
 .listasAlpha > li {
   list-style: none;
-    margin-bottom: .5rem;
+  margin-bottom: 0.5rem;
 }
 
- style {
+style {
   list-style-type: none;
 }
 
@@ -261,29 +427,30 @@ table {
   font-family: arial, sans-serif;
   border-collapse: collapse;
   width: 80%;
-  
 }
 
-td, th {
+td,
+th {
   border: 1px solid #ccc;
   text-align: center;
   padding: 8px;
 }
 
 tr:nth-child(even) {
-  background-color: #E5EBFD;
+  background-color: #e5ebfd;
 }
 
-table, th, td {
+table,
+th,
+td {
   border: 1px solid rgb(183, 183, 183);
 }
 
-.circle{
+.circle {
-    list-style-type:disc;
+  list-style-type: disc;
 }
 
 .space {
-    
   list-style-type: none;
 }
 
@@ -293,14 +460,11 @@ ul.space {
 
 ul.list {
   list-style-type: lower-alpha;
-  
 }
 .list > li {
-    margin-bottom: .5rem;
+  margin-bottom: 0.5rem;
   width: 95%;
   text-align: justify;
-    
-    
 }
 
 .listasAlpha {
@@ -315,31 +479,28 @@ ul.list {
   margin-right: 1rem;
 }
 
-
-
-
-
-
-
-
 h6 {
-
+  font-family: Arial, A030, "Nimbus Sans L", FreeSans, "Liberation Sans",
-  font-family: Arial,A030,"Nimbus Sans L",FreeSans,"Liberation Sans",sans-serif;
+    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;
 }
 
@@ -352,8 +513,6 @@ h1, h2, h3, h4, h5, h6 {
   background: #f1f1f1;
   padding: 1.25rem;
   text-align: justify;
-    
-   
 }
 
 .container {
@@ -361,16 +520,10 @@ h1, h2, h3, h4, h5, h6 {
   max-width: 100%;
   background: rgb(255, 255, 255);
   padding: 1.2em;
-    
 }
 
 p {
-width: 95%;
+  width: 95%;
-text-align: justify;
+  text-align: justify;
-    
 }
-
-
 </style>
-
-

src/views/formats.vue

@@ -5,22 +5,63 @@
     <div class="box">
       <div class="container">
         <div classs="plain-text">
-        <h6><b>I. Formatos </b></h6>
+          <h6><b>Formatos</b></h6>
-<p><a href="/files/F1_Inscripcion_del_proyecto_2023.docx" download>F1. Inscripción del Proyecto</a></p>
+          <p>
-<p><a href="/files/F2_Inscripcion_de_participantes_2023.docx" download>F2. Inscripción de Participantes</a></p>
+            <a href="/files/F1_Inscripcion_del_proyecto_2026.docx" download
-<p><a href="/files/F3_Carta_Cesion_de_Derechos_2023.docx" download>F3. Carta Cesión de derechos de propiedad intelectual (firmado por el responsable del proyecto)</a></p>
+              >F1. Inscripción del Proyecto</a
-<p><a href="/files/F4_Declaracion_de_ingresos_2023.docx" download>F4. Declaración de Ingresos</a></p>
+            >
-<p><a href="/files/F5_Solicitud_de_beca_2023.docx" download>F5. Solicitud de beca</a></p>
+          </p>
-<p><a href="/files/F6_Carta_justificacion_de_transferencia_2023.docx" download>F6. Carta justificación de transferencia</a></p>
+          <p>
-<p><a href="/files/F7_Formato_Solicitud_de_transferencia_2023.docx" download>F7. Formato solicitud de transferencia</a></p>
+            <a href="/files/F2_presupuesto_2026.xlsx" download
-<p><a href="/files/F8_Entrega_Proyecto_Concluido_2023.docx" download>F8. Formato de entrega de trabajo concluido</a></p>        
+              >F2. Presupuesto</a
-</div>
+            >
-</div> 
+          </p>
-</div>
+          <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>
@@ -38,7 +79,6 @@ export default {
 </script>
 
 <style scoped>
-
 .panes .plain-text {
   /* text-indent: 1.5em; */
   padding: 30px 0px 0px 0px;
@@ -52,7 +92,12 @@ b {
   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 {
+.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 {

src/views/home.vue

@@ -2,18 +2,17 @@
   <div>
     <Header></Header>
     <Nav></Nav>
-    <div  class ="box">    
+    <div class="box">
-     <div class= "container">  
+      <div class="container">
-      <br><br><br>
+        <br /><br /><br />
         <div class="paidi">
-        <img src="../assets/paidi2023.jpg" class= "img-fluid">
+          <img src="../assets/bannerhome.png" class="img-fluid" />
         </div>
         <div class="clear"></div>
       </div>
     </div>
-<Footer></Footer>
+    <Footer></Footer>
   </div>
-
 </template>
 <script>
 import Header from "../components/header.vue";
@@ -25,20 +24,18 @@ export default {
   components: {
     Header,
     Nav,
-    Footer
+    Footer,
-   
+  },
-  }
 };
 </script>
 
 <style scoped>
-
 .clear {
   clear: both;
   height: 100px;
 }
 
-.paidi{
+.paidi {
   text-align: center;
 }
 
@@ -51,8 +48,6 @@ export default {
   background: #ffffff;
   padding: 1.25rem;
   text-align: justify;
-    
-   
 }
 
 .container {
@@ -60,13 +55,10 @@ export default {
   max-width: 100%;
   background: rgb(255, 255, 255);
   padding: 1.2em;
-    
 }
 
 p {
-width: 95%;
+  width: 95%;
-text-align: justify;
+  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>