*{
    box-sizing: border-box;
}

html { display: block}

head{ 
display: none;}

body { margin: 0; font-family: "trebuchet ms",helvetica,sans-serif;
display: block;}

main{ display: block}

header { display: block; box-shadow: 0 4px 2px rgb(0 0 0 / 25%);background-color: #D5F8F7; color:#118B89}

header .contenedora {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap:wrap;
}

#dgpc {
    background-color: white; border-radius: .35em; padding:.35em;
    width: 6em; display: flex
}

img { max-width: 100% ; height: auto; }

header nav ul { display: flex; flex-wrap: wrap; justify-content: flex-end;
padding: 5px;}

header nav ul a{margin: 5px;
color: #118B89;}

.contenedora a:hover{color: #3A6287; font-weight: bold}

ul{ list-style: none; padding; 0;
display: block; 
}
    
section:first-of-type {
    font-size: 1.25 em;
}

.equipo article {
    background-color: #BBD0D0; margin: .5em 0 ; padding: 1em; width: 49%; border-radius:.25em;
    display: flex; flex-direction: column;
}

.equipo {display: flex; flex-wrap: wrap; justify-content: space-between;}


.equipo img {
    border: solid .4em  rgba(19, 114, 83, 0.28);
    border-radius: 50%;
    box-shadow: 0 5px 5px rgb(0 0 0 / 20%), 0 5px 5px rgb(0 0 0 / 20%) inset;
}

.equipo h3{padding:2%; text-align: center; color: #3A6287}

.equipo article h3:hover {color: #93A3C8}

.academicos h3 {
    margin-top: 0;
}

h1,h2,h3,h4,h5,h6,p { margin-bottom: 1em;}

.academicos > ul > li > *:first-child  {
    margin-right: 1em; width: 12em;
}



footer{
    background-color: #D5F8F7; color: #118B89; display: block; padding: 1.5em;
    margin-top: 5em;
}

p {
    display: block;
}

.contenedora { max-width: 50rem; margin: 0 auto; padding: 1 rem;}

.titulo {    border-bottom: .4rem solid #139492;
    padding-bottom: .5em;
    padding-top: .3em;
}

.academicos > ul > li:not(:last-of-type) {
    border-bottom: solid 1px rgba(0, 0, 0, 0.2);
    padding-bottom: 1.5em;
    margin-bottom: 1.5em;
}

#fadu {border-radius: .35em; padding:.35em; width: 6em}

ul{ list-style: none}

a { text-decoration: none;}

.plan article {background-color: #BBD0D0; margin: .5em 0 ; padding: 1em; width: 49%; border-radius:.25em;display: flex; flex-direction: column;}

.plan {display: flex; flex-wrap: wrap; justify-content: space-between;}

.plan img {
    box-shadow: 0 5px 5px rgb(0 0 0 / 20%), 0 5px 5px rgb(0 0 0 / 20%) inset;
}

.plan h3 {padding:2%; text-align: center; color: #3A6287}

.plan article h3:hover {color: #93A3C8}


/*WEBAPP*/

.webapp {box-shadow: 0 4px 2px rgb(0 0 0 / 25%); background-color:#2C9A46}

.webapp nav ul a{margin: .8em;color: white}

#portada {width: auto; height: 25em; align-content: center} /*centrar imagen*/

#footer1 {background-color:#2C9A46; color: white}

#footer1 img{ width: 10em}

#quienes {text-align: center; padding: 1em;border-bottom: .4rem solid #2C9A46} 

.valores {background-color: darkgray; padding: 3em}

.valores h2 {text-align: center}

.valores img{ width: 6em}

.valores {display: flex; flex-wrap: wrap; justify-content: space-between;}

.valores article { margin: .5em 0 ; padding: 1em; display: flex; flex-direction: column}