/* ---------------------------------------- Variables ---------------------------------------------------- */
body{
	/* Paleta de color */
	--volaran-main-c: #6A3CFA;
	--volaran-sec-c: #BAFF00;
	--volaran-ter-c: white;

	/* Tipografia */
	--volaran-logo-font: 'Abril Fatface', sans-serif;
	--volaran-h-font: 'Staatliches', sans-serif;
	--volaran-p-font: 'Titillium Web', sans-serif;
	--fz-200pt: 16.8rem;
	--fz-180pt: 15rem;
	--fz-175pt: 14.6rem;
	--fz-170pt: 14rem;
	--fz-165pt: 13.6rem;
	--fz-160pt: 13.2rem;
	--fz-150pt: 12.4rem;
	--fz-125pt: 10.2rem;

	/*- Alto-masthead es igual a la función que usamos para definir la altura del header en el CSS principal -*/
	--alto-masthead: calc(var(--top-margin)*2 + var(--logo-h));
}

body.logged-in {
	/*- Si estamos loggeados, sumamos los 32px de la barra de wp -*/
	--alto-masthead: calc(var(--top-margin)*2 + var(--logo-h) + 32px);
}

/* ------------------------------------------- ARQDIS Header ------------------------------------------- */
nav#main-nav {
    background-color: transparent;
}

nav#branding-top img,
nav#menu-button a{
	filter: invert(1);
}

nav#menu-button:hover, nav#menu-button:focus-within {
    background-color: var(--volaran-sec-c);
}

body{
	background-color: var(--volaran-main-c);
}

body.tax-expo-categorias{
	background-image: url("../assets/starsbg.png");
}

/* ----------------------------------------- Archive Volarán ------------------------------------------ */
/* --------- Tipografía -------- */
h1.volaran-archive-title{
	font-family: var(--volaran-logo-font);
}

.volaran-expo-title-info h6,
.volaran-expo-year,
.volaran-agenda-link,
.boton-menu-volaran,
.volaran-project-link,
.volaran-menu-section-title{
	font-family: var(--volaran-h-font);
}

.volaran-texto-persona,
.volaran-expo-text p,
.volaran-menu-section-text p,
.volaran-texto-cargo{
	font-family: var(--volaran-p-font);
}


h1.volaran-archive-title{
	font-size: var(--fz-90pt);
	color: var(--volaran-ter-c);
}

h3.volaran-menu-section-title{
	font-size: var(--fz-150pt);
	color: var(--volaran-sec-c);
	line-height: 1em;
}

.volaran-expo-title-info h6 {
	font-size: var(--fz-30pt);
	letter-spacing: .2rem;
	color: var(--volaran-ter-c);
}

.volaran-expo-title-info h6:first-of-type {
	color: var(--volaran-sec-c);
}

.volaran-expo-year{
	font-size: var(--fz-175pt);
	color: var(--volaran-sec-c);
}

.volaran-agenda-link,
.boton-menu-volaran,
.volaran-project-link,
.volaran-archive-menu {
	font-size: var(--fz-22pt);
	line-height: 1.2em;
	color: var(--volaran-ter-c);
}

.volaran-menu-section-text p {
	font-size: var(--fz-20pt);
	line-height: 1.2em;
	color: var(--volaran-ter-c);
}

.volaran-expo-text p{
	font-size: var(--fz-18pt);
	line-height: 1.2em;
	color: var(--volaran-ter-c);
}

.volaran-agenda-link,
.boton-menu-volaran,
.volaran-project-link {
	color: var(--volaran-sec-c);
	text-decoration: none;
}

.volaran-link-title{
	color: var(--volaran-sec-c);
}

.volaran-link-subtitle{
	color: var(--volaran-ter-c);
}

.volaran-expo-credits p{
	color: var(--volaran-sec-c);
	line-height: 1em;
}

.volaran-expo-credits p:last-child{
	color: var(--volaran-ter-c);
	margin-bottom: 0.8em;
}

/* --------- Diagramación -------- */
.volaran-archive-body{
	display: grid;
	grid-template-columns: 1fr 0.5fr 0.5fr;
	grid-gap: 60px;
	padding: 0 30px 50px 30px;
}

