@charset "utf-8";
html { display: block;
}

*{ font-family: sans-serif;
box-sizing: border-box;
}

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

body {
    background-color:#7491aa;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    min-height: -webkit-fill-available;
    margin:auto;
    max-width: 50em;
    
}



header img { 
    margin: 1em;
    border-radius: 10%;
    width: 10%;
    height: auto;
}

header .contenedora {
   background-color: #a9a9ff;
    display: flex;
    justify-content: space-between;
    align-items: center;


       
}

header ul { 
    list-style: none;
    display: flex;
 
    
 }
    
header ul li {
    display: flex;
    padding: 2;
    margin: 0em 1em;
    text-align: center
    
}

header ul li a {

    text-decoration: none;
    color: black;
}


main {
    margin: 1em;
}

main h3 {
    border-bottom: solid 2px;
    
}

main div img {
    border-radius: 20%;
    width: 50%;
    height: auto;
}

main .comision {
    display: block;
    border: solid 2px; 
    border-color: black;
    padding: 1em;
    
}

main a { color: black;
text-decoration: none;
}

.datos {
    margin: 1em;
    line-height: 0.5em;
       
}

.datos h5 { 
padding-top: 1em;
line-height: 0.3;
}

.datos h4{
    border-bottom: solid 2px;
    padding-bottom: 0.5em;
    
}

.datos p {
    font-size: 0.8em;
}

footer {
    display: flex;
    background-color: #a9a9ff;
    align-items: center;
    justify-content: center

    
}

footer p {
    font-size: 0.6em;
    margin: 1em;
}

footer img {
    width: 20%;
    height: auto;
    margin: 1em;
}