/*
selector {propiedad: valor;} 
*/

/* HTML */
        @import url('https://fonts.googleapis.com/css2?family=Noto+Serif&display=swap');
        @import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');

        *{margin: 0; padding: 0; box-sizing: border-box; text-decoration:none;color: black;}
        .contenedor{margin: auto;}

        /*max-width: 74rem; ??*/


/* BODY */

        body {
            background : #ffffff;
            font-family: Arial; 
            text-align: center;
        }


/* HEADER */

        header {
            background-image: url(../img/fondo2.jpg);
        /* background: #ead1c2; */   
            padding: 40px 0 40px 0;
            padding-bottom: 0;
            background-size: cover;
            background-repeat: no-repeat;
        }


/* SECTOR NOMBRE */ 

        .foto {
            padding: 10px;
            height: 210px;
            width: 210px;
            border-radius: 150px;
            border: 0.3rem solid white;
        }

        h1 {
        /*color: #ffffff;*/
            color: #716c6c;
            padding-top: 18px;
            font-family: 'Noto Serif', serif;
            font-size: 2.3rem;
            margin: 0 10% 0 10%;
            text-align: center;
        }

        .vn {
        /*color: #ffffff;*/
            color: #909090;
            font-family: 'Open Sans', sans-serif;
            padding: 12px 0 35px 0;
            font-size: 1rem;
        }


/* NAVEGACION */

        nav{
            font-size: 1.2rem;  
            padding: 1.2rem;
            background: #adadad;
            font-family: 'Open Sans', sans-serif; 
        }

        /* otros colores de fondo #d3ab93 #adadad */

        nav ul li {display: inline-block;}
        nav ul li a {color:white; text-decoration: none; padding: 0 5rem 0 5rem; text-align: center;}
        nav a:hover {
            color: #ead1c2;
            text-decoration: underline #ead1c2;
        }


/*SECTION DESKTOP Y MOBILE MATERIAS*/

        .lista {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            margin: 0 12% 0 12%;
            max-width: 76%;
            }

        @media screen and (max-width:800px) {
            .lista {width:100%; flex-wrap: wrap; align-content: center;}
            nav ul {display: flex; justify-content: center;}
            nav ul li a {padding: 0 1.3rem 0 1.3rem;}
            .integrantes {margin: 50px 0 50px 0;}
            .h3-mc {margin-top: 30px;}
            .foto {height: 190px; width: 190px;}
            }


/* MATERIAS */

        .dg {
            font-size: 1.9rem;
            text-align: left;
            padding: 80px 0 40px 0;
            color: #ead1c2;
            margin-left: 12%;
            font-family: 'Open Sans', sans-serif;
        }

        hr {
            height: 0.3rem;
            width: 86%;
            background-color: #ead1c2;
            margin-top: 0.5%;
            border: 0;
        }

        .lista {
            text-align: left;}

        .materias p{
            padding-bottom: 2px;
            font-size: 1.2rem;
            font-family: 'Open Sans', sans-serif;    
        }

        .materias h3{
            font-size: 1.5rem;
            padding-bottom: 1.3rem;
            color: #9f9f9f;
        /*#d9b9a6*/    
            font-family: 'Noto Serif', serif;
        }


/* SECTION ARTICLE INTEGRANTES */

        .h2-i {
            font-size: 1.5rem;
            padding-bottom: 7%;
            color: #d3ab93;
            font-family: 'Noto Serif', serif;
        }

        .integrantes{
            background: #faf0e3;
            padding: 7% 0% 5% 10%;
            min-height: 10%;
            border: 0.2rem solid #ead1c2;
            border-radius: 1rem;
            box-shadow: 0.7rem 0.7rem 0.7rem #cbcbcb;
            text-align: left;
        }

        .integrantes p{
            padding-bottom: 4%;
            font-family: 'Open Sans', sans-serif;
            max-width: 80%;
            font-size: 1rem;
        }
        .integrantes p:hover{
            text-decoration: underline #ead1c2;
        }


/* SECTION ARTICLE FACULTAD */

        .info {
            background:#f2e1d7;
            margin: 6% 0 0 0;
            padding: 2% 0 2% 0;
            text-align: left;
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            padding: 2% 12% 3% 12%;
        }

        .universidad {
            font-size: 1.1rem;
            font-family: 'Noto Serif', serif;
            padding-top: 4%;
        }
        .uba {
            font-family: 'Open Sans', sans-serif;
            padding-top: 0.4rem;
            font-size: 0.8rem;
        }
        
        .logos {
            width: 25%;
        }

        .logos2 {
            padding-top: 10%;
            align-content: center;
        }

@media screen and (max-width:800px) {
.info {width:100%; flex-wrap: wrap; align-content: center;}
.datos {padding: 5% 0 10% 0;}
    .logos2 {padding: 30% 0 0 0;}
    .catedra {padding: 15% 0 10% 0;}
}


/* FOOTER */

        footer {
            padding: 1% 0 1% 0;
            background: #a0a0a0;
            font-family: 'Open Sans', sans-serif; 
        }
        .catedra {
            font-size: 0.8rem;
            color: #faf0e3;
            font-family: 'Open Sans', sans-serif; 
            padding: 0.5% 0 0.3% 0;
        }
        footer p{ 
            color: black; 
            font-size: 0.7rem; 
            margin: 0 12% 1% 12%;
            font-family: 'Open Sans', sans-serif; 
        }

@media screen and (max-width:800px) {
    .catedra {padding: 4% 0 2% 0;}
}