/* ---------------------------------------- */
/* ----- >>> Layout: Mobile --------------- */
/* ---------------------------------------- */

@media (max-width: 640px) {

	html {
		font-size: 2.7778vw;
	}

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

	h1			{ font-size: 9.2rem; }
	h2			{ font-size: 4.8rem; }
	h3			{ font-size: 3.2rem; }
	h4			{ font-size: 2.4rem; }
	h5			{ font-size: 2.1rem; }
	h6			{ font-size: 1.6rem; }
	p, dd 		{ font-size: 1.2rem; }
	small 		{ font-size: 1.0rem; }
	blockquote  { font-size: 4.2rem; line-height: 0.9em; min-width: 100%;}

	blockquote span {
		display: block;
	}

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

	header .setWrapper,
	footer .setWrapper {
		width: calc(100% - 4.0rem);
		margin: 1.6rem auto;
		gap: 0.0rem;
	}

	footer .setWrapper {
		flex-direction: column;
		margin: 4.8rem auto;
		text-align: center;
		gap: 3.2rem;
	}

	nav {
		min-width: 100%;
	}

	nav > ul {
		font-size: 1.2rem;
	}

	nav > ul > li > a > span {
		font-size: 1.0rem;
	}

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

	header > nav {
		padding: 6.4rem 0.0rem;
	}

	header > nav > ul {
		justify-content: space-between;
		flex-direction: column;
		font-size: 1.1rem;
		gap: 3.2rem;
	}

	header > nav > ul:nth-child(1) { 
		margin-top: 3.2rem;
		font-size: 3.8rem;
	}

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

	footer nav:last-of-type > ul > li:last-child {
		text-transform: none;
		margin-top: 3.2rem;
	}

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

	.isStick section:first-of-type {
		margin-top: 6.4rem;
	}

	/* ---------------------------------------- */
	/* ----- >>> Section: Home ---------------- */
	/* ---------------------------------------- */

	.setIMGs {
		width:  calc(100% + 4.8rem);
		height: 42rem;
	}

	.setIMGs > li {
		position: absolute;
		opacity: 1;
	}

	.setIMGs > li:nth-child(1) { width: 35%; bottom: 000%; left: 000%; }
	.setIMGs > li:nth-child(2) { width: 35%; top: 	 000%; left: 015%; }
	.setIMGs > li:nth-child(3) { width: 35%; bottom: 005%; right: 00%; }


	/* ---------------------------------------- */
	/* ----- >>> Section: Info ---------------- */
	/* ---------------------------------------- */

	.isAddress > p {
		font-size: 1.6rem; 
	}

	.isAddress > p > span {
		font-size: 1.2rem;
	}

	.isAddress > p:first-of-type {
		margin-top: -1.0rem;
	}

	#isMap {
		aspect-ratio: 1 / 1;
	}

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

	.isFull { width: calc(100% - 00.0rem); margin: 0.0rem auto; }
	.isAuto { width: calc(100% - 04.0rem); margin: 9.6rem auto; }
	.isThir { width: calc(100% - 08.0rem); margin: 9.6rem auto; }

	.isFLX {
		flex-direction: column;
		text-align: center;
		gap: 6.4rem;
	}

	.isFLX h4 {
		font-size: 3.2rem;
	}

	.setHero > * {
		aspect-ratio: 9 / 16;
		object-fit: cover;
	}

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

	.isMRG00 { margin:   16rem auto !important;  }

	.isMT0   { margin-top:	  00.0rem !important; }
	.isMT8   { margin-top:	  00.8rem !important; }
	.isMT16  { margin-top:	  01.6rem !important; }
	.isMT32  { margin-top:	  03.2rem !important; }
	.isMT48  { margin-top:	  04.8rem !important; }
	.isMT64  { margin-top:	  06.4rem !important; } 
	.isMT72  { margin-top:	  07.2rem !important; }
	.isMT80  { margin-top:	  08.0rem !important; }
	.isMT96  { margin-top:	  09.6rem !important; }
	.isMT112 { margin-top:	  11.2rem !important; }
	.isMT128 { margin-top:	  12.8rem !important; }
	.isMT144 { margin-top:	  14.4rem !important; }
	.isMT160 { margin-top:	  16.0rem !important; }
	.isMT256 { margin-top:	  25.6rem !important; }

	.isMB0   { margin-bottom: 00.0rem !important; }
	.isMB8   { margin-bottom: 00.8rem !important; }
	.isMB16  { margin-bottom: 01.6rem !important; }
	.isMB32  { margin-bottom: 03.2rem !important; }
	.isMB48  { margin-bottom: 04.8rem !important; }
	.isMB64  { margin-bottom: 06.4rem !important; } 
	.isMB72  { margin-bottom: 07.2rem !important; }
	.isMB80  { margin-bottom: 08.0rem !important; }
	.isMB96  { margin-bottom: 09.6rem !important; }
	.isMB112 { margin-bottom: 11.2rem !important; }
	.isMB128 { margin-bottom: 12.8rem !important; }
	.isMB144 { margin-bottom: 14.4rem !important; }
	.isMB160 { margin-bottom: 16.0rem !important; }
	.isMB256 { margin-bottom: 25.6rem !important; }

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

	.setGrid[data-min="1"] .setItems > .setItem  { width: 100.000000%; }
	.setGrid[data-min="2"] .setItems > .setItem  { width: 50.000000%; }
	.setGrid[data-min="3"] .setItems > .setItem  { width: 33.323232%; }
	.setGrid[data-min="4"] .setItems > .setItem  { width: 25.000000%; }
	.setGrid[data-min="5"] .setItems > .setItem  { width: 20.000000%; }
	.setGrid[data-min="6"] .setItems > .setItem  { width: 16.666666%; }
	.setGrid[data-min="7"] .setItems > .setItem  { width: 14.285714%; }
	.setGrid[data-min="8"] .setItems > .setItem  { width: 12.500000%; }
	.setGrid[data-min="9"] .setItems > .setItem  { width: 11.111111%; }
	.setGrid[data-min="10"] .setItems > .setItem { width: 10.000000%; }

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

	.setSwiper {
		aspect-ratio: 1 / 1;
	}

	.setPrev,
	.setNext {
		width:  4.8rem;
		height: 1.2rem;
		margin-bottom: 0.25rem;
		bottom: 0;
	}

	.setPrev { left:  0; }
	.setNext { right: 0; }

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

	/*.setCard {
		position: relative;
		min-height: 60rem;
	}

	.setCard > div {
		border-left: var(--line-sizes);
		transform: translateY(calc(100% - 8.0rem));
		padding: 2.4rem 2.4rem;
		gap: 1.6rem;
		bottom: 0;
	}

	.setCard > div > p {
		margin-bottom: 1.6rem;
		font-size: 2.4rem;
	}

	.setCard > div > small {
		font-size: 1.2rem;
	}

	.setCard > div > .isPRC {
		font-size: 2.4rem;
	}*/

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

	.setColumns > div {
		width: 100%;
		min-height: 100vw;
	}

	.setColumns > div > *:not(img, p) {
		max-width:  85%;
	}

	.setColumns > div:nth-child(1)  { order: 1; }
	.setColumns > div:nth-child(2)  { order: 2; }
	.setColumns > div:nth-child(3)  { order: 3; }
	.setColumns > div:nth-child(4)  { order: 4; }
	.setColumns > div:nth-child(5)  { order: 5; }
	.setColumns > div:nth-child(6)  { order: 6; }
	.setColumns > div:nth-child(7)  { order: 7; }
	.setColumns > div:nth-child(8)  { order: 8; }
	.setColumns > div:nth-child(9)  { order: 9; }
	.setColumns > div:nth-child(10) { order: 10; }
	.setColumns > div:nth-child(11) { order: 11; }
	.setColumns > div:nth-child(12) { order: 12; }

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

	.setStripe,
	.setStripe > div {
		width: 100.00% !important;
		align-items: flex-start;
		flex-direction: column;
		text-align: left;
	}

	.setStripe > div {
		padding: 2.4rem 2.0rem;
		border: none;
		gap: 1.6rem;
	}

	.setStripe > div > *:not(p, a) {
		text-transform: uppercase;
		line-height: 1.0em;
		font-size: 3.2rem;
	}

	.setStripe > div:nth-child(2) { border-top: var(--line-sizes); }

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

	dl {
		margin-bottom: 0 !important;
		border-bottom: unset;
	}

	dl > dt {
		padding: 2.0rem 2.0rem;
		flex-direction: column;
		gap: 0.8rem;
	}

	dl > dt > * {
		font-size: 1.2rem;
		width: 100%;
	}

	dl > dt > *:nth-child(3) {
		position: absolute;
		right: 1.6rem;
	}

	dl > dt > *:nth-child(2) {
		width: 100%;
		nav-down: #F00;
		padding-right: 4.8rem;
		line-height: 1.25em;
		font-size: 2.0rem;
	}

	dl > dd {
		padding: 0.0rem 2.0rem 2.0rem 2.0rem; 
	}

	dl:not(.isAlt) > dt:after,
	dl.isAlt > dt > div:nth-child(3):after {
		font-size: 3.2rem;
		right: 0.0rem;
		top: 0.4rem;
	}

	dl.isAlt > dt > div:nth-child(3):after  {
		top: 0.0rem;
	}

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

	dl.isAlt dt > * {
		line-height: 2.4rem;
		font-size: 1.3rem;
	}

	dl.isAlt dt > *,
	dl.isAlt dt > *:nth-child(2) {
		width: 100%;
	}

	dl.isAlt dd {
		margin-left: unset;
		width: 100%;
	}

	dl.isAlt dd > div {
		flex-direction: column;
		margin-bottom: 0.0rem;
		gap: 1.6rem;

	}

	/* ---------------------------------------- */
	/* ----- >>> Video Player ----------------- */
	/* ---------------------------------------- */

	.setPlayer,
	.setPlayer video {
		aspect-ratio: 1.00 / 1.50;
		background: #000;
	}

	.setPlayer video {
		object-fit: cover;
	}

	.setPlayer .setPlay {
		width:  2.4rem;
		height: 2.4rem;
		bottom: 1.6rem;
		left:   1.6rem;
	}

	/* ---------------------------------------- */
	/* ----- >>> Instagram -------------------- */
	/* ---------------------------------------- */

	#isINS:before {
		width: 32rem;
		line-height: 0.80em;
		font-size: 4.8rem;
		opacity: 1;
	}

	/* ---------------------------------------- */
	/* ----- >>> Media Form ------------------- */
	/* ---------------------------------------- */

	.setButton {
		min-width: 6.4rem;
		padding: 0.0rem 1.2rem;
		line-height: 3.2rem;
		font-size: 1.0rem;
	}

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

	.isBND {
		transform: translateX(-0.8rem);
		width: 8.20rem;
		height: 2.4rem;
	}
	
	header .isBND{
		transform: translateX(0);
	}
	
	header .setButton{
		min-width: 9rem;
	}

	.isISO {
		width:  04.8rem;
		height: 06.4rem;
	}

	footer .isISO {
		width:  09.6rem;
		height: 12.8rem;
	}
	
