@charset "utf-8";
    
body{
    background-color: #384347;
    display: block;
}

h3 {
Color: #8BAAC7; 
}
h1,
h2,
h3,
h3 a,
h4,
h5,
h6,
p { margin-bottom: 1em; }

ul li {
    list-style: none;
}

img {
    width: 100%;
}

.rotulo{
max-width: 45rem;
    margin: auto;
}

header{
    color: #94BFD5;
    background-color: rgb(46, 102, 124);
    text-align: center;
}

header ul{
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}

header ul li{
    background-color: #94BFD5;
    min-width: 4em;
    margin: .25em .15em .25em .25em;
    width: 20%;
}

header ul li a {
    background-color: #167AA2;
    border-radius: .30em ;
    color: #ffffff;
    font-weight: bold;
    padding: .25em .0em;
    text-align: center;
    /* para que la etiqueta "a" sea una "caja" */
    display: block;
}

#logo {
    background-color: whitesmoke;
    border-radius: .35em;
    padding: .35em;
    width: 6em;
    
}
header #navinicio {
    justify-content: space-between;
    align-items: center
}

header #navinicio ul {
    display: flex;
    justify-content: center;
}

main{
     text-align: center
}

main h1, h2, h3, h3 a, h4{
    color: #ffffff;
}


seccion{
     text-align: center
}

footer{
    background-color: rgb(148, 191, 213);
    align-items: center;
    padding: .6em .2em
}

.academico > ul > li{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

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

.academico img {
    width: 70%;
    height: auto;
}