diff --git a/pages/alumno/cuestionario/index.vue b/pages/alumno/cuestionario/index.vue
index 006d05e..f9276b6 100644
--- a/pages/alumno/cuestionario/index.vue
+++ b/pages/alumno/cuestionario/index.vue
@@ -1,54 +1,681 @@
 <template>
-  <section class="container">
-    <p class="is-size-2">Formulario</p>
-    <br>
-    <b-field label="Nombre: ">
-      <b-input
-        type="text"
-        v-model="nombre"
-        placeholder="nombre">
-      </b-input>
+  <section class="container my-5 px-3 ">
+    <div class="my-5 mensaje">
+    <p class="is-size-2">Evaluación de programas de servicio social</p>
+    <p>Te invitamos a compartir tu experiencia respecto del programa de servicio social en el que participaste, a efecto de mejorar la oferta
+      de programas disponibles para los alumnos que desean liberar este requisito. Te recordamos qe tus respues son confidenciales.
+    </p>
+    </div>
+
+    <div class="A apartado" v-if="current == 1">
+        <p class="is-size-3">DATOS GENERALES</p>
+        <div class="field is-flex is-flex-direction-column SINO" >
+          <p>Sexo</p>
+          <b-radio v-model="sexo"
+              native-value="F"
+              type="is-info">
+              F
+          </b-radio>
+          <b-radio v-model="sexo"
+              native-value="M"
+              type="is-info">
+              M
+          </b-radio>
+        </div>
+        <b-field label="Edad">
+            <b-input placeholder="Edad"
+              v-model="edad"
+              type="number"
+              min="0"
+              max="100">
+            </b-input>
+        </b-field>
+        <div class="field is-flex is-flex-direction-column SINO" >
+          <p>¿Cuentas con algún servicio médico?</p>
+          <b-radio v-model="servicioMedico"
+              native-value="IMSS"
+              type="is-info">
+              IMSS
+          </b-radio>
+          <b-radio v-model="servicioMedico"
+              native-value="ISSSTE"
+              type="is-info">
+              ISSSTE
+          </b-radio>
+          <b-radio v-model="servicioMedico"
+              native-value="Ninguno"
+              type="is-info">
+              Ninguno
+          </b-radio>
+          <b-field>
+            <b-input placeholder="Otro (especificar)" v-model="servicioMedico"></b-input>
+          </b-field>
+        </div>
+    </div>
+
+    <div class="B apartado" v-if="current == 2">
+      <p class="is-size-3">INFORMACIÓN GENERAL SOBRE EL SERVICIO SOCIAL</p>
+      <div class="field is-flex is-flex-direction-column SINO" >
+  <p>¿Conoces el reglamento de servicio social vigente de la UNAM?</p>
+
+          <b-radio v-model="reglamento"
+              native-value="true"
+              type="is-info">
+              Si
+          </b-radio>
+
+          <b-radio v-model="reglamento"
+              native-value="false"
+              type="is-info">
+              No
+          </b-radio>
+      </div>
+      <div class="field is-flex is-flex-direction-column SINO" >
+          <p>¿Conoces la normatividad vigente del servicio social de tu escuela o facultad?</p>
+          <b-radio v-model="normatividad"
+              native-value="true"
+              type="is-info">
+              Si
+          </b-radio>
+          <b-radio v-model="normatividad"
+              native-value="false"
+              type="is-info">
+              No
+          </b-radio>
+      </div>
+      <div class="field">
+  <p>Señala los trs principales criterios que utilizaste para seleccionar el programa de servicio social:</p>
+          <div v-for="b3 in b3Options" :key="b3" class="SINO">
+          <b-checkbox :value=b3
+          type="is-info">
+              {{b3}}
+          </b-checkbox>
+          </div>
+          <b-field>
+          <b-input placeholder="Otro (especificar)" v-model="servicioMedico"></b-input>
+      </b-field>
+      </div>
+    </div>
+
+    <div class="C apartado" v-if="current == 3">
+      <p class="is-size-4">INFORMACIÓN SOBRE LAS CONDICIONES PARA LA PRESENTACIÓN DEL SERVICIO SOCIAL EN LA INSTITUCIÓN RECEPTORA </p>
+      <div class="field is-flex is-flex-direction-column SINO" >
+    <p>Al inicio de servicio social recibiste información sobre la normatividad de la institución:</p>
+
+              <b-radio v-model="reglamento"
+                  native-value="true"
+                  type="is-info">
+                  Si
+              </b-radio>
+
+              <b-radio v-model="reglamento"
+                  native-value="false"
+                  type="is-info">
+                  No
+              </b-radio>
+      </div>
+
+      <div class="manyInputs">
+        <p>Durante el servicio social, recibiste por parte de los responsables:</p>
+        <table class="table is-fullwidth">
+          <thead>
+            <tr>
+              <th></th>
+              <th>Si</th>
+              <th>No</th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr v-for="c5 in c5Options" :key="c5">
+              <td>{{c5}}</td>
+              <td>
+                <b-radio 
+                  v-model="reglamento"
+                  native-value="true"
+                  type="is-info">
+                </b-radio>
+              </td>
+              <td>
+                <b-radio 
+                  v-model="reglamento"
+                  native-value="false"
+                  type="is-info">
+                </b-radio>
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+
+      <div class="field is-flex is-flex-direction-column SINO" >
+  <p>¿las actividades que desarrollaste se realizaron con base en un proyecti de trabajo de la institucion?</p>
+
+          <b-radio v-model="reglamento"
+              native-value="true"
+              type="is-info">
+              Si
+          </b-radio>
+
+          <b-radio v-model="reglamento"
+              native-value="false"
+              type="is-info">
+              No
+          </b-radio>
+      </div>
+
+      <div class="field is-flex is-flex-direction-column SINO" >
+        <p>¿Contaste con un espacio físico adeacuado para realizar tus actividades?</p>
+        <b-radio v-model="reglamento"
+            native-value="true"
+            type="is-info">
+            Si
+        </b-radio>
+        <b-radio v-model="reglamento"
+            native-value="false"
+            type="is-info">
+            No
+        </b-radio>
+      </div>
+
+      <div class="manyInputs">
+      <p>Durante el servicio social, recibiste por parte de los responsables:</p>
+      <table class="table is-fullwidth">
+    <thead>
+      <tr>
+        <th></th>
+        <th>Si</th>
+        <th>No</th>
+      </tr>
+    </thead>
+
+    <tbody>
+      <tr  v-for="c8 in c8Options" :key="c8">
+        <td>{{c8}}</td>
+        <td>
+          <b-radio v-model="reglamento"
+                  native-value="true"
+                  type="is-info">
+
+              </b-radio>
+        </td>
+        <td>
+            <b-radio v-model="reglamento"
+                  native-value="false"
+                  type="is-info">
+
+              </b-radio>
+        </td>
+      </tr>
+    </tbody>
+      </table>
+      </div>
+
+      <div class="field is-flex is-flex-direction-column SINO" >
+  <p>¿Consideras que el entorno donde se ubica la institución es seguro?</p>
+
+          <b-radio v-model="reglamento"
+              native-value="true"
+              type="is-info">
+              Si
+          </b-radio>
+
+          <b-radio v-model="reglamento"
+              native-value="false"
+              type="is-info">
+              No
+          </b-radio>
+      </div>
+
+      <div class="field is-flex is-flex-direction-column SINO" >
+  <p>¿La institución te proporcionó el material/equipo necesario para el desempeño de tus actividades?</p>
+
+          <b-radio v-model="reglamento"
+              native-value="true"
+              type="is-info">
+              Si
+          </b-radio>
+
+          <b-radio v-model="reglamento"
+              native-value="false"
+              type="is-info">
+              No
+          </b-radio>
+      </div>
+
+      <div class="field is-flex is-flex-direction-column SINO" >
+  <p>¿El trato que recibiste durante la realización de tu servicio social fue profesional?</p>
+
+          <b-radio v-model="reglamento"
+              native-value="true"
+              type="is-info">
+              Si
+          </b-radio>
+
+          <b-radio v-model="reglamento"
+              native-value="false"
+              type="is-info">
+              No
+          </b-radio>
+      </div>
+
+      <div class="field is-flex is-flex-direction-column SINO" >
+  <p>¿Contaste con un espacio físico adeacuado para realizar tus actividades?</p>
+
+          <b-radio v-model="reglamento"
+              native-value="true"
+              type="is-info">
+              Si
+          </b-radio>
+
+          <b-radio v-model="reglamento"
+              native-value="false"
+              type="is-info">
+              No
+          </b-radio>
+      </div>
+
+      <div class="field is-flex is-flex-direction-column SINO" >
+  <p>¿La institucion te entregó a tiempo la documentación requerida por tu facultad o escuela (carta de inicio, informes, carta de termino)?</p>
+
+          <b-radio v-model="reglamento"
+              native-value="true"
+              type="is-info">
+              Si
+          </b-radio>
+
+          <b-radio v-model="reglamento"
+              native-value="false"
+              type="is-info">
+              No
+          </b-radio>
+      </div>
+
+      <div class="field is-flex is-flex-direction-column SINO" >
+  <p>¿La institució te dió todas las facilidades para realizar tramites académicos-administrativos ante tu facultad o escuela?</p>
+
+          <b-radio v-model="reglamento"
+              native-value="true"
+              type="is-info">
+              Si
+          </b-radio>
+
+          <b-radio v-model="reglamento"
+              native-value="false"
+              type="is-info">
+              No
+          </b-radio>
+      </div>
+    </div>
+
+    <div class="D apartado" v-if="current == 4">
+      <p class="is-size-3">INFORMACIÓN SOBRE EL PROGRAMA DE SERVICIO SOCIAL</p>
+      <div class="manyInputs">
+        <p>De acuerdo con el programa registrado:</p>
+        <table class="table is-fullwidth">
+      <thead>
+        <tr>
+          <th></th>
+          <th>Si</th>
+          <th>No</th>
+        </tr>
+      </thead>
+
+      <tbody>
+        <tr v-for="d14 in d14Options" :key="d14">
+          <td>{{d14}}</td>
+          <td>
+            <b-radio v-model="reglamento"
+                    native-value="true"
+                    type="is-info">
+
+                </b-radio>
+          </td>
+          <td>
+              <b-radio v-model="reglamento"
+                    native-value="false"
+                    type="is-info">
+
+                </b-radio>
+          </td>
+        </tr>
+      </tbody>
+        </table>
+      </div>
+
+      <div class="manyInputs">
+        <p>Sobre tu perfil profesional</p>
+        <table class="table is-fullwidth">
+      <thead>
+        <tr>
+          <th></th>
+          <th>Si</th>
+          <th>No</th>
+        </tr>
+      </thead>
+
+      <tbody>
+        <tr v-for="d15 in d15Options" :key="d15">
+          <td>{{d15}}</td>
+          <td>
+            <b-radio v-model="reglamento"
+                    native-value="true"
+                    type="is-info">
+
+                </b-radio>
+          </td>
+          <td>
+              <b-radio v-model="reglamento"
+                    native-value="false"
+                    type="is-info">
+
+                </b-radio>
+          </td>
+        </tr>
+      </tbody>
+        </table>
+      </div>
+
+      <div class="field is-flex is-flex-direction-column SINO" >
+        <p>De acuerdo al desarrollo del programa en el que participaste en cual de las siguientes áreas lo enmarcas (Elige solo una)</p>
+        <b-radio v-model="reglamento"
+            v-for="d16 in d16Options"
+            :key="d16"
+            native-value="true"
+            type="is-info">
+            {{d16}}
+        </b-radio>
+      </div>
+
+      <div class="manyInputs">
+      <p>¿Quien asesoró y supervisó las actividades que realizaste y con que frecuencia?(Señala con una X la respuesta mas adecuada en el recuadro correspondiente)</p>
+      <table class="table is-fullwidth">
+    <tbody>
+      <tr v-for="d17 in d17Options" :key="d17">
+        <td>{{d17}}</td>
+
+      <td>
+        <b-field >
+              <b-select placeholder="Frecuencia">
+                  <option
+                      v-for="frec in frecuencia"
+                      :value="frec"
+                      :key="frec">
+                      {{ frec }}
+                  </option>
+              </b-select>
+          </b-field>
+      </td>
+      </tr>
+    </tbody>
+      </table>
+      </div>
+    </div>
+
+    <div class="E apartado" v-if="current == 5">
+      <p class="is-size-3">APOYOS</p>
+
+      <div class="field is-flex is-flex-direction-column SINO" >
+    <p>¿El programa en el que participaste ofrece apoyos académicos?</p>
+
+              <b-radio v-model="reglamento"
+                  native-value="true"
+                  type="is-info">
+                  Si
+              </b-radio>
+
+              <b-radio v-model="reglamento"
+                  native-value="false"
+                  type="is-info">
+                  No
+              </b-radio>
+      </div>
+
+      <div class="field is-flex is-flex-direction-column SINO" >
+  <p>¿El programa en el que participaste ofrece seguro de vida?</p>
+
+          <b-radio v-model="reglamento"
+              native-value="true"
+              type="is-info">
+              Si
+          </b-radio>
+
+          <b-radio v-model="reglamento"
+              native-value="false"
+              type="is-info">
+              No
+          </b-radio>
+      </div>
+
+      <div class="field is-flex is-flex-direction-column SINO" >
+  <p>¿El programa en el que participaste ofrece apoyo económico?</p>
+
+          <b-radio v-model="reglamento"
+              native-value="true"
+              type="is-info">
+              Si
+          </b-radio>
+
+          <b-radio v-model="reglamento"
+              native-value="false"
+              type="is-info">
+              No
+          </b-radio>
+      </div>
+
+      <div class="manyInputs">
+  <p>Los apoyos económicos señalados en el programa:</p>
+  <table class="table is-fullwidth">
+  <thead>
+  <tr>
+    <th></th>
+    <th>Si</th>
+    <th>No</th>
+  </tr>
+  </thead>
+
+  <tbody>
+  <tr v-for="e21 in e21Options" :key="e21">
+    <td>{{e21}}</td>
+    <td>
+        <b-radio v-model="reglamento"
+              native-value="true"
+              type="is-info">
+
+          </b-radio>
+    </td>
+    <td>
+        <b-radio v-model="reglamento"
+              native-value="false"
+              type="is-info">
+
+          </b-radio>
+    </td>
+  </tr>
+  </tbody>
+  </table>
+      </div>
+    </div>
+
+  <div class="F apartado" v-if="current == 6">
+    <p class="is-size-3">EXPERIENCIA</p>
+
+    <div class="manyInputs">
+    <p>Califica del 1 al 10 (en donde 1 es el de menor valor y 10 el de mayor valor) cada uno de los siguientes aspectos</p>
+    <table class="table is-fullwidth">
+   <tbody>
+    <tr v-for="f22 in f22Options" :key="f22">
+      <td>{{f22}}</td>
+
+     <td>
+       <b-field >
+            <b-select placeholder="Seleccionar">
+                <option v-for="i in 10" :key="i" :value="i">{{i}}</option>
+            </b-select>
+        </b-field>
+     </td>
+    </tr>
+   </tbody>
+    </table>
+    </div>
+
+    <div class="manyInputs">
+       <p>Consideras que el servicio social es:</p>
+    <p>Califica del 1 al 10 (en donde 1 es el de menor valor y 10 el de mayor valor) cada uno de los siguientes aspectos</p>
+    <table class="table is-fullwidth">
+   <tbody>
+    <tr v-for="f23 in f23Options" :key="f23">
+      <td>{{f23}}</td>
+
+     <td>
+       <b-field >
+            <b-select placeholder="Seleccionar">
+                <option v-for="i in 10" :key="i" :value="i">{{i}}</option>
+            </b-select>
+        </b-field>
+     </td>
+    </tr>
+   </tbody>
+    </table>
+    </div>
+
+     <div class="manyInputs">
+       <p>Consideras que el servicio social es:</p>
+    <p>Califica del 1 al 10 (en donde 1 es el de menor valor y 10 el de mayor valor) cada uno de los siguientes aspectos</p>
+    <table class="table is-fullwidth">
+   <tbody>
+    <tr v-for="f24 in f24Options" :key="f24">
+      <td>{{f24}}</td>
+
+     <td>
+       <b-field >
+            <b-select placeholder="Seleccionar">
+                <option v-for="i in 10" :key="i" :value="i">{{i}}</option>
+            </b-select>
+        </b-field>
+     </td>
+    </tr>
+   </tbody>
+    </table>
+    </div>
+
+    <div class="field is-flex is-flex-direction-column SINO" >
+<p>¿Retomarías tu experiencia de servicio social para desarrollar tu tesis? (solo si aplica tu caso)</p>
+
+        <b-radio v-model="reglamento"
+            native-value="true"
+            type="is-info">
+            Si
+        </b-radio>
+
+        <b-radio v-model="reglamento"
+            native-value="false"
+            type="is-info">
+            No
+        </b-radio>
+    </div>
+
+    <div class="field is-flex is-flex-direction-column SINO" >
+<p>¿Recomiendas el programa en el que participaste?</p>
+
+        <b-radio v-model="reglamento"
+            native-value="true"
+            type="is-info">
+            Si
+        </b-radio>
+
+        <b-radio v-model="reglamento"
+            native-value="false"
+            type="is-info">
+            No
+        </b-radio>
+        <b-field label="¿Por qué?">
+        <b-input placeholder="Opinion" v-model="servicioMedico"></b-input>
     </b-field>
