diff --git a/src/components/Login.vue b/src/components/Login.vue
index e04eda2..dbe6a97 100644
--- a/src/components/Login.vue
+++ b/src/components/Login.vue
@@ -33,6 +33,7 @@
 <script>
 import webMenu from '../estetica/menu.vue'
 import Swal from 'sweetalert2'
+import swal from 'sweetalert';
 import axios from 'axios'
 import config from '../config/config.js'
 export default {
@@ -55,10 +56,25 @@ export default {
                         password: this.password,
                     }
                 )
-                .then(response => {
+                .then(async response => {
                     // eslint-disable-next-line
-                    console.log(response.data)
-                    if (response.data.trabajo) {
+                    //console.log(response.data)
+                    if(response.data.participacion=='Asistente')
+                    {
+                        let d=response.data.id_persona[0]
+                        await swal(`Bienvenido ${d.nombre} ${d.apellido_p} ${d.apellido_m}`,"","success"); 
+                        await window.localStorage.setItem('id_persona',`${response.data.id_persona[0].id_persona}`);
+                        // eslint-disable-next-line
+                        console.log(response.data.id_persona[0].id_persona)
+                        this.$router.push( `/registroAsistencia`);
+
+                        // await window.localStorage.setItem('datos',response.data.datos);
+                        // this.$router.push({
+                        //     path:,
+                        // });
+                        return;
+                    }
+                    else if (response.data.trabajo) {
                         // eslint-disable-next-line
                         console.log('trabajo')
                         this.$router.push({
diff --git a/src/components/RegistroAsistencia.vue b/src/components/RegistroAsistencia.vue
index 9e7b567..bfd6818 100644
--- a/src/components/RegistroAsistencia.vue
+++ b/src/components/RegistroAsistencia.vue
@@ -1,34 +1,48 @@
 <template>
 <div>
- <app-menu ></app-menu>
+<app-menu ></app-menu>
     <div class="container" >
-        
-            <div class="row">
-                <div class="col aling_left">
-                    <p><span class="datosU">Usuario:</span> {{ usuario }}</p>
-                    
-                    <p><span class="datosU">Correo:</span> {{ correo }}</p>
-                </div>
-            </div>
-
             <div class="row">
                 <div class="col">
-                <h1 class="" style="text-align:center">Actividades</h1> 
+                    <h1 class="titulo" style="text-align:center">Registro de actividades</h1> 
+                </div>
+            </div>  
+            <div class="row">
+                <div class="col aling_left nombre">
+                    <h3> Nombre: {{ nombre}}</h3>
+                    
+                    <h3 class="abajo"> Correo: {{ correo}}</h3>
                 </div>
             </div>
 
+
             <div class="row">
-                <div class="col-3">
+                <div class="col aling_left abajo_t">
                             <h2>Mesas de trabajo</h2>
                 </div>
             </div>
-
-
             <div class="row">
-             <div class="col-1">
-             </div>
+                <div class="col  abajo_t">
+                        <div v-if="comunidad=='interna' && constancia==true" class="check custom-control custom-checkbox">
+                            <input type="checkbox" class="custom-control-input" id="defaultIndeterminate2" checked @click="selec_pago()">
+                            <label class="size custom-control-label" for="defaultIndeterminate2">Deseo constancia de asistencia al evento (Tendra un costos de $300 M.N.)</label>
+                        </div>
+                        <div v-if="comunidad=='interna' && constancia==false" class="check custom-control custom-checkbox">
+                            <input type="checkbox" class="custom-control-input" id="defaultIndeterminate2" @click="selec_pago()">
+                            <label class="size custom-control-label" for="defaultIndeterminate2">Deseo constancia de asistencia al evento (Tendra un costos de $300 M.N.)</label>
+                        </div>
+
+                </div>
+            </div>
+
+            
+            <div class="row">
+            <div class="col-1">
+            </div>
                 <div class="col">
-                    <table class="table  ">
+                    <div class="table-wrapper-scroll-y my-custom-scrollbar">
+                        
+                        <table   class="table table-bordered  mb-0 ">
                         <thead>
                             <tr class="aling_left color_negro" >
                                 <th>
@@ -45,22 +59,22 @@
                             
                                 <tr  class="aling_left gris" v-for="item in mesa_lunes" v-bind:key=" item.id_evento"  @click="elegir_mesa_lunes(item)">
                                     
-                                    <td v-if="mesa_elegida_lunes!=item" >{{item.nombre_evento}}</td>
+                                    <td v-if="check_lunes(item) " >{{item.nombre_evento}}</td>
                                     <td v-else class="elegido">{{item.nombre_evento}}</td>
                                     
-                                    <td v-if="mesa_elegida_lunes!=item" >Lunes 17 de Agosto</td>
+                                    <td v-if="check_lunes(item)" >Lunes 17 de Agosto</td>
                                     <td v-else class="elegido">Lunes 17 de Agosto</td>
 
                                 
-                                    <td v-if="mesa_elegida_lunes!=item" >12:00 - 15:00</td>
+                                    <td v-if="check_lunes(item)" >12:00 - 15:00</td>
                                     <td v-else class="elegido">12:00 - 15:00</td>
 
                                     
-                                    <td v-if="mesa_elegida_lunes!=item" >{{item.lugar}}</td>
+                                    <td v-if="check_lunes(item)" >{{item.lugar}}</td>
                                     <td v-else class="elegido">{{item.lugar}}</td>
 
                                     
-                                    <td v-if="mesa_elegida_lunes!=item" >{{item.cupo}}</td>
+                                    <td v-if="check_lunes(item)" >{{item.cupo}}</td>
                                     <td v-else class="elegido">{{item.cupo}}</td>
 
                                 </tr>
@@ -68,22 +82,22 @@
                                 
                                 <tr  class="aling_left blanco" v-for="item in mesa_martes" v-bind:key=" item.id_evento"  @click="elegir_mesa_martes(item)">
                                     
-                                    <td v-if="mesa_elegida_martes!=item" >{{item.nombre_evento}}</td>
+                                    <td v-if="check_martes(item)" >{{item.nombre_evento}}</td>
                                     <td v-else class="elegido">{{item.nombre_evento}}</td>
                                     
-                                    <td v-if="mesa_elegida_martes!=item" >Martes 18 de Agosto</td>
+                                    <td v-if="check_martes(item)" >Martes 18 de Agosto</td>
                                     <td v-else class="elegido">Martes 18 de Agosto</td>
 
                                 
-                                    <td v-if="mesa_elegida_martes!=item" >11:00 - 15:00</td>
+                                    <td v-if="check_martes(item)" >11:00 - 15:00</td>
                                     <td v-else class="elegido">11:00 - 15:00</td>
 
                                     
-                                    <td v-if="mesa_elegida_martes!=item" >{{item.lugar}}</td>
+                                    <td v-if="check_martes(item)" >{{item.lugar}}</td>
                                     <td v-else class="elegido">{{item.lugar}}</td>
 
                                     
-                                    <td v-if="mesa_elegida_martes!=item" >{{item.cupo}}</td>
+                                    <td v-if="check_martes(item)" >{{item.cupo}}</td>
                                     <td v-else class="elegido">{{item.cupo}}</td>
 
                                 </tr>
@@ -91,43 +105,46 @@
 
                                 <tr  class="aling_left gris" v-for="item in mesa_miercoles" v-bind:key=" item.id_evento"  @click="elegir_mesa_miercoles(item)">
                                     
-                                    <td v-if="mesa_elegida_miercoles!=item" >{{item.nombre_evento}}</td>
+                                    <td v-if="check_miercoles(item)" >{{item.nombre_evento}}</td>
                                     <td v-else class="elegido">{{item.nombre_evento}}</td>
                                     
-                                    <td v-if="mesa_elegida_miercoles!=item" >Miercoles 19 de Agosto</td>
+                                    <td v-if="check_miercoles(item)" >Miercoles 19 de Agosto</td>
                                     <td v-else class="elegido">Miercoles 19 de Agosto</td>
 
                                 
-                                    <td v-if="mesa_elegida_miercoles!=item" >12:00 - 15:00</td>
+                                    <td v-if="check_miercoles(item)" >12:00 - 15:00</td>
                                     <td v-else class="elegido">12:00 - 15:00</td>
 
                                     
-                                    <td v-if="mesa_elegida_miercoles!=item" >{{item.lugar}}</td>
+                                    <td v-if="check_miercoles(item)" >{{item.lugar}}</td>
                                     <td v-else class="elegido">{{item.lugar}}</td>
 
                                     
-                                    <td v-if="mesa_elegida_miercoles!=item" >{{item.cupo}}</td>
+                                    <td v-if="check_miercoles(item)" >{{item.cupo}}</td>
                                     <td v-else class="elegido">{{item.cupo}}</td>
 
                                 </tr>                              
                         </tbody>    
                     </table>
+                    </div>
                 </div>
             </div>
 
 
 
             <div class="row">
-                <div class="col aling_left">
+                <div class="col aling_left abajo_t arriba_t">
                             <h2>Talleres</h2>
                 
                 </div>
             </div>
             <div class="row">
-             <div class="col-1">
-             </div>
+            <div class="col-1">
+            </div>
                 <div class="col">
-                    <table class="table   ">
+                    <div class="table-wrapper-scroll-y my-custom-scrollbar">
+                    
+                        <table   class="table table-bordered  mb-0 ">
                         <thead>
                             <tr class="aling_left color_negro" >
                                 <th>
@@ -145,10 +162,10 @@
                             
                                 <tr  class="aling_left blanco " v-for="item in talleres" v-bind:key=" item.id_evento"  @click="elegir_taller(item)">
                                     
-                                    <td v-if="taller_elegido!=item" >{{item.nombre_evento}}</td>
+                                    <td v-if="check_taller(item)" >{{item.nombre_evento}}</td>
                                     <td v-else class="elegido">{{item.nombre_evento}}</td>
                                     
-                                    <td v-if="taller_elegido!=item" >
+                                    <td v-if="check_taller(item)" >
                                     <div>
                                         <tr>Lunes 17 de Agosto</tr>
                                         <tr>Martes 18 de Agosto</tr>
@@ -164,7 +181,7 @@
                                     </td>
 
                                 
-                                    <td v-if="taller_elegido!=item" >
+                                    <td v-if="check_taller(item)" >
                                         <div>
                                             <tr>{{item.horas[0]}}</tr>
                                             <tr>{{item.horas[1]}}</tr>
@@ -180,11 +197,11 @@
                                     </td>
 
                                     
-                                    <td v-if="taller_elegido!=item" >{{item.lugar}}</td>
+                                    <td v-if="check_taller(item)" >{{item.lugar}}</td>
                                     <td v-else class="elegido">{{item.lugar}}</td>
 
                                     
-                                    <td v-if="taller_elegido!=item" >{{item.cupo}}</td>
+                                    <td v-if="check_taller(item)" >{{item.cupo}}</td>
                                     <td v-else class="elegido">{{item.cupo}}</td>
 
                                 </tr>
@@ -192,11 +209,12 @@
                                                             
                         </tbody>    
                     </table>
+                    </div>
                 </div>
             </div>
 
             <div class="row">
-                <div class="col aling_left">
+                <div class="col aling_left abajo_t arriba_t">
                             <h2>Ponencias magistrales</h2>
                     
                 </div>
@@ -206,7 +224,9 @@
             
             </div>
                 <div class="col">
-                    <table class="table  table-striped ">
+                    <div class="table-wrapper-scroll-y my-custom-scrollbar">
+                        
+                        <table   class="table table-bordered table-striped mb-0 ">
                         <thead>
                             <tr class="aling_left color_negro" >
                                 <th>
@@ -255,9 +275,23 @@
                                                             
                         </tbody>    
                     </table>
+                    </div>
                 </div>
             </div>
-
+            <div class="row arriba abajo ">
+                <div class="col">
+                    <div class="entrar">
+                        
+                        <button class="button_salir" @click="salir()">Salir</button>
+                        
+                        
+                    </div>
+                </div>
+                <div class="col">
+                    <a  @click="registrar()" ><button   class="button">Registrar</button></a>
+                </div>
+            </div> 
+            
 
             
 
@@ -267,27 +301,33 @@
  </div>
     </template>
 
-    <script>
+<script>
     import axios from 'axios';
     import config from '../config/config.js'
     import webMenu from '../estetica/menu.vue';
-    //import swal from 'sweetalert';
+    import swal from 'sweetalert';
     export default {
         data() {
             return {
                 mesa_lunes: [],
                 mesa_martes:[],
                 mesa_miercoles: [],
-                usuario: "",
+                
                 correo: "",
+                comunidad:"",
                 day:[],
                 mesa_elegida_lunes:null,
                 mesa_elegida_martes:null,
                 mesa_elegida_miercoles: null,
                 talleres:[],
-                taller_elegido:null,
+                taller_elegido: null,
                 magistrales:[],
-                magistrales_seleccionadas:[]
+                magistrales_seleccionadas:[],
+                id_persona : window.localStorage.getItem('id_persona'),
+                nombre: null,
+                constancia: false,
+                link: `${config.api}/descargar_pdf?id_persona=${ window.localStorage.getItem('id_persona')}`,
+                primero: `${config.api}/crear_pdf?id_persona=${this.id_persona}`
                 
             }
         },
@@ -297,52 +337,174 @@
             appMenu: webMenu,
         },
         methods:{
+            selec_pago()
+            {
+                this.constancia=!this.constancia;
+            },
+            registrar(){
+                if(this.comunidad=='externa')
+                    this.constancia=true;
+                let ev=[];
+                if(this.mesa_elegida_lunes!=null)
+                    ev.push(this.mesa_elegida_lunes);
+
+                if(this.mesa_elegida_martes!=null)
+                    ev.push(this.mesa_elegida_martes);
+
+                if(this.mesa_elegida_miercoles!=null)
+                    ev.push(this.mesa_elegida_miercoles);
+                if(this.taller_elegido!=null)
+                    ev.push(this.taller_elegido);
+                for(let i=0; i<this.magistrales_seleccionadas.length; i++)
+                    ev.push(this.magistrales_seleccionadas[i]);
+                let pago=0;
+                if(this.constancia==true)
+                    pago+=300;
+                if(this.taller_elegido!=null)
+                    pago+=300;
+                let data={
+                    id_persona: this.id_persona,
+                    constancia: this.constancia,
+                    eventos: ev,
+                    total_pago: pago
+
+                };
+                axios
+                .post(
+                    `${config.api}/registro_evento`,
+                    data
+                ).then(async ()=>{
+                    await axios.get(`${config.api}/crear_pdf?id_persona=${this.id_persona}`).
+                    then(async ()=>{
+                            await swal("Se registro correctamente","", "success").then(()=>{window.location.href = this.link});
+                            
+                            
+                            this.$router.push( `/`);
+                    })
+                }).catch(async ()=>{
+                    await swal("Sucedio un error", "", "error");
+                    this.$router.push( `/`);
+                })
+            },  
+            salir(){
+
+                localStorage.clear();
+                this.$router.push( `/login`);
+
+            },
+            check_taller(t){
+                if(this.taller_elegido==null || this.taller_elegido.id_evento!=t.id_evento)
+                    return true;
+                else
+                    return false;
+            },
+            check_lunes(m)
+            {
+                if(this.mesa_elegida_lunes==null || this.mesa_elegida_lunes.id_evento!=m.id_evento)
+                    return true;
+                else
+                    return false;
+
+            },
+            check_martes(m)
+            {
+                if(this.mesa_elegida_martes==null || this.mesa_elegida_martes.id_evento!=m.id_evento)
+                    return true;
+                else
+                    return false;
+
+            },
+            check_miercoles(m)
+            {
+                if(this.mesa_elegida_miercoles==null || this.mesa_elegida_miercoles.id_evento!=m.id_evento)
+                    return true;
+                else
+                    return false;
+
+            },
             esta_magistral(m)
             {
-                var i=this.magistrales_seleccionadas.indexOf( m );
-                if(i!=-1)
+                let ind=-1
+                for(let i=0; i<this.magistrales_seleccionadas.length; i++)
+                    if(this.magistrales_seleccionadas[i].id_evento==m.id_evento)
+                        ind=i;
+                if(ind!=-1)
                     return false;
                 else
                     return true;
             },
             seleccionar_magistral(m){
-                var i=this.magistrales_seleccionadas.indexOf( m );
-                if(i!=-1)
-                    this.magistrales_seleccionadas.splice(i,1);
+                let ind=-1
+                for(let i=0; i<this.magistrales_seleccionadas.length; i++)
+                    if(this.magistrales_seleccionadas[i].id_evento==m.id_evento)
+                        ind=i;
+                if(ind!=-1)
+                    this.magistrales_seleccionadas.splice(ind,1);
                 else
                     this.magistrales_seleccionadas.push(m);
             },
             elegir_mesa_lunes(m){
-                if(this.mesa_elegida_lunes!=m)
+                if(this.mesa_elegida_lunes==null || this.mesa_elegida_lunes.id_evento!=m.id_evento)
                     this.mesa_elegida_lunes=m;
                 else  
                     this.mesa_elegida_lunes=null;
             },
             elegir_mesa_martes(m){
-                if(this.mesa_elegida_martes!=m)
+                if(this.mesa_elegida_martes==null || this.mesa_elegida_martes.id_evento!=m.id_evento)
                     this.mesa_elegida_martes=m;
                 else  
                     this.mesa_elegida_martes=null;
             },
             elegir_mesa_miercoles(m){
-                if(this.mesa_elegida_miercoles!=m)
+                if(this.mesa_elegida_miercoles==null ||  this.mesa_elegida_miercoles.id_evento!=m.id_evento)
                     this.mesa_elegida_miercoles=m;
                 else  
                     this.mesa_elegida_miercoles=null;
             },
             elegir_taller(taller)
             {
-                if(this.taller_elegido==taller)
-                    this.taller_elegido=null;
-                else
+                if(this.taller_elegido== null || this.taller_elegido.id_evento!=taller.id_evento)
                     this.taller_elegido=taller;
+                else
+                    this.taller_elegido=null;
+                    
             }
         }
         , async created(){
-
-                axios.get(`${config.api}/traer_eventos`).then(response=>{
-                //  /* eslint-disable no-console */
-                //  console.log(response)
+                 /* eslint-disable no-console */
+                this.datos_persona = window.localStorage.getItem('id_persona');
+                await axios.get( `${config.api}/traer_asistente?id_persona=${this.datos_persona}`)
+                .then(async res=>{
+                     /* eslint-disable no-console */
+                    let p=res.data.persona[0];
+                    this.constancia=res.data.constancia;
+                    this.comunidad=p.comunidad;
+                    this.nombre=p.nombre+" "+p.apellido_p+" "+p.apellido_m;
+                    this.correo=p.correo_electronico;
+                    console.log("respuesta: ",res);
+                    let m=res.data.mesa;
+                     /* eslint-disable no-console */
+                    console.log("mesa: ",m);
+                    for(let i=0; i<m.length; i++)
+                    {
+                        if(m[i].id_evento>=1 && m[i].id_evento<=3)
+                            this.mesa_elegida_lunes=m[i];
+                        if(m[i].id_evento>=4 && m[i].id_evento<=6)
+                            this.mesa_elegida_martes=m[i];
+                        if(m[i].id_evento>=7 && m[i].id_evento<=9)
+                            this.mesa_elegida_miercoles=m[i];
+                        
+                    }
+                    if(res.data.taller.length!=0)
+                        this.taller_elegido=res.data.taller[0];
+                    
+                    this.magistrales_seleccionadas=res.data.ponencia;
+                    
+                })
+                
+                
+                axios.get(`${config.api}/traer_eventos`).then(async response=>{
+        
                 let mesa=response.data.eventos.mesa
                 for(let i=0; i<mesa.length; i++)
                 {
@@ -379,13 +541,97 @@
                 })
 
         },
-        beforeCreate () {}
+        beforeCreate () {
+            if(window.localStorage.getItem('id_persona')==undefined)
+                this.$router.push( `/login`);
+        
+        }
 
     }
-    </script>
+</script>
 
 
-    <style scoped>
+<style scoped>
+.size{
+    font-size: 1rem;
+    
+}
+.check{
+    
+  
+ 
+  
+
+}
+.my-custom-scrollbar {
+position: relative;
+height: auto;
+overflow: auto;
+}
+    .table-wrapper-scroll-y {
+display: block;
+}
+    .button:hover {
+        background-color: #bb8800; 
+        color: white;
+    }
+    .button_salir {
+        background-color: rgb(26, 27, 29);; /* Green */
+        border: none;
+        color: white;
+        height: 4.5rem;
+        width: 15rem;
+        text-align: center;
+        text-decoration: none;
+        display: inline-block;
+        font-size: 1.5rem;
+        border-radius: 1rem;
+        -webkit-transition-duration: 0.4s; /* Safari */
+        transition-duration: 0.4s;
+        box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
+        margin-left: 4rem;
+        margin-right: 2rem;
+        margin-bottom: 3rem;
+    }
+
+    .button_salir:hover {
+        background-color: rgb(170, 4, 4); 
+        color: white;
+    }
+    .button {
+        background-color: rgb(26, 27, 29);; /* Green */
+        border: none;
+        color: white;
+        height: 4.5rem;
+        width: 15rem;
+        text-align: center;
+        text-decoration: none;
+        display: inline-block;
+        font-size: 1.5rem;
+        border-radius: 1rem;
+        -webkit-transition-duration: 0.4s; /* Safari */
+        transition-duration: 0.4s;
+        box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
+        margin-left: 2rem;
+        margin-right: 2rem;
+        margin-bottom: 2rem;
+    }
+    .abajo_t{
+        margin-bottom: 1.5rem;
+    }
+    .abajo{
+        margin-bottom: 3rem;
+    }
+    .arriba{
+        margin-top: 3rem;
+    }
+    .arriba_t{
+        margin-top: 2rem;
+    }
+    .titulo{
+        margin-top: 3rem;
+        margin-bottom: 3rem;
+    }
     .aling_left{
         text-align: left;
     }
@@ -414,4 +660,68 @@
         background-color: transparent;
     }
     
+
+
+
+    @media screen and (max-width: 425px) {
+        .my-custom-scrollbar {
+        position: relative;
+        height: 19rem;
+        overflow: auto;
+        }
+    td{
+        font-size: .7rem;
+    }
+    th{
+         font-size: .8rem;
+    }
+    h1{
+        font-size: 2rem;
+    }
+    h2{
+        font-size: 1.5rem;
+    }
+    h3{
+        font-size: 1rem;
+    }
+    .button_salir {
+        background-color: rgb(26, 27, 29);; /* Green */
+        border: none;
+        color: white;
+        height: 3rem;
+        width: 7rem;
+        text-align: center;
+        text-decoration: none;
+        display: inline-block;
+        font-size: 1rem;
+        border-radius: 1rem;
+        -webkit-transition-duration: 0.4s; /* Safari */
+        transition-duration: 0.4s;
+        box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
+        margin-left: 1rem;
+        margin-right: 0rem;
+        margin-bottom: 3rem;
+    }
+    
+    .button {
+        background-color: rgb(26, 27, 29);; /* Green */
+        border: none;
+        color: white;
+        height: 3rem;
+        width: 7rem;
+        text-align: center;
+        text-decoration: none;
+        display: inline-block;
+        font-size: 1rem;
+        border-radius: 1rem;
+        -webkit-transition-duration: 0.4s; /* Safari */
+        transition-duration: 0.4s;
+        box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
+        margin-left: 0rem;
+        margin-right: 1rem;
+        margin-bottom: 2rem;
+    }
+
+    
+    }
     </style>
diff --git a/src/config/config.js b/src/config/config.js
index 0dea361..21a7ca8 100644
--- a/src/config/config.js
+++ b/src/config/config.js
@@ -1,8 +1,8 @@
 const config = {
-    api: "https://69cc8f75.ngrok.io"
+    //api: "https://69cc8f75.ngrok.io"
     //api: "https://venus.acatlan.unam.mx/coloquioeducacion" //pruebas
    // api: "https://venus.acatlan.unam.mx/c_educacion_pro" //produccion
-    //api:"localhost:3000"
+    api:"http://localhost:3000"
 }
 
 export default config
\ No newline at end of file
diff --git a/src/estetica/header.vue b/src/estetica/header.vue
index 6ac178d..4c217dd 100644
--- a/src/estetica/header.vue
+++ b/src/estetica/header.vue
@@ -1,7 +1,7 @@
 <template>
     <header class="Azul-puma py-3">
         <header class="container">
-            <div class="row py-3">
+            <div class="row anch">
                 
                     <div href="https://www.unam.mx/" class="col d-none d-md-block sin_pad"> <img src="../assets/UNAM.png" alt="logo Unam"> </div>
                     <div href="https://www.acatlan.unam.mx/" class="col d-flex justify-content-sm-center justify-content-lg-end"> <img src="../assets/Fes-aniversario.png"  class="logo-fes" alt="Ediciones Acatlán"> </div>
@@ -20,6 +20,10 @@ export default {
 </script>
 
 <style>
+.anch{
+    margin-top: 1.5rem;
+    margin-bottom: 1.5rem;
+}
 .logo-fes{
     height: 5rem;
     
@@ -31,6 +35,17 @@ export default {
     
     
 }
+ @media screen and (max-width: 425px) {
+    .anch{
+        margin-top: .5rem;
+        margin-bottom: .5rem;
+    }
+    .logo-fes{
+        margin-top: .7rem;
+        height: 3rem;
+        
+    }
+ }
 
 .Azul-puma {
   background-color: rgb(26, 27, 29);