@import url("https://use.typekit.net/fwy1lhj.css");

:root {
	--page-w: 75.5rem;

	--fon-t: "ofelia-text", sans-serif;
	--fon-h: "ofelia-text", sans-serif;

	--sca-t: 1rem;
	--sca-h: 1rem;
	--sca-lh: 1em;
	--sca-mar: 1rem;
	--sca-pad: 2.5rem;

	--ratio: .5;

	--fon-w1: 400;
	--fon-w5: 400;
	--fon-w7: 600;
	--fon-w9: 600;

	--col-dar: #0C4659;
	--col-dar-op25: #0C465955;
	--col-bg: #faf7f7;
	--col-lig: #F8F0F0;
	--col-sep: #F8F0F0;
	--col-pri: #7FBCCB;
	--col-pri-op75: #7FBCCBBF;
	--col-pri-bg: #5792a0;
	--col-acc: #7FBCCB;
	--col-acc-bg: #5792a0;

	--col-red: #F03D3E;
	--col-gre: #007B40;

	--col-grad-v: linear-gradient(180deg, var(--col-dar) 0%, var(--col-pri) 100%);

	--rad-s: .25rem;
	--rad-m: .25rem;
	--rad-l: .5rem;
	--rad-bt: .25rem;

	--sha-s: none;
	--sha-m: none;
	--sha-l: none;
	--sha-i: inset 0 .125rem .25rem 0 var(--col-dar-op25);

	--ani-f: all 500ms cubic-bezier(.7,0,.3,1);
}

.bt {
	font-weight: 600;
}

#top {
	text-align: center;
	background: #073746;
	padding: .375rem 0;
}
#top img {
	display: block;
	width: 17.5rem;
	max-width: 75%;
	margin: 0 auto;
}

.header {
	position: sticky;
	padding: 1rem 0;
	color: var(--col-bg);
	background: var(--col-dar);
}
.branding img {
	height: 3.5rem;
	margin: 0;
}
.header a,
.header .bt {
	line-height: 2.5rem;
}
.header ul {
	margin-top: .375rem;
}
.section.featured {
	margin-top: 0;
	position: relative;
	overflow: hidden;
}
.featured video {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	object-fit: cover;
}
.featured:after {
	content: '';
	position: absolute;
	inset: 0;
	z-index: 2;
	background: var(--col-dar);
	opacity: .4;
}
.featured .content {
	position: relative;
	z-index: 99;
}
.featured .content h1 {
	font-weight: 400;
	margin-bottom: 2rem;
	font-size: 4.5vw;
}
.featured .content h1 strong {
	display: block;
}
.featured .content p {
	line-height: 1.4em;
	max-width: 30em;
	margin: 0 auto;
}
.featured .bt {
	z-index: 99;
}
.main h6 {
	font-weight: normal;
	letter-spacing: .5em;
	text-transform: uppercase;
	margin-bottom: 1.25rem;
}
.main .bg h6 {
	color: var(--col-dar);
}
.main h2 {
	font-weight: 400;
}
.main h2 + p {
	max-width: 40em;
	margin-left: auto;
	margin-right: auto;
}

