/*
@font-face { font-family: "Affogato"; src: url("../fonts/affogato-300.woff2") format("woff2"); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: "Affogato"; src: url("../fonts/affogato-500.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Affogato"; src: url("../fonts/affogato-900.woff2") format("woff2"); font-weight: 900; font-style: normal; font-display: swap; }
*/
@font-face { font-family: "Affogato"; src: url("../fonts/affogato-400.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Affogato"; src: url("../fonts/affogato-700.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }


:root {

	--olive: #8D7B2D;
  	--olive-l: #B5A254;

	--pastel: #DBD6CC;

	--text-font: "Affogato", tahoma, system-ui, sans-serif;

	--extra: 20px;

}

@media ( width > 1240px ){
	:root {
		--extra: calc( ( 100vw - 1200px ) / 2 );
	}
}


*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; border: 0; }

html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }

body { font: 400 16px/1.5 var(--text-font); color: #000; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow-x: clip; }

img, svg, video { display: block; max-width: 100%; }
	img { height: auto; }

a { text-decoration: none; transition: .3s all ease-out; }

ul { list-style-position: inside; }

small { font-size: .75rem; line-height: 1.2; }



.wrap { max-width: 1240px; margin-inline: auto; padding-inline: 20px; }


.cta { display: inline-flex; line-height: 1; padding: 12px 20px; background: var(--olive); color: #fff; font-weight: bold; text-transform: uppercase; border-radius: 20px; }
	.cta:hover { background: var(--olive-l); color: #000; }


.form {
	padding-block: 60px; position: relative; isolation: isolate;

	&::before,
	&::after { content: ''; display: block; position: absolute; z-index: -1; width: calc( var(--extra) + 100px ); height: 100%; top: 0; }
	&::before { background: url(../img/flower-pastel.webp) no-repeat 100% 100%; left: 0; }
	&::after { background: url(../img/flower-pastel.webp) no-repeat 100% 0; right: 0; rotate: 180deg; }

	.wrap { max-width: 940px; }

	form { display: flex; flex-wrap: wrap; gap: 20px; margin-top: 40px; }

	.field-wrap {
		flex: 0 0 calc( 50% - 10px ); border-bottom: 1px solid #000; display: flex; gap: 8px; align-items: center;

		label {
			color: #000; font-size: .875rem; padding: 4px 0; flex: 0 0 auto; cursor: pointer;

			abbr { text-decoration: none; }

			a {
				color: #000; text-decoration: underline;
				&:hover { color: var(--olive); }
			}
		}

		.text { background: transparent; padding: 4px 0; width: 100%; }

		&.field-nome { flex: 0 0 100%; }

		&.field-pp {
			border-bottom: 0;

			label {
				padding-left: 32px; position: relative;

				&::before,
				&::after { content: ''; display: block; position: absolute; }
				&::before { top: 2px; left: 2px; width: 20px; height: 20px; border: 1px solid #000; }
				&::after { top: 6px; left: 6px; width: 12px; height: 12px; background-color: #000; opacity: 0; transition: .3s opacity ease-out; }

			}
			input {
				display: none;

				&:checked + label::after { opacity: 1; }
			}
		}

		&.field-submit {
			border-bottom: 0;

			.submit-btn {
				display: flex; place-items: center; width: 100%; font: 700 1rem/1 var(--text-font); padding: 12px 20px; background: #000; color: #fff; text-transform: uppercase; border-radius: 20px; cursor: pointer; transition: .3s all ease-out;

				&:hover { background-color: var(--olive); color: #000; }
				&[disabled] { opacity: .5; pointer-events: none; }
				&.sending { color: transparent; pointer-events: none; background: #000 url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 38 38' xmlns='http://www.w3.org/2000/svg' stroke='%23fff'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(1 1)' stroke-width='2'%3E%3Ccircle stroke-opacity='.5' cx='18' cy='18' r='18'/%3E%3Cpath d='M36 18c0-9.94-8.06-18-18-18'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 18 18' to='360 18 18' dur='1s' repeatCount='indefinite'/%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center / auto 50%; transition: none; }
			}
		}

	}

	.form-output {
		flex: 0 0 100%;

		&.is-error { padding: 12px 20px; background: #BA1A1A; color: #fff; line-height: 1; border-radius: 20px; }
		&.is-success { padding: 12px 20px; background: #198754 ; color: #fff; line-height: 1; border-radius: 20px; }
	}

}

@media ( width < 600px ){
	.form {
		.field-wrap { flex: 0 0 100%; }
	}
}


/* Slick */
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block; width: 100%;}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}
.slick-track { display: flex !important; align-items: stretch; }
.slick-slide { height: auto !important; display: flex !important; flex-direction: column; }
.slick-slide > div { display: flex; flex: 1 1 auto; height: 100%; }


/* Colorbox */
#colorbox, #cboxOverlay, #cboxWrapper { position: absolute; top: 0; left: 0; z-index: 9999; overflow: hidden; -webkit-transform: translate3d(0, 0, 0); } #cboxWrapper { max-width: none; } #cboxOverlay { position: fixed; width: 100%; height: 100%; } #cboxMiddleLeft, #cboxBottomLeft { clear: left; } #cboxContent { position: relative; } #cboxLoadedContent { overflow: auto; -webkit-overflow-scrolling: touch; } #cboxTitle { margin: 0; } #cboxLoadingOverlay, #cboxLoadingGraphic { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor: pointer; } .cboxPhoto { float: left; margin: auto; border: 0; display: block; max-width: none; -ms-interpolation-mode: bicubic; } .cboxIframe { width: 100%; height: 100%; display: block; border: 0; padding: 0; margin: 0; } #colorbox, #cboxContent, #cboxLoadedContent { box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; } #cboxOverlay { background: #000; opacity: 0.9; filter: alpha(opacity=90); } #colorbox { outline: 0; } #cboxContent { margin-top: 32px; overflow: visible; background: #000; } .cboxIframe { background: #fff; } #cboxError { padding: 50px; border: 1px solid #ccc; } #cboxLoadedContent { background: #000; padding: 1px; } #cboxLoadingGraphic { background: url(loading.gif) no-repeat center center; } #cboxLoadingOverlay { background: #000; } #cboxTitle { position: absolute; top: -22px; left: 0; color: #fff; } #cboxCurrent { position: absolute; top: -22px; right: 205px; text-indent: -9999px; } #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose { border: 0; padding: 0; margin: 0; overflow: visible; text-indent: -9999px; width: 20px; height: 20px; position: absolute; top: -20px; background: url(controls.png) no-repeat 0 0; } /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */ #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active { outline: 0; } #cboxPrevious { background-position: 0px 0px; right: 44px; } #cboxPrevious:hover { background-position: 0px -25px; } #cboxNext { background-position: -25px 0px; right: 22px; } #cboxNext:hover { background-position: -25px -25px; } #cboxClose { background-position: -50px 0px; right: 0; } #cboxClose:hover { background-position: -50px -25px; } .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious { right: 66px; } .cboxSlideshow_on #cboxSlideshow { background-position: -75px -25px; right: 44px; } .cboxSlideshow_on #cboxSlideshow:hover { background-position: -100px -25px; } .cboxSlideshow_off #cboxSlideshow { background-position: -100px 0px; right: 44px; } .cboxSlideshow_off #cboxSlideshow:hover { background-position: -75px -25px; }


#topo {
	padding-block: 80px; background: url(../img/varandas.webp) no-repeat center / cover; position: relative; isolation: isolate; color: #fff; min-height: calc( 100vh - 80px ); display: flex; place-items: center;

	&::before { content: ''; display: block; position: absolute; inset: 0; background: rgba( 0 0 0 / 50% ); z-index: -1; }

	.wrap { display: flex; flex-wrap: wrap; align-items: center; gap: 80px; }

		.brand {
			flex: 0 0 calc( 50% - 40px ); display: flex; flex-direction: column; place-items: center;

			h1 { width: 240px; aspect-ratio: 240/215; font-size: 1px; color: transparent; background: url(../img/parc-monceau.webp) no-repeat center / contain; }

			h2 {
				font-size: 1.25rem; text-transform: uppercase; font-weight: 400; margin-top: 40px; line-height: 1;

				&::before { content: ''; display: block; width: 60px; height: 2px; background: #fff; margin: 0 auto 40px;  }
			}
		}

		.infos {
			flex: 0 0 calc( 50% - 40px ); display: flex; flex-direction: column; place-items: center;

			* + * { margin-top: 12px; }
			p { width: fit-content; text-align: center; }
			.mts {
				font-size: 4rem; color: var(--olive); padding-inline: 12px; font-weight: 700;

				&::after { content: ''; display: block; width: 100%; height: 1px; background-color: var(--olive); }
			}
			.qts { font-size: 2rem; text-transform: uppercase; font-weight: bold; }
			.lazer { font-size: 1.5rem; text-transform: uppercase; font-weight: bold; margin-top: 0; }
			.video a {
				display: inline-flex; line-height: 1; padding: 12px 40px; position: relative; place-items: center; gap: 40px; background: var(--olive); border-radius: 30px; color: #fff; font-weight: bold; text-transform: uppercase;

				&::before { content: ''; width: 0; height: 0; border-style: solid; border-width: 16px 0px 16px 32px; border-color: transparent transparent transparent #fff; transition: .3s all ease-out; }

				&:hover {
					background-color: var(--olive-l); color: #000;

					&::before { border-left-color: #000; }
				}
			}
		}

		.status {
			order: -1; flex: 0 0 100%; display: flex; flex-wrap: wrap; text-align: center; justify-content: center; gap: 12px 0; line-height: 1; letter-spacing: 4px; text-transform: uppercase; font-weight: 700;

			h3 { font-size: 1.5rem; }
			p { font-size: 1.5rem; }
			h3 + p { margin-left: 10px; border-left: 2px solid #fff; padding-left: 12px; }
			p + p { color: var(--olive); flex: 0 0 100%; }
		}

}

@media ( width < 1240px ){
	#topo { background-image: url(../img/varandas-dt.webp); }
}

@media ( width < 900px ){
	#topo {
		padding-block: 60px; background-image: url(../img/varandas-tb.webp);

		.wrap { gap: 60px; }

		.brand {
			h1 { width: 200px; }
		}

		.status {
			letter-spacing: 3px;
			h3 { font-size: 1.25rem; }
			p { font-size: 1.25rem; }
		}
	}
}

@media ( width < 600px ){
	#topo {
		padding-block: 40px;

		.wrap { gap: 40px; }

		.brand {
			flex: 0 0 100%;

			h1 { width: 160px; }
		}

		.infos { flex: 0 0 100%; }

		.status {
			letter-spacing: 2px;
			h3 { font-size: 1rem; flex: 0 0 100%; }
			p { font-size: 1rem; flex: 0 0 100%; }
			h3 + p { margin-left: 0; border-left: 0; padding-left: 0; }
		}
	}
}



#form {
	background: var(--pastel); transform: translateY( 40px ); opacity: 0; transition: .5s all ease-out;

	&.inview { transform: translateY( 0 ); opacity: 1; }

	h2 { text-align: center; }
}



#apice {
	padding-top: 60px; background: #000; color: #fff; transform: translateY( 40px ); opacity: 0; transition: .5s all ease-out;

	&.inview { transform: translateY( 0 ); opacity: 1; }

	.wrap { display: flex; flex-wrap: wrap; --gap: 80px; gap: 0 var(--gap); }

	.intro {
		flex: 0 0 calc( 50% - ( var(--gap) / 2 ) ); position: relative; z-index: 2;

		h2 { color: #fff; font-size: 2.25rem; text-transform: uppercase; max-width: 500px; }

		img { margin-top: 40px; }
	}

	.infos {
		flex: 0 0 calc( 50% - ( var(--gap) / 2 ) ); display: flex; flex-direction: column; justify-content: space-between;

		ul { margin-block: 40px; list-style: none; }
			li {
				font-weight: bold; padding-block: 8px;

				span { font-weight: 400; display: block; }

				& + li { border-top: 1px solid var(--olive); }
			}

		.book {
			align-self: flex-end; background: #fff; color: #000; padding-block: 60px; position: relative; isolation: isolate;

			&::before { content: ''; display: block; width: 100vw; height: 100%; background: #fff; z-index: -1; position: absolute; top: 0; right: calc( var(--extra) * -1 ); }

			p + p { margin-top: 20px; }
		}
	}
}

@media ( width < 900px ){
	#apice {
		.wrap { --gap: 60px; }
		.intro {
			h2 { font-size: 2rem; }
		}
	}
}

@media ( width < 600px ){
	#apice {
		.wrap {--gap: 40px; flex-direction: column; }

		.intro {
			display: contents;

			h2 { order: -2; font-size: 1.5rem; max-width: 330px; }

			img { margin-bottom: -50%; z-index: 3; }
		}

		.infos {
			display: contents;

			ul { order: -1; margin-bottom: 0; }

			.book { padding-block: calc( 50vw + 20px ) 40px; }
		}

	}
}



#galerias {
	padding-block: 60px; transform: translateY( 40px ); opacity: 0; transition: .5s all ease-out;

	&.inview { transform: translateY( 0 ); opacity: 1; }

	h2 { display: none; }

	#gallery-nav {
		display: flex; flex-wrap: wrap; justify-content: center; gap: 12px;

		a {
			display: inline-flex; line-height: 1; padding: 12px 20px; background: #fff; color: #000; border: 1px solid #000; font-weight: bold; text-transform: uppercase; border-radius: 20px;

			&:hover,
			&.active { background: var(--olive); border-color: var(--olive); color: #fff; }
		}
	}

	#gallery-full {
		margin-top: 40px;

		&:not( .slick-initialized ) { height: clamp( 320px, 56.25vw, 680px ); }

		.slide-item {
			p {
				color: #000; text-transform: uppercase; margin-top: 12px; width: fit-content;

				&::after { content: ''; display: block; width: calc( 100% - 20px ); height: 2px; background-color: #000; margin-top: 4px; }
			}
		}

		.slick-arrow {
			position: absolute; top: calc( 50% - 20px ); width: 40px; height: 40px; background: var(--pastel) url("data:image/svg+xml,%3Csvg width='21' height='12' viewBox='0 0 21 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.219669 4.99262C-0.0732231 5.28551 -0.0732231 5.76039 0.219669 6.05328L4.99264 10.8263C5.28553 11.1191 5.76041 11.1191 6.0533 10.8263C6.34619 10.5334 6.34619 10.0585 6.0533 9.76559L1.81066 5.52295L6.0533 1.28031C6.34619 0.987415 6.34619 0.512542 6.0533 0.219648C5.76041 -0.073245 5.28553 -0.073245 4.99264 0.219648L0.219669 4.99262ZM20.75 5.52295V4.77295L0.75 4.77295V5.52295V6.27295L20.75 6.27295V5.52295Z' fill='%23000'/%3E%3C/svg%3E") no-repeat 50% 52% / 50% auto; font-size: 1px; color: transparent; border-radius: 50%; z-index: 9; cursor: pointer; transition: .3s all ease-out;

			&:hover { background: var(--olive) url("data:image/svg+xml,%3Csvg width='21' height='12' viewBox='0 0 21 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.219669 4.99262C-0.0732231 5.28551 -0.0732231 5.76039 0.219669 6.05328L4.99264 10.8263C5.28553 11.1191 5.76041 11.1191 6.0533 10.8263C6.34619 10.5334 6.34619 10.0585 6.0533 9.76559L1.81066 5.52295L6.0533 1.28031C6.34619 0.987415 6.34619 0.512542 6.0533 0.219648C5.76041 -0.073245 5.28553 -0.073245 4.99264 0.219648L0.219669 4.99262ZM20.75 5.52295V4.77295L0.75 4.77295V5.52295V6.27295L20.75 6.27295V5.52295Z' fill='%23fff'/%3E%3C/svg%3E") no-repeat 50% 52% / 50% auto; }

			&.slick-prev { left: 20px; }
			&.slick-next { right: 20px; rotate: 180deg; }
		}
	}
}



#wellness {
	position: relative; isolation: isolate; background: var(--pastel) url(../img/wellness.webp) no-repeat 50% 80px / contain; transform: translateY( 40px ); opacity: 0; transition: .5s all ease-out;

	&.inview { transform: translateY( 0 ); opacity: 1; }

	&::before { content: ''; display: block; position: absolute; z-index: -1; width: calc( var(--extra) + 80px ); height: 25%; background: url(../img/flower-olive.webp) no-repeat 100% -240px; top: 0; left: 0; }

	& > .wrap {
		padding-block: 200px 60px; max-width: 1000px;

		h2 {
			font-size: 4rem; text-transform: uppercase; font-weight: 400; color: var(--olive); text-align: center; width: fit-content; margin-inline: auto; line-height: 1;

			span { display: block; text-transform: none; font-size: 2rem; text-align: right; }
		}

		h3 { font-size: 2rem; text-transform: uppercase; color: var(--olive); text-align: center; margin-top: 40px; }
		h3 + p { margin-top: 20px; text-align: center; }

		.media {
			margin: 40px auto 0; display: flex; gap: 20px; align-items: center; max-width: 660px;

			img { flex: 0 0 150px; border-radius: 50%; }

			.media-content { flex: 1 1 100%; }

		}
	}

	.items {

		h3 { display: none; }

		.item {
			position: relative; isolation: isolate;

			&::before {
				content: ''; display: block; position: absolute; inset: 0; width: 100%; height: 100%; background: linear-gradient(270deg, rgba(0, 0, 0, 0.70) 0%, rgba(0, 0, 0, 0.00) 35%, rgba(0, 0, 0, 0.70) 70% ); z-index: -1;
			}

			.wrap {
				padding: 100px 580px 100px 20px; display: flex; flex-direction: column;

				h4 { margin-inline: auto; width: fit-content; font-size: 1.5rem; text-transform: uppercase; line-height: 1; color: var(--olive); padding: 12px 20px; background-color: var(--pastel); border-radius: 24px; margin-top: -24px; min-width: 200px; text-align: center; }
				img { order: -1; border-radius: 20px; box-shadow: 0 4px 10px 15px rgba(0, 0, 0, 0.25); }
				p { color: #fff; margin-top: 40px; }
			}

			video { position: absolute; inset: 0; width: 100%; height: 100%; z-index: -2; object-fit: cover; }

			.bg { position: absolute; inset: 0; width: 100%; height: 100%; z-index: -2; object-fit: cover; }
		}

		.slick-arrow {
			position: absolute; bottom: 20px; width: 40px; height: 40px; border: 1px solid #fff; background: url("data:image/svg+xml,%3Csvg width='21' height='12' viewBox='0 0 21 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.219669 4.99262C-0.0732231 5.28551 -0.0732231 5.76039 0.219669 6.05328L4.99264 10.8263C5.28553 11.1191 5.76041 11.1191 6.0533 10.8263C6.34619 10.5334 6.34619 10.0585 6.0533 9.76559L1.81066 5.52295L6.0533 1.28031C6.34619 0.987415 6.34619 0.512542 6.0533 0.219648C5.76041 -0.073245 5.28553 -0.073245 4.99264 0.219648L0.219669 4.99262ZM20.75 5.52295V4.77295L0.75 4.77295V5.52295V6.27295L20.75 6.27295V5.52295Z' fill='%23fff'/%3E%3C/svg%3E") no-repeat 50% 51% / 50% auto; font-size: 1px; color: transparent; border-radius: 50%; z-index: 9; cursor: pointer; transition: .3s all ease-out;

			&:hover { background: #fff url("data:image/svg+xml,%3Csvg width='21' height='12' viewBox='0 0 21 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.219669 4.99262C-0.0732231 5.28551 -0.0732231 5.76039 0.219669 6.05328L4.99264 10.8263C5.28553 11.1191 5.76041 11.1191 6.0533 10.8263C6.34619 10.5334 6.34619 10.0585 6.0533 9.76559L1.81066 5.52295L6.0533 1.28031C6.34619 0.987415 6.34619 0.512542 6.0533 0.219648C5.76041 -0.073245 5.28553 -0.073245 4.99264 0.219648L0.219669 4.99262ZM20.75 5.52295V4.77295L0.75 4.77295V5.52295V6.27295L20.75 6.27295V5.52295Z' fill='%23000'/%3E%3C/svg%3E") no-repeat 50% 51% / 50% auto; }

			&.slick-prev { left: 50%; transform: translateX(-210px); }
			&.slick-next { right: 50%; transform: translateX(-210px); rotate: 180deg; }
		}

		.slick-dots {
			position: absolute; display: block; bottom: 20px; height: 40px; left: 0; width: 100%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; list-style: none; gap: 0 8px;

			button {
				display: block; appearance: none; width: 12px; height: 12px; font-size: 1px; color: transparent; border: 1px solid #fff; cursor: pointer; border-radius: 50%; transition: .3s all ease-out;

				&:hover { background: var(--olive); }
			}

			.slick-active button { background: #000; }
		}
	}

	.slides:not( .slick-initialized ) {
		display: flex; overflow-x: auto; scroll-snap-type: x mandatory;

		.item { flex: 0 0 100vw; scroll-snap-align: center; }
	}
}

@media ( width < 1200px ){
	#wellness {
		.items {
			.item {
				.wrap { padding-right: calc( 50% - 20px ); }
			}
		}
	}
}

@media ( width < 992px ){
	#wellness {
		& > .wrap {
			h2 {
				font-size: 3rem;

				span { font-size: 1.5rem; }
			}

			h3 { font-size: 1.5rem; }
		}
		.items {
			.item {
				.wrap { padding-right: calc( 40% - 20px ); }
			}
		}
	}
}

@media ( width < 768px ){
	#wellness {
		& > .wrap {
			h2 {
				font-size: 2.5rem;

				span { font-size: 1.25rem; }
			}
			h3 { font-size: 1.25rem; }
		}
		.items {
			.item {
				.wrap { padding-right: calc( 25% - 20px ); }
			}
		}
	}
}

@media ( width < 600px ){
	#wellness {
		&::before { display: none; }
		& > .wrap {
			padding-top: 60px;

			h2 {
				max-width: 320px;

				span { text-align: center; }
			}
		}
		.items {
			.item {
				.wrap { padding-right: 20px; }
			}
		}
	}
}

@media ( width < 480px ){
	#wellness {
		.items {
			.slick-arrow {
				&.slick-prev { left: 20px; transform: translateX(0); }
				&.slick-next { right: 20px; transform: translateX(0); }
			}
			.slick-dots { width: calc( 100% - 140px ); margin-left: 70px; }
		}
	}
}



#atts {
	padding-block: 60px; transform: translateY( 40px ); opacity: 0; transition: .5s all ease-out;

	&.inview { transform: translateY( 0 ); opacity: 1; }

	.wrap {
		display: flex; flex-wrap: wrap; gap: 20px;

		h2 { display: none; }

		input {
			display: none;

			&:checked + label { background: #000; color: #fff; }
			&:checked + label + .tab-content { display: block; }
		}

		label {
			order: -1; cursor: pointer; display: inline-flex; line-height: 1; padding: 12px 20px; background: var(--olive); color: #fff; font-weight: bold; text-transform: uppercase; border-radius: 20px; transition: .3s all ease-out;

			&:hover { background: #000; color: #fff; }
		}

		.tab-content {
			flex: 0 0 100%; display: none;

			h3 { font-size: 3rem; text-transform: uppercase; color: var(--olive); }
			h4 { font-size: 2rem; color: var(--olive); line-height: 1.2; }
			h5 { font-size: 1.5rem; margin-top: 40px; }
			ul, p, figure { margin-top: 20px; }
			ul { columns: 3; column-gap: 40px; }
			li { break-inside: avoid; }
			img { border-radius: 20px; }
			figcaption { font-size: .875rem; margin-top: 8px; }
		}
	}

}

@media ( width < 900px ){
	#atts {
		.wrap {
			.tab-content {
				ul { columns: 2; column-gap: 20px;  }
			}
		}
	}
}

@media ( width < 600px ){
	#atts {
		.wrap {
			.tab-content {
				ul { columns: 1; column-gap: 0;  }
			}
		}
	}
}



#reserva-jardins {
	background: #000; position: relative; isolation: isolate; transform: translateY( 40px ); opacity: 0; transition: .5s all ease-out;

	&.inview { transform: translateY( 0 ); opacity: 1; }

	&::before { content: ''; display: block; position: absolute; z-index: -1; width: calc( var(--extra) - 20px ); height: 100%; background: url(../img/flower-olive.webp) no-repeat 100% -240px; top: 0; left: 0; }

	.wrap { display: flex; }

	.intro {
		flex: 0 0 50%; padding: 120px 40px 120px 0; color: #fff;

		h2 { display: block; width: 175px; height: 93px; font-size: 1px; color: transparent; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='175' height='93' viewBox='0 0 175 93' fill='none'%3E%3Cg clip-path='url(%23clip0_315_495)'%3E%3Cpath d='M48.1355 3.8548C48.1355 1.83715 46.9427 1.01978 45.3887 1.01978L43.4299 1.08237V6.73033H45.5128C46.8478 6.73033 48.1391 5.81355 48.1391 3.8548M47.0229 7.40411L49.1459 11.5241H47.975L45.9943 7.66921C45.8921 7.68762 45.7717 7.68762 45.6696 7.68762H43.4263V11.5204H42.3976V0.121403C43.4883 0.058811 44.3564 0.0404017 45.4471 0.0183105C47.0229 0.0183105 49.1459 0.854092 49.1459 3.89162C49.1459 5.74728 48.1975 6.91075 47.0229 7.40043' fill='white'/%3E%3Cpath d='M56.7223 0.103027V11.5241H63.1459V10.5632H57.7108V6.58678H61.7707V5.62949H57.7108V1.06031H63.1459V0.103027H56.7223Z' fill='white'/%3E%3Cpath d='M69.8942 8.72968L70.8426 8.46459C70.963 9.54705 71.8531 10.5853 73.3267 10.5853C74.9026 10.5853 75.7124 9.66855 75.7124 8.50509C75.7124 5.62956 70.0547 6.46534 70.0547 2.87553C70.0547 1.24447 71.5284 0 73.3888 0C75.2491 0 76.5586 1.20397 76.7629 2.73194L75.8327 2.99703C75.6503 1.71206 74.5597 0.997783 73.4289 0.997783C71.9552 0.997783 71.1272 2.01766 71.1454 2.89394C71.1855 5.64797 76.7629 4.81219 76.7629 8.54191C76.7629 10.1325 75.6722 11.6199 73.3486 11.6199C71.2475 11.6199 70.0146 10.092 69.8942 8.72232' fill='white'/%3E%3Cpath d='M84.3575 0.103027V11.5241H90.7848V10.5632H85.3497V6.58678H89.4096V5.62949H85.3497V1.06031H90.7848V0.103027H84.3575Z' fill='white'/%3E%3Cpath d='M103.833 3.8548C103.833 1.83715 102.64 1.01978 101.086 1.01978L99.1272 1.08237V6.73033H101.21C102.541 6.73033 103.836 5.81355 103.836 3.8548M102.724 7.40411L104.847 11.5241H103.676L101.695 7.66921C101.593 7.68762 101.473 7.68762 101.371 7.68762H99.1272V11.5204H98.0948V0.121403C99.1855 0.058811 100.054 0.0404017 101.144 0.0183105C102.72 0.0183105 104.843 0.854092 104.843 3.89162C104.843 5.74728 103.895 6.91075 102.72 7.40043' fill='white'/%3E%3Cpath d='M110.906 0.121528L114.703 11.5242H115.713L119.511 0.121528L118.482 0.0626185L115.21 9.87108L111.934 0.0405273L110.906 0.121528Z' fill='white'/%3E%3Cpath d='M128.382 1.12302L130.545 8.07805H126.241L128.382 1.12302ZM127.733 0.162056L124.158 11.5206H125.168L125.938 9.01324H130.826L131.596 11.5206H132.606L129.05 0.0810547L127.736 0.162056H127.733Z' fill='white'/%3E%3Cpath d='M104.931 90.9197H70.0657V93.0036H104.931V90.9197Z' fill='white'/%3E%3Cpath d='M142.681 24.186C144.206 24.186 145.446 25.4121 145.446 26.9253V64.1783C145.446 64.3771 145.169 64.4287 145.096 64.2446L129.378 23.7368H122.013V24.1897C123.538 24.1897 124.778 25.4157 124.778 26.929V66.4721C124.778 67.9854 123.541 69.2114 122.013 69.2114V69.6643H128.794V69.2446C127.269 69.2446 126.029 68.0185 126.029 66.5053V29.0276C126.029 28.8288 126.31 28.7773 126.379 28.9651L142.025 69.668H149.462V69.2151C147.937 69.2151 146.697 67.989 146.697 66.4758V26.929C146.697 25.4157 147.934 24.1897 149.462 24.1897V23.7368H142.681V24.1897V24.186Z' fill='white'/%3E%3Cpath d='M105.778 23.8982H106.015C107.583 23.8982 108.856 25.1574 108.856 26.7111V66.107C108.856 67.6607 107.583 68.9199 106.015 68.9199H105.778V69.3728H116.083V68.9199C114.514 68.9199 113.241 67.6607 113.241 66.107V26.7111C113.241 25.1574 114.514 23.8982 116.083 23.8982V23.4453H105.778V23.8982Z' fill='white'/%3E%3Cpath d='M99.6634 41.7337V62.5804C99.6634 65.6658 97.1391 68.4198 94.0276 68.4198H89.4534C89.1214 68.4198 88.8515 68.1511 88.8515 67.8234V25.5704C88.8515 25.239 89.1214 24.9739 89.4534 24.9739H93.1412C96.7306 24.9739 99.6634 27.8826 99.6634 31.4356V41.7301V41.7337ZM93.4002 23.7332H81.3882V24.186C83.0881 24.186 84.4633 25.552 84.4633 27.2346V66.0303C84.4633 67.7129 83.0844 69.0789 81.3882 69.0789V69.6606H94.0276C100.254 69.6606 103.424 64.6607 103.424 58.4899V35.5261C103.424 29.0387 99.9479 23.7332 93.4002 23.7332Z' fill='white'/%3E%3Cpath d='M12.8947 23.7332V24.186H13.1318C14.7004 24.186 15.9734 25.4452 15.9734 26.999V30.2095V63.1842C15.9734 66.1113 13.7811 68.6813 10.8411 68.9316C7.49974 69.2188 4.69828 66.6194 4.69828 63.3683V56.1151C4.69828 55.5996 5.11777 55.1836 5.6394 55.1836V54.7307H0V55.1836C0.517978 55.1836 0.941115 55.5996 0.941115 56.1151V58.4899C0.941115 64.8264 4.36634 69.9294 10.8374 69.6496C16.2032 69.4213 20.358 64.8816 20.358 59.5613V26.999C20.358 25.4452 21.6311 24.186 23.1996 24.186V23.7332H12.8947Z' fill='white'/%3E%3Cpath d='M30.1595 45.8538L35.1459 26.0896L40.1324 45.8538H30.1595ZM49.6201 67.3705L39.038 24.1014L38.9797 23.8657H32.2168V24.3186C33.2783 24.3186 34.0552 25.309 33.7926 26.3252L23.5242 66.2549C23.2032 67.5289 22.0506 69.2041 20.7264 69.2041V69.657H26.3512V69.2041C25.2934 69.2041 24.5128 67.4294 24.7718 66.4133L29.8458 47.0946H40.4461L45.221 67.3411C45.4581 68.2873 44.7358 69.2078 43.7509 69.2078V69.6606H52.8301V69.2078H51.9984C50.8749 69.2078 49.8973 68.4493 49.6238 67.3705' fill='white'/%3E%3Cpath d='M170.838 48.9576L162.248 42.0358C159.96 40.1911 158.085 36.2921 158.085 33.3687V30.2023C158.085 27.2347 160.351 24.639 163.349 24.4475C166.632 24.2377 169.361 26.8076 169.361 30.0108V33.8841C169.361 34.3996 168.941 34.8156 168.419 34.8156V35.2685H174.055V34.8156C173.537 34.8156 173.114 34.3996 173.114 33.8841V33.122C173.114 29.1088 171.174 25.46 167.296 24.2745C159.545 21.9107 153.694 27.5734 153.694 34.8782V35.1433C153.694 38.4496 155.813 42.8642 158.403 44.9518L166.446 51.4319C168.792 53.7514 169.93 56.0894 170.448 58.0592C171.316 61.3508 170.36 64.9369 167.865 67.2749C166.814 68.2616 165.592 68.8397 164.093 68.9354C160.81 69.1453 158.082 66.5753 158.082 63.3721V59.4657C158.082 58.9502 158.501 58.5342 159.023 58.5342V58.0813H153.387V58.5342C153.902 58.5342 154.325 58.9318 154.354 59.4399C154.675 65.2904 158.042 69.8632 164.133 69.646C170.243 69.4324 174.996 64.2815 174.996 58.2359C174.996 54.8781 173.468 51.071 170.834 48.9503' fill='white'/%3E%3Cpath d='M61.074 30.5152C61.074 27.6212 63.0839 25.0108 65.9583 24.488C69.5404 23.84 72.6629 26.5461 72.6629 29.9776V42.2087C72.6629 45.1137 70.4231 47.4996 67.5633 47.7683H61.074V30.5152ZM61.074 66.0672V50.9826C61.074 49.6019 62.2012 48.4826 63.5946 48.4753C65.5607 48.4679 67.9682 48.4605 67.9828 48.4605C67.9938 48.4605 68.0047 48.4679 68.0193 48.4679C68.3841 48.4421 68.9093 48.3722 69.5623 48.2065C69.555 48.2065 69.5477 48.2028 69.5404 48.1991C74.4065 47.0136 77.0438 42.3707 77.0438 37.0615V33.7515C77.0438 28.7626 72.9583 24.1235 67.939 23.7221C65.5644 23.5344 63.3393 24.0866 61.4497 25.1544C61.2491 25.2685 60.9974 25.1802 60.9172 24.9666L60.4429 23.6816H53.9427V24.1676C55.6425 24.1676 57.0177 25.5336 57.0177 27.2162V66.0635C57.0177 67.7461 55.6389 69.1121 53.9427 69.1121V69.6091H64.1454V69.1121C62.4456 69.1121 61.0704 67.7461 61.0704 66.0635' fill='white'/%3E%3Cpath d='M71.4048 66.9905C71.6455 67.9367 70.9196 68.8572 69.9347 68.8572V69.31H79.0139V68.8572H78.1823C77.0588 68.8572 76.0812 68.0987 75.8076 67.0199L70.9816 47.2815L66.8889 47.7417L71.4048 66.9905Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_315_495'%3E%3Crect width='175' height='93' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat center / contain; }
		p { color: white; margin-top: 20px; }
	}

	.video {
		flex: 0 0 50%; position: relative;

		video { position: absolute; top: 0; left: 0; height: 100%; width: calc( 100% + var(--extra) ); max-width: calc( 100% + var(--extra) ); object-fit: cover; }
	}
}

@media ( width < 768px ){
	#reserva-jardins {
		&::before { display: none; }

		.wrap { flex-direction: column; padding: 0; }
		.intro {
			padding: 60px 20px; flex: 1 1 auto;

			h2 { margin-inline: auto; }
			p { text-align: center; }
		}
		.video {
			flex: 1 1 auto;

			video { position: relative; unset: all; height: 56.25%; width: 100%; max-width: 100%; }
		}
	}
}



