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

/* 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 Theme */
/*@charset 'UTF-8';*/ .slick-loading .slick-list{background:#fff url(images/loading.gif) center center no-repeat}.slick-next,.slick-prev{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;padding:0;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:transparent;border:none;outline:0;background:0 0}.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover{color:transparent;outline:0;background:0 0}.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}.slick-next:before,.slick-prev:before{font-family:slick;font-size:20px;line-height:1; -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-prev{left:-25px}[dir=rtl] .slick-prev{right:-25px;left:auto}.slick-prev:before{content:'←'}[dir=rtl] .slick-prev:before{content:'→'}.slick-next{right:-25px}[dir=rtl] .slick-next{right:auto;left:-25px}.slick-next:before{content:'→'}[dir=rtl] .slick-next:before{content:'←'}.slick-dots{position:absolute;bottom:-25px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:0;background:0 0}.slick-dots li button:focus,.slick-dots li button:hover{outline:0}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}.slick-dots li button:before{font-family:slick;font-size:40px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'•';text-align:center;opacity:.25;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{opacity:1;font-size: 40px; color:#fff}
*, *::before, *::after { margin: 0; padding: 0; border: 0; outline: 0; box-sizing: border-box; }



@font-face { font-family: 'Gotham'; src: url(../fonts/gotham/GothamPro.eot); src: url(../fonts/gotham/GothamPro.woff2) format("woff2"), url(../fonts/gotham/GothamPro.woff) format("woff"), url(../fonts/gotham/GothamPro.ttf) format("truetype"), url(../fonts/gotham/GothamPro.svg#GothamPro) format("svg"), url(../fonts/gotham/GothamPro.eot?#iefix) format("embedded-opentype"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Gotham'; src: url(../fonts/gotham/GothamPro-Bold.eot); src: url(../fonts/gotham/GothamPro-Bold.woff2) format("woff2"), url(../fonts/gotham/GothamPro-Bold.woff) format("woff"), url(../fonts/gotham/GothamPro-Bold.ttf) format("truetype"), url(../fonts/gotham/GothamPro-Bold.svg#GothamPro-Bold) format("svg"), url(../fonts/gotham/GothamPro-Bold.eot?#iefix) format("embedded-opentype"); font-weight: bold; font-style: normal; font-display: swap; }


/* https://use.typekit.net/cyl2sbw.css */
@font-face { font-family:"ivyjournal"; src:url("https://use.typekit.net/af/3f4c5d/00000000000000007735c08c/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"),url("https://use.typekit.net/af/3f4c5d/00000000000000007735c08c/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"),url("https://use.typekit.net/af/3f4c5d/00000000000000007735c08c/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype"); font-display:auto;font-style:italic;font-weight:400;font-stretch:normal; }
@font-face { font-family:"ivyjournal"; src:url("https://use.typekit.net/af/dd4ac9/00000000000000007735c090/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3") format("woff2"),url("https://use.typekit.net/af/dd4ac9/00000000000000007735c090/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3") format("woff"),url("https://use.typekit.net/af/dd4ac9/00000000000000007735c090/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3") format("opentype"); font-display:auto;font-style:italic;font-weight:600;font-stretch:normal; }


:root {
	--gray: #3a3a3a;

	--green: #243F2E;
		--green-l: #8DB529;

	--yellow-l: #F2E9D3;

	--gotham: "Gotham", tahoma, sans-serif;

	--ivy: "ivyjournal", sans-serif;

	--extra: 20px;
}

@media ( min-width: 1200px ){
  :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: 16px/1.5 var(--gotham); color: var(--gray); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow-x: clip; display: flex; flex-direction: column; overflow-x: hidden; }

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

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

a, button, input[type="radio"], input[type="checkbox"], input[type="submit"], label, select { cursor: pointer; transition: all .3s ease-out; }

ul { list-style-position: inside; }

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

abbr { text-decoration: none; }



.wrap { width: 100%; max-width: 1240px; padding: 0 20px; margin: 0 auto; position: relative; z-index: 3; }

.row { display: flex; flex-wrap: wrap; --gap: 0px; gap: var(--gap) 0; width: calc(100% + var(--gap)); }
	.row.m-gap { --gap: 20px; }
	.col { width: calc(100% - var(--gap)); margin-right: var(--gap); }

@media ( min-width: 600px ){
	.w-1of2-tb { width: calc(50% - var(--gap)); }
}

@media ( min-width: 900px ) {
	.w-1of2-dt { width: calc(50% - var(--gap)); }
	.w-1of3-dt { width: calc(33.33% - var(--gap)); }
	.w-2of3-dt { width: calc(66.66% - var(--gap)); }
}



.form-output {
	color: #fff; width: 100%;

	&.is-error { padding: 8px 20px; background-color: #e53935; }

	&.is-success { padding: 8px 20px; background-color: #43a047; }
}


#head {
	padding-block: 120px; background: url(../img/piscina.webp) no-repeat center / cover; position: relative; isolation: isolate;

	&::before { content: ''; display: block; position: absolute; inset: 0; width: 100%; height: 100%; background: linear-gradient(70deg, #101E15 0%, rgba(19, 35, 25, 0.84) 25%, rgba(24, 43, 31, 0.61) 40%, rgba(36, 63, 46, 0.00) 60%); z-index: -1; }

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

	.intro {
		flex: 0 0 calc( 100% - 400px ); display: flex; flex-direction: column; gap: 40px;

		h1 { width: 200px; aspect-ratio: 5/3; font-size: 1px; color: transparent; background: url(../img/grand-quartier-fff.svg) no-repeat center / contain; }

		h2 { font: normal 2rem/1 var(--gotham); color: #fff; text-transform: uppercase; max-width: 390px; }

		h2 + p {  max-width: 390px; color: #fff; font-size: 1.5rem; text-align: right; padding-right: 20px; background: url(../img/head-mude-se-bg.svg) no-repeat 100% 50% / contain; margin-top: -40px; }

		.preco {
			width: 400px; aspect-ratio: 40/11; background: url(../img/valor-desconto.svg) no-repeat center / contain;

			* { font-size: 1px; color: transparent; overflow: clip; }
		}

		.especificacoes {
			display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; gap: 8px 40px; max-width: 680px; position: relative;

			&::before { content: ''; display: block; width: 2px; height: 80%; position: absolute; top: 10%; left: calc( 50% - 1px ); background: #fff; }

			p:nth-child(1) { font: italic 3rem/1 var(--ivy); color: var(--green-l); text-align: center; }
			p:nth-child(2) { grid-column-start: 1; grid-row-start: 2; color: #fff; font-size: 1.25rem; text-transform: uppercase; text-align: center; }
			p:nth-child(3) {
				grid-row: span 2 / span 2; grid-column-start: 2; grid-row-start: 1; color: #fff; font-size: 1.5rem; line-height: 1.2; place-content: center; max-width: 270px;

				strong { font-family: var(--ivy); font-style: italic; color: var(--green-l); }
			}

		}

	}

	.form {
		flex: 0 0 360px; background: rgba( 0 0 0 / 70% ); backdrop-filter: blur(10px); padding: 20px; border-radius: 20px; align-self: start;

		h2 { font: normal 1.5rem/1.2 var(--gotham); color: #fff; text-align: center; }

		form { margin-top: 20px; display: flex; flex-direction: column; gap: 20px; }

		.field-wrap {

			&:where( .nome, .email, .tel ) {
				border: 1px solid #fff; border-radius: 8px; position: relative;

				label { display: block; position: absolute; top: -12px; left: 12px; font-size: .75rem; color: #fff; background: var(--green); padding: 4px 8px; text-transform: uppercase; }

				input { width: 100%; background: transparent; color: #fff; padding: 28px 12px 16px; }
			}

			&.pp {

				input { display: none; }

				label {
					display: block; font-size: .875rem; padding-left: 24px; position: relative; color: #fff;

					a {
						color: #fff; text-decoration: underline;

						&:hover { color: var(--green-l); }
					}

					&::before,
					&::after { content: ''; display: block; position: absolute; }

					&::before { top: 4px; left: 0; width: 16px; height: 16px; border-radius: 8px; border: 1px solid #fff; }

					&::after { top: 8px; left: 4px; width: 8px; height: 8px; background: #fff; border-radius: 4px; opacity: 0; transition: all .3s ease-out; }
				}

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

			&.submit {
				.submit-btn {
					display: block; width: 100%; padding: 12px 20px; background: var(--green-l); color: #fff; text-transform: uppercase; border-radius: 20px; font-weight: bold;

					&:hover { background: var(--green); }
					&[disabled] { opacity: .5; pointer-events: none; }
					&.sending { pointer-events: none; color: transparent; background: var(--green) 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; opacity: 1; }

				}

				& > div { display: none !important; }
			}

		}

	}

	@media ( width < 1280px ){
		& { background-image: url(../img/piscina-dt.webp); padding-block: 80px; }
	}

	@media ( width < 900px ){

		& { background: none; padding: 0; }

		&::before { display: none; }

		.wrap { flex-direction: column; padding: 0; gap: 0; }

		.intro {
			flex: 1 1 auto; padding: 60px 20px; background: url(../img/piscina-tb.webp) no-repeat center / cover; position: relative; isolation: isolate;

			&::before { content: ''; display: block; position: absolute; inset: 0; width: 100%; height: 100%; background: linear-gradient(70deg, #101E15 0%, rgba(19, 35, 25, 0.84) 30%, rgba(24, 43, 31, 0.61) 50%, rgba(36, 63, 46, 0.00) 75%); z-index: -1; }


			h1 { width: 150px; }
			h2 { font-size: 1.5rem; max-width: 290px; }
			h2 + p { font-size: 1.25rem; max-width: 290px; }
			.preco { width: 100%; max-width: 320px; }
			.especificacoes {
				max-width: 500px;

				p:nth-child(1) { font-size: 2rem; }
				p:nth-child(2) { font-size: 1rem; }
				p:nth-child(3) { font-size: 1.25rem; }
			}
		}

		.form {
			flex: 1 1 auto; background: var(--green); padding: 40px 20px; width: 100%; border-radius: 0;
		}

	}

	@media ( width < 600px ){
		.intro {
			.especificacoes {
				display: flex; flex-direction: column; gap: 20px;

				&::before { display: none; }

				p { text-align: left !important; }

				p:nth-child(3) { font-size: 1.25rem; }

			}
		}
	}
}



#nav {
	position: fixed; right: 20px; top: 100px; z-index: 99;

	ul { list-style: none; display: flex; flex-direction: column; gap: 12px; }

	a {
		position: relative; display: flex; align-items: flex-end; justify-content: center; width: 48px; height: 48px; border-radius: 8px; box-shadow: 0 4px 8px 3px rgba(0, 0, 0, 0.15), 0 1px 3px 0 rgba(0, 0, 0, 0.30); transition: all .3s ease-out;

		&:hover { background-color: var(--green) !important; }

		& > span { position: absolute; top: 0; right: calc(100% + 10px); height: 48px; display: flex; align-items: center; justify-content: center; font-size: .75rem; text-transform: capitalize; transform: translateX(48px); opacity: 0; visibility: hidden; transition: all .3s ease-out; z-index: 2; color: white; background: var(--green); width: fit-content; padding: 8px 20px; border-radius:8px; text-align: center; }

		&:hover > span { transform: translateX(0); opacity: 1; visibility: visible; }

	}

	.cadastro { display: none; }

	.whatsapp a { background: var(--green-l) url("data:image/svg+xml,%3Csvg width='29' height='30' viewBox='0 0 29 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.4999 0C11.9614 0.000688933 9.46746 0.690573 7.26744 2.0007C5.06743 3.31083 3.23837 5.19531 1.96308 7.4658C0.687779 9.73628 0.0109135 12.3132 0.000130873 14.9391C-0.0106518 17.565 0.645026 20.1478 1.90163 22.4294L0.595912 27.1565C0.510696 27.4651 0.506812 27.7917 0.584663 28.1024C0.662513 28.4131 0.819266 28.6966 1.03868 28.9236C1.25809 29.1505 1.53218 29.3126 1.83255 29.3931C2.13291 29.4736 2.44863 29.4696 2.74698 29.3814L7.31692 28.0309C9.24628 29.1688 11.4025 29.833 13.6193 29.9724C15.8362 30.1117 18.0543 29.7225 20.1027 28.8348C22.1511 27.947 23.9749 26.5844 25.4336 24.8521C26.8923 23.1197 27.9469 21.064 28.5159 18.8433C29.085 16.6227 29.1533 14.2965 28.7157 12.0442C28.278 9.79192 27.3461 7.6737 25.9918 5.85294C24.6375 4.03218 22.897 2.55753 20.9045 1.54274C18.912 0.527951 16.7208 0.000133111 14.4999 0ZM14.4999 28.798C12.1041 28.7997 9.75216 28.133 7.69189 26.8681C7.62396 26.8262 7.54847 26.7992 7.47007 26.7887C7.39167 26.7782 7.31201 26.7844 7.23601 26.8069L2.42827 28.2277C2.32882 28.2571 2.2236 28.2584 2.12349 28.2316C2.02339 28.2047 1.93204 28.1506 1.85892 28.075C1.7858 27.9993 1.73357 27.9048 1.70763 27.8013C1.68169 27.6977 1.68299 27.5889 1.71139 27.486L3.08483 22.513C3.10654 22.4343 3.1125 22.352 3.10233 22.2709C3.09215 22.1898 3.06607 22.1117 3.02567 22.0414C1.52316 19.4229 0.900047 16.3639 1.25341 13.3409C1.60676 10.3179 2.91675 7.50061 4.97929 5.32799C7.04183 3.15537 9.74111 1.74938 12.6566 1.32904C15.5722 0.908696 18.5403 1.49761 21.0985 3.00403C23.6568 4.51045 25.6615 6.84979 26.8006 9.65765C27.9396 12.4655 28.1488 15.5842 27.3958 18.5279C26.6427 21.4716 24.9696 24.075 22.6371 25.9326C20.3046 27.7902 17.4436 28.7976 14.4999 28.798ZM21.8241 17.7802L18.8574 16.0267C18.589 15.8682 18.2847 15.7865 17.9757 15.7899C17.6667 15.7933 17.3641 15.8817 17.099 16.046L15.097 17.2885C13.8851 16.6534 12.9006 15.6349 12.2866 14.3813L13.4878 12.3104C13.6466 12.0362 13.7321 11.7232 13.7353 11.4035C13.7386 11.0839 13.6596 10.7691 13.5064 10.4915L11.8113 7.42268C11.6729 7.17284 11.4732 6.96519 11.2324 6.82067C10.9917 6.67615 10.7183 6.59987 10.4399 6.59954C9.21242 6.59984 8.03503 7.10315 7.16543 7.99931C6.29583 8.89546 5.80485 10.1115 5.79994 11.3812C5.79767 13.0372 6.11103 14.6775 6.72211 16.2081C7.33318 17.7388 8.22997 19.1298 9.36119 20.3017C10.4924 21.4735 11.8359 22.4032 13.3147 23.0375C14.7936 23.6718 16.3788 23.9983 17.9797 23.9983H17.9971C19.2246 23.9933 20.4002 23.4854 21.2666 22.5859C22.133 21.6864 22.6196 20.4684 22.6199 19.1987C22.6195 18.9107 22.5458 18.6279 22.4061 18.3789C22.2664 18.1299 22.0656 17.9233 21.8241 17.7802ZM17.9955 22.7984H17.9799C16.5314 22.7984 15.0972 22.503 13.7591 21.9292C12.4211 21.3553 11.2056 20.5142 10.1821 19.454C9.15861 18.3938 8.34721 17.1352 7.79432 15.7504C7.24143 14.3655 6.95789 12.8815 6.95993 11.3832C6.96392 10.4312 7.33233 9.51963 7.98454 8.84798C8.63674 8.17634 9.51961 7.79933 10.4399 7.79945C10.5138 7.79955 10.5864 7.8198 10.6504 7.85816C10.7143 7.89653 10.7674 7.95166 10.8042 8.01799L12.4992 11.0869C12.5503 11.1795 12.5766 11.2844 12.5755 11.3909C12.5745 11.4974 12.546 11.6018 12.4931 11.6932L11.1316 14.0402C11.0834 14.1232 11.0554 14.217 11.0499 14.3136C11.0444 14.4102 11.0616 14.5068 11.1 14.595C11.857 16.3378 13.2057 17.7329 14.8905 18.5159C14.9758 18.5556 15.0692 18.5734 15.1626 18.5677C15.256 18.562 15.3467 18.533 15.4269 18.4832L17.6957 17.0748C17.7841 17.02 17.8849 16.9906 17.988 16.9895C18.091 16.9883 18.1924 17.0156 18.2819 17.0684L21.2486 18.822C21.3127 18.86 21.366 18.9149 21.4031 18.981C21.4402 19.0471 21.4598 19.1222 21.4599 19.1987C21.46 20.1506 21.0955 21.0638 20.4463 21.7385C19.797 22.4131 18.9158 22.7942 17.9955 22.7984Z' fill='white'/%3E%3C/svg%3E") no-repeat center / 24px; }

	.chat a { background: var(--green-l) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M20 2H4C2.9 2 2 2.9 2 4V22L6 18H20C21.1 18 22 17.1 22 16V4C22 2.9 21.1 2 20 2ZM20 16H6L4 18V4H20V16Z' fill='white'/%3E%3C/svg%3E") no-repeat center / 24px; }

	@media ( width < 900px ){

		& { inset: auto 20px 20px auto; }

		.cadastro { display: block; }

		.cadastro a { background: var(--green-l) url("data:image/svg+xml,%3Csvg clip-rule='evenodd' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m19 20.25c0-.402-.356-.75-.75-.75-2.561 0-11.939 0-14.5 0-.394 0-.75.348-.75.75s.356.75.75.75h14.5c.394 0 .75-.348.75-.75zm-7.403-3.398 9.124-9.125c.171-.171.279-.423.279-.684 0-.229-.083-.466-.28-.662l-3.115-3.104c-.185-.185-.429-.277-.672-.277s-.486.092-.672.277l-9.143 9.103c-.569 1.763-1.555 4.823-1.626 5.081-.02.075-.029.15-.029.224 0 .461.349.848.765.848.511 0 .991-.189 5.369-1.681zm-3.27-3.342 2.137 2.137-3.168 1.046zm.955-1.166 7.651-7.616 2.335 2.327-7.637 7.638z' fill-rule='nonzero' fill='white'/%3E%3C/svg%3E") no-repeat center / 24px; }

	}

	@media ( width < 600px ){

		& { inset: auto 0 0 0; width: 100%; }

		ul { flex-direction: row; flex-wrap: wrap; gap: 0; box-shadow: 0 0 8px 8px rgba( 0 0 0 / 50% ); }
			li { flex: 0 0 50%; }
				.cadastro {
					flex: 0 0 100%; border-bottom: 1px solid var(--green);

					a {
						background-image: none; background-color: var(--green);

						& > span { position: relative; inset: 0; opacity: 1; transform: translateX(0); visibility: visible; background: transparent; text-transform: uppercase; font-weight: bold; }
					}
				}
				.whatsapp { border-right: 1px solid var(--green); }
				a { width: 100%; border-radius: 0; box-shadow: none; }
	}

}



#status {
	order: -1; background: var(--green); padding: 14px 20px;

	h2 { color: #fff; font: normal 1.5rem/1 var(--gotham); text-transform: uppercase; text-align: center; }

	@media ( width < 900px ){
		h2 { font-size: 1.25rem; }
	}

	@media ( width < 600px ){
		h2 {
			font-size: 1rem;

			span:first-of-type { display: block; color: transparent; width: 0; }
		}
	}

}


#beneficios {
	background: var(--yellow-l); padding: 80px 20px 60px;

	.wrap { border: 1px solid var(--green); border-radius: 40px; padding: 40px; }

	h2 { font-size: 2rem; color: var(--green); width: fit-content; text-align: center; padding-inline: 20px; background-color: var(--yellow-l); margin: -66px auto 0; }

	ul { list-style: none; display: flex; justify-content: center; gap: 80px; margin-top: 40px; }
		li {
			flex: 0 0 200px; font-size: 1.25rem; font-weight: bold; color: var(--green); text-align: center;

			&::before { content: ''; display: block; width: 100px; aspect-ratio: 1/1; margin: 0 auto 20px; }
				&:nth-child(1):before { background: url(../img/money-bag.webp) no-repeat center; }
				&:nth-child(2):before { background: url(../img/condominio.webp) no-repeat center; }
				&:nth-child(3):before { background: url(../img/tax.webp) no-repeat center; }
		}

	@media ( width < 992px ){
		h2 { font-size: 1.5rem; margin-top: -60px; }
		ul { gap: 40px; }
	}

	@media ( width < 768px ){
		h2 { max-width: 320px; }
		ul { gap: 20px; flex-wrap: wrap; }
			li { flex: 0 0 160px; font-size: 1rem; }
	}

}


#qualidade-de-vida {
	padding-block: 100px; background: var(--green) url(../img/textura-verde.webp) no-repeat center / cover; position: relative; isolation: isolate;

	&::before,
	&::after { content: ''; display: block; width: calc( 200px + var(--extra) ); position: absolute; z-index: -1; }
	&::before { bottom: 0; left: 0; height: 92px; background: url(../img/grafismo-2.webp) no-repeat 0 0; }
	&::after { bottom: 0; right: 0; height: 100%; background: url(../img/grafismo-1.webp) no-repeat 0 0; }

	.txt { padding-right: 40px; align-self: center; }
		h2 { display: none; }
		p { color: #fff; }

	.img { position: relative; }
		img { width: calc( 100% + var(--extra) ); max-width: calc( 100% + var(--extra) ); border-radius: 240px 0 0 0; }

	@media ( width < 600px ){
		& { padding-block: 80px; }
		&::after { opacity: .1; }
		.txt { padding-right: 0; }
	}
}


#sucesso {
	padding-block: 60px;

	h2 {
		font-size: 2rem; text-align: center; color: var(--green); text-transform: uppercase;

		strong { font-size: 200%; }
	}

	img { border-radius: 240px 0 240px 0; margin-top: 20px; }
		figcaption { margin-top: 8px; font-size: .75rem; }

	.row { margin-top: 20px; }
		h3 { font-size: 2rem; font-weight: normal; color: var(--green); text-transform: uppercase; max-width: 400px; }
		p + p { margin-top: 20px; }

	@media ( width < 900px ){
		h2 { font-size: 1.5rem; }
		img { border-radius: 20vw 0 20vw 0; }
		h3 { font-size: 1.5rem; max-width: 264px; }
	}

	@media ( width < 660px ){
		h2 { max-width: 320px; margin-inline: auto; }
	}

}


#viva {
	padding-block: 80px; background: var(--green) url(../img/textura-verde.webp) no-repeat center / cover; position: relative; isolation: isolate; color: #fff;

	&::before,
	&::after { content: ''; display: block; position: absolute; z-index: -1; }
	&::before { bottom: 0; left: 0; width: var(--extra); height: 100%; background: url(../img/grafismo-1.webp) no-repeat 100% 0; }
	&::after { bottom: 0; right: 0; width: var(--extra); height: 50%; background: url(../img/grafismo-2.webp) no-repeat 0 0; }

	.title {
		align-self: center;

		h2 { color: #fff; font-size: 1.5rem; text-transform: uppercase; text-align: center; max-width: 225px; margin-inline: auto; }

		ul {
			list-style: none; margin-top: 40px;

			li { text-align: center; }
				li + li { margin-top: 20px; }
				a {
					display: inline-block; padding: 8px 20px; border-radius: 20px; background-color: var(--gray); color: #fff; text-transform: uppercase;

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

					&.play {
						background: var(--yellow-l); color: var(--green); display: inline-flex; align-items: center; gap: 20px; padding: 16px 20px; border-radius: 8px;

						&::before { content: ''; display: inline-block; width: 24px; height: 24px; border: 1px solid var(--green); background: url("data:image/svg+xml,%3Csvg width='7' height='9' viewBox='0 0 7 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 7.66717L0 0.499168C0.000149246 0.409484 0.0244173 0.321491 0.070262 0.24441C0.116107 0.167329 0.18184 0.103997 0.260573 0.0610521C0.339307 0.0181067 0.428142 -0.00287132 0.517769 0.000315915C0.607396 0.00350315 0.694517 0.0307381 0.77 0.0791676L6.346 3.66217C6.4166 3.70741 6.4747 3.76967 6.51493 3.84324C6.55517 3.91681 6.57626 3.99931 6.57626 4.08317C6.57626 4.16702 6.55517 4.24953 6.51493 4.3231C6.4747 4.39666 6.4166 4.45893 6.346 4.50417L0.77 8.08817C0.694517 8.1366 0.607396 8.16383 0.517769 8.16702C0.428142 8.17021 0.339307 8.14923 0.260573 8.10628C0.18184 8.06334 0.116107 8.00001 0.070262 7.92293C0.0244173 7.84584 0.000149246 7.75785 0 7.66817L0 7.66717Z' fill='%23243F2E'/%3E%3C/svg%3E") no-repeat 55% 50%; border-radius: 50%; transition: all .3s ease-out; }

						&:hover { background-color: var(--green-l); color: #000; }
							&:hover::before { background-image: url("data:image/svg+xml,%3Csvg width='7' height='9' viewBox='0 0 7 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 7.66717L0 0.499168C0.000149246 0.409484 0.0244173 0.321491 0.070262 0.24441C0.116107 0.167329 0.18184 0.103997 0.260573 0.0610521C0.339307 0.0181067 0.428142 -0.00287132 0.517769 0.000315915C0.607396 0.00350315 0.694517 0.0307381 0.77 0.0791676L6.346 3.66217C6.4166 3.70741 6.4747 3.76967 6.51493 3.84324C6.55517 3.91681 6.57626 3.99931 6.57626 4.08317C6.57626 4.16702 6.55517 4.24953 6.51493 4.3231C6.4747 4.39666 6.4166 4.45893 6.346 4.50417L0.77 8.08817C0.694517 8.1366 0.607396 8.16383 0.517769 8.16702C0.428142 8.17021 0.339307 8.14923 0.260573 8.10628C0.18184 8.06334 0.116107 8.00001 0.070262 7.92293C0.0244173 7.84584 0.000149246 7.75785 0 7.66817L0 7.66717Z' fill='black'/%3E%3C/svg%3E"); border-color: #000; }
					}
				}
		}
	}

	.text {
		h3 { font-size: 1rem; text-transform: uppercase; font-weight: bold; max-width: 260px; }

		ul { margin-top: 20px; }
			ul ul { padding-left: 20px; margin-top: 8px; list-style-type: disc; }
			li + li { margin-top: 8px; }
	}

}


#galerias {
	position: relative; padding-block: 80px;

	.wrap { padding-inline: 0; }

	h2 { display: none; }

	#gallery-nav {
		display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 20px; padding-inline: 20px;

		.btn {
			background: var(--green-l);
			color: #fff;
			padding: 8px 20px;
			text-decoration: none;
			border-radius: 20px;
			text-transform: uppercase;
			transition: all 0.3s ease-in-out;

			&:hover,
			&.active { background: var(--green); }

		}
	}

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

		.slick-slide {
			position: relative; display: flex; flex-direction: column; text-decoration: none; height: auto;

			p { border-bottom: 2px solid var(--green); color: var(--green); z-index: 4; padding: 8px 40px 4px 0; width: fit-content; text-transform: uppercase; font-size: .875rem; }

			img { height: auto; }
		}

		.slick-arrow {
			top: auto; bottom: calc(50% - 30px); display: block; width: 60px; height: 60px; z-index: 9; border-radius: 50px; transition: all .3s ease-out;

			&.slick-prev {
				left: 20px; background: var(--green-l) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='71' height='69' viewBox='0 0 71 69' fill='none'%3E%3Cellipse cx='35.6138' cy='34.2195' rx='34.7758' ry='34'/%3E%3Cpath d='M24.6786 33.5124C24.2881 33.9029 24.2881 34.5361 24.6786 34.9266L31.0426 41.2906C31.4331 41.6811 32.0662 41.6811 32.4568 41.2906C32.8473 40.9 32.8473 40.2669 32.4568 39.8763L26.7999 34.2195L32.4568 28.5626C32.8473 28.1721 32.8473 27.5389 32.4568 27.1484C32.0662 26.7579 31.4331 26.7579 31.0426 27.1484L24.6786 33.5124ZM45.842 33.2195H25.3857V35.2195H45.842V33.2195Z' fill='white'/%3E%3C/svg%3E") no-repeat center / contain;
			}

			&.slick-next {
				right: 20px; background: var(--green-l) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='71' height='69' viewBox='0 0 71 69' fill='none'%3E%3Cellipse cx='34.7758' cy='34' rx='34.7758' ry='34' transform='matrix(-1 0 0 1 70.5115 0.219482)'/%3E%3Cpath d='M46.6711 33.5124C47.0617 33.9029 47.0617 34.5361 46.6711 34.9266L40.3072 41.2906C39.9166 41.6811 39.2835 41.6811 38.893 41.2906C38.5024 40.9 38.5024 40.2669 38.893 39.8763L44.5498 34.2195L38.893 28.5626C38.5024 28.1721 38.5024 27.5389 38.893 27.1484C39.2835 26.7579 39.9166 26.7579 40.3072 27.1484L46.6711 33.5124ZM25.5077 33.2195H45.964V35.2195H25.5077V33.2195Z' fill='white'/%3E%3C/svg%3E") no-repeat center / contain;
			}

			&.slick-prev:hover,
			&.slick-next:hover { background-color: var(--green); }

		}

	}

	@media ( width < 900px ){

		& { padding-block: 60px; }

		#gallery-full {
			margin-top: 20px; padding-bottom: 60px;

			.slick-slide {
				p { padding: 8px 20px 4px; margin-inline: auto; text-align: center; }
			}

			.slick-arrow {
				bottom: -20px; top: auto; width: 40px; height: 40px;

				&.slick-prev { left: calc(50% - 50px) !important; }
				&.slick-next { right: calc(50% - 50px) !important; }
			}

			.slick-dots {
				padding: 0 20px; bottom: 0;
			}

		}

	}

}


#comodidades {
	padding-block: 80px; background: var(--yellow-l);

	.wrap { display: flex; gap: 20px; flex-wrap: wrap; justify-content: center; }

	h2 { display: none; }

	input {
		display: none;

		&:checked + label { background-color: var(--green); }
		&:checked + label + .tab-content { display: block; }
	}

	label {
		order: -1; display: inline-block; padding: 8px 20px; background: var(--green-l); color: #fff; text-transform: uppercase; font-size: .875rem; border-radius: 20px;

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

	.tab-content {
		flex: 0 0 100%; display: none; padding-top: 20px;

		h3 { font-size: 2.5rem; color: var(--green); }

		h4 { font-size: 1.5rem; color: var(--green); text-transform: uppercase; }

		ul { columns: 3; column-gap: 40px; }
			li { break-inside: avoid; }

		img { border-radius: 20px; }

		figcaption { font-size: .875rem; margin-top: 8px; }

		& > * + * { margin-top: 20px; }
	}

	@media ( width < 900px ){
		.tab-content {
			h3 { font-size: 2rem; }
			h4 { font-size: 1.25rem; }
			ul { columns: 2; column-gap: 20px; }
		}
	}

	@media ( width < 480px ){
		.tab-content {
			ul { columns: 1; }
		}
	}

}


#tour {
	padding-block: 120px; background: var(--gray) url(../img/espaco-gourmet.webp) no-repeat center / cover; position: relative; isolation: isolate;

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

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

	h2 { color: #fff; font-size: 2rem; font-weight: bold; text-transform: uppercase; text-align: center; padding-top: 100px; background: url(../img/tour.webp) no-repeat 50% 0; }

	h3 {
		order: 3; font-size: 1rem; font-weight: normal; line-height: .9; color: #fff; text-align: center; text-transform: uppercase;

		strong { display: block; text-transform: none; font-size: 2.5rem; font-weight: normal; }
	}

	ul { list-style: none; }

		li + li { margin-top: 12px; }
		a {
			display: inline-block; padding: 8px 40px; background: var(--green-l); color: #fff; text-transform: uppercase; width: 160px; text-align: center; border-radius: 20px;

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

	@media ( width < 1044px ){
		.wrap { gap: 40px; }
	}

	@media ( width < 991px ){
		& { padding-block: 80px; }
		.wrap { flex-direction: column; }
	}

	@media ( width < 991px ){
		& { padding-block: 60px; }
		h2 { font-size: 1.5rem; }
		h3 {
			font-size: .75rem;
			strong { font-size: 1.5rem; }
		}
	}
}


#local {
	padding-block: 80px; background: var(--green) url(../img/textura-verde.webp) no-repeat center / cover;

	.content {
		padding: 40px; background-color: var(--yellow-l); color: var(--green); border-radius: 20px;

		h2 { font: normal 2rem/1.2 var(--ivy); color: var(--green); }

		.places {}

		.place {
			margin-top: 40px;

			& + .place { border-top: 1px solid var(--green); padding-top: 40px; }

			h3 { font-size: 1.5rem; font-weight: normal; }
			address { font-style: normal; margin-top: 8px; }
			ul { margin-top: 12px; list-style: none; }
				li {}
					li + li { margin-top: 8px; }
					a {
						display: inline-flex; padding: 8px 20px; background: var(--green); color: #fff; text-transform: uppercase; width: 160px; text-align: center; border-radius: 20px; align-items: center; gap: 12px; width: fit-content; font-size: .875rem;

						&:hover { background-color: var(--green-l); }

						&::before { content: ''; display: inline-block; width: 24px; height: 24px; }

						&.gmap::before { background: url("data:image/svg+xml,%3Csvg width='22' height='24' viewBox='0 0 22 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.8122 6.81167C10.8376 6.81167 10.8612 6.8039 10.8866 6.8039C12.2674 6.8039 13.396 7.91003 13.572 9.33789L16.6247 5.46644C15.967 4.33115 15.058 3.41261 13.9938 2.79929L10.8122 6.81167ZM10.8866 12.6359C9.50672 12.6359 8.37904 11.5317 8.20123 10.1048L5.42696 13.603C5.80617 14.2649 6.22622 14.9074 6.64626 15.5402C6.96288 16.0184 7.27224 16.4888 7.56073 16.9603L10.9791 12.6252C10.9483 12.6271 10.9183 12.6359 10.8866 12.6359ZM8.50968 18.7701C8.75463 19.3591 8.9388 19.9647 9.02226 20.6052C9.15109 21.6035 9.95216 22.3558 10.8884 22.3558C11.8238 22.3558 12.6239 21.6103 12.7491 20.6218C12.9832 18.773 14.0247 17.2023 15.1269 15.5402C16.6973 13.1714 18.3131 10.721 17.4476 7.43569L8.50968 18.7701ZM8.93063 6.18182L12.1758 2.08876C11.8845 2.02558 11.5906 1.97406 11.2903 1.9556C9.50218 1.8477 7.80477 2.47075 6.463 3.70518L8.93063 6.18182ZM5.25368 5.15637C4.50159 6.35289 4.08246 7.77492 4.08246 9.23388C4.08246 10.1203 4.25755 10.9426 4.53697 11.7232L7.75488 7.66508L5.25368 5.15637Z' fill='white'/%3E%3C/svg%3E") no-repeat center; }

						&.waze::before { background: url("data:image/svg+xml,%3Csvg width='22' height='24' viewBox='0 0 22 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.7011 1.94385C5.98765 1.94385 3.62889 6.99821 3.62889 11.6638C3.62889 13.4134 2.35807 13.6078 1.99519 13.6078H0.272888L1.27047 15.1626C1.35297 15.251 2.73682 17.2598 6.39307 18.5019C6.36576 18.6508 6.35152 18.802 6.35054 18.9537C6.35054 19.5982 6.58949 20.2163 7.01484 20.672C7.44018 21.1277 8.01706 21.3837 8.61859 21.3837C9.1551 21.383 9.67399 21.1785 10.0831 20.8066C10.4922 20.4347 10.7649 19.9194 10.853 19.3524C11.4401 19.4013 12.0488 19.4397 12.7011 19.4397C12.7532 19.4397 13.1241 19.4278 13.6384 19.3353C13.7231 19.9061 13.9949 20.4259 14.4051 20.8013C14.8153 21.1767 15.3369 21.3832 15.8763 21.3837C16.4779 21.3837 17.0547 21.1277 17.4801 20.672C17.9054 20.2163 18.1444 19.5982 18.1444 18.9537C18.1438 18.4715 18.0094 18.0003 17.7581 17.6002C19.3727 16.4052 20.866 14.3246 20.866 10.6918C20.866 3.98503 15.5134 2.04105 12.7011 1.94385ZM12.7011 3.88783C12.9732 3.88783 19.0516 4.17943 19.0516 10.6918C19.0516 13.4342 18.012 15.4324 15.8675 16.5237C15.327 16.5271 14.8055 16.7372 14.3968 17.1161C13.4126 17.4932 12.6107 17.4957 12.6107 17.4957C11.8452 17.4957 11.0798 17.4239 10.3143 17.3439C10.1018 17.0865 9.84085 16.8803 9.54855 16.7389C9.25625 16.5976 8.93929 16.5242 8.61859 16.5237C8.22507 16.5246 7.83853 16.6352 7.49697 16.8446C5.77883 16.2843 4.55405 15.5975 3.80962 15.0658C4.71684 14.4826 5.44332 13.4134 5.44332 11.6638C5.44332 9.331 6.1691 3.88783 12.7011 3.88783ZM9.97941 8.7478C9.7388 8.7478 9.50805 8.85021 9.33791 9.03249C9.16778 9.21478 9.0722 9.46201 9.0722 9.71979C9.0722 9.97758 9.16778 10.2248 9.33791 10.4071C9.50805 10.5894 9.7388 10.6918 9.97941 10.6918C10.22 10.6918 10.4508 10.5894 10.6209 10.4071C10.791 10.2248 10.8866 9.97758 10.8866 9.71979C10.8866 9.46201 10.791 9.21478 10.6209 9.03249C10.4508 8.85021 10.22 8.7478 9.97941 8.7478ZM14.5155 8.7478C14.2749 8.7478 14.0441 8.85021 13.874 9.03249C13.7039 9.21478 13.6083 9.46201 13.6083 9.71979C13.6083 9.97758 13.7039 10.2248 13.874 10.4071C14.0441 10.5894 14.2749 10.6918 14.5155 10.6918C14.7561 10.6918 14.9869 10.5894 15.157 10.4071C15.3271 10.2248 15.4227 9.97758 15.4227 9.71979C15.4227 9.46201 15.3271 9.21478 15.157 9.03249C14.9869 8.85021 14.7561 8.7478 14.5155 8.7478ZM10.8866 11.567L9.0722 11.6638C9.16292 12.8302 9.97941 14.5798 12.2475 14.5798C14.5155 14.5798 15.4227 12.8298 15.4227 11.7606L13.6083 11.6638C13.6083 11.761 13.5176 12.6358 12.2475 12.6358C11.0681 12.6358 10.8866 11.8586 10.8866 11.567Z' fill='white'/%3E%3C/svg%3E") no-repeat center; }

					}
		}
	}

	.map {
		iframe { height: 100%; border-radius: 20px; min-height: 320px; }
	}

	@media ( width >= 600px ){
		.content { order: 2; }
	}

	@media ( width < 600px ){

		& { padding-block: 60px; }

		.content {
			padding: 20px;

			.place {
				margin-top: 20px;

				& + .place { padding-top: 20px; }

				h3 { font-size: 1.25rem; }

			}
		}
	}
}


#esg {
	background-color: var(--yellow-l); color: var(--green); overflow: clip;

	.wrap { display: flex; gap: 80px; }

	.text {
		flex: 0 0 calc( 66.66% - 40px ); padding-block: 60px; align-self: center;

		h2 {
			font-weight: normal; font-size: 2.5rem; line-height: 1.2;

			strong { display: block; }
		}

		p { margin-top: 20px; font-size: 1rem; line-height: 1.5;  }

		ul {
			list-style: none; margin-top: 40px; display: flex; gap: 20px;

			li {
				flex: 0 0 calc(33.33% - 20px );

				&::before { content: ''; display: block; width: 80px; height: 80px; border-radius: 50%; border: 1px solid currentColor; margin-bottom: 20px; }

				&:nth-child(1)::before { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='40' viewBox='0 0 32 40' fill='none'%3E%3Cg fill='%23243F2E'%3E%3Cpath d='M0.999999 24.0356L0.999999 24.4556C0.999999 32.0902 7.61096 38.3335 15.834 38.3335C24.0569 38.3333 30.667 32.0901 30.667 24.4556C30.6671 24.1795 30.8909 23.9556 31.167 23.9556C31.443 23.9556 31.6668 24.1795 31.667 24.4556C31.667 32.702 24.5475 39.3333 15.834 39.3335C7.12027 39.3335 -5.79735e-07 32.7021 -1.30067e-06 24.4556L-1.33738e-06 24.0356C-1.39731e-06 23.3501 -0.0010041 22.7747 0.0673813 22.3423C0.137538 21.8989 0.302482 21.4638 0.751952 21.2251C1.21589 20.9788 1.73808 21.092 2.14062 21.2534C2.56248 21.4227 2.98859 21.6982 3.35547 21.9731C3.72687 22.2514 4.06041 22.5461 4.2998 22.769C4.41977 22.8808 4.51698 22.9759 4.58496 23.0435L4.68652 23.145C4.68902 23.1476 4.69096 23.1504 4.69238 23.1519L4.69433 23.1538C4.88535 23.3531 4.87887 23.6698 4.67969 23.8608C4.48033 24.0519 4.16373 24.0455 3.97265 23.8462L3.95019 23.8237C3.9346 23.8078 3.91141 23.7838 3.88086 23.7534C3.81933 23.6923 3.72944 23.6041 3.61816 23.5005C3.39472 23.2924 3.08926 23.0238 2.75586 22.7739C2.41781 22.5206 2.07192 22.3032 1.76758 22.1812C1.44391 22.0514 1.28358 22.0745 1.2207 22.1079C1.18407 22.1274 1.10603 22.1741 1.05469 22.4985C1.00162 22.8342 0.999999 23.3142 0.999999 24.0356Z'/%3E%3Cpath d='M30.6673 15.2979V14.8779C30.6673 7.24333 24.0563 0.999999 15.8333 1C7.61044 1.00016 1.0003 7.24343 1.00031 14.8779C1.00016 15.1539 0.776359 15.3779 0.500305 15.3779C0.224252 15.3779 0.000448948 15.154 0.000305176 14.8779C0.000304461 6.6315 7.11975 0.000165275 15.8333 0C24.547 -7.7486e-07 31.6673 6.6314 31.6673 14.8779V15.2979C31.6673 15.9834 31.6683 16.5588 31.5999 16.9912C31.5298 17.4346 31.3648 17.8697 30.9153 18.1084C30.4514 18.3547 29.9292 18.2415 29.5267 18.0801C29.1048 17.9108 28.6787 17.6353 28.3118 17.3604C27.9404 17.082 27.6069 16.7874 27.3675 16.5645C27.2475 16.4527 27.1503 16.3576 27.0823 16.29L26.9808 16.1885C26.9783 16.1859 26.9763 16.1831 26.9749 16.1816L26.973 16.1797C26.7819 15.9804 26.7884 15.6637 26.9876 15.4727C27.187 15.2816 27.5036 15.288 27.6946 15.4873L27.7171 15.5098C27.7327 15.5257 27.7559 15.5497 27.7864 15.5801C27.848 15.6412 27.9379 15.7294 28.0491 15.833C28.2726 16.0411 28.578 16.3097 28.9114 16.5596C29.2495 16.8129 29.5954 17.0303 29.8997 17.1523C30.2234 17.2821 30.3837 17.259 30.4466 17.2256C30.4832 17.2061 30.5613 17.1595 30.6126 16.835C30.6657 16.4993 30.6673 16.0193 30.6673 15.2979Z'/%3E%3Cpath d='M17.4674 8.75989C17.7398 8.64079 18.0288 8.58055 18.3531 8.66321C18.6791 8.74637 18.9033 8.93975 19.0836 9.17688C19.2483 9.39344 19.403 9.68399 19.5729 10.0011C21.0643 12.7848 22.3914 16.4477 22.0201 19.5929C21.8323 21.184 21.2074 22.6598 19.9371 23.8019C18.7501 24.869 17.0416 25.6069 14.7096 25.9132C14.7794 27.2257 15.0141 28.6163 15.4713 30.0568C15.5548 30.3198 15.4091 30.601 15.1461 30.6847C14.8829 30.7682 14.6017 30.6227 14.5182 30.3595C14.0065 28.7476 13.7564 27.1928 13.6988 25.7306C11.7291 24.2861 10.5353 22.761 9.97227 21.2013C9.38791 19.582 9.50122 17.9786 10.0543 16.4825C11.1485 13.5227 13.971 10.9431 16.6373 9.24036C16.9413 9.04622 17.2181 8.86887 17.4674 8.75989ZM18.1061 9.63196C18.0607 9.62039 18.0054 9.61575 17.8678 9.6759C17.7072 9.74615 17.5071 9.87192 17.1764 10.0831C14.5798 11.7414 11.9751 14.1722 10.9928 16.8292C10.5076 18.1416 10.421 19.499 10.9127 20.8615C11.337 22.0371 12.2064 23.2543 13.6959 24.4659C13.7894 21.8038 14.4993 19.5118 15.3483 17.8322C15.4728 17.5857 15.7737 17.4869 16.0201 17.6115C16.2666 17.736 16.3654 18.0369 16.2408 18.2833C15.4085 19.9301 14.7131 22.227 14.6871 24.9054C16.8206 24.6097 18.2881 23.9398 19.2682 23.0587C20.3244 22.1092 20.8618 20.8746 21.027 19.4757C21.3616 16.6408 20.154 13.2032 18.691 10.4728C18.5057 10.127 18.3931 9.9199 18.2877 9.78137C18.1983 9.66393 18.1496 9.64307 18.1061 9.63196Z'/%3E%3C/g%3E%3C/svg%3E") no-repeat center /  auto 50%; }

				&:nth-child(2)::before { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='41' height='39' viewBox='0 0 41 39'%3E%3Cg fill='%23243F2E'%3E%3Cpath d='M19.11,0L7.23,11.88l.18.18.42.41.18.17.18-.18,2.39-2.39v10.96h5.13s6.84,0,6.84,0h0s5.13,0,5.13,0v-10.96l2.39,2.39.18.18.18-.17.42-.41.18-.18L19.11,0ZM21.45,19.96h-4.66v-5.37c0-1.28,1.05-2.33,2.33-2.33,1.28,0,2.33,1.05,2.33,2.33v5.37ZM26.58,19.96h-4.04v-5.37c0-1.89-1.54-3.42-3.42-3.42-1.89,0-3.42,1.53-3.42,3.42v5.37h-4.04v-10.97l7.46-7.46,7.46,7.46v10.97Z'/%3E%3Cpath d='M7.73,2.8h-1.09V.8h1.09v2Z'/%3E%3Cpath d='M7.73,6.24h-1.09v-2h1.09v2Z'/%3E%3Cpath d='M9.91,4.06h-2v-1.09h2v1.09Z'/%3E%3Cpath d='M6.47,4.06h-2v-1.09h2v1.09Z'/%3E%3Cpath d='M37.17,10.61h-1.09v-2h1.09v2Z'/%3E%3Cpath d='M37.17,14.06h-1.09v-2h1.09v2Z'/%3E%3Cpath d='M39.35,11.88h-2v-1.09h2v1.09Z'/%3E%3Cpath d='M35.9,11.88h-2v-1.09h2v1.09Z'/%3E%3Cpath d='M4.33,13.08h-1.62v-1.62h-1.09v1.62H0v1.09h1.62v1.62h1.09v-1.62h1.62v-1.09ZM2.67,13.12v1h-1.01v-1h1.01Z'/%3E%3Cpath d='M39.91,18.71l-.12-.11c-.59-.53-1.35-.83-2.16-.83-.86,0-1.66.33-2.27.94l-7.97,7.97c-.13-1.75-1.58-3.14-3.36-3.14h-14.86c-1.37,0-2.67.54-3.64,1.51L.83,29.76l8.36,8.36,2.23-2.23c.35.09.7.16,1.07.16h10.13c2.97-.06,5.75-1.25,7.86-3.36l9.44-9.44c1.25-1.25,1.25-3.29,0-4.54ZM39.15,22.48l-9.44,9.44c-1.96,1.96-4.57,3.04-7.34,3.04h-9.88c-.8,0-1.55-.31-2.12-.88l-2.26-2.26-.59.59-.17.18,2.26,2.26c.22.22.48.41.74.57l-1.15,1.15-6.82-6.82,3.94-3.94c.77-.77,1.79-1.19,2.87-1.19h14.86c1.26,0,2.29,1.03,2.29,2.3s-1.03,2.29-2.29,2.29h-9.52v1.09h9.52c1.2,0,2.25-.64,2.85-1.59l.08-.08,9.16-9.16c.83-.83,2.18-.83,3.01,0,.83.83.83,2.18,0,3.01Z'/%3E%3C/g%3E%3C/svg%3E") no-repeat center / auto 50%; }

				&:nth-child(3)::before { background: url("data:image/svg+xml,%3Csvg width='32' height='36' viewBox='0 0 32 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23243F2E'%3E%3Cpath d='M27.333 15.875V14.167C27.333 10.9317 27.3325 8.55509 27.0879 6.73535C26.8452 4.9302 26.3706 3.74776 25.4785 2.85547C24.5862 1.96313 23.403 1.48882 21.5977 1.24609C19.778 1.00149 17.402 1 14.167 1C10.9316 1 8.5551 1.00144 6.73535 1.24609C4.92998 1.48882 3.7478 1.96313 2.85547 2.85547C1.96313 3.7478 1.48882 4.92998 1.24609 6.73535C1.00144 8.5551 1 10.9316 1 14.167V21C1 24.2354 1.00143 26.6119 1.24609 28.4316C1.48883 30.2368 1.96318 31.4192 2.85547 32.3115C3.74778 33.2038 4.93009 33.6782 6.73535 33.9209C8.55509 34.1655 10.9316 34.167 14.167 34.167C14.443 34.1672 14.667 34.391 14.667 34.667C14.6668 34.9429 14.4429 35.1668 14.167 35.167C10.9599 35.167 8.50344 35.1678 6.60156 34.9121C4.68553 34.6545 3.25648 34.1276 2.14746 33.0186C1.03858 31.9095 0.512492 30.4805 0.254883 28.5645C-0.000795603 26.6626 3.29766e-08 24.207 3.29766e-08 21V14.167C3.29766e-08 10.9599 -0.000817269 8.50344 0.254883 6.60156C0.51254 4.68555 1.03845 3.25647 2.14746 2.14746C3.25647 1.03845 4.68555 0.51254 6.60156 0.254883C8.50344 -0.000817269 10.9599 3.32835e-08 14.167 3.32835e-08C17.374 -3.82018e-08 19.8296 -0.000808626 21.7314 0.254883C23.6475 0.512512 25.0765 1.0385 26.1855 2.14746C27.2946 3.25649 27.8214 4.6855 28.0791 6.60156C28.3348 8.50344 28.333 10.9599 28.333 14.167V15.875C28.333 16.1511 28.1091 16.375 27.833 16.375C27.557 16.3748 27.333 16.151 27.333 15.875Z'/%3E%3Cpath d='M27.9681 31.3848C28.1634 31.1895 28.4799 31.1895 28.6752 31.3848L31.6039 34.3135C31.7988 34.5088 31.799 34.8254 31.6039 35.0205C31.4087 35.2157 31.0921 35.2154 30.8969 35.0205L27.9681 32.0918C27.7729 31.8965 27.7729 31.58 27.9681 31.3848ZM28.7972 26.8574C28.7972 23.8988 26.3993 21.5002 23.4408 21.5C20.4821 21.5 18.0834 23.8988 18.0834 26.8574C18.0835 29.816 20.4822 32.2139 23.4408 32.2139C26.3992 32.2137 28.7971 29.8159 28.7972 26.8574ZM29.7972 26.8574C29.7971 30.3682 26.9515 33.2137 23.4408 33.2139C19.9299 33.2139 17.0835 30.3682 17.0834 26.8574C17.0834 23.3465 19.9298 20.5 23.4408 20.5C26.9516 20.5002 29.7972 23.3466 29.7972 26.8574Z'/%3E%3Cpath d='M14.1664 15.3748C14.4424 15.3748 14.6662 15.5988 14.6664 15.8748C14.6664 16.1509 14.4425 16.3748 14.1664 16.3748H7.33337C7.05723 16.3748 6.83337 16.1509 6.83337 15.8748C6.83355 15.5988 7.05734 15.3748 7.33337 15.3748H14.1664ZM21.0004 8.54175C21.2764 8.54192 21.5004 8.76571 21.5004 9.04175C21.5004 9.31778 21.2764 9.54157 21.0004 9.54175H7.33337C7.05723 9.54175 6.83337 9.31789 6.83337 9.04175C6.83337 8.76561 7.05723 8.54175 7.33337 8.54175H21.0004Z'/%3E%3C/g%3E%3C/svg%3E") no-repeat center / auto 50%; }

				h3 { font-size: 1.25rem; color: currentColor; }

			}

			& + p { margin-top: 40px; }
		}

		.cta {
			display: inline-block; padding: 8px 20px; background: var(--green); color: #fff; text-decoration: none; border-radius: 20px; font-size: .75rem; text-transform: uppercase; font-weight: bold; transition: all .3s ease-out;

			&:hover { background-color: var(--green-l); }
		}

	}

	.image {
		flex: 0 0 calc( 33.34% - 40px ); position: relative;

		/* &::before { content: ''; display: block; width: 163px; height: 37px; background: url(../img/esg-grupo-fff.svg) no-repeat center / contain; position: absolute; bottom: 20px; right: calc( 50% - 81px ); z-index: 3; } */

		&::after { content: ''; display: block; width: 80px; height: 80px; background: url(../img/esg-star.svg) no-repeat center / contain; position: absolute; top: 40px; left: -40px; z-index: 4; }

		picture {
			display: block; width: 100%; height: 100%; position: relative;

			/* &::before { content: ''; display: block; position: absolute; bottom: 0; left: 0; width: calc( 100% + var(--extra) + 40px ); max-width: calc( 100% + var(--extra) + 40px ); height: 200px; background: linear-gradient(180deg,rgba(36, 63, 46, 0) 0%, rgba(36, 63, 46, 1) 100%); z-index: 2; } */
		}

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

	@media ( width < 1240px ){
		.wrap {
			.text {
				flex: 0 0 calc( 50% - 40px );

				ul {
					flex-direction: column; gap: 40px;

					li {
						flex: 1 1 auto; padding-left: 100px; position: relative;

						&::before { position: absolute; top: 0; left: 0; }

					}
				}
			}
			.image {
				flex: 0 0 calc( 50% - 40px );

				img { width: calc( 50vw - 40px ); max-width: calc( 50vw - 40px ); }

			}
		}
	}

	@media ( width < 900px ){
		.wrap {
			.text {
				h2 { font-size: 2rem; }
			}
		}
	}

	@media ( width < 768px ){
		.wrap {
			flex-direction: column; gap: 0;

			.text {
				flex: 1 1 auto; padding-block: 40px;

				ul {
					li {
						padding-left: 80px;

						&::before { width: 60px; height: 60px; }

						p { margin-top: 12px; }
					}
				}
			}
			.image {
				order: -1; flex: 1 1 auto;

				&::before { right: auto; left: calc( 50% - 81px ); }

				&::after { inset: auto 20px -20px auto; width: 40px; height: 40px; }

				picture {
					&::before { left: -20px; }
				}

				img { position: relative; inset: auto; width: calc( 100% + 40px ); max-width: calc( 100% + 40px ); margin-left: -20px; min-height: 240px; }
			}
		}
	}

	@media ( width < 600px ){
		.wrap {
			.text {
				h2 { font-size: 1.5rem; }
			}
		}
	}

}


#cadastro {
	padding-block: 80px;

	h2 { font-size: 1.5rem; font-weight: normal; text-align: center; }

	form { margin-top: 20px; display: flex; flex-wrap: wrap; width: calc( 100% + 20px ); gap: 20px 0; }

	.field-wrap {
		margin-right: 20px;
		flex: 0 0 calc( 33.33% - 20px );

		&:where( .nome, .email, .telefone ) {
			border: 2px solid var(--gray); border-radius: 4px; position: relative;

			label { display: block; position: absolute; top: -12px; left: 12px; font-size: .75rem; color: var(--gray); background: #fff; padding: 4px 8px; }

				input { width: 100%; background: transparent; color: var(--gray); padding: 20px 12px 16px; }
		}

		&.pp {
			flex: 0 0 calc( 66.66% - 20px );

			input { display: none; }

			label {
				display: block; font-size: .875rem; padding-left: 24px; position: relative; color: var(--gray);

				a {
					color: var(--gray); text-decoration: underline;

					&:hover { color: var(--green-l); }
				}

				&::before,
				&::after { content: ''; display: block; position: absolute; }

				&::before { top: 2px; left: 0; width: 16px; height: 16px; border-radius: 8px; border: 1px solid var(--gray); }

				&::after { top: 6px; left: 4px; width: 8px; height: 8px; background: var(--gray); border-radius: 4px; opacity: 0; transition: all .3s ease-out; }
			}

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

		&.submit {
			.submit-btn {
				display: block; width: 100%; padding: 16px 20px; background: var(--green-l); color: #fff; text-transform: uppercase; border-radius: 24px; font-weight: bold;

				&:hover { background: var(--green); color: #fff; }
				&[disabled] { opacity: .5; pointer-events: none; }
				&.sending { pointer-events: none; color: transparent; background: var(--green) 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; opacity: 1; }

			}

			& > div { display: none !important; }

		}

	}

	@media ( width < 768px ){
		h2 { font-size: 1.25rem; }
		.field-wrap {
			flex: 0 0 calc( 100% - 20px );

			&.email, &.telefone { flex: 0 0 calc( 50% - 20px ); }
		}
	}

	@media ( width < 600px ){
		.field-wrap {
			&.email, &.telefone { flex: 0 0 calc( 100% - 20px ); }
		}
	}
}


#foot {
	padding-block: 60px; background: var(--green); color: #fff;

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

	.logos {
		flex: 0 0 164px; display: flex; flex-direction: column; gap: 20px;

		figure {
			figcaption { font-size: .5rem; }

			figcaption + img { margin-top: 8px }

			&:first-child img { padding-left: 100%; overflow: hidden; width: 164px; height: 36px; background: url(../img/patrimar-fff.svg);}

			&:last-child img { padding-left: 100%; overflow: hidden; width: 164px; height: 37px; background: url(../img/esg-grupo-fff.svg);}
		}
	}

	.legal {
		p { font-size: .75rem; }
	}

	@media ( width >= 600px ){
		.logos {
			order: 2;
		}
	}

	@media ( width < 600px ){
		& { padding-block: 40px 80px; }

		.wrap { flex-direction: column; justify-content: center; text-align: center; }

		.logos { width: 164px; margin-inline: auto; flex: 1 1 auto; }
	}
}