.volaran-archive-menu{
	grid-column: 1;
    grid-row: 1 / span 2;
}

.volaran-archive-content{
	grid-column: 2 / span 2;
	grid-row: 1;
}



.volaran-archive-content{
	display: grid;
	grid-template-columns: min-content 1fr;
	grid-gap: 30px;
}

.volaran-expo-year{
	writing-mode: vertical-rl;
	text-align: end;
	transform: rotate(180deg);
	line-height: 0.78em;
}

.volaran-expo-text p:not(:first-child){
	margin-top: 0.8em;
}

.volaran-menu-section-text p{
	margin-top: 0.8em;
}

.volaran-expo-text p,
.volaran-menu-section-text p{
	max-width: 800px;
}



.agenda-svg-fill{
	fill: var(--volaran-sec-c);
}

.volaran-agenda-link{
	display: flex;
	align-items: center;
	margin-top: 0.8em;
}

.volaran-agenda-link svg{
	height: 1.2em;
	width: auto;
	margin-right: 0.4em;
}

.volaran-agenda-link #agenda-dwnld-line{
	transition: transform 0.2s;
	transform: translateY(0px);
}

.volaran-agenda-link:hover #agenda-dwnld-line{
	transform: translateY(4px);
}

/* --------- Nav Principal -------- */

html{
	scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
}

html::-webkit-scrollbar { /* WebKit */
    width: 0;
    height: 0;
}

.volaran-archive-menu{
	--child-button-count: 0;
	max-height: 80vh;
	min-height: calc(5em*var(--child-button-count));

	display: flex;
	flex-direction: column;

	max-width: 700px;
	width: 100%;
	justify-self: center;
	justify-content: space-between;

	position: relative;
}

.volaran-archive-menu canvas,
.volaran-submenu-wrapper canvas,
#volaran-submenu-svg-constellation{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: -1;
}

.volaran-nav-section{
	display: flex;
	flex-direction: column;
}

.volaran-nav-section:nth-of-type(6n+1){
	align-items: flex-start;
}

.volaran-nav-section:nth-of-type(6n+2){
	align-items: flex-end;
}

.volaran-nav-section:nth-of-type(6n+3){
	align-items: center;
}

.volaran-nav-section:nth-of-type(6n+4){
	align-items: flex-end;
}

.volaran-nav-section:nth-of-type(6n+5){
	align-items: flex-start;
}

.volaran-nav-section:nth-of-type(6n+6){
	align-items: center;
}

.brillo-estrella-menu {
	opacity: 0.75;
}

.estrella-menu {
	fill: #fff;
	transform: rotate(0deg);
	transform-origin: center;
	transition: transform 0s ease-out;
}

.boton-menu-volaran:hover .estrella-menu{
	transform: rotate(270deg);
	transition: transform 0.4s;
}


.boton-menu-volaran{
	display: flex;
	align-items: center;
	margin: 1em 15px;

	transition: color 0.4s;
}

.boton-menu-volaran:hover {
	color: var(--volaran-ter-c);
}

.boton-menu-volaran svg{
	overflow: visible;
	height: 3em;
	width: auto;
	margin-right: 0.7em;
}

/* --------- SubNav Principal -------- */
.volaran-submenu-overlay{
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100vw;
	height: 100vh;

	background-color: var(--volaran-main-c);

	transition: opacity 0.3s;
	opacity: 0;
	pointer-events: none;

	scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
	overflow: scroll;

	cursor: move;

	user-select: none;
}

.volaran-submenu-overlay.active-overlay{
	opacity: 1;
	pointer-events: all;
}

.volaran-submenu-overlay::-webkit-scrollbar { /* WebKit */
    width: 0;
    height: 0;
}

.volaran-submenu-wrapper{
	background-image: url("../assets/starsbg.png");

	min-width: max-content;
	width: 200vw;
	min-height: 200vh;

	position: relative;
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	justify-content: space-around;
}

div.volaran-project-link-wrapper{
	min-height: 100%;
	flex-shrink: 0;
	padding-top: calc(2*var(--alto-masthead));
}

a.volaran-project-link{
	display: flex;
	align-items: center;
	margin: 0 60px;

	position: relative;
	transform: translateY(-100%);
}

