/* BODY */

.contenedor {width:100%;
             max-width: 60rem;
             margin:auto}

body{background-color: white; font-family:sans-serif}

/* HEADER */

.titulo-grupo{font-size: 4rem; 
margin: auto;
text-align: center;
padding-bottom: 2rem;
color:darkslateblue;}

/* NAVEGACION */

nav .botones{ position: relative; background: darkslateblue; height: 50px;}
nav .cruz{ position: absolute; top: 10px; right: 10px;}
nav .hamb{position: absolute; top: 10px; right: 10px;}


nav ul {
    margin-top: 0;
    list-style-type: none;
    float: right;
    width: 100%;
}

nav ul li{
    display: flex;
    flex-flow: column;
   float: right;
    width:100%;
    background-color: darkslateblue;
    
}

nav ul li a{
    flex-flow: column;
     text-decoration: none;
    font-family: sans-serif;
    font-size: 0.7rem;
    color: white;
    font-weight: bold; 
    line-height: 1.6rem;
margin-left: 1.6rem;}

.clear {clear:both;}

.contenedor-academico{background-color: lightgray}

article{
margin: 0rem 4rem 0rem 4rem;
padding-bottom: 3rem;
padding-top: 1rem;}

h1{color: darkslateblue; font-family: sans-serif; padding-top: 0.7rem;
font-size: 1.2rem;}

p{color: dimgrey; font-size: 0.9rem; line-height: 0.9rem;}

/* FOOTER */

.destacado{font-size: 0.7rem;
color: white;
text-align: center;}

.footer{font-size: 0.7rem;
text-align: center;
color: white;
line-height:1.5;}

footer{background-color:darkslateblue;
margin-top:1rem;
margin-bottom: 2rem;
padding:1rem 3rem;}