/**
 * Estilos para la página de área de investigación individual.
 */
.rio-title {
	font-size: 1.6em;
}

.rio-page-area {
	padding-top: 5em;
}

.rio-area-paper {
	margin-bottom: 5em;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.rio-autor-papper {
	margin-bottom: 3em;
}

.rio-autor-papper::before {
    border-top: none;
}

.rio-area-autor-img {
	max-width: 33.3333vw;
}

.rio-area-autor-img img {
	width: 100%;
	height: auto;
}

.rio-paper-title {
	margin-top: 0;
}

.rio-paper-title a {
	font-family: 'D-DIN Exp Bold';
	color: #494998;
}

.rio-autor-papper img {
	width: 50px;
	margin-right: 1em;
}

.rio-autor-papper a {
	color: #494998;
}

.rio-entry-link {
	margin: 3em 0;
	font-family: 'DIN Alternate Bold';
}

.rio-entry-link a {
	padding: 0.5em 1.5em;
	background-color: #494998;
	border-radius: 1em;
	color: white;
}

.rio-entry:nth-child( 3n + 2 ) .rio-entry-link a {
	background-color: #16a542;
}

.rio-entry:nth-child( 3n + 3 ) .rio-entry-link a {
	background-color: #ef7f7d;
}

.rio-autor-papper::before {
	top: unset;
	bottom: -2em;
}

/*
 * Estilos por pantalla
 */
@media all and ( orientation: portrait ) all and ( min-width: 760px ) {
	.rio-area-autor-img {
		width: 15vw;
	}
}

@media all and ( orientation: landscape ) {
	.rio-area-paper {
		-webkit-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-align-items: flex-start;
		align-items: flex-start;
	}

	.rio-area-autor-img {
		width: 15% !important;
	}

	.rio-area-paper-main {
		margin-left: 2em;
		width: 85%;
	}

	.rio-autor-title {
		margin-top: 0;
	}

	.rio-autor-papper {
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: flex-end;
		align-items: flex-end;
	}

	.rio-autor-paper-icon {
		margin-left: 2em;
		order: 1;
	}

	.rio-autor-papper::before {
		width: 100%;
	}
}