.volaran-link-text{
	display: flex;
	flex-direction: column;
	gap: 0.1em;
	max-width: 300px;
	line-height: 0.95em;
}

.volaran-destacado-project .volaran-link-text::before{
	content: 'Proyecto destacado:';
	text-decoration: underline;
	font-size: 0.7em;
}

a.volaran-project-link svg{
	height: 3em;
	width: auto;
	margin-right: 0.7em;
	overflow: visible;
}

.planeta-proyecto {
	fill: var(--volaran-sec-c);
}

.orbita-destacado {
	fill: #fff;
	display: none;
}

.volaran-destacado-project .orbita-destacado {
	display: initial;
}

a.volaran-project-link .planeta-link-aura{
	transform-origin: center;
	transform: scale(1);
	transition: transform 0.3s;;
}

a.volaran-project-link:hover .planeta-link-aura{
	transform: scale(1.3);
}


.volaran-menu-section-content{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);

	width: 70vw;
	min-width: 350px;
	max-width: 800px;
}

.close-overlay-button{
	position: fixed;
	left: 15px;
	bottom: 15px;
}

.disableScroll{
	overflow: hidden;
}

/* --------- Responsive -------- */
@media only screen and (max-width: 1999px) {
	/* Tipografía */
	h1.volaran-archive-title {
		font-size: var(--fz-80pt);
	}

	.volaran-expo-title-info h6 {
		font-size: var(--fz-26pt);
	}

	.volaran-agenda-link,
	.boton-menu-volaran,
	.volaran-archive-menu,
	.volaran-project-link,
	.volaran-menu-section-text p {
		font-size: var(--fz-18pt);
	}
}

/* Very Large devices (desktops, 1499 and below) */
@media only screen and (max-width: 1499px) {
	/* Tipografía */
	h1.volaran-archive-title {
		font-size: var(--fz-70pt);
	}

	.volaran-expo-title-info h6 {
		font-size: var(--fz-24pt);
	}

	.volaran-expo-text p, 
	.volaran-agenda-link,
	.boton-menu-volaran,
	.volaran-archive-menu,
	.volaran-project-link{
		font-size: var(--fz-16pt);
	}

	h3.volaran-menu-section-title {
		font-size: var(--fz-100pt);
	}

	.volaran-expo-year {
		font-size: var(--fz-165pt);
		color: var(--volaran-sec-c);
	}

	/* Diagramación */
	.volaran-archive-body{
		grid-template-columns: 0.8fr 0.5fr 0.5fr;
	}
}

/* Large devices (desktops, 1199 and below) */
@media only screen and (max-width: 1199px) {
	/* Diagramación */
	.volaran-archive-body {
		grid-template-columns: 0.5fr 0.5fr;
		grid-gap: 40px;
	}

	.volaran-expo-title-info{
		grid-column: 2;
	}

	.volaran-archive-menu {
		grid-column: 1;
		grid-row: 1 / span 3;
	}

	.volaran-archive-content {
		grid-column: 2;
		grid-row: 2;
		display: initial;
	}

	.volaran-expo-year {
		display: none;
	}

	.volaran-expo-credits {
		grid-column: 2;
	}

}

/* Medium devices (tablets, 991px and below) */
@media only screen and (max-width: 991px) {
	/* Tipografía */
	.volaran-expo-text p, 
	.volaran-agenda-link{
		font-size: var(--fz-14pt);
	}

	.volaran-menu-section-text p {
		font-size: var(--fz-16pt);
	}

	h3.volaran-menu-section-title {
		font-size: var(--fz-90pt);
	}
}

/* Small devices (landscape phones, 767px and below) */
@media only screen and (max-width: 767px) {
	/* Tipografía */
	.volaran-menu-section-text p {
		font-size: var(--fz-14pt);
	}

	h3.volaran-menu-section-title {
		font-size: var(--fz-80pt);
	}

	/* Diagramación */
	.volaran-archive-body {
		grid-template-columns: 1fr;
		grid-gap: 20px;
	}

	.volaran-expo-title-info {
		grid-column: unset;
	}

	.volaran-archive-menu {
		grid-column: unset;
		grid-row: unset;
	}

	.volaran-archive-content {
		grid-column: unset;
		grid-row: 2;
	}

	.volaran-expo-credits {
		grid-column: unset;
		columns: 2;
		column-gap: 15px;
	}

	.volaran-expo-credits div{
		page-break-inside: avoid;
		break-inside: avoid;
	}

	.volaran-archive-menu{
		margin-top: 15px;
		margin-bottom: 20px;
	}

	.volaran-menu-section-content {
		width: 90vw;
	}
}

