@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

:root {
	--blue: #1F2A5B;
		--blue-l: #8BB0DE;

	--orange: #EE721C;

	--gray: #333;

	--font-family: 'Montserrat', tahoma, sans-serif;

	--extra: 20px;
}

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

body { font: 16px/1.5 var(--font-family); color: var(--blue); }


/*** Formulário ***
.form {
    padding: 40px 0;
    background: var(--blue-color-dark);
}

.form h2 {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.25;
    text-transform: uppercase;
    text-align: center;
}

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

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

.form .field-wrap.field-pp {
    flex: 0 0 calc(66.64% - 20px);
}

.form .field-wrap.field-submit {
    flex: 0 0 calc(33.33% - 20px);
}

.form .text {
    font-size: .875rem;
    display: block;
    width: 100%;
    padding: 12px 17px;
    border: 1px solid #fff;
    background: transparent;
    color: #fff;
    border-radius: 25px;
}

.form .text::placeholder {
    color: rgba(255 255 255 / 50%);
}

.form label {
    display: block;
    color: #fff;
    margin-left: 16px;
}

.form .field-pp label {
    margin-left: 0;
}

.form .field-wrap input {
    flex: 1 1 100%;
    background: transparent;
}

.form .field-wrap.field-pp {
    padding: 7px 0;
    border: 0;
}

.form .field-wrap.field-pp label {
    flex: 1 1 100%;
}

.form .field-wrap.field-pp label a {
    color: #fff;
    text-decoration: underline;
}

.form .field-wrap.field-pp label a:hover {
    color: var(--green);
}

.form .field-wrap.field-pp input {
    display: none;
}

.form .field-wrap.field-pp input+span {
    display: inline-block;
    position: relative;
    padding-left: 24px;
}

.form .field-wrap.field-pp input+span:before {
    content: '';
    width: 16px;
    height: 16px;
    border: 1px solid #fff;
    position: absolute;
    top: 2px;
    left: 0;
    border-radius: 4px;
}

.form .field-wrap.field-pp input+span:after {
    content: '';
    width: 8px;
    height: 8px;
    background: #fff;
    position: absolute;
    top: 6px;
    left: 4px;
    border-radius: 2px;
    opacity: 0;
    transition: all .3s ease-out;
}

.form .field-wrap.field-pp label:hover span:after {
    opacity: .25;
}

.form .field-wrap.field-pp input:checked+span:after {
    opacity: 1;
}

.form .field-wrap.field-submit {
    padding: 0;
    border: 0;
}

.form label span {
    color: #fff;
}

.form .field-wrap .submit-btn {
    display: block;
    width: 100%;
    padding: 11px 20px;
    background: #fff;
    color: var(--blue);
    transition: all .3s ease-out;
    text-transform: uppercase;
    font-weight: bold;
    border-radius: 48px;
}

.form .field-wrap .submit-btn:hover {
    scale: 1.05;
}

.form .field-wrap .submit-btn[disabled] {
    opacity: .5;
    pointer-events: none;
}

.form .field-wrap .submit-btn.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'%3E%3Cdefs%3E%3ClinearGradient x1='8.042%25' y1='0%25' x2='65.682%25' y2='23.865%25' id='a'%3E%3Cstop stop-color='%23fff' stop-opacity='0' offset='0%25'/%3E%3Cstop stop-color='%23fff' stop-opacity='.631' offset='63.146%25'/%3E%3Cstop stop-color='%23fff' offset='100%25'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(1 1)'%3E%3Cpath d='M36 18c0-9.94-8.06-18-18-18' id='Oval-2' stroke='url(%23a)' stroke-width='2'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 18 18' to='360 18 18' dur='0.9s' repeatCount='indefinite' /%3E%3C/path%3E%3Ccircle fill='%23fff' cx='36' cy='18' r='1'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 18 18' to='360 18 18' dur='0.9s' repeatCount='indefinite' /%3E%3C/circle%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center / auto 50%;
    transition: none;
    opacity: 1;
}

.form .form-output.is-success {
    margin-bottom: 0;
}

@media (max-width: 899px) {
    .form h2 {
        text-align: center;
    }

    .form .field-wrap,
    .form .field-wrap.field-pp,
    .form .field-wrap.field-submit {
        flex: 0 0 calc(50% - 20px);
    }

    .form .field-wrap.field-nome {
        flex: 0 0 calc(100% - 20px);
    }
}

@media (max-width: 599px) {

    .form .field-wrap,
    .form .field-wrap.field-pp,
    .form .field-wrap.field-submit {
        flex: 0 0 calc(100% - 20px);
    }
}




/* #head */
#head { position: relative; display: flex; flex-direction: column; background: url(../img/hero.webp) no-repeat center / cover; }
	/* #head::before { content: ''; display: block; position: absolute; inset: 0; background: rgb(0, 0, 0, .5); z-index: 1; } */

	#intro { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: flex-start; padding-block: 80px; position: relative; z-index: 2; }

		#infos { flex: 0 1 33.33%; display: flex; flex-direction: column; justify-content: center; align-items: center; padding-inline: 20px; }
			#infos h1 { width: 100%; max-width: 240px; aspect-ratio: 3/2; background: url(../img/logo-breeze.svg) no-repeat center / contain; text-indent: -999rem; }
			#infos p { font-size: 1.25rem; text-align: center; text-transform: uppercase; margin-top: 60px; }
				#infos p span { display: block; font-weight: bold; font-size: 2rem; color: #fff; }
					#infos p span strong { color: var(--blue); font-size: 6rem; line-height: 1; }
					#infos p > strong { display: block; font-size: 2rem; }

		#form { flex: 0 1 33.33%; background: rgba(31 42 91 / 80% ); padding: 40px; }
			#form h2 { color: white; font-size: 1.25rem; text-align: center; }
			#form form { margin-top: 20px; }
				#form .field-wrap { margin-top: 20px; }
					#form label { display: block; font-size: .875rem; color: #fff; padding-left: 1.25rem; }
						#form label abbr { border: 0; text-decoration: none; }
						#form label a { color: #fff; text-decoration: underline; }
							#form label a:hover { color: var(--orange); }
					#form .text { width: 100%; padding: 11px 19px; border: 1px solid var(--orange); border-radius: 24px; background: transparent; color: #fff; margin-top: 4px; }
						#form .text::placeholder { color: #fff; }
				#form .field-pp {}
					#form .field-pp label { padding: 0; }
					#form .field-pp input { display: none; }
					#form .field-pp input + span { display: inline-block; position: relative; padding-left: 24px; }
					#form .field-pp input + span:before { content: ''; width: 16px; height: 16px; border: 1px solid white; position: absolute; top: 2px; left: 0; }
					#form .field-pp input + span:after { content: ''; width: 8px; height: 8px; background: #fff; position: absolute; top: 6px; left: 4px; opacity: 0; transition: all .3s ease-out; }
						#form .field-pp input:checked+span:after { opacity: 1; }
				#form .submit-btn { display: block; width: 100%; padding: 11px 20px; background: var(--orange); color: white; text-transform: uppercase; font-weight: bold; border-radius: 24px }
					#form .submit-btn:hover { background: var(--blue-l); }
					#form .submit-btn[disabled] { opacity: .5; pointer-events: none; }
					#form .submit-btn.sending { pointer-events: none; color: transparent; background: var(--orange) url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 38 38' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient x1='8.042%25' y1='0%25' x2='65.682%25' y2='23.865%25' id='a'%3E%3Cstop stop-color='%23fff' stop-opacity='0' offset='0%25'/%3E%3Cstop stop-color='%23fff' stop-opacity='.631' offset='63.146%25'/%3E%3Cstop stop-color='%23fff' offset='100%25'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(1 1)'%3E%3Cpath d='M36 18c0-9.94-8.06-18-18-18' id='Oval-2' stroke='url(%23a)' stroke-width='2'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 18 18' to='360 18 18' dur='0.9s' repeatCount='indefinite' /%3E%3C/path%3E%3Ccircle fill='%23fff' cx='36' cy='18' r='1'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 18 18' to='360 18 18' dur='0.9s' repeatCount='indefinite' /%3E%3C/circle%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center / auto 50%; transition: none; opacity: 1; }
				#form .form-output { border-radius: 20px; }

	#status { background: var(--blue); order: -1; }
		#status .wrap { position: relative; display: flex; align-items: center; justify-content: space-between; padding: 20px; }
			#status .wrap::before { content: ''; display: block; background: url(../img/logo-patrimar.svg) no-repeat 0 0 / contain; width: 180px; aspect-ratio: 6/1; }
			#status h2 { color: white; font-size: 1.5rem; text-transform: uppercase; font-weight: 400; letter-spacing: 2px; }
				#status h2 span { color: var(--blue-l); }
					#status h2 span::before { content: ' | '; color: var(--blue-l); }

