paidi_front/src/views/recursos.vue

<template>
  <div>
    <Header></Header>
    <Nav></Nav>
    <div class="box">
      <div class="container">
        <div classs="plain-text">
          <p>
            <!-- <a href="/files/recursos/CatalogoBase-2025.pdf" download
 -->
            <a href="/files/CatalogoBase-2025.pdf" download
              >Catálogo base de equipo de cómputo y periféricos 2025</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-2025.pdf"
              download
              >Programa de racionalidad presupuestaria 2025</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ónPAIDI2025.pdf" download
              >Presentación PAIDI 2025</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>