@media (max-width: 640px) and (min-width: 0) {

	html {
		font-size: 2.5445vw;
	}

.setWrapper {
	width: calc(100% - 4.0rem);
	margin: 9.6rem auto;
}

/* ---------------------------------------- */
/* ----- >>> Styles ----------------------- */
/* ---------------------------------------- */

h1		{  font-size: 6.0rem; }
h3		{  font-size: 4.0rem; }
h4		{  font-size: 3.1rem; }
h6		{  font-size: 2.4rem; }
p		{  font-size: 1.3rem; }
small	{  font-size: 1.2rem; }

address { 
	font-size: 3.2rem;
}

address > img {
	width: unset !important;
	max-height: 20rem;
	margin: -0.8rem auto;
}

gallery > item {
	justify-content: center;
	align-items: center;
	display: flex;
	width: 50%;
}

gallery > item > img {
	max-width: 11.2rem !important;
}

gallery > item:nth-child(1) { transform: translate(-010%, -000%); }
gallery > item:nth-child(2) { transform: translate(-000%, -050%); }
gallery > item:nth-child(3) { transform: translate(+020%, +000%); }
gallery > item:nth-child(4) { transform: translate(+020%, -050%); }
gallery > item:nth-child(5) { transform: translate(-010%, -000%); }
gallery > item:nth-child(6) { transform: translate(+005%, -020%); }
gallery > item:nth-child(7) { transform: translate(+015%, +020%); }
gallery > item:nth-child(8) { transform: translate(+020%, +005%); }


/* ---------------------------------------- */
/* ----- >>> Navegation ------------------- */
/* ---------------------------------------- */

header .setWrapper,
footer .setWrapper {
	margin: 1.6rem auto;
}

nav > ul {
	font-size: 1.15rem;
	gap: 1.6rem;
}

header nav {
	width:  100%;
	height: 100%;
	position: fixed;
	color: rgba(var(--dark-color), 1.0);
	justify-content: center;
	align-items: center;
	background: #E3D6C4;
	display: none;
	left: 0;
	top: 0;
}

header nav > ul {
	font: 400 6.0rem/1.00em 'IvyOra', 	sans-serif;
	width: calc(100% - 4.0rem);
	flex-direction: column;
	text-transform: none;
	letter-spacing: 0;
	text-align: left;
}

section nav > ul {
	font-size: 3.2rem;
}

section nav > ul > li > a {
	padding: 4.0rem 2.0rem;
	position: relative;
}

section nav > ul > li a:after {
	width: 3.2rem;
	right: 2.0rem;
}

/* ---------------------------------------- */
/* ----- >>> Estudio ---------------------- */
/* ---------------------------------------- */

.isAbout img {
	max-width: 28rem;
}

.isAbout hero img {
	max-width: unset;
}

.isAbout h2 { font-size: 6.0rem; } 

.isAbout .isOFF {
	margin: -1.6rem auto 3.2rem auto;
	position: relative;
	max-width: 20rem;
	z-index: 50;
}


.setBox {
	margin: -9.6rem auto 9.6rem;
	padding: 9.6rem 0.0rem;
}

/* ---------------------------------------- */
/* ----- >>> Prensa ----------------------- */
/* ---------------------------------------- */

press > item {
	flex-direction: column;
	gap: 4.4rem;
}

press > item > div {
	width: 100%;
}

press > item > div > img {
	max-height: 24rem;
}

/* ---------------------------------------- */
/* ----- >>> Contacto --------------------- */
/* ---------------------------------------- */

info {
	width: 100%;
	padding: 12.8rem 0.0rem !important;
	margin-bottom: 19.2rem !important;
	flex-direction: column;
	align-items: center;
	position: relative;
	display: flex;
}

info > ul {
	flex-direction: column;
	gap: 9.6rem;
}

info > ul > li {
	background: #FBF9F4;
	width: 100%;
}

info > ul > li > p {
	margin-top: 1.2rem;
	font-size: 1.2rem;
}

info > img {
	max-width: 36rem;
}

/* ---------------------------------------- */

contact > div > ul:last-child {
	flex-direction: column;
	letter-spacing: 0.1em;
	align-items: center;
	font-size: 1.0rem;
	gap: 1.2rem;
}

contact > div > ul > li:nth-child(1) { order: 3; }

/* ---------------------------------------- */
/* ----- >>> General ---------------------- */
/* ---------------------------------------- */

.isMT000_M { margin-top:    00.0rem !important; }
.isMT008_M { margin-top:    00.8rem !important; }
.isMT016_M { margin-top:    01.6rem !important; }
.isMT032_M { margin-top:    03.2rem !important; }
.isMT024_M { margin-top:    02.4rem !important; }
.isMT048_M { margin-top:    04.8rem !important; }
.isMT064_M { margin-top:    06.4rem !important; } 
.isMT072_M { margin-top:    07.2rem !important; }
.isMT080_M { margin-top:    08.0rem !important; }
.isMT096_M { margin-top:    09.6rem !important; }
.isMT112_M { margin-top:    11.2rem !important; }
.isMT128_M { margin-top:    12.8rem !important; }
.isMT144_M { margin-top:    14.4rem !important; }
.isMT160_M { margin-top:    16.0rem !important; }
.isMT256_M { margin-top:    25.6rem !important; }

.isMB004_M { margin-bottom: 00.4rem !important; }
.isMB008_M { margin-bottom: 00.8rem !important; }
.isMB016_M { margin-bottom: 01.6rem !important; }
.isMB032_M { margin-bottom: 03.2rem !important; }
.isMB048_M { margin-bottom: 04.8rem !important; }
.isMB054_M { margin-bottom: 05.4rem !important; }
.isMB064_M { margin-bottom: 06.4rem !important; }
.isMB072_M { margin-bottom: 07.2rem !important; }
.isMB080_M { margin-bottom: 08.0rem !important; }
.isMB096_M { margin-bottom: 09.6rem !important; }
.isMB112_M { margin-bottom: 11.2rem !important; }
.isMB128_M { margin-bottom: 12.8rem !important; }
.isMB144_M { margin-bottom: 14.4rem !important; }
.isMB160_M { margin-bottom: 16.0rem !important; }
.isMB192_M { margin-bottom: 19.2rem !important; }
.isMB256_M { margin-bottom: 25.6rem !important; }

/* ---------------------------------------- */


hero {
	aspect-ratio: 1 / 1;
}

hero > p {
	width: calc(100% - 4.8rem);
}

/* ---------------------------------------- */

cover {
	flex-direction: column;
	min-height: 50dvh;
}

cover.isAlt  {
	flex-direction: column-reverse;
}

cover > h1 {
	margin-bottom: 4.8rem !important;
	font-size: 6.0rem;
	margin-top: auto;
}

cover > column {
	width:  100%;
	height: 50dvh;
}

cover > column > content {
	margin-bottom: 8.0rem !important;
	width: calc(100% - 4.0rem);
	text-align: center;
}

cover:not(.isNOT) > column:last-child {
	justify-content: center;
	align-items:  center;
}

cover:not(.isNOT) > column:last-child > content {
	margin-bottom: 0.0rem !important;
}

/* ---------------------------------------- */
/* ----- >>> Grid ------------------------- */
/* ---------------------------------------- */

grid {
	padding: 12.8rem 6.4rem;
	gap: 9.6rem;
}

grid > item:nth-child(1n),
grid > item:nth-child(2n) { align-items: center;  }

grid > item > card > swiper > items > item > img {
	max-height: 24rem;
	max-width: 100%;
}

grid > item.isAlt > card > swiper:before { transform: translate(-3.2rem, +1.6rem) rotate(+5deg) scale(0.8, 0.9); }
grid > item.isAlt > card > swiper:after  { transform: translate(+3.2rem, -3.2rem) rotate(-5deg) scale(0.8, 0.9); }

/* ---------------------------------------- */
/* ----- >>> Swiper ----------------------- */
/* ---------------------------------------- */

.setPrev,
.setNext {
	width:  2.0rem;
	height: 2.0rem;
}

.setPrev { left:  -4.8rem; }
.setNext { right: -4.8rem; }

/* ---------------------------------------- */
/* ----- >>> Icon Sets -------------------- */
/* ---------------------------------------- */

.isBND {
	width: 6.4rem;
}

/* ---------------------------------------- */
/* ----- >>> Menu Animation --------------- */
/* ---------------------------------------- */

.setMenu {
	display: block;
}

.fancybox__caption {
	padding: 0.0rem 4.8rem 4.8rem 4.8rem !important;
	text-align: center;
	font-size: 1.2rem;
}


}