@media ( width < 1280px ){
	#head { background-image: url(../img/hero-dt.webp); }
}

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

@media ( width < 900px ){
	#head { background: none; }
		#intro { flex-direction: column; padding: 0; }
			#infos { background: url(../img/hero-tb.webp) no-repeat center / cover; flex: 1 1 auto; padding: 80px 20px; width: 100%; }
			#form { flex: 1 1 auto; background: var(--blue); width: 100%; }
				#form form { display: flex; flex-wrap: wrap; gap: 20px; }
					#form .field-wrap { flex: 0 0 100%; }
						#form .field-wrap.field-tel,
						#form .field-wrap.field-email { flex: 0 0 calc( 50% - 10px ); }
}

@media ( width < 720px ){
	#status .wrap::before { width: 120px; }
	#status h2 { font-size: 1rem; letter-spacing: 1px; }
}

@media ( width < 600px ){
	#infos { background-image: url(../img/hero-mb.webp); }
	#status .wrap { flex-direction: column; }
	#status h2 { letter-spacing: 1px; text-align: center; margin-top: 8px; }
		#status h2 span { display: block; }
		#status h2 span::before { content: ''; text-align: center }
}




/* Navbar */
#navbar { position: fixed; right: 20px; bottom: 20px; z-index: 99; }
	#navbar ul { list-style: none; }
		#navbar li { margin-top: 12px; }
			#navbar li a { position: relative; display: flex; align-items: flex-end; justify-content: center; width: 60px; height: 60px; transition: all .3s ease-out; box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.25); }
				#navbar li.cadastro a { background: var(--blue) url("data:image/svg+xml,%3Csvg clip-rule='evenodd' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' fill='white' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m14.776 18.689 7.012-7.012c.133-.133.217-.329.217-.532 0-.179-.065-.363-.218-.515l-2.423-2.415c-.144-.143-.333-.215-.522-.215s-.378.072-.523.215l-7.027 6.996c-.442 1.371-1.158 3.586-1.265 3.952-.125.433.199.834.573.834.41 0 .696-.099 4.176-1.308zm-2.258-2.392 1.17 1.171c-.704.232-1.275.418-1.729.566zm.968-1.154 5.356-5.331 1.347 1.342-5.346 5.347zm-4.486-1.393c0-.402-.356-.75-.75-.75-2.561 0-2.939 0-5.5 0-.394 0-.75.348-.75.75s.356.75.75.75h5.5c.394 0 .75-.348.75-.75zm5-3c0-.402-.356-.75-.75-.75-2.561 0-7.939 0-10.5 0-.394 0-.75.348-.75.75s.356.75.75.75h10.5c.394 0 .75-.348.75-.75zm0-3c0-.402-.356-.75-.75-.75-2.561 0-7.939 0-10.5 0-.394 0-.75.348-.75.75s.356.75.75.75h10.5c.394 0 .75-.348.75-.75zm0-3c0-.402-.356-.75-.75-.75-2.561 0-7.939 0-10.5 0-.394 0-.75.348-.75.75s.356.75.75.75h10.5c.394 0 .75-.348.75-.75z' fill-rule='nonzero'/%3E%3C/svg%3E") no-repeat center / auto 50%; }
				#navbar li.whatsapp a { background: var(--blue) 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' stroke-width='1' fill='white'/%3E%3C/svg%3E") no-repeat center / auto 50%; }
				#navbar li.chat a { background: var(--blue) 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 / auto 50%; }
				#navbar li a span { position: absolute; top: 0; right: calc(100% + 10px); height: 60px; display: flex; align-items: center; font-size: .75rem; text-transform: capitalize; transform: translateX(60px); opacity: 0; visibility: hidden; transition: all .3s ease-out; z-index: 2; color: white; background: var(--blue); min-width: 130px; text-align: center; justify-content: center; box-shadow: 0px 5.125px 5.125px 0px rgba(0, 0, 0, 0.25); }
					#navbar li a:hover > span { transform: translateX(0); opacity: 1; visibility: visible; }