#localizacao {
	background: var(--pastel); position: relative; isolation: isolate; transform: translateY( 40px ); opacity: 0; transition: .5s all ease-out;

	&.inview { transform: translateY( 0 ); opacity: 1; }

	&::before { content: ''; display: block; width: calc( 300px + var(--extra) ); height: 100%; background: url(../img/montanhas.webp) no-repeat center / cover; position: absolute; top: 0; right: 0; z-index: -1; }

	.wrap { display: flex; padding-block: 60px; }

	.intro {
		flex: 0 0 50%; padding-right: 40px; align-self: center;

		h2 {
			font-size: 2.5rem; font-weight: 700; line-height: 1.2; text-transform: uppercase;

			&::after { content: ''; display: block; width: 50%; height: 2px; background: var(--olive); margin-top: 20px; }
		}

		p { margin-top: 20px; }
	}

	.image {
		flex: 0 0 50%;

		img { display: block; border: 20px solid #fff; box-shadow: 0 4px 6px rgba(0 0 0/ .5); }
	}

}

@media ( width < 768px ){
	#localizacao {

		&::before { height: calc( 300px + var(--extra) ); width: 100%; top: auto; bottom: 0; }

		.wrap { flex-direction: column; }

		.intro {
			flex: 1 1 auto; padding-right: 0;

			h2 { font-size: 2rem; }
		}

		.image {
			flex: 1 1 auto; margin-top: 40px;

			img { margin-inline: auto; }
		}

	}
}

