@import url(https://fonts.googleapis.com/css?family=Sansita+One|Alegreya+Sans:400,400italic,700,700italic);

/*
Colores:
azul: #700BD6
claro: #D1C3DE
naranja: #FFA20D
oscuro: #37204F
rojo: #BD095A
*/

*{
	margin: 0;
	padding: 0;
}

html{
	font-size: 16px;
	min-height: 100%;
}

body{
	font-family: 'Alegreya Sans', sans-serif;
	color: #37204F;
	background: url('img/fondo-papel.jpg');
	line-height: 1.5;
}
h1,h2,h3{
	font-family: 'Sansita One', serif;
}
img{
	max-width: 100%;
}
a{
	text-decoration: none;
	transition: 100ms;
	font-weight: bold;
	color: #FFA20D;
}
a:hover{
	opacity: 0.75;
	text-decoration: underline;
}
a:active{
	opacity: 0.5;
}

input{
	background: none;
	border: 1px solid #D1C3DE;
	border-radius: 0.2rem;
	color: #D1C3DE;
	padding: 0 0.5rem;
}
.boton{
	background: #FFA20D;
	color: #37204F;
	font-weight: bold;
	border: none;
	padding: 0 0.5rem;
	border-radius: 0.5rem;
}

.etiqueta{
	border-radius: 0.25rem;
	color: #fff;
	padding: 0 0.5rem;
	font-weight: bold;
}
.etiqueta.fotografia{
	background: #BD095A;
}
.etiqueta.guion{
	background: #700BD6;
}


header{
	background: #37204F;
	text-align: center;
	padding: 1rem 1rem 0;
}
header img{
	vertical-align: middle;
}
header aside{
	position: absolute;
	right: 1rem;
	top: 2rem;
}
header aside .buscador{
	display: inline-block;
	margin-right: 0.5rem;
}
header aside a{
	font-weight: normal;
}
header nav{
	margin-top: 0.5rem;
}
header nav a{
	text-transform: uppercase;
	color: #fff;
	font-size: 1.5rem;
	margin: 0 1rem;
}

main{
	display: block;
}

.slider img{
	width: 100%;
}
.contenedor{
	max-width: 70rem;
	margin: 0 auto;
}

.notas{
	float: left;
	width: 66%;
}

.proxima,.ultimas-clases,.ultimos-articulos{
	float: right;
	clear: right;
	width: 31%;
}

.notas article{
	margin-bottom: 3rem;
}
.notas article h2{
	background: #700BD6;
	color: #fff;
	font-size: 1.5rem;
	padding: 0 0.5rem;
	float: left;
	position: relative;
	z-index: 1;
	margin: 0 0 -1rem 1rem;
}
.notas article img{
	clear: both;
	transform: rotate(-1deg);
}
.notas article p{
	margin: -2rem 1rem 0 1rem;
	background: #D1C3DE;
	padding: 0.5rem 1rem;
	position: relative;
	z-index: 1;
}
.notas article a{
	float: right;
	margin-top: -0.75rem;
	font-size: 1.25rem;
	position: relative;
	z-index: 1;
}

.proxima{
	background: #D1C3DE;
	border-radius: 0.75rem;
	text-align: center;
	margin-bottom: 2rem;
	padding-bottom: 0.5rem;
}
.proxima h3{
	font-size: 1.5rem;
	border-bottom: 1px solid #fff;
}
.proxima .tiempo{
	color: #700BD6;
}
.proxima .tiempo img{
	margin-right: 0.5rem;
}
.proxima .tiempo .fecha{
	font-size: 3rem;
	font-weight: bold;
	margin-right: 0.5rem;
}
.proxima .tiempo .hora{
	font-size: 2rem;	
}
.proxima .etiqueta{
	font-size: 1.125rem;
	margin-right: .5rem;
}
.proxima h4{
	font-size: 1.25rem;
	margin-bottom: 0.5rem;
}
.proxima a{
	color: #700BD6;
}

section{
	margin-bottom: 2rem;
}
section h3{
	font-size: 1.75rem;
	color: #700BD6;
}
section h3 img{
	margin-right: 0.5rem;
}
section article{
	margin-bottom: 1rem;
}

.ultimas-clases article{
	background: #D1C3DE;
	border-radius: 0 0 0.5rem 0.5rem;
	padding-bottom: 0.5rem;
}
.ultimas-clases article .etiqueta{
	margin-right: 0.5rem;
	font-size: 1.125rem;
}
.ultimas-clases article h4{
	font-weight: normal;
	margin: 0 0.5rem;
	font-size: 1.25rem;
}

.ultimos-articulos article{
	border-bottom: 1px solid #37204F;
	padding-bottom: 0.5rem;
}
.ultimos-articulos article .icono{
	float: left;
	margin-right: 0.5rem;
}
.ultimos-articulos article .etiqueta{
	margin-right: 0.5rem;
	font-size: 1.125rem;
}
.ultimos-articulos article h4{
	font-weight: normal;
}

footer{
	clear: both;
	text-align: center;
	background: #37204F;
	color: #D1C3DE;
	padding: 1.5rem;
}

footer .redes{
	display: inline-block;
	margin: 0 5rem;
}
footer .redes a{
	margin: 0 0.5rem;
}
footer p{
	font-size: .8rem;
	margin-top: 2rem;
}