@media ( width >= 600px ){
	#navbar li.cadastro { display: none; }
}

@media ( width < 900px ){
	#navbar li a { width: 40px; height: 40px; }
}

@media ( width < 600px ){
	#navbar { inset: auto 0 0 0; box-shadow: 0 -6px 6px 0 rgba(0, 0, 0, 0.25); }
		#navbar ul { display: flex; }
			#navbar li { margin-top: 0; flex: 0 0 33.33%; }
				#navbar li a { width: 100%; box-shadow: none; }
					#navbar li.whatsapp a { border-inline: 1px solid white; }
					#navbar li a span { display: none; }

}



#lugar { background: var(--blue-l); padding-block: 60px; }
	#lugar .wrap { display: flex; gap: 40px; align-items: center; }
		#lugar h2 { flex: 0 0 280px; color: white; font-weight: normal; font-size: 2rem; }
			#lugar h2 strong { color: var(--blue); display: block; font-weight: bold; }
		#lugar ul { flex: 1 1 100%; list-style: none; display: flex; gap: 20px; }
			#lugar li { background: white; padding: 20px; border-radius: 20px; flex: calc( 25% - 15px ); text-align: center; text-transform: uppercase; }
				#lugar li strong { display: block; }
				#lugar li::before { content: ''; display: block; width: 80px; aspect-ratio: 1/1; margin: 0 auto 20px; border: 1px solid var(--blue); border-radius: 50%; }
					#lugar li:nth-child(1)::before { background: url(../img/planta.svg) no-repeat center / 100% auto; }
					#lugar li:nth-child(2)::before { background: url(../img/vista.svg) no-repeat center / 100% auto; }
					#lugar li:nth-child(3)::before { background: url(../img/lazer.svg) no-repeat center / 100% auto; }
					#lugar li:nth-child(4)::before { background: url(../img/servicos.svg) no-repeat center / 100% auto; }

