/* Reset */
* { margin: 0; padding: 0; box-sizing: border-box;} 

/* Estilos generales */
.contenedor {max-width: 60rem; margin: auto;}

body {font-family: Arial;}

header {background: #9FD264;}

section {background: #3DAEE8;
width: 100%;
    overflow: hidden;
}

.article {
    background: #D9A02F;
    float: left;
}


/* Estructura */
header {
    padding: 7% 0% 0% 0%;
}

h1 {
    text-align: center;
}

main {
    display: flex;
    justify-content: space-between;
}

main section {
    width: 70%; 
    padding: 5% 2% 2% 2%;
    display: flex;
    flex-wrap: wrap;
}

main aside {
    width: 30%;
    background: #A7A7AC;
    padding: 5%;
}

/********************/

main section article {
    padding: 12% 3% 12% 3%;
    margin: 2% 2% 2% 2%;
    background: #D9A02F;
    text-align: center;
}

footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background: #9FD264;
    padding: 4%
}

.noticias{
    width: 29%;
}

.agenda{
    width: 49%;
}