body{
    background-color: rgb(253, 242, 226);
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 
    'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 
    'Open Sans', 'Helvetica Neue', sans-serif;
    
    margin: 0;

    min-height: 100dvh;
    display: grid;
    grid-template-rows: auto 1fr;
}

section {
    padding-block-end: 2rem;
}

header{
    background-color: rgb(0,  73, 144);
    padding: 1rem;
}

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

.contenedora{
    
    max-width: 65rem;
    margin-inline: auto;
    padding: 1rem;
}

header .menu {
    display: flex;
    gap: 1rem;
}
   
header nav ul {

   margin-block: 0; 

}

header nav a {
    color: hsl(210, 61%, 27%);
    background-color: rgb(248, 250, 157);
    display: list-item;
    text-align: center;
    border-radius: 10px;
    width: 6em;
    padding: 10px;
}


li {
    display: list-item;
    text-align: -webkit-match-parent;
}

#logo a {
    display: grid;
    place-items: center;
    border-radius: 50%;
    width: 6rem;
    aspect-ratio: 1;
    text-align: center;
    font-size: 1.75rem;
    background-color: rgb(248, 250, 157);
    border: solid 4px hsl(0 0% 95%);
}

a {
    text-decoration: none;
    color: hsl(210, 61%, 27%);
    font-weight: bold;
}

.comitente {
    font-size: 1.25em;
}

.comitente h4 {
    margin-block-end: 0;
    font-size: smaller;
    font-weight: normal;
    line-height: 1;
}

.titulo {
    border-block-end: 4px solid rgb(85,  168,  204);
    padding-block-end: 0.35rem;
}

h2{
    color: rgb(2, 11, 100);
    line-height: 1.1;
}

.equipo_artículos {
    display: grid;
    grid-template-columns: repeat(auto-fit, 
    minmax(min(15rem, 100%), 1fr));
    gap: 1rem;
}   

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

.lucia {
    background-color: rgb(85,  168,  204);
    border-radius: 10px;
    padding: 25px;
    margin: 10px 10px;
    color: rgb(255, 255, 255);
}

.rotulol {
    background-color:  rgb(0,  73, 144);
    border-radius: 0.25rem;
    color: hsl(0, 0%, 100%);
    padding-block: 0.125em 0.25em;
    padding-inline: 1em 1em;
}

.agustina {
    background-color: rgb(85,  168,  204);
    border-radius: 10px;
    padding: 25px;
    margin: 10px 10px;
    color: rgb(255, 255, 255);
}

.rotulog {
    background-color:  rgb(0,  73, 144);
    border-radius: 0.25rem;
    color: hsl(0, 0%, 100%);
    padding-block: 0.125em 0.25em;
    padding-inline: 1em 1em;
}

.ailen {
    background-color: rgb(85,  168,  204);
    border-radius: 10px;
    padding: 25px;
    margin: 10px 10px;
    color: rgb(255, 255, 255);
}

.rotuloa {
    background-color:  rgb(0,  73, 144);
    border-radius: 0.25rem;
    color: hsl(0, 0%, 100%);
    padding-block: 0.125em 0.25em;
    padding-inline: 1em 1em;
}

.academicos img {
    display: block;
    width: 8em;
    background-color: hsl(0, 0%, 100%);
    padding: 0.35rem;
    border-radius: 0.5rem;
    aspect-ratio: 1;
    box-shadow: 0 4px 4px transparent;
    transition: box-shadow .6s ease;
}

.academicos ul {

    display: grid;
    grid-template-columns: repeat(auto-fit, 
    minmax(min(20rem, 100%), 1fr));

    gap: 1rem;
}

ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}

ul, ol {
    list-style: none;
    padding: 0;
}

h3{
    color: rgb(0, 0, 0);
    font-family: 'Segoe UI', Tahoma, Geneva, 
    Verdana, sans-serif;

}
p{
    font-family: 'Segoe UI', 
    Tahoma, Geneva, Verdana, 
    sans-serif;
    font-size: smaller;
    font-weight: normal;
}

footer{
    background-color: hsl(210, 61%, 27%);
    color: hsl(0, 0%, 100%);
}

.mapa{
    width: 90%;
    object-fit: contain;
}

.comitente_img{
    max-width: 65rem;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(20rem, 100%), 1fr));
    align-items: center;
}

.mvp{
    width: 90%;
    object-fit: contain;
    margin-bottom: 30px
}
.boceto {
    max-width: 65rem;
    margin: auto;
    align-items: center;
    width: 95%;
    object-fit: contain;
    margin-bottom: 30px
}