@media ( width < 1200px ){
	#lugar .wrap { flex-direction: column; }
		#lugar h2 { flex: 1 1 auto; text-align: center; }
}

@media ( width < 900px ){
	#lugar h2 { font-size: 1.75rem; }
	#lugar ul { flex-wrap: wrap; }
		#lugar li { flex: 0 0 calc( 50% - 10px ); }
			#lugar li::before { width: 60px; }
}

@media ( width < 600px ){
	#lugar h2 { font-size: 1.5rem; }
	#lugar li { flex: 0 0 100%; }
		#lugar li::before { width: 40px; }
		#lugar li strong { display: initial; }
}



#respiro { background: var(--blue-l); position: relative;  }
	#respiro .video { position: relative; }
		#respiro .video video {}
	#respiro .text { padding: 80px 0 80px 40px; }
		#respiro .text h2 { font-size: 2rem; text-transform: uppercase; }
		#respiro .text p { margin-top: 20px; }

@media ( width < 900px ){
	#respiro .text h2 { font-size: 1.75rem; }
}

@media ( width >= 600px ){
	#respiro::after { content: ''; display: block; width: 124px; height: 100%; background: url(../img/grafismo.webp) no-repeat 0 0 / cover; position: absolute; top: 0; right: 0; }
	#respiro .video video { position: absolute; top: 0; right: 0; width: 50vw; height: 100%; object-fit: cover; }
}