/* Extra small devices (phones, 575px and below) */
@media only screen and (max-width: 575px) {
	/* Tipografía */
	h1.volaran-archive-title {
		font-size: var(--fz-50pt);
	}

	.volaran-expo-title-info h6 {
		font-size: var(--fz-20pt);
	}

	h3.volaran-menu-section-title {
		font-size: var(--fz-50pt);
	}


	/* Diagramación */
	.volaran-archive-body {
		padding: 0 15px 50px 15px;
	}
	.volaran-expo-credits {
		grid-column: unset;
		columns: unset;
	}

	.volaran-menu-section-content {
		width: calc(100vw - 30px);
	}
}

/* --------- Modificaciones para Archivo Volarán Sin Categorías -------- */
body.tax-expo-categorias[data-identifier="volaran-sincat-archive"] {
	background-image: unset;
}

/*---------- Contenido --------*/
body[data-identifier="volaran-sincat-archive"] .volaran-expo-title-info{
	display: grid;
	grid-template-columns: 1fr 1fr;	
	column-gap: 30px;
	align-items: end;
}

body[data-identifier="volaran-sincat-archive"] .volaran-submenu-wrapper {
	width: 500vw;
	min-height: 300vh;
}

body[data-identifier="volaran-sincat-archive"] .volaran-archive-title{
	grid-column: 1;
	grid-row: span 4;
	margin-bottom: -0.06em;
}

body[data-identifier="volaran-sincat-archive"] .volaran-expo-title-info{
	margin-bottom: 20px;
}

body[data-identifier="volaran-sincat-archive"] .volaran-expo-title-info h6 {
	font-size: var(--fz-26pt);
}

body[data-identifier="volaran-sincat-archive"] .volaran-expo-title-info h6:nth-of-type(1) {
	grid-row: 2;
	grid-column: 2;
}

body[data-identifier="volaran-sincat-archive"] .volaran-expo-title-info h6:nth-of-type(2) {
	grid-row: 3;
	grid-column: 2;
}

body[data-identifier="volaran-sincat-archive"] .volaran-expo-title-info h6:nth-of-type(3) {
	grid-row: 4;
	grid-column: 2;
}

body[data-identifier="volaran-sincat-archive"] .volaran-expo-credits{
	position: absolute;
	bottom: 20px;
	column-gap: 20px;
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	max-width: min(1525px , 90vw);
	width: max-content;
}

body[data-identifier="volaran-sincat-archive"] .volaran-expo-credits > div{
	break-inside: avoid;
}

/* --------- Live map/chart -------- */
#volaran-live-chart {
	position: fixed;
	right: 20px;
	bottom: 20px;
	height: auto;
	width: 30vw;
	max-width: 250px;
	min-width: 150px;
}

@media only screen and (max-width: 991px){
	#volaran-live-chart {
		pointer-events: none;
	}
}

/* --------- Responsive -------- */
@media only screen and (max-width: 1999px) {
	/* Tipografía */
	body[data-identifier="volaran-sincat-archive"] h1.volaran-archive-title {
		font-size: var(--fz-90pt);
	}

	body[data-identifier="volaran-sincat-archive"] .volaran-expo-title-info h6 {
		font-size: var(--fz-26pt);
	}
}

@media only screen and (max-width: 1499px) {
	body[data-identifier="volaran-sincat-archive"] .volaran-expo-title-info h6 {
		font-size: var(--fz-22pt);
	}

	body[data-identifier="volaran-sincat-archive"] .volaran-expo-text p {
		font-size: var(--fz-17pt);
	}

	body[data-identifier="volaran-sincat-archive"] .volaran-agenda-link,
	body[data-identifier="volaran-sincat-archive"] .boton-menu-volaran,
	body[data-identifier="volaran-sincat-archive"] .volaran-archive-menu,
	body[data-identifier="volaran-sincat-archive"] .volaran-project-link,
	body[data-identifier="volaran-sincat-archive"] .volaran-menu-section-text p {
		font-size: var(--fz-20pt);
	}

	body[data-identifier="volaran-sincat-archive"] .volaran-expo-credits{
		grid-template-columns: repeat(5, 1fr);
	}
}

