*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family:'Roboto', sans-serif;
    text-decoration: none;
}

body{background-color: white;}

 /* Encabezado - menu */ 
header  {
    background-color: rgba(52, 51, 72, 0.04);
    }
    
   header section {
       padding: 2.6rem 0px;
       width: 84%;
       margin: auto;
       align-items: center;
    }
    header .menu {
        display: flex;
        justify-content: space-between;
        min-width: 350px;
    }

    header section nav a{
        font-family: 'Raleway', sans-serif;
        font-weight: 700;
        font-size: 1rem;
        letter-spacing: 0.5px;
        margin-right: 2.5rem;
        padding: 8px;
        color: #614ad9;
        cursor: pointer;
    }
    header section nav :hover{
        color: white;
        border-radius: 7px;
        background-color: #614ad9;
        
        transition: all 0.25s ease-in 0s;
    }
    .logocatedra {
        width: 12rem;
        }

    
/* Portada */
     
    .portada {
        display: flex;
        flex-wrap: wrap;
        justify-content:space-around;
        width: 84%;
        margin: auto;
        padding:5rem 0px 3rem 0px;
    }

    .portada img {
        width: 300px;
        height: 300px;
        border-radius: 10px;
        box-shadow: rgb(39 0 240 / 10%) 0px 20px 30px 0px;
        margin-right: 6rem;
        

        }
        .portada h2{
            margin: 0px 0px 0.8rem;
            font-family:'Roboto', sans-serif;
            font-weight:700;
            font-size: 1.6rem;
            color: #6a7587;
        }
        .portada h1{
            font-family: 'Raleway', sans-serif;
            font-size: 5.4rem;
            color: #343348;
            font-weight: 900;
            line-height: 4.5rem;
            margin: 0px 0px 1rem;
        }

        .portada p{
            margin: 0px 0px 0.8rem;
            font-weight:500;
            font-size: 1.4rem;
            color: #6a7587;
            font-weight: 500;
        }
 
    

 /* Principal */ 

 main .FojaAcademica{
     display: flex;
     flex-wrap: wrap;
     justify-content: space-around;
     width: 84%;
     margin:5rem auto;
 }
 main .FojaAcademica ul{
    font-family: 'Raleway', sans-serif;
     font-size: 1.1rem;
     font-weight: 400;
     list-style: none;
 }
   main h3{
        font-size: 1.5rem;
        font-weight:800;
        color: #614ad9;
        padding-bottom: 5px;
    }

   main article{
        padding: 20px;
        text-align: left;
        background-color: white;
        color: rgb(106,117,135);
        border-radius: 20px;
        margin: 3rem 1rem;
        width: 40%;
        min-width: 300px;

        background-color: white;
        border-radius: 10px;
        box-shadow: rgb(97 74 217 / 10%) 0px 20px 30px 0px;
    }   

    .lineafinal{
        text-align: center;
        font-weight: 500;
        width: 84%;
        font-size: 1rem;
        text-align: center;
        margin: 2rem auto 0px auto;
        padding: 10px;
        color: #6a7587;
    }

     /* integrantes */
     .Integrantes {
         display: flex;
         flex-wrap: wrap;
         justify-content: space-around;
         width: 84%;
         margin: 5rem auto;
         text-align: center; 
     }

.Integrantes nav { 
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 40px;
    margin: auto;
    padding: 40px; 
}

.Integrantes nav a img {
    width: 250px;
    border-radius: 10px;
    filter: grayscale(100%);
}

.Integrantes nav a{
    gap: 20px;
    display: flex;
    flex-direction: column;
    font-size: 1.5rem; 
    font-weight: 600;       
    color: rgb(97, 74, 217);
}

/* 
.Mariano{
    background-image: url(../../1/avatar.jpg);
}
     
.Santiago{
    background-image: url(../../3/avatar.jpg);
}
      */


/* 
.Integrantes nav a {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items:flex-end;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 3px 5px 5px rgba(3, 32, 51, 0.2);
         text-align: center;
         font-size: 1.5rem;
         margin: 20px; 
         
         color: #fe5f01;
         width: 250px;
         height: 250px;
         
         } */

.Integrantes nav img:hover {
    filter: grayscale(0%);
    color: #614ad9;
    box-shadow: 3px 5px 5px rgba(97,74,217, 0.25);
    transform: scale(101%); transition: .5s ease;
    }



 /* Pie de pagina */ 
 footer{
     padding: 5rem 0px;
     font-size: 0.9rem;
     font-weight: 300;
     text-align: center;
     color: #6a7587;
     background-color: rgb(246, 247, 248);
}

footer .logofadu{ 
    width: 12rem;
   
}

 footer section {
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
     width: 84%;
     gap: 3rem;
     margin: auto;
     text-align: left;     
}
 footer section ul{
    list-style: none;
    margin-bottom: 3.2rem;
}

footer section ul li{
    margin-bottom: 0.8rem;
}

 footer div {
    width: 70%;
     font-size:small;
     margin: 30px auto;
    color: #999999

 }






    /* familias tipograficas
    font-family: 'Raleway', sans-serif;
    font-family: 'Roboto', sans-serif; */