@media ( width < 600px ){
	#respiro .video video { width: calc( 100% + 40px ); height: auto; aspect-ratio: 16/9; margin-left: -20px; }
	#respiro .text { padding: 20px 0 40px; }
		#respiro .text h2 { font-size: 1.5rem; max-width: 360px; }
}




#galerias { padding-block: 80px; }
	#galerias h2 { display: none; }
	#gallery-nav { display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; }
		#gallery-nav a { display: block; padding: 8px 20px; background: var(--blue-l); color: var(--blue-d); text-transform: uppercase; border-radius: 20px; font-weight: bold; }
			#gallery-nav a:hover,
			#gallery-nav a.active { background: var(--blue); color: #fff; }
	#gallery-full { margin-top: 40px; }
		#gallery-full .slide-item {}
			#gallery-full .slide-item p { margin-top: .5rem; font-size: .875rem; text-transform: uppercase; text-decoration: underline var(--blue) solid; color: var(--blue); text-underline-offset: 8px; padding-bottom: 8px; }
		#gallery-full .slick-arrow { width: 60px; height: 60px; position: absolute; top: calc( 50% - 30px ); z-index: 9; }
			#gallery-full .slick-arrow.slick-prev { background: var(--blue) url("data:image/svg+xml,%3Csvg width='24' height='39' viewBox='0 0 24 39' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.484 19.1881L23.334 4.26335L19.092 0L0 19.1881L19.092 38.3762L23.334 34.1128L8.484 19.1881Z' fill='white'/%3E%3C/svg%3E") no-repeat center / auto 50%; left: 0; }
				#gallery-full .slick-arrow.slick-prev:hover { background: var(--blue-l) url("data:image/svg+xml,%3Csvg width='24' height='39' viewBox='0 0 24 39' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.484 19.1881L23.334 4.26335L19.092 0L0 19.1881L19.092 38.3762L23.334 34.1128L8.484 19.1881Z' fill='%231F2A5B'/%3E%3C/svg%3E") no-repeat center / auto 50%; }
			#gallery-full .slick-arrow.slick-next { background: var(--blue) url("data:image/svg+xml,%3Csvg width='24' height='39' viewBox='0 0 24 39' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.85 19.1881L0 4.26335L4.242 0L23.334 19.1881L4.242 38.3762L0 34.1128L14.85 19.1881Z' fill='white'/%3E%3C/svg%3E") no-repeat 57% 50% / auto 50%; right: 0; }
				#gallery-full .slick-arrow.slick-next:hover { background: var(--blue-l) url("data:image/svg+xml,%3Csvg width='24' height='39' viewBox='0 0 24 39' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.85 19.1881L0 4.26335L4.242 0L23.334 19.1881L4.242 38.3762L0 34.1128L14.85 19.1881Z' fill='%231F2A5B'/%3E%3C/svg%3E") no-repeat 57% 50% / auto 50%; }

@media ( width < 600px ){
	#gallery-full .slick-arrow { width: 40px; height: 40px; position: absolute; top: auto; bottom: -12px; }
		#gallery-full .slick-arrow.slick-prev { left: auto; right: 48px; }

}



#tour { background: url(../img/tour.webp) no-repeat center / cover; position: relative; }
	#tour::before { content: ''; display: block; position: absolute; inset: 0; background: rgba( 0 0 0 / 30% ); z-index: 1; }
	#tour .wrap { position: relative; z-index: 2; padding: 80px 20px; display: flex; align-items: center; justify-content: space-between; min-height: 360px; }
		#tour h2 { font-size: 2rem; color: white; text-align: center; width: 260px; padding-top: 90px; background: url(../img/360.webp) no-repeat 50% 0; text-transform: uppercase; }
		#tour ul { list-style: none; display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; }
			#tour li { list-style: none; display: flex; flex-wrap: wrap; gap: 20px; }
				#tour a { display: block; padding: 8px 20px; background: var(--blue); color: white; text-transform: uppercase; border-radius: 20px; font-weight: bold; }
					#tour a:hover { background: var(--blue-l); color: var(--blue-d); }