.main {
	padding-top: 0;
}
#unidades {
	padding: 5rem 0 1.5rem;
	position: relative;
	text-align: center;
	background-image: url("data:image/svg+xml,%3Csvg width='182' height='133' viewBox='0 0 182 133' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.0004 45.8996C11.7004 45.7996 11.7004 45.3996 12.0004 45.2996C27.3004 39.4996 39.5004 27.2996 45.4004 11.9996C45.5004 11.6996 45.9004 11.6996 46.0004 11.9996C51.9004 27.2996 64.1004 39.4996 79.4004 45.3996C79.7004 45.4996 79.7004 45.8996 79.4004 45.9996C69.8004 49.5996 61.5004 55.7996 55.1004 63.5996C55.8004 64.5996 56.5004 65.4996 57.2004 66.3996C65.2004 56.1996 76.9004 48.8996 90.2004 46.4996C90.7004 46.3996 90.9004 45.9996 90.9004 45.6996C90.9004 45.2996 90.7004 44.9996 90.2004 44.8996C68.0004 40.8996 50.5004 23.4996 46.5004 1.29961C46.4004 0.799609 46.0004 0.599609 45.7004 0.599609C45.3004 0.599609 45.0004 0.799609 44.9004 1.29961C40.9004 23.4996 23.4004 40.8996 1.20039 44.8996C0.300391 45.0996 0.300391 46.3996 1.20039 46.5996C14.5004 48.9996 26.2004 56.2996 34.2004 66.4996C34.9004 65.5996 35.6004 64.5996 36.3004 63.6996C29.9004 55.6996 21.6004 49.5996 12.0004 45.8996Z' fill='%23F8F0F0'/%3E%3Cpath d='M45.7004 132.2C46.1004 132.2 46.4004 132 46.5004 131.5C50.5004 109.3 68.0004 91.9004 90.2004 87.9004C90.7004 87.8004 90.9004 87.4004 90.9004 87.1004C90.9004 86.7004 90.7004 86.4004 90.2004 86.3004C76.9004 83.9004 65.2004 76.6004 57.2004 66.4004C51.9004 73.2004 48.1004 81.3004 46.5004 90.1004C46.4004 90.6004 46.0004 90.8004 45.7004 90.8004C45.3004 90.8004 45.0004 90.6004 44.9004 90.1004C43.3004 81.3004 39.5004 73.2004 34.2004 66.4004C26.2004 76.6004 14.5004 83.9004 1.20039 86.3004C0.300391 86.5004 0.300391 87.8004 1.20039 88.0004C23.4004 92.0004 40.9004 109.4 44.9004 131.6C45.0004 132 45.3004 132.2 45.7004 132.2Z' fill='%23F8F0F0'/%3E%3Cpath d='M45.7002 90.7996C46.1002 90.7996 46.4002 90.5996 46.5002 90.0996C48.1002 81.2996 51.9002 73.1996 57.2002 66.3996C56.5002 65.4996 55.8002 64.4996 55.1002 63.5996C51.3002 68.2996 48.2002 73.5996 46.0002 79.3996C45.9002 79.6996 45.5002 79.6996 45.4002 79.3996C43.2002 73.5996 40.1002 68.2996 36.3002 63.5996C35.6002 64.5996 34.9002 65.4996 34.2002 66.3996C39.5002 73.1996 43.3002 81.2996 44.9002 90.0996C45.0002 90.4996 45.3002 90.7996 45.7002 90.7996Z' fill='%23F8F0F0'/%3E%3Cpath d='M44.8998 42.6008C43.4998 50.2008 40.4998 57.3008 36.2998 63.5008C40.0998 68.2008 43.1998 73.5008 45.3998 79.3008C45.4998 79.6008 45.8998 79.6008 45.9998 79.3008C48.1998 73.5008 51.2998 68.2008 55.0998 63.5008C50.8998 57.3008 47.8998 50.3008 46.4998 42.6008C46.3998 41.7008 44.9998 41.7008 44.8998 42.6008Z' fill='%23F8F0F0'/%3E%3Cpath d='M91.6004 87.9004C113.8 91.9004 131.3 109.3 135.3 131.5C135.4 132 135.8 132.2 136.1 132.2C136.5 132.2 136.8 132 136.9 131.5C140.9 109.3 158.4 91.9004 180.6 87.9004C181.1 87.8004 181.3 87.5004 181.3 87.1004C181.3 86.7004 181.1 86.4004 180.6 86.3004C167.3 83.9004 155.6 76.6004 147.6 66.4004C146.9 67.3004 146.2 68.3004 145.5 69.2004C151.9 77.0004 160.2 83.1004 169.8 86.8004C170.1 86.9004 170.1 87.3004 169.8 87.4004C154.5 93.2004 142.3 105.5 136.4 120.8C136.3 121.1 135.9 121.1 135.8 120.8C129.9 105.5 117.7 93.3004 102.4 87.4004C102.1 87.3004 102.1 86.9004 102.4 86.8004C112 83.2004 120.3 77.0004 126.7 69.2004C126 68.2004 125.3 67.3004 124.6 66.4004C116.6 76.6004 104.9 83.9004 91.6004 86.3004C91.1004 86.4004 90.9004 86.8004 90.9004 87.1004C90.9004 87.4004 91.2004 87.8004 91.6004 87.9004Z' fill='%23F8F0F0'/%3E%3Cpath d='M90.9004 45.6004C90.9004 46.0004 91.1004 46.3004 91.6004 46.4004C104.9 48.8004 116.6 56.1004 124.6 66.3004C129.9 59.5004 133.7 51.4004 135.3 42.6004C135.4 42.1004 135.8 41.9004 136.1 41.9004C136.5 41.9004 136.8 42.1004 136.9 42.6004C138.5 51.4004 142.3 59.5004 147.6 66.3004C155.6 56.1004 167.3 48.8004 180.6 46.4004C181.1 46.3004 181.3 46.0004 181.3 45.6004C181.3 45.2004 181.1 44.9004 180.6 44.8004C158.4 40.8004 140.9 23.4004 136.9 1.20039C136.7 0.300391 135.4 0.300391 135.2 1.20039C131.2 23.4004 113.7 40.8004 91.5004 44.8004C91.2004 44.9004 90.9004 45.2004 90.9004 45.6004Z' fill='%23F8F0F0'/%3E%3Cpath d='M135.9 53.4C136 53.1 136.4 53.1 136.5 53.4C138.7 59.2 141.8 64.5 145.6 69.2C146.3 68.2 147 67.3 147.7 66.4C142.4 59.6 138.6 51.5 137 42.7C136.9 42.2 136.5 42 136.2 42C135.8 42 135.5 42.2 135.4 42.7C133.8 51.5 130 59.6 124.7 66.4C125.4 67.3 126.1 68.3 126.8 69.2C130.6 64.5 133.7 59.1 135.9 53.4Z' fill='%23F8F0F0'/%3E%3Cpath d='M135.9 53.4008C133.7 59.2008 130.6 64.5008 126.8 69.2008C131 75.4008 134 82.4008 135.4 90.1008C135.6 91.0008 136.9 91.0008 137.1 90.1008C138.5 82.5008 141.5 75.4008 145.7 69.2008C141.9 64.5008 138.8 59.2008 136.6 53.4008C136.4 53.1008 136 53.1008 135.9 53.4008Z' fill='%23F8F0F0'/%3E%3C/svg%3E%0A");
}
.gallery {
	font-size: 0;
	padding: .5rem;
	margin-top: 5rem;
	white-space: nowrap;
	overflow-x: scroll;
	scroll-behavior: smooth;
}
.gallery picture {
	display: inline-block;
	vertical-align: top;
	margin: 0 .5rem!important;
}
.gallery picture img {
	display: block;
	width: auto;
	height: 60vh;
}
.gallery::-webkit-scrollbar {
  height: .75rem;
}
.gallery::-webkit-scrollbar-track {
  background: transparent;
}
.gallery::-webkit-scrollbar-thumb {
  background: var(--col-acc);
  border-radius: 1rem;
  box-shadow: inset 0 0 0 .125rem var(--col-lig);
}
.gallery::-webkit-scrollbar-thumb:hover {
  background: var(--col-pri);
}
.gallery.thumbs {
	margin-top: 1rem;
}
.gallery.thumbs picture {
	margin: 0 .25rem;
}
.gallery.thumbs img {
	width: 4rem!important;
	height: 4rem!important;
	object-fit: cover;
}
.gallery.thumbs picture.active img {
	box-shadow: 0 0 0 .125rem var(--col-bg), 0 0 0 .25rem var(--col-acc);
}