-    <b-field label="Ocupación: ">
-      <b-input
-        type="text"
-        v-model="ocupacion"
-        placeholder="Ocupación">
-      </b-input>
+    </div>
+
+    <div class="manyInputs">
+       <p>Con respecto a tu servicio:</p>
+    <table class="table is-fullwidth">
+   <tbody>
+
+   <tr>
+     <td>
+       <p>La información que te proporcionaron sobre los requisitos y trámites para el servicio social en tu escuela o facultad fue:</p>
+     </td>
+     <td>
+          <b-field >
+            <b-select placeholder="Seleccionar">
+                <option v-for="adj in adjetivos" :key="adj" :value="adj">{{adj}}</option>
+            </b-select>
+        </b-field>
+       </td>
+   </tr>
+
+   </tbody>
+    </table>
+    </div>
+
+    <div class="manyInputs">
+       <p>Con respecto a la plataforma SIASS web:</p>
+    <table class="table is-fullwidth">
+   <tbody>
+
+   <tr>
+     <td>
+       <p>La información que te proporcionaron sobre los programas fue:</p>
+     </td>
+     <td>
+          <b-field >
+            <b-select placeholder="Seleccionar">
+                <option v-for="adj in adjetivos" :key="adj" :value="adj">{{adj}}</option>
+            </b-select>
+        </b-field>
+       </td>
+   </tr>
+
+   </tbody>
+    </table>
+    </div>
+
+    <b-field label="¿Tienes algún comentario u observación respecto al diseño de este documento?">
+            <b-input placeholder="Respuesta" v-model="servicioMedico"></b-input>
     </b-field>
