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


*{padding: 0%; margin: 0%; box-sizing: border-box;}

body{text-align: center;}
header{background: white;}

/* header-navegacion */

nav {padding: 2%; 
    background-color: #29C7A1;
    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: center;
	align-content: stretch;
}

nav a{ font-size: 0.8rem;}

a{font-family: 'Roboto', sans-serif; text-decoration: none; padding: 1rem; color: rgb(255, 255, 255); font-size: 1.2rem;}
.inicio:hover{font-weight: 700;}
.landing:hover{font-weight: 700;}
.plan:hover{font-weight: 700;}
.mapa:hover{font-weight: 700;}
.app:hover{font-weight: 700;}

/* titulo */

h1 {color: black; 
    font-family: 'Roboto', sans-serif;  
    font-size: 1.5rem; 
    font-weight: 300; 
    padding: 2rem ;
    border-bottom: 0.1rem solid #000000;
    margin: 1rem 2rem 1rem 2rem;
}

/* seccion-articulo-perfiles */

.perfiles h3 {font-family: 'Amiri', serif; }
.perfiles p{font-family: 'Roboto', sans-serif; font-size: 0.9rem; }

.foto{
    border-radius: 50%; width: 50%;
}

div{
    margin-bottom: 2rem;
}

/* seccion-articulo-aplicacion */

h2{
    font-family: 'Roboto', sans-serif; 
    font-size: 2.9rem;
    font-weight: 400; 
    color: #29C7A1;
    padding: 0.5rem; 
    margin-top: 4rem; 
    margin-bottom: 2rem;}


.aplicacion p {font-family: 'Roboto', sans-serif; color: #ffffff; font-size: 1.3rem; line-height: 1.8rem;}

.aplicacion {
    background-color: #303030; padding: 1rem 5rem 10rem 5rem;
}



/* seccion-articulo-datos */

.academicos{
    background: rgb(255, 255, 255); 
    font-family: 'Roboto', sans-serif;
    text-align: center;
}

.academicos h4{font-family: 'Roboto', sans-serif; }
.academicos p { font-weight: 300; font-size: 0.9rem;}

.datos {
    font-family: 'Roboto', sans-serif; 
    font-weight: 300; 
    padding: 1rem; 
    margin-top: 3rem;
    border-bottom: 0.1rem solid #000000;
    margin: 1rem 2rem 1rem 2rem;
}

.datos-obligatorios{
    border-width: 0.1rem;
    border-style: solid;
    border-color: #000000;
    padding: 1rem;
    line-height: 1.3rem;
    margin-bottom: 2rem;
    
}


.logocatedra {
    width: 60%; padding: 0rem 2rem 0rem 2rem;
}


/* footer */

footer {background: black; }

footer p{
    color: rgb(255, 255, 255); 
    font-family: 'Roboto', sans-serif; 
    font-size: 0.9rem ;  
    text-align: center; 
    padding: 2rem;
}



/* VERSIÓN DESKTOP */

@media (min-width:576px) {

    nav {padding: 2%; 
        background-color: #29C7A1;
    }

    nav a{ font-size: 1.2rem;}

    h1{
        font-size: 2rem; 
        margin: 2rem;
        margin: 2rem 15rem 4rem 15rem;
    }

    .perfiles{ 
        display: flex; 
        justify-content: space-around;
        width: 80%;
        margin: auto;
        align-items: center;
        }


    .foto{
        width: 60%; 
    }

    .section1 {
        margin-bottom: 5rem;
    }

    .section2 {
        margin-top: 5rem;
    }

    .academicos {
        display: flex; 
        justify-content: space-around;
        text-align: left;
        width: 100%;
        margin: auto;
        padding-left: 20rem; padding-right: 20rem; padding-bottom: 2rem; padding-top: 3rem;
    }

    .datos-obligatorios {
        padding-top: 2rem; padding-bottom: 2.5rem;
    }

    .datos { 
        font-size: 1.8rem; 
        margin: 2rem 15rem 1rem 15rem;
    }


    .fotoubacatedra{
        display: flex; 
        justify-content: space-around;
        width: 35%;
        margin: auto;
        
    }
}