* {box-sizing: border-box;
    text-decoration: none;}

body {display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: whitesmoke;
    font-family:sans-serif;
    min-height: 100vh;
    margin: 0 auto;
    padding: 1rem;}

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

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

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

header, footer {
    background-color: lightskyblue;
    padding: 1em;
margin-top: 1em;
margin-top: 1em;
border-radius:0.5em 0.5em 0.5em 0.5em;}

footer {font-style: oblique;
color: whitesmoke;}

#logos {display: flex;
flex-direction: row-rev;
justify-content: space-around;
align-items: center;
background-color: whitesmoke;
    border-radius: .5em;
    padding: 2em;}

.menu {display: flex;
flex-direction: column;
flex-wrap: wrap;
align-content: center;
justify-content: space-between;
width: 100%;}

.menu > li {width: 100%;
padding-top: 0.5em;}

.menu > li > a {
    background-color:black;
    border-radius: .25em ;
    color: white;
    font-weight: bold;
    padding: .40em .1em;
    text-align: center;
    display: block;}

.alumnas {
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
width: 100%;}

.alumnas > li {display: flex;
flex-direction: column;
align-content: space-between;
width: 100%;
padding-top: 0.5em
}

.alumnas > li > a {
    background-color: whitesmoke;
    border-radius: .25em ;
    color: black;
    font-weight: bold;
    padding: .40em .4em;
    text-align: center;}

#mapa {display: flex;
flex-direction: column;
flex-wrap: wrap;}

.titulos {display: flex;
justify-content: center;
text-align: center;
padding: 1em;
background-color: lightgray;
color: black;
border-radius:0.5em 0.5em 0.5em 0.5em;
border-bottom: .4rem solid black;}

.texto {
background-color: white;
border-radius:0.5em 0.5em 0.5em 0.5em;
padding-bottom: 0.1em;
width: 100%;}

.textoplan {background-color: white;
border-radius:0.5em 0.5em 0.5em 0.5em;
padding: 1em;}

p {margin: 1em;}

#dgpc {display: flex;
justify-content: center;
padding: 1em;
flex-shrink: 1.5}

#comitente {display: flex;
flex-direction: column;
align-items:}

#acumar {display: flex;
justify-content: center;
align-items: center;
margin: auto;
padding: 1em;}

header nav ul li a:hover {
    background-color: lightcyan;
    color: darkblue;}

@media screen and (min-width: 600px) {
    
    header .contenedora {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 50em;
    margin: auto;}
    
    main .contenedora {display: flex;
    flex-direction: column;
    align-content: center;
    width: 50em;
    margin: auto;}
    
    .datos {display: flex;
    flex-direction: row;
    justify-content: flex-start;
    padding: 1em;}
    
    footer .contenedora {display: flex;
    width: 50em;
    margin: auto;}
    
    #logos {display: flex;
    flex-direction: column;
    justify-content:space-around;
    align-content: center;
    padding: 2em;
    width: 25em;
    background-color: whitesmoke;}
    
    #acumar {width: 70%}
     
    .menu {width: 20em;}
    
    .alumnas {width: 20em;}

}