-    <b-field label="Dirección: ">
-      <b-input
-        type="text"
-        v-model="direccion"
-        placeholder="Dirección">
-      </b-input>
-    </b-field>
-    <b-field label="Código postal: ">
-      <b-input
-        type="text"
-        v-model="codigoPostal"
-        placeholder="Código postal">
-      </b-input>
-    </b-field>
-    <b-field label="Número de personas que viven en el hogar: ">
-      <b-input
-        type="text"
-        v-model="noPersonasHogar"
-        placeholder="Número de personas que viven en el hogar">
-      </b-input>
-    </b-field>
-    <b-field label="Edad del jefe de familia: ">
-      <b-input
-        type="text"
-        v-model="edadGfeFam"
-        placeholder="Edad jefe de familia">
-      </b-input>
-    </b-field>
-    <br>
-    <b-button class="is-info">
-      Enviar formulario
-    </b-button>
-    <br><br><br><br><br><br>
+
+    <div class="my-6 mb-6">
+        <b-field >
+            <button
+            :disabled="nacimiento=='' || telefono=='' || direccion==''"
+            class="button is-success is-medium"
+            @click="enviarRegistro()"
+            >
+                Enviar
+            </button>
+          </b-field>
+    </div>
+
+  </div>
+
+  <b-pagination
+  class="pag"
+            :total="total"
+            v-model="current"
+            :range-before="rangeBefore"
+            :current="current"
+            :range-after="rangeAfter"
+            :order="order"
+            :size="size"
+            :simple="isSimple"
+            :rounded="isRounded"
+            :per-page="perPage"
+            :icon-prev="prevIcon"
+            :icon-next="nextIcon"
+            aria-next-label="Next page"
+            aria-previous-label="Previous page"
+            aria-page-label="Page"
+            aria-current-label="Current page">
+  </b-pagination>
+
+      <!--   <pre>{{$data}}</pre> -->
   </section>
 </template>
 