@media only screen and (max-width: 1199px) {
	body[data-identifier="volaran-sincat-archive"] .volaran-expo-year {
		display: block;
	}

	body[data-identifier="volaran-sincat-archive"] .volaran-archive-content {
		display: grid;
	}

	body[data-identifier="volaran-sincat-archive"] .volaran-expo-text p {
		font-size: var(--fz-16pt);
	}

	body[data-identifier="volaran-sincat-archive"] .volaran-agenda-link,
	body[data-identifier="volaran-sincat-archive"] .boton-menu-volaran,
	body[data-identifier="volaran-sincat-archive"] .volaran-archive-menu,
	body[data-identifier="volaran-sincat-archive"] .volaran-project-link,
	body[data-identifier="volaran-sincat-archive"] .volaran-menu-section-text p {
		font-size: var(--fz-17pt);
	}

	body[data-identifier="volaran-sincat-archive"] .volaran-expo-credits{
		grid-template-columns: repeat(4, 1fr);
	}
}

@media only screen and (max-width: 991px) {
	body[data-identifier="volaran-sincat-archive"] .volaran-expo-year {
		display: none;
	}

	body[data-identifier="volaran-sincat-archive"] .volaran-archive-content {
		display: initial;
	}

	body[data-identifier="volaran-sincat-archive"] .volaran-expo-title-info {
		display: block;
	}

	body[data-identifier="volaran-sincat-archive"] h1.volaran-archive-title {
		margin-bottom: 0;
		font-size: var(--fz-70pt);
	}

	body[data-identifier="volaran-sincat-archive"] .volaran-expo-credits{
		position: static;
		grid-template-columns: repeat(3, 1fr);
		margin-top: 30px;
		max-width: 100%;
	}
}

@media only screen and (max-width: 767px) {
	body[data-identifier="volaran-sincat-archive"] .volaran-expo-text p, 
	body[data-identifier="volaran-sincat-archive"] .volaran-agenda-link,
	body[data-identifier="volaran-sincat-archive"] .boton-menu-volaran,
	body[data-identifier="volaran-sincat-archive"] .volaran-archive-menu,
	body[data-identifier="volaran-sincat-archive"] .volaran-project-link,
	body[data-identifier="volaran-sincat-archive"] .volaran-menu-section-text p {
		font-size: var(--fz-14pt);
	}

	body[data-identifier="volaran-sincat-archive"] .volaran-expo-credits{
		grid-template-columns: repeat(2, 1fr);
	}
}

@media only screen and (max-width: 575px) {
	body[data-identifier="volaran-sincat-archive"] h1.volaran-archive-title {
		font-size: var(--fz-50pt);
	}

	body[data-identifier="volaran-sincat-archive"] .volaran-expo-title-info h6 {
		font-size: var(--fz-20pt);
	}

	body[data-identifier="volaran-sincat-archive"] .volaran-expo-credits{
		grid-template-columns: repeat(1, 1fr);
	}
}

/* ------------------------------------------ Single Volarán ------------------------------------------ */

/* --------- Tipografía -------- */
.volaran-single-title,
.volaran-single-autor,
.volaran-single-director,
.volaran-single-behance,
.volaran-single-volver{
	font-family: var(--volaran-h-font);
	letter-spacing: .2rem;
}

.volaran-single-title,
.volaran-single-director{
	color: var(--volaran-sec-c);
}

.volaran-single-autor,
.volaran-single-behance,
.volaran-single-volver{
	color: var(--volaran-ter-c);
}

.volaran-single-text p{
	font-family: var(--volaran-p-font);
	color: var(--volaran-ter-c);
}

.volaran-single-title{
	font-size: var(--fz-65pt);
}

.volaran-single-autor,
.volaran-single-director{
	font-size: var(--fz-30pt);
}