@media ( width < 1200px ){
	#tour { background-image: url(../img/tour-dt.webp); }
		#tour .wrap { flex-direction: column; gap: 40px; }
}

@media ( width < 900px ){
	#tour { background-image: url(../img/tour-tb.webp); }
		#tour h2 { font-size: 1.75rem; }
}

@media ( width < 600px ){
	#tour { background-image: url(../img/tour-mb.webp); }
		#tour h2 { font-size: 1.5rem; }
}



#atts { position: relative; }
	#atts h2 { display: none; }
	#atts input:radio { display: none; }
	#atts .tabs { position: absolute; top: 40px; left: 0; width: 100%; display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; list-style: none; z-index: 9; }
		#atts .tabs li {}
			#atts .tabs li label { display: block; padding: 8px 20px; background: var(--blue); color: #fff; text-transform: uppercase; border-radius: 20px; }
				#atts .tabs li label:hover,
				#atts #lazer-cb:checked ~ .tabs #lazer-label,
				#atts #comodidade-cb:checked ~ .tabs #comodidade-label,
				#atts #wellness-cb:checked ~ .tabs #wellness-label { background: var(--blue-l); color: var(--blue-d); }
	#atts .tabs-content {}
		#atts .tab-content { display: none; padding-block: 120px 80px; position: relative; color: #fff; min-height: 600px; }
			#atts #lazer-cb:checked ~ #lazer,
			#atts #comodidade-cb:checked ~ #comodidade,
			#atts #wellness-cb:checked ~ #wellness { display: block; }
			#atts .tab-content::before { content: ''; display: block; position: absolute; inset: 0; background: rgba( 0 0 0 / 75% ); z-index: 1; }
			#atts .tab-content .wrap { position: relative; z-index: 2; max-width: 800px; }
			#atts .tab-content h3 { font-size: 2.5rem; font-weight: normal; text-align: center; }
			#atts .tab-content h4 { font-size: 1.25rem; text-transform: uppercase; }
			#atts .tab-content ul { margin-top: 20px; list-style: none; }
				#atts .tab-content ul.cols { columns: 2; column-gap: 40px; }
				#atts .tab-content li { padding-block: 8px; border-bottom: 1px solid white; break-inside: avoid; }
			#atts .tab-content p { margin-top: 20px; text-align: center; }
				#atts .tab-content p small { font-size: .625rem; }
			#atts .tab-content .row { margin-top: 40px; }
				#atts .tab-content .col { padding-right: 20px; }

			#atts #lazer { background: url(../img/lazer.webp) no-repeat center / cover; }
			#atts #comodidade { background: url(../img/comodidade.webp) no-repeat center / cover; }
			#atts #wellness { background: url(../img/wellness.webp) no-repeat center / cover; }
				#atts #wellness ul { max-width: 450px; margin-inline: auto; }

@media ( width < 900px ){
	#atts .tab-content h3 { font-size: 2.25rem; }
}

@media ( width < 600px ){
	#atts .tab-content { padding-top: 160px; }
		#atts .tab-content h3 { font-size: 2rem; }
		#atts .tab-content ul.cols { columns: 1; }
		#atts .tab-content .col { padding-right: 0; }
}




