@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700&display=swap');


*{box-sizing: border-box;margin: 0;padding: 0}
body{ background-color: #fff; font-family: 'Lato', sans-serif;}
h1{color:#fff; font-size:6rem; text-align:center; font-weight:normal}
h2{color: #AB47BC; font-size: 1rem; text-align:center; font-weight:normal; font-style:italic; margin: 2rem 0 2rem 0}
h3{color:#333333; font-size: 1.5rem ;text-align: center; margin: 0 0 1rem 0 }
p{color: #727272; font-size: 1.1rem}
header img{ max-width:100%;display:block; margin: auto; padding:1rem 0 0 0}

footer p{font-size: 0.7rem; color: #999999; text-align: justify; margin: 1rem}
.contenedor{max-width:100%; margin:auto; background:#fff; padding:1rem 0 1rem 0;}
.contenido{max-width: 80rem;margin: auto; display:flex;}
p a{color: #727272;}

.destacado{color: #9c5ee5; font-size: 1rem;}
.subtitulo {font-weight: bold;}

.academico{background-color: #ededed; padding: 1rem; max-width: 100%}

.academico p{font-size:0.8rem}

.contenedor nav{width:80rem; margin:auto;border-bottom:#CCC 0.1rem solid; padding:0 0 1rem 0}
nav ul {display: flex; padding: 0;margin: 1rem;}
nav ul li{list-style-type: none; margin: 0 1rem 0 1rem}
nav ul li a{color: #000;}
nav ul li a:hover{color: #ea18bb}

.fondonegro{background:#fff; max-width:100%}
.fondofucsia{background:#0CF; max-width:100%}
.fondovioleta{background: #63C; max-width:100%}

.contenido section{width:40%; background-color:fff; padding:5rem;}
.contenido section article img{width:100%; margin:auto; margin: 0 0 1rem 0;}
.contenido section article p{text-align:center}
aside{width:60%; background:fff; padding:10rem 2rem 10rem 2rem}

.titulo{font-size:3rem; font-weight:bold; padding:0 0 1rem 0}
.subtitulo{font-size:1.4rem; font-weight:400; color:#000}
.imagenes{width:60%; display:flex; justify-content:space-between; padding:2rem 0 2rem 0 }
.imagenes a img{width:100%; padding: 0 1rem 0 0}

/*Iconos*/
@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?f16fgd');
  src:  url('fonts/icomoon.eot?f16fgd#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?f16fgd') format('truetype'),
    url('fonts/icomoon.woff?f16fgd') format('woff'),
    url('fonts/icomoon.svg?f16fgd#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-calendar:before {
  content: "\e900";
}
.icon-heart:before {
  content: "\e901";
}
.icon-watch:before {
  content: "\e902";
}

/*Responsive mobile*/
@media all and (max-width:48rem){
		body{background: #fff}
	header img{ max-width:50%;display:block; margin: auto; padding:1rem 0 0 0}
	ul{margin:0 0 2rem 0}
	li{color:#000; font-size:0.9rem;}
	p{color: #727272; font-size: 0.9rem}
	h1{color:#fff; font-size:3rem; text-align:center; font-weight:normal}
	
	.contenido {flex-wrap: wrap; flex-direction: column; max-width: 100%; margin: auto}
	.contenedor {justify-content: space-between;flex-wrap: wrap; flex-direction: column; max-width: 100%; margin: auto;height: 6rem}
	
	.contenido{max-width: 46rem;text-align: center}
	.contenido section{width:100%; padding:2rem 0 2rem 0;}
	.contenido section article img{width:40%; margin:auto; padding:0 0 1.5rem 0}
	aside{width:100%; padding:0 0.5rem 0 0.5rem}
	
	.imagenes{flex-wrap: wrap; flex-direction: column;width: 60%; margin: auto;padding:2rem 0  2rem 0 }
	.imagenes img{width:50%; padding: 0 1rem 0 0; margin:auto}

.titulo{font-size:1.5rem; font-weight:bold}
.subtitulo{font-size:1rem; font-weight:400; color:#000}


}