*{box-sizing: border-box;  }
body{font-family: Arial, Helvetica, sans-serif;
}
h1,
h2,
h3,
h4{font-family: monospace;}
img {
    max-width: 100%;
  }
  a {
    text-decoration: none;
    color: hsl(0 0% 50% / .75);
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    font-weight: bold;
    font-size: 1.1em;
  }
  
  ul,
  ol {
    list-style: none;
    }
     
header,
footer
{
    background-color: rgb(72, 190, 216);
color: aliceblue;
}
header .contenedora {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
header {
    box-shadow: 0 5px 3px hsl(0 0% 0% / .2);
  }
  #logo img {
    padding: .0;
    aspect-ratio: 2 / 1;
    width: 6em;
  }
.foto img {
  object-fit: cover;
  width: 17em;
  margin: 1em;
  border-radius: 8em;
  border: solid o0.5em rgb(72, 190, 216);
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.10);
  text-align: center;
  aspect-ratio: 1/1;

}    


header nav a 
{
    color: white;
    background-color: rgb(72, 190, 216);
    display: block;
    width: max-content;
    margin: .25em;
    padding-block: .25em;
    padding-inline: 1em;
  }
  section {
    padding-bottom: 2rem;
  }  
  .titulo {
    border-block-end: 4px solid rgb(72, 190, 216);
    padding-bottom: .25rem;
  }
  .foto{
    text-align: left
  }
  .foto img{
    width: 17em;
        margin: 1em;
        border-radius: 8em;
        border: solid 0.5em rgb(72, 190, 216);
        box-shadow: 0 10px 10px rgba(0, 0, 0, 0.10);
        text-align: center;
      aspect-ratio: 1;
  }
  .foto{
    display: block;
    margin:auto
}
.vm01 ul li {
    display: block;
    margin: 1em .5em 0em .5em;
    padding: 1em;
    text-align: center;
}
.vm01 img {
    width: 12em;
      margin: 1em;
      border-radius: 8em;
      box-shadow: 0 10px 10px rgba(0, 0, 0, 0.10);
      text-align: center;
    aspect-ratio: 1;
  }
.vm01 img {
  object-fit: cover;
  aspect-ratio: 1/1;
  width: 15em;
  margin: 1em;
  border-radius: 8em;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.10);
  text-align: center;
}  
  .academicos > ul > li:not(:last-of-type) {
    border-bottom: solid 1px hsl(0 0% 0% / .1);
    padding-block-end: 1.5em;
    margin-block-end: 1.5em;
  }
  
  footer p {
    margin-block-end: 0;
  }
  @media (min-width: 600px) {
  
 
    header nav ul {
      display: flex;
    }
    .menu {display: flex;}
    .vm01 img {
        width: 15em;
          margin: 1em;
          border-radius: 8em;
          box-shadow: 0 10px 10px rgba(0, 0, 0, 0.10);
          text-align: center;
        aspect-ratio: 1;
      }
      .academicos img {
        
          width: 8em;
      }