#local { padding: 80px 0; position: relative; }
	#local::after { content: ""; display: block; width: 535px; height: 340px; position: absolute; top: 20px; right: 10%; background: url("../img/grafismo-azul.webp") no-repeat 0 0; opacity: .9; }
	#local .text { padding-right: 80px; }
		#local h2 { font-size: 2rem; }
		#local * + p { margin-top: 20px; }
		#local address { margin-top: 20px; font-style: normal; }
			#local address + address { margin-top: 32px; }
			#local address h3 { color: var(--blue); text-transform: uppercase; border-bottom: 1px solid var(--blue); padding-bottom: .5rem; }
			#local address p { font-size: .875rem; margin-top: .5rem; }
			#local address a { background: var(--orange) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='24' viewBox='0 0 21 24' fill='none'%3E%3Cpath d='M10.2154 7.00797C10.2394 7.00797 10.2617 6.99997 10.2857 6.99997C11.5903 6.99997 12.6566 8.13797 12.8229 9.60697L15.7071 5.62397C15.0857 4.45597 14.2269 3.51097 13.2214 2.87997L10.2154 7.00797ZM10.2857 13C8.982 13 7.91658 11.864 7.74858 10.396L5.12743 13.995C5.48572 14.676 5.88258 15.337 6.27943 15.988C6.57858 16.48 6.87086 16.964 7.14343 17.449L10.3731 12.989C10.344 12.991 10.3157 13 10.2857 13ZM8.04 19.311C8.27143 19.917 8.44543 20.54 8.52429 21.199C8.646 22.226 9.40286 23 10.2874 23C11.1711 23 11.9271 22.233 12.0454 21.216C12.2666 19.314 13.2506 17.698 14.292 15.988C15.7757 13.551 17.3023 11.03 16.4846 7.64997L8.04 19.311ZM8.43772 6.35997L11.5037 2.14897C11.2286 2.08397 10.9509 2.03097 10.6671 2.01197C8.97772 1.90097 7.374 2.54197 6.10629 3.81197L8.43772 6.35997ZM4.96372 5.30497C4.25315 6.53597 3.85715 7.99897 3.85715 9.49997C3.85715 10.412 4.02258 11.258 4.28658 12.061L7.32686 7.88597L4.96372 5.30497Z' fill='white'/%3E%3C/svg%3E") no-repeat 12px 50% / 16px auto; color: #fff; text-transform: uppercase; font-size: .875rem; padding: 8px 20px 8px 36px; transition: all .3s ease-out; display: inline-block; }
				#local address a:hover { background-color: var(--blue); }
	#local .map {}
		#local .map img { width: 100%; height: 100%; min-height: 400px; object-fit: cover; }

@media ( width < 1200px ){
	#local .text { padding-right: 40px; }
}

@media ( width < 900px ){
	#local::after { width: 120px; top: 20px; right: 0; opacity: .5; }
	#local .text { padding-right: 0; }
		#local h2 { font-size: 1.75rem; }
}



#projetistas { padding-block: 80px; background: url(../img/projetistas.webp) no-repeat center / cover; position: relative; }
	#projetistas::before { content: ''; display: block; inset: 0; background: rgba( 0 0 0 / 50% ); position: absolute; z-index: 1; }
	#projetistas .wrap { max-width: 740px; position: relative; z-index: 2; }
		#projetistas h2 { font-size: 2rem; color: white; text-align: center; }
		#projetistas p { color: #fff; text-align: center; margin-top: 20px; }
		#projetistas ul { list-style: none; display: flex; flex-wrap: wrap; gap: 40px; justify-content: center; margin-top: 40px; }
			#projetistas li { flex: 0 0 204px; display: flex; flex-direction: column; background: var(--blue-l); border-radius: 20px; border: 2px solid var(--blue-l); gap: 8px; padding-bottom: 12px; }
				#projetistas li img { border-radius: 18px 18px 0 0; }
				#projetistas li h3 { color: #fff; text-align: center; padding-inline: 19px; line-height: 1.2; order: 3; }
				#projetistas li p { text-align: center; padding-inline: 19px; margin-top: 0; }

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

@media ( width < 960px ){
	#projetistas { background-image: url(../img/projetistas-tb.webp); }
}

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

@media ( width < 640px ){
	#projetistas { background-image: url(../img/projetistas-mb.webp); }
}

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