.volaran-single-behance,
.volaran-single-volver,
#shuffle-volaran-gallery{
	font-size: var(--fz-24pt);
	text-decoration: none;
	line-height: 1.2em;
	transition: color 0.3s;
}

.volaran-single-behance{
	text-decoration: underline;
	text-decoration-thickness: 2px;
}

.volaran-single-text{
	font-size: var(--fz-14pt);
}

.volaran-single-text p{
	line-height: 1.4em;
}

/* --------- SVGs -------- */
.volaran-single-top-star{
	fill: var(--volaran-ter-c);
}

.behance-logo-bg{
	fill: var(--volaran-sec-c);
	transition: fill 0.3s;
}

.behance-logo-front{ 
	fill: var(--volaran-ter-c);
	transition: fill 0.3s;
}

.planeta-gradient {
	fill: url(#radial-gradient);
}

.planeta-fill-line {
	fill: none;
	stroke: #fff;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 2px;
}

.aura-planeta{
	transform-origin: center;
	transform: scale(1);
	transition: transform 0.3s;
}

.shuffle-button-bg{
	fill: var(--volaran-sec-c);
}

.shuffle-button-lines{
	fill:none;
	stroke:var(--volaran-ter-c);
	stroke-width:3.7;
	stroke-miterlimit:10;

	transition: stroke 0.3s;
}

/* --------- Diagramación -------- */
section.volaran-single-body{
	background-color: transparent;
	min-height: calc(100vh - var(--alto-masthead) );

	display: grid;
	grid-template-columns: 1.3fr 1fr;
	grid-template-rows: min-content;
	grid-column-gap: 40px;
	padding-bottom: 50px;
}

.volaran-single-content,
.volaran-single-imgs,
.volaran-single-links{
	padding: 0 30px;
}

.volaran-single-imgs{
	grid-column: 1;
	grid-row: 1 / span 2;
	overflow: hidden;
}

.volaran-single-content-wrapper,
.volaran-proy-links,
.volaran-single-soundcloud{
	width: 100%;
	max-width: 800px;
}

.volaran-single-stars-svg{
	width: 50%;
	height: auto;
	display: none;
}

.volaran-single-title{
	margin-top: 0.3em;
}

.volaran-single-autor,
.volaran-single-director{
	margin-bottom: 0.1em;
}

.volaran-single-text{
	margin-top: 1.5em;
}

.volaran-single-text p{
	margin-bottom: 0.5em;
}

.volaran-proy-links{
	margin-top: 1em;
}

/* Imágenes */
.volaran-single-imgs{
	position: sticky;
	top: 0;
	max-height: calc(100vh - var(--alto-masthead) );
	opacity: 1;
	transition: 0.3s;
	cursor: crosshair;
	z-index: 0;
}

.volaran-single-imgs.loading-images{
	opacity: 0;
}

.volaran-single-imgs img{
	position: absolute;
	max-width: 40%;
	height: auto;
	z-index: 1;
	transform: scale(1);

	transition: left 0.3s, top 0.3s, transform 0.3s;
}

.volaran-single-imgs img:hover{
	transform: scale(1.15);
}

button#shuffle-volaran-gallery{
	--rotation: 0deg;
	position: absolute;
	left: 30px;
	bottom: 30px;
	width: 3.2em;
	height: 3.2em;

	background: none;
	border: none;
	padding: 0;

	z-index: 99999;
	cursor: pointer;
	transform: rotate(var(--rotation));
	transition: transform 0.3s;
	transform-origin: center;
}

button#shuffle-volaran-gallery svg{
	width: 100%;
	height: auto;
}

button#shuffle-volaran-gallery:hover .shuffle-button-lines{
	stroke: var(--volaran-main-c);
}


/* Soundcloud */
.volaran-single-soundcloud{
	margin-top: 25px;
	margin-bottom: 25px;
}


/* Enlace Volver */
.volaran-proy-links{
	display: grid;
	grid-template-columns: 1fr min-content;
	grid-column-gap: 30px;
}

.volaran-single-volver{
	display: flex;
	align-items: center;
}

.volaran-single-volver svg{
	width: 3.8em;
	height: auto;
	overflow: visible;
}

.volaran-single-volver span{
	margin-left: 0.5em;
}

