@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;300;400;700&display=swap');

/* mobile */
*{
     padding: 0; margin: 0rem; box-sizing: border-box; transition: all 1s;
}

/* body */
body{
    background: #cedcf7; 
    font-family: "roboto"; 
    font-family: "montserrat"; 
    text-align: center;
}

/* header */
header{background: #68cdf5; margin: 0rem; padding: 3%;}
article{background-color: #f58ff8;}
footer{background-color: #00AFD8; 
padding: 0.5rem;}

/* texto */
h1{color: #3263cc; font-family: 'Roboto', sans-serif; margin-top: 1rem; font-weight: 900;}
h2{color: #3263cc; font-family: 'Montserrat', sans-serif; font-weight: 600;}
h3{color: #3263cc; font-family: 'Roboto', font-weight 100}
h4{color: #ffffff; font-family: 'Roboto', sans-serif; margin-bottom: 0.5rem; font-weight: 700;}
.importante{
    font-family: font-family 'Montserrat', sans-serif; font-weight: regular;
}


/* nav */
.navegacion{ 
    padding: 0.1rem;
}

.navegacion li{

    font-family: "montserrat";
    list-style: none;
    font-weight: 400;
    padding: 0.4rem;
    background-color: #ffffff;
    display: inherit;
    margin: 0.5rem;
    border-radius: 1rem;

}

.navegacion li:hover{

    background-color: #dca6f5;
    border-radius: 1rem;
}

/* nav 2*/

.navdos{
    padding: 2rem;
}

.navdos li
{

    font-family: "montserrat";
    font-weight: normal;
    background: #ffffff;
    margin: 1.9rem;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    padding: 0.5rem;
    border-radius: 1rem;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
    text-align: center;

}

.navdos li:hover{

    background-color: #76dff7;
    border-radius: 1rem;
}


.geral{ font-family: 'Montserrat', sans-serif; text-decoration: none;}
.nico{ font-family: 'Montserrat', sans-serif; text-decoration: none;}
.flor{ font-family: 'Montserrat', sans-serif; text-decoration: none;}
.vn{ font-family: 'Montserrat', sans-serif; text-decoration: none;}

.grupoycatedra{
    margin: 3rem;
    margin-top: 1rem;
    margin-bottom: 1.7rem;
    padding: 5%;
    border-radius: 1rem;
}

.integ{
    margin-top: 1rem;
    color: #ffffff; font-family: font-family 'Montserrat', sans-serif; font-weight: 700;
}

/* fotos */ 
.nicofoto{ 
    width: 200px; height: 200px;
    padding: 0.5rem;
border-radius: 50%;
}

.catedralogo{
    width: 80%; height: 25%;
}
footer p{color: rgb(255, 255, 255); font-size: 0.6rem;}

.logofadu{

    width: 60%; height: 25%;
}


/* columnas */



.colum1{

    background: #DDD8F3;
    margin: 3rem;
    margin-bottom: 0rem;
    padding: 2rem;
    border-radius: 1rem;
    width: 100%;
    max-width: 100%;
}

.colum2{

    background: #DDD8F3;
    margin: 3rem;
    padding: 2rem;
    border-radius: 1rem;
    width: 100%;
    max-width: 100%;
}

.listamaterias{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    background-color: #c36aec;
}



/* ordenador */ 

@media (min-width:576px){
    @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;400;700&display=swap');
    @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;300;400;700&display=swap');
*{
    border: 0rem;
    margin: 0rem;
}

*{
    padding: 0; margin: 0rem; box-sizing: border-box; transition: all 1s;
}

/* body*/
body{
    background: #c36aec; 
    font-family: "roboto"; 
    font-family: "montserrat"; 
    text-align: center;
}

.listamaterias{
    display: flex;
    background-color: #9bc6f8;
    text-align: center;
    justify-content: center;
}

.colum1{

    background: #ffffff;
    margin: 2rem;
    padding: 1.5rem;
    border-radius: 1rem;
    max-width: 34%;
}

.colum2{

    background: #ffffff;
    margin: 2rem;
    padding: 1.5rem;
    border-radius: 1rem;
    max-width: 34%;
}

/* nav 2*/

.navdos{
    padding: 1rem;
}

.navdos li
{
    display: inline;
    padding-left: 4rem;
    padding-right: 4rem;
    text-decoration: none;
}

.navdos li:hover{

    background-color: #76dff7;
    border-radius: 1rem;
}

.grupoycatedra{
    margin: 5rem;
    margin-top: 1.5rem;
    margin-bottom: 2rem;
    padding: 3rem;
    padding-top: 2rem;
    border-radius: 1rem;

}

/* texto */ 
h1{color: #ffffff; font-family: 'Roboto', sans-serif;}
h2{color: #ffffff; font-family: font-family 'Montserrat', sans-serif; font-weight: 700;}
h3{color: #3263cc; font-family: 'Roboto', font-weight 100}
h4{color: #ffffff; font-family: 'Roboto', sans-serif; margin-bottom: 0.5rem; font-weight: 700;}
.integ{ margin-top: 1rem; color: #ffffff; font-family: font-family 'Montserrat', sans-serif; font-weight: 900;}
footer{padding-bottom: 0.9rem;
    background-color: #00AFD8;}
footer p{ 
    font-family: font-family 'Montserrat', sans-serif;
    font-weight: normal;
    margin: 0rem;
    padding-inline-start: 1rem;
    padding-inline-end: 1rem;
    padding-top: 0.5rem;
}

/* fotos */
.catedralogo{
    width: 40%;
}

.logofadu{

    width: 20%;
}

.nicofoto{ 
    width: 300px; height: 300px;
    padding: 0.5rem;
border-radius: 50%;
}

.navegacion li{

    font-family: "montserrat";
    list-style: none;
    font-weight: 400;
    padding: 0.5rem;
    background-color: #d3e1ff;
    display: inherit;
    margin: 0.5rem;
    margin-left: 9rem;
    margin-right: 9rem;
    border-radius: 1rem;

}

.navegacion li:hover{

    background-color: #c36aec;
    border-radius: 1rem;
}
}