#cadastro { padding: 60px 0; background: var(--blue); color: #fff; }
	#cadastro h2 { font-size: 2rem; color: var(--blue-l); text-align: center; }
	#cadastro form { display: flex; flex-wrap: wrap; gap: 20px; align-items: center; margin-top: 20px; width: calc( 100% + 20px ); }
		#cadastro .field-wrap { flex: 0 0 calc( 33.33% - 20px ); }
			#cadastro label { display: block; font-size: .875rem; color: #fff; padding-left: 1.25rem; }
				#cadastro label abbr { border: 0; text-decoration: none; }
				#cadastro label a { color: #fff; text-decoration: underline; }
					#cadastro label a:hover { color: var(--orange); }
			#cadastro .text { width: 100%; padding: 11px 19px; border: 1px solid var(--orange); border-radius: 24px; background: transparent; color: #fff; margin-top: 4px; }
				#cadastro .text::placeholder { color: #fff; }
				#cadastro .field-pp { flex: 0 0 calc( 66.66% - 20px ); }
					#cadastro .field-pp label { padding: 0; }
					#cadastro .field-pp input { display: none; }
					#cadastro .field-pp input + span { display: inline-block; position: relative; padding-left: 24px; }
					#cadastro .field-pp input + span:before { content: ''; width: 16px; height: 16px; border: 1px solid var(--orange); position: absolute; top: 2px; left: 0; }
					#cadastro .field-pp input + span:after { content: ''; width: 8px; height: 8px; background: var(--orange); position: absolute; top: 6px; left: 4px; opacity: 0; transition: all .3s ease-out; }
						#cadastro .field-pp input:checked+span:after { opacity: 1; }
				#cadastro .submit-btn { display: block; width: 100%; padding: 11px 20px; background: var(--orange); color: white; text-transform: uppercase; font-weight: bold; border-radius: 24px; }
					#cadastro .submit-btn:hover { background: var(--blue-l); }
					#cadastro .submit-btn[disabled] { opacity: .5; pointer-events: none; }
					#cadastro .submit-btn.sending { pointer-events: none; color: transparent; background: var(--orange) url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 38 38' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient x1='8.042%25' y1='0%25' x2='65.682%25' y2='23.865%25' id='a'%3E%3Cstop stop-color='%23fff' stop-opacity='0' offset='0%25'/%3E%3Cstop stop-color='%23fff' stop-opacity='.631' offset='63.146%25'/%3E%3Cstop stop-color='%23fff' offset='100%25'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(1 1)'%3E%3Cpath d='M36 18c0-9.94-8.06-18-18-18' id='Oval-2' stroke='url(%23a)' stroke-width='2'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 18 18' to='360 18 18' dur='0.9s' repeatCount='indefinite' /%3E%3C/path%3E%3Ccircle fill='%23fff' cx='36' cy='18' r='1'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 18 18' to='360 18 18' dur='0.9s' repeatCount='indefinite' /%3E%3C/circle%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center / auto 50%; transition: none; opacity: 1; }
				#cadastro .form-output { border-radius: 20px; flex: 0 0 calc( 100% - 20px ); }

@media ( width < 900px ){
	#cadastro h2 { font-size: 1.75rem; }
	#cadastro .field-wrap { flex: 0 0 calc( 50% - 20px ); }
	#cadastro .field-nome { flex: 0 0 calc( 100% - 20px ); }
}

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



#footer { padding: 40px 0; }
	#footer .wrap { display: flex; gap: 20px; align-items: flex-start; }
		#footer .logos { flex: 0 0 360px; display: flex; align-items: center; justify-content: end; flex-wrap: wrap; gap: 20px; }
			#footer .logos .patrimar {}
				#footer .logos .patrimar figure {}
					#footer .logos .patrimar figcaption { color: black; font-size: .5rem; text-transform: uppercase; padding-bottom: 8px; }
			#footer .logos .esg { order: -1; margin-top: 32px; }
		#footer .text { order: -1; }
			footer p { font-size: .675rem; color: black; }

@media ( width < 900px ){
	#footer .wrap { flex-direction: column; }
		#footer .logos { flex: 1 1 auto; justify-content: center; width: 100%; }
		#footer .text { order: 2; text-align: center; }
}

@media ( width < 600px ){
	#footer { padding-bottom: 80px; }
}

@media ( width < 480px ){
	#footer .logos { flex-direction: column; }
		#footer .logos .esg { order: 2; margin-top: 0; }
}