.volaran-single-volver:hover .aura-planeta{
	transform: scale(1.2);
}

.volaran-single-volver:hover {
	cursor: pointer !important;
	color: var(--volaran-sec-c);
}



/* Enlace a Behance */
.volaran-single-behance{
	display: flex;
	align-items: center;
	max-width: max-content;
}

.volaran-single-behance span{
	margin-left: 0.5em;
}

.volaran-single-behance svg{
	height: 2.5em;
	width: 2.5em;
}

.volaran-single-behance:hover .behance-logo-front{
	fill: var(--volaran-main-c);
}

.volaran-single-behance:hover {
	color: var(--volaran-sec-c);
}




/* --------- Responsive -------- */
@media only screen and (max-width: 1999px) {

	/* Tipografía */
	.volaran-single-title{
		font-size: var(--fz-50pt);
	}
	
	.volaran-single-autor,
	.volaran-single-director{
		font-size: var(--fz-24pt);
	}
	
	.volaran-single-behance,
	.volaran-single-volver,
	#shuffle-volaran-gallery{
		font-size: var(--fz-20pt);
	}

}

/* Very Large devices (desktops, 1499 and below) */
@media only screen and (max-width: 1499px) {
	/* Tipografía */
	.volaran-single-title{
		font-size: var(--fz-40pt);
	}
	
	.volaran-single-autor,
	.volaran-single-director{
		font-size: var(--fz-22pt);
	}
	
	.volaran-single-behance,
	.volaran-single-volver,
	#shuffle-volaran-gallery{
		font-size: var(--fz-18pt);
	}

}

/* Large devices (desktops, 1199 and below) */
@media only screen and (max-width: 1199px) {
	/* Tipografía */
	.volaran-single-title{
		font-size: var(--fz-35pt);
	}
	
	.volaran-single-autor,
	.volaran-single-director{
		font-size: var(--fz-20pt);
	}
	
	.volaran-single-behance,
	.volaran-single-volver,
	#shuffle-volaran-gallery{
		font-size: var(--fz-16pt);
	}

	/* Diagramación */
	section.volaran-single-body{
		grid-template-columns: 1fr 1fr;
		grid-column-gap: 30px;
	}

}

/* Medium devices (tablets, 991px and below) */
@media only screen and (max-width: 991px) {
	/* Diagramación */
	.volaran-single-stars-svg{
		display: none;
	}

	section.volaran-single-body{
		grid-template-columns: 1fr;
		grid-column-gap: unset;
	}

	.volaran-single-content-wrapper,
	.volaran-proy-links,
	.volaran-single-soundcloud{
		max-width: unset;
	}

	.volaran-single-imgs{
		top: unset;
		position: relative;
		max-height: unset;
		grid-column: unset;
		grid-row: unset;
		overflow: unset;

		display: flex;
		width: 100%;
		overflow-x: scroll;

		padding: 0 0 10px 0;
		padding-bottom: 10px;
		margin-top: 20px;
		margin-bottom: 20px;
	}

	/* Imágenes */
	.volaran-single-imgs.loading-images{
		opacity: 1;
	}

	.volaran-single-imgs img{
		position: initial;
		max-width: unset;
		max-height: unset;
		height: 70vh;
		width: auto;
	}

	.volaran-single-imgs img:not(:first-child){
		margin-left: 15px;
	}

	button#shuffle-volaran-gallery{
		display: none;
	}

	.volaran-single-imgs img:hover{
		transform: scale(1);
	}

}

/* Small devices (landscape phones, 767px and below) */
@media only screen and (max-width: 767px) {

}

/* Extra small devices (phones, 575px and below) */
@media only screen and (max-width: 575px) {
	/* Tipografía */
	.volaran-single-title{
		font-size: var(--fz-30pt);
	}
	
	.volaran-single-autor,
	.volaran-single-director{
		font-size: var(--fz-18pt);
	}
	
	.volaran-single-behance,
	.volaran-single-volver{
		font-size: var(--fz-14pt);
	}

	/* Diagramación */

	.volaran-single-content, 
	.volaran-single-links {
		padding: 0 15px;
	}

	.volaran-single-behance svg {
		height: 3.2em;
		width: 3.2em;
	}
}