/*	.menu-spacer{display:block;min-width:18vw}*/
	
	.booking-buttons{
		position: fixed !important;
		top: calc(100vh - 15.957vw);
		width: 100%;
		display: flex;
		justify-content: space-around;
		left:0;
		background:rgba(0,0,0,0.75);
		backdrop-filter: blur(0.6rem);
		padding:3vw 8%;
		height:15.957vw;
		margin-top:0 !important;
	}
	#isCart .booking-buttons{display:none;}
	
	div.booking-buttons > .exp-btn{position:initial !important;}
	div.booking-buttons > .setButton{opacity:1 !important }
	
	
	footer{padding-bottom: 15.957vw;}
	#isCart footer{padding-bottom: 0;}
	.person-value.button-group-container{min-width:fit-content;}
	
	.isFull .setSwiper .setBox{margin:auto;}
	.setSwiper .setItems .setItem{
		height:auto;
    	padding: 8% 8% calc(8% + 9vw);
	}
	
	.swiper-notification, .setNext, .setPrev{bottom:3vw;}
	.setNext{right:8%;}
	.setPrev{left:8%;}
	
	.label-person{font-style: italic;font-weight:normal;}
	
	.book-now.isStick section:first-of-type {
		margin-top: 9.4rem;
	  }
	
	body.terms-conditions h1{font-size:6.2rem;line-height:6.7rem}

/* ---------------------------------------- */
/* ----- >>> Amelia Booking --------------- */
/* ---------------------------------------- */

.amelia-v2-booking {
	margin-bottom: 3.2rem !important;
} 


.amelia-v2-booking #amelia-container * {
	font-size: 1.4rem !important;
}

.amelia-v2-booking #amelia-container .am-button {
	font-size: 1.1rem !important;
}

.amelia-v2-booking #amelia-container .am-fs__main-heading-inner-title {
	font-size: 2.4rem !important;
}

.amelia-v2-booking #amelia-container .am-fs__main .fc-scrollgrid-sync-table {
	height: 16em !important;
}

.amelia-v2-booking #amelia-container .am-fs__main .fc-daygrid-day-number {
	font-size: 1.6rem !important;
}

.amelia-v2-booking #amelia-container .am-advsc__slots-item-mobile .am-advsc__slots-item__inner {
	font-size: 1.2rem !important;
}

}