#comodidades {
	margin-top: 0;
}
#comodidades .col:nth-child(1) {
	position: sticky;
	top: 9rem;
}
#comodidades .icon {
	display: block;
	height: 5rem;
}
#desconecta h3,
#desconecta p {
	max-width: 40rem;
	text-wrap: balance;
	margin-left: auto;
	margin-right: auto;
	text-shadow: 0 .25rem 1rem rgba(0,0,0,.2), 0 .125rem .125rem rgba(0,0,0,.25);
}

#parque-termal .gallery.thumbs {
	margin-bottom: 5rem;
}
#parque-termal .gallery img {
	height: 40vh;
}
#parque-termal .col {
	text-align: left;
}
#parque-termal .col h4 {
	font-weight: 400;
	margin-bottom: 1.5rem;
}
#parque-termal .col h4 strong {
	font-weight: 600;
}
#parque-termal .col li {
	margin-bottom: 1em;
}

#como-llegar iframe {
	height: 70vh;
	border-radius: 1rem;
}
#como-llegar h5 i {
	color: var(--col-acc);
}

#contacto h4 {
	font-weight: 400;
	margin-bottom: 2rem;
}
.form .field input,
.form .field textarea {
	background: #fff;
}

.footer {
	padding-top: 0;
	color: var(--col-bg);
	background: var(--col-dar);
	text-align: center;
}
.footer img {
	display: block;
	width: 10rem;
	max-width: 50%;
	margin: 0 auto 1rem;
	transform: translateY(-16%);
}
.footer p {
	display: block;
	line-height: 2em;
	margin-bottom: 3rem;
}
.footer .azuite {
	float: none;
}

@media (max-width: 960px) {
	:root {
		--sca-pad: 1.5rem;
		--ratio: .375;
	}
	.bt-menu {
		right: 2.5rem;
	}
	.header nav {
		border: none;
		background: var(--col-acc-bg);
	}
	.section.featured {
		margin-top: 0;
		padding-top: 3rem;
		height: calc(100vh - 14rem);
	}
	.featured .content {
		top: calc(50vh - 4.5rem);
	}
	.featured .content h1 {
		font-size: 2.75rem;
		text-wrap: balance;
	}
	.gallery picture img {
		aspect-ratio: 1 / 1;
		object-fit: cover;
	}
	.gallery::-webkit-scrollbar {
		height: 0;
	}
	.footer p {
		text-wrap: balance;
	}

}