@media ( width < 600px ){
	#localizacao {
		&::before { height: calc( 50vw + var(--extra) ); }
	}
}



#equipe {
	background: var(--olive); padding-block: 60px; text-align: center; color: #fff; transform: translateY( 40px ); opacity: 0; transition: .5s all ease-out;

	&.inview { transform: translateY( 0 ); opacity: 1; }

	h2 { font-size: 2.5rem; line-height: 1.2; font-weight: 700; text-transform: uppercase; color: #fff; text-align: center; max-width: 600px; margin-inline: auto; }

	.items {
		display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 40px; gap: 40px;

		.item {
			flex: 0 0 calc( 25% - 30px ); display: flex; flex-direction: column; align-items: center;

			h3 { font-size: 1.25rem; line-height: 1.2; font-weight: 700; color: #fff; }
			p { order: -1; margin-top: 20px; }
			img { order: -2; border: 2px solid #fff; border-radius: 50%; }
		}
	}
}

@media ( width < 900px ){
	#equipe {

		h2 { font-size: 2rem; }

		.items {
			justify-content: center;

			.item { flex: 0 0 320px; }
		}
	}
}

@media ( width < 720px ){
	#equipe {
		.items {
			gap: 40px 20px;

			.item { flex: 0 0 calc( 50% - 10px ); }
		}
	}
}

