* {
    margin: 0;
    padding: 0;
}
      
html {
     font-size: 62.5%;
}

body {
    background: #FFFBF0;
    font-size: 1.6rem; 
    font-family: 'Open Sans', sans-serif;
}

header{
    display: flex;
    padding-top: 1em;
    padding-bottom: 1em;
    align-items: center;
    background-color: #FAB23C;
    justify-content: space-around;
}

a{
    text-decoration: none;
}

.dgpcnav{
    height: 45px;
}

.listanav{
    list-style: none;
    display: flex;
    font-size: 22px;
}

.alist{
    color: #373334;
    font-weight: bold;
}

.elementolistanav {
    margin: 0 40px;
    cursor: pointer;
    font-weight: bold;
}

.elementolistanav a {
    color: #373334;
}

.elementolistanav:hover {
    color: #fff;
}

.elementolistanav a:hover {
    color: #fff;
}

main{
    display: flex;
}
/*CONTENEDOR IZQUIERDA*/
.contenedor-info{
font-size: 1.2em; /*FONT-SIZE PADRE PARA CAMBIAR EN RESPONSIVE*/
background:#373334;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
color: #fff;
}

.data-titulo{
font-size: 3rem;
margin: 4rem 2rem;
font-weight: bold;
text-align: center;
}

.data-texto{
margin: 0rem 3rem;
margin-bottom: 2rem;
font-size: 1.5rem;
text-align: center;
}

.data-button{
padding: 1.8rem;
font-size: 1.9rem;
text-decoration: none;
background: #FAB23C;
color:rgb(37, 37, 37);
font-weight: bold;
border: none;
border-radius: 10px;
}

.data-button:hover{
    background: #e4bd80;
    transition: 0.2s;
}

.contenedor-boton{
    margin: 2em;
}

.acumar{
    margin: .5em;
}


/*TERMINA CONTENEDOR IZQUIERDO--------------------------------------*/


/*CONTENEDOR DERECHO INTEGRANTES--------------------------------------*/

.contenedor-integrantes{
    font-size: 1em; /*FONT-SIZE PADRE PARA CAMBIAR EN RESPONSIVE*/
    background: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.contenedor-integrantes h2{
    font-weight: bold;
    font-size: 2.0rem;
}

.info-integrantes{
    display: flex;
    margin-top: 3em;
    margin-bottom: 9em;
    justify-content: center;
    align-items: center;
}

.integrante{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1.2rem;
    margin: 0 3rem;
    border-radius: 20px;
}

.integrante:hover{
    transform: scale(1.01);
    transition: 0.20s ease-in-out;
    box-shadow: 0px 5px 10px #ccc;
    border-radius: 20%;
}

.integrante h3{
    font-size: 1.6rem;
}

.img-integrante{
    width: 10rem;
    height: 10rem;
    margin-bottom: 1rem;
    border-radius: 50%;
}


footer{
    background-color: #FAB23C;
    font-size: 60%;
}

.imgpnguba{
    height: 70px;
    margin-left: 20px;
    margin-right: 20px;
}

.imgfadu{
    height: 40px;
    margin-left: 20px;
    margin-right: 20px;
}

.imgsvgdgpc{
    height: 40px;
    margin-left: 20px;
    margin-right: 20px;
}

.principalfooter{
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 1.5em 0em;
}

.universidad{
    display: flex;
    align-items: center;
}

.facultad{
    display: flex;
    align-items: center;
}

.materia{
    display: flex;
    align-items: center;
}

.derechos{
    background-color: #000;
    color: #fff;
    padding: .8em .8em;
    font-size: 95%;
    display: flex;
    justify-content: center;
}

.video{
    width: 500px;
    border: solid 2px #fff;
    border-radius: 10px;
}

.contenedorplan {
    margin: 2em 3em;
}

.imagenboceto {
    width: 300px;
    margin: 1.5em 1em;
    border: solid 3px #FAB23C;
    box-shadow: 0 5px 6px rgb(92, 92, 92);
}

.contenedorpropuesta {
    margin: 1.5em 0em;
}

.contenedorpropuesta p {
    margin-top: 0.5em;
}

.divimagenbocetos {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

.integrante{
    cursor: pointer;
}

.mapaboceto{
    width: 60%;
    border: solid 3px #373334;
    box-shadow: 0 5px 6px rgb(92, 92, 92)
}

.contenedormapa{
    margin: 3em;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

.infopersonal{
    margin: 2em 2em;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.avatargrande{
    width: 300px;
    border-radius: 50%;
    margin-bottom: 1.5em;
}

.carrera{
    font-style: italic;
}

.materiasaprobadascontenedor{
    margin-top: 1em;
}

.integranteimg{
    width: 70px;
    border-radius: 50%;
}

.contenedorotrosintegrantes{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.contenedordedatos{
    margin: 2em 2em;
}
.divintegrante{
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    margin: .5em 0;
}

.h3otrosintegrantes{
    margin-bottom: .5em;
}

.nombre-integrante{
    margin-top: .4em;
}

.divintegrante:hover {
    padding: 1em;
    transform: scale(1.01);
    transition: 0.20s ease-in-out;
    box-shadow: 0px 5px 10px #ccc;
    border-radius: 20%;
}

.divavatar{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 33%;
}

.divlibredamian{
    text-align: center;
}

.divlibresol{
    text-align: center;
}


@media only screen and (max-width: 1050px) {
    .infopersonal{
        flex-direction: column;
    }
    main {
        flex-direction: column;
    }
    .contenedor-integrantes {
        padding: 2em 0em;
    }
    .info-integrantes {
        margin-bottom: 4em;
    }
    .principalfooter {
        flex-direction: column;
    }
    .facultad {
        margin: 1.5em 0;
    }
    .contenedormapa {
        flex-direction: column;;
    }
    .mapaboceto{
        margin-top: 1em;
    }
}

@media only screen and (max-width: 700px) {
    header{
        flex-direction: column;
    }
    nav {
        flex-direction: column;
    }
    .listanav{
        flex-direction: column;
        align-items: center;
    }

    .video{
        width: 300px;
    }
}