*{margin:0 ;padding: 0 ; box-sizing: border-box;}
    
.contenedor{max-width: 80rem ; margin: auto;}

body{font-family: sans-serif; background:#dcdbdd;}
header {background:#efbb10;padding: 3rem ;margin: 0rem;}

/*estilos de nav*/

/*estilo article*/
section{display:flex; justify-content: space-around; flex-wrap: wrap; width: 100%;background:rgba(242, 242, 237, 0.42);}
section article {background:rgba(40, 54, 221, 0.78); width: 29%;height: 20rem; margin: 2% ;}

.oficios {width:98%;}

.coda {width:100%; background: rgba(105, 181, 28, 0.44); height: 10rem; margin:inherit; max-width: 80rem display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; align-items: stretch; align-content: flex-end; padding: 2rem;}
.termina {width:100%; background: rgba(216, 24, 232, 0.44); height: 25rem; margin:inherit;max-width: 80rem;padding: 2rem;}