@media ( width < 600px ){
	#equipe {
		h2 { font-size: 1.5rem; }
	}
}

@media ( width < 480px ){
	#equipe {
		.items {
			.item { flex: 0 0 100%; }
		}
	}
}



#cadastro {
	background: #000; transform: translateY( 40px ); opacity: 0; transition: .5s all ease-out;

	&.inview { transform: translateY( 0 ); opacity: 1; }

	h2 { color: var(--olive); text-align: center; }

	.field-wrap {
		border-bottom-color: #fff;

		label { color: #fff; }

		.text { color: #fff; }

		&.field-pp {
			label {
				&::before { border-color: #fff; }
				&::after { background-color: #fff; }
				a {
					color: #fff;
					&:hover { color: var(--olive); }
				}
			}
		}

		&.field-submit {
			.submit-btn {
				background: #fff; color: #000;

				&:hover { background-color: var(--olive); color: #000; }
				&.sending { background: #fff url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 38 38' xmlns='http://www.w3.org/2000/svg' stroke='%23000'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(1 1)' stroke-width='2'%3E%3Ccircle stroke-opacity='.5' cx='18' cy='18' r='18'/%3E%3Cpath d='M36 18c0-9.94-8.06-18-18-18'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 18 18' to='360 18 18' dur='1s' repeatCount='indefinite'/%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center / auto 50%; }
			}
		}
	}
}

@media ( width < 1200px ){
	#cadastro {
		&::before,
		&::after { opacity: .25; }
	}
}



#foot {
	padding-block: 60px;

	.wrap { display: flex; flex-wrap: wrap; gap: 40px; }

	.logos {
		flex: 0 0 calc( 50% - 20px ); display: flex; gap: 20px; justify-content: end; align-items: start;

		.patrimar {
			order: 2;

			figcaption { text-transform: uppercase; font-size: .5rem; text-align: center; padding-bottom: 12px; }
		}

		.esg { margin-top: 20px; }

	}

	.vizinho {
		order: -1; flex: 0 0 calc( 50% - 20px );

		p { font-size: 1.25rem; max-width: 430px; }
		p + p { margin-top: 20px; }
		p a {
			display: block; color: #000;
			&:hover { color: var(--olive); }
		}
	}

	.legal { flex: 0 0 100%; font-size: .75rem; }
}