*{margin: 0; padding: 0; box-sizing: border-box;} /* Reset */
/* Estilos generales */
.contenedor{ max-width: 60rem; margin: auto;}
body {font-family: Arial;}
header {background: #9FD264;}
section {background: #3DAEE8;}
.article {background: #D9A02F;}

/* Estructura */
header { padding: 2% 0% 0% 0%;}
h1 {text-align: center;}
nav {text-align: center; padding: 1%; background: #F671E3;}
section {display: flex; flex-wrap: wrap; justify-content: space-between; padding: 2%}
section article {margin: 2%; padding: 15% 10% 15% 10%; background: #D9A02F; text-align: center;}
.nota1 {width: 100%}
.nota2 {width: 5%}
.nota3 {width: 5%}
.nota4 {width: 5%}
aside {display: flex; flex-wrap: wrap; justify-content: space-between; background: #A7A7AC; padding: 5%}
aside article {padding: 10% 5% 10% 5%; background: #D9A02F; text-align: center;}
.nota5  {width: 100%}
footer {text-align: center; padding: 15%; background: #7EA155; display: flex; flex-wrap: wrap; justify-content: space-between;}