@@ -56,13 +683,140 @@
 export default {
   data () {
     return {
-      nombre: '',
-      ocupacion: '',
-      direccion: '',
-      codigoPostal: null,
-      noPersonasHogar: null,
-      edadGfeFam: null
+      total: 6,
+      current: 1,
+      perPage: 1,
+      rangeBefore: 6,
+      rangeAfter: 6,
+      order: 'is-centered',
+      size: '',
+      isSimple: false,
+      isRounded: false,
+      prevIcon: 'chevron-left',
+      nextIcon: 'chevron-right',
+
+      sexo: '',
+      b3Options: [
+        'Actividades descritas en el programa',
+        'Apoyo económico',
+        'Asesoría académica',
+        'Dependencia de la UNAM',
+        'Flexibilidad en horarios',
+        'Institución del sector público',
+        'Institucíon del sector social',
+        'Invitación de profesores',
+        'Modalidad de titulación por servicio social',
+        'Objetivos del programa',
+        'Oportunidad de desarrollo de tesis',
+        'Prestigio de la institución',
+        'Recomendación de compañeros'
+      ],
+      c5Options: [
+        'ASESORIA',
+        'ACOMPAÑAMIENTO',
+        'SUPERVISION',
+        'SEGUIMIENTO'
+      ],
+      c8Options: [
+        'HIGIENE',
+        'SEGURIDAD',
+        'PROTECCIÓN CIVIL'
+      ],
+      d14Options: [
+        'Se cumplieron los objetivos señalados',
+        'Se cumplieron las actividades decritas',
+        'Las actividades del programa son congruentes con el objetivo',
+        'Las actividades del programa retribuyen a la sociedad'
+      ],
+      d15Options: [
+        'Aplicaste conocimientos',
+        'Desarrollaste habilidades',
+        'Enriqueciste tus conocimientos',
+        'Fortaleciste tus habilidades'
+      ],
+      d16Options: [
+        'Apoyo administrativo',
+        'Arte, cultura y recreación',
+        'Ciencia, tecnología e innovación',
+        'Derechos humanos, seguridad social y jurídica',
+        'Desarrollo social',
+        'Educación',
+        'Equipamiento e infraestructura urbana y rural',
+        'Medio ambiente y desarrollo sustentable',
+        'Medio de comunicación',
+        'Modernización y automatización de la gestión administrativa',
+        'Salud',
+        'Seguridad alimentaria',
+        'Seguridad energética',
+        'Investigación'
+      ],
+      d17Options: [
+        'Coordinador administrativo del programa',
+        'Responsable directo del programa',
+        'Alguien diferente a los dos anteriores'
+      ],
+      frecuencia: [
+        'Diario',
+        'Semana',
+        'Quincena',
+        'Mes',
+        'Bimestre',
+        'Trimestre',
+        'Semestre',
+        'No recibí asesoría'
+
+      ],
+      e21Options: [
+        'Te fueron otorgados en tiempo y forma',
+        'Fueron condicionados',
+                `Hubo procedimientos transparentes
+en la asignación y entrega`,
+                'Se te proporcionó sólo una parte',
+                'No se te proporcionó el apoyo'
+      ],
+      f22Options: [
+        'Alguien diferente a los dos anteriores',
+        'Contribuiste en el logro de los objetivos indicados en el programa',
+        'Adquiriste nuevos conocimientos',
+        'Fortaleciste habilidades',
+        'Obtuviste herramientas para tu inserción en el medio laboral',
+        'Fortaleciste tu formación profesional',
+        'Enriqueciste tu formación personal',
+        'Tu participación en el programa de servicio tuvo impacto social'
+      ],
+      f23Options: [
+        'Un medio para retribuir a la sociedad',
+        'La actividad que permite fortalecer habilidades y destrezas',
+        'El complemento a la formación profesional'
+      ],
+      f24Options: [
+        'Impacto social',
+        'Formación profesional',
+        'Formación personal'
+      ],
+      adjetivos: [
+        'muy mala',
+        'mala',
+        'regular',
+        'buena',
+        'excelente'
+      ]
+
     }
   }
+
 }
 </script>
+<style scoped>
+.SINO *{
+  margin: .5rem 0 !important;
+
+}
+.apartado, .pag{
+   margin: 5rem 0;
+}
+.manyInputs{
+  margin: 1.5rem 0;
+}
+
+</style>