@charset "utf-8";

* {box-sizing: border-box;
}

* {font-family: helvetica, sans-serif;
}

a {text-decoration: none;
}

body {margin: 0;
    background-color: #fff9ed;
    }

html{
    height: -webkit-fill-available;
}

ul {list-style: none;
    margin: 0;
    padding: 0;

}

header {background-color: #ffe7cb;
        padding: 1em;
    margin-bottom: 1em;
    margin: auto;
}

#logoDGPC { width: 7em;
    border-style: solid;
}


.contenedorheader {display: flex;
              justify-content:space-between;
              align-items: center;
}

header nav ul li {display: flex;
                  height: 1.5em;
                  margin-left: 1em;
                  
}

.contenedorheader img {
    width: 55%;
}

header nav ul {display: flex; 
               flex-wrap: wrap;
}

header nav ul li a {text-decoration: none;
            color: #000000;
            font-weight: bold;
            font-variant: inherit;
            border-radius: .25em;
            background-color: #fff9ed;
            display: flex;
            justify-content: center;
    align-items: center;
    padding: .5em; }

header nav ul li a:hover {background-color:  #fad8bb

} 

main {padding: 1em;
      background-color: #fff9ed;
}


.titulo1 {;
    text-align: center;
    font-variant: inherit;
    padding: 1em;
    background-color:#ffe7cb;
    color: #007979
}

.titulo2 {text-align: center;
    justify-content: center;
    padding: 1em;
    color: #eb987c;
    background-color: #fdf0df;
} 

.titulo3 {color: #000000;   
}

.titulo4 { text-align: left;
    justify-content: center;
    padding: 1em;
    color: #000000;
    background-color: #fdf0df;
    }

.titulo5 { text-align: center;
    justify-content: center;
    padding: 1em;
    color: blue;
    background-color: #fdf0df;
    text-decoration-line: underline
}

.titulo5:hover {background-color: #fad8bb}

.contenedor {text-align: center;
}

.contenedor img {max-width: 100%;
    width: 40vw;
    margin-bottom: 1em;
    height: 40vw;
    object-fit: cover;
    object-position: right;}

main div p {font-style: italic;
            color: #056676;
            text-align: center;
}


.contenedormaterias { 
display: flex;
align-content: center;
background-color: #fdf0df;
justify-content: center;}

.listamaterias1{;
    color: #000000;   
}

.listamaterias2 {margin-left: 4em;}

.contenedorintegrantes {
    text-align: center;
    color: #000000;
}

.integrantes {
    margin: 0% 10%;
}
.integrantes ul { 
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    
}
.integrantes ul li a {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: blue;
    text-decoration: underline;
}

.integrantes ul li a:hover {background-color: #fad8bb}

.integrantes li {
    width: 20%;
}

.integrantes img {
   border-radius: 2em;
   width: 6em;
}

.contenedoracademico img {
    width: 20em;
}

footer {background-color: #ffe7cb;
        padding: 1em;
        text-align:center;
        color: #000000;
        font-weight: 200;
        font-size: 0.8em;        
}

@media (max-width: 992px) {
    .logo {
        margin-right: -54px;
    } 
    header nav ul li a {text-decoration: none;
            color: #000000;
            font-weight: bold;
            font-variant: inherit;
            border-radius: .25em;
            background-color: #fff9ed;
            display: flex;
            justify-content: center;
    align-items: center;
    padding: .5em;
    margin-bottom: 1em;}
    .integrantes img {width: 5em;}
    .contenedoracademico img { width: 18em;} 
}