/* 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: 0.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; } /* Project */ @font-face { font-family: "Affogato"; src: local("Affogato Regular"), local("Affogato-Regular"), url("../fonts/Affogato-Regular.woff2") format("woff2"), url("../fonts/Affogato-Regular.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Affogato"; src: local("Affogato Bold"), local("Affogato-Bold"), url("../fonts/Affogato-Bold.woff2") format("woff2"), url("../fonts/Affogato-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap; } *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; border: 0; outline: 0; font-family: var(--font); } :root { --extra: 20px; --green: #142b2c; --gold: #989058; --gold-l: #dad4ca; --brown: #342722; --bg: #231f20; --font: "Affogato", tahoma, sans-serif; } @media (min-width: 1241px) { :root { --extra: calc((100vw - 1200px) / 2); } } html { scroll-behavior: smooth; max-width: 100vw; overflow-x: hidden; } body { min-height: 100vh; font: 16px var(--font) / 1.5; color: var(--brown); background: #fff; } button, input, label select, textarea { font: inherit; } img { display: block; max-width: 100%; height: auto; } a, label, button, input[type="submit"] { cursor: pointer; transition: all 0.3s ease-out; } .wrap { max-width: 1240px; padding-inline: 20px; margin-inline: auto; } /* Topo */ #topo { width: 100%; height: 90vh; min-height: 540px; border-bottom: 8px solid var(--gold); background: url("../img/hero.webp") no-repeat center / cover; } #topo .wrap { height: 100%; display: flex; justify-content: space-between; } #topo .intro { flex: 0 0 400px; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; padding-bottom: 80px; } #topo .intro h1 { width: 138px; height: 147px; background: url(../img/logo-place-vendome.webp) no-repeat center / contain; text-indent: -999rem; } #topo .intro h2 { font-size: 1.25rem; text-transform: uppercase; text-align: center; color: #fff; margin-top: 24px; } #topo .intro h3 { order: -1; margin-bottom: auto; background: #fff; padding: 20px 26px; font-size: 1rem; text-transform: uppercase; text-align: center; color: var(--brown); position: relative; font-weight: normal; } #topo .intro h3 strong { font-weight: bold; } #topo .intro h3::before { content: ''; display: block; width: calc( 100% - 20px); height: calc( 100% - 20px); border: 1px solid var(--brown); position: absolute; top: 10px; left: 10px; } #topo .intro p { font-size: 1.25rem; font-weight: bold; text-transform: uppercase; text-align: center; margin-top: 40px; color: #fff; } #topo .intro p + p { color: var(--gold); margin-top: 0; } #topo .form { flex: 0 0 400px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 40px; background: var(--green); } #topo .form h2 { font-size: 1.5rem; color: #fff; text-align: center; text-transform: uppercase; margin: 0px auto; max-width: 150px; } #topo .form form { margin-top: 20px; } #topo .form form.sending-form {} #topo .form .field-wrap {} #topo .form .field-wrap + .field-wrap { margin-top: 20px; } #topo .form .field-wrap label { display: block; font-size: .875rem; color: #fff; } #topo .form .field-wrap input { width: 100%; background: transparent; border-bottom: 1px solid var(--gold); padding: 8px 0; color: #fff; } #topo .form .field-wrap.field-pp {} #topo .form .field-wrap.field-pp label { position: relative; padding-left: 24px; } #topo .form .field-wrap.field-pp label input { display: none; } #topo .form .field-wrap.field-pp label::before { content: ''; display: block; width: 16px; height: 16px; border: 1px solid var(--gold); position: absolute; left: 0; top: 2px; } #topo .form .field-wrap.field-pp label::after { content: ''; display: block; width: 8px; height: 8px; background: var(--gold); position: absolute; left: 4px; top: 6px; opacity: 0; transition: opacity .3s ease-out; } #topo .form .field-wrap.field-pp label:has(input:checked)::after { opacity: 1; } #topo .form .field-wrap.field-pp label a { color: #fff; } #topo .form .field-wrap.field-pp label a:hover { color: var(--gold); } #topo .form .field-wrap input.submit-btn { border: 1px solid var(--gold); background-color: var(--gold); color: #fff; text-transform: uppercase; font-weight: bold; text-align: center; padding: 8px 20px; opacity: .5; pointer-events: none; } #topo .form:has(input[name="pp"]:checked) .field-wrap input.submit-btn { opacity: 1; pointer-events: initial; } #topo .form .field-wrap input.submit-btn:hover { background-color: transparent; color: var(--gold); } #topo .form .field-wrap input.submit-btn.sending { transition: none; pointer-events: none; background: var(--gold) 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 / 20px 20px; color: transparent; } #topo .form .form-output:not( :empty ) { padding: 8px 20px; border-radius: 20px; color: #fff; text-align: center; margin-bottom: 20px; } #topo .form .form-output.is-error { background-color: #f03; } #topo .form .form-output.is-success { background-color: #2E8B57; } @media ( min-width: 900px ){ #topo .intro h3 strong { display: inline-block; margin-left: 2px; border-left: 1px solid var(--brown); padding-left: 6px; } } @media ( max-width: 1199px ){ #topo { background-image: url("../img/hero-dt.webp"); } } @media ( max-width: 899px ){ #topo { background-image: url("../img/hero-tb.webp"); } #topo .intro { flex: 0 0 270px; padding-bottom: 60px; } #topo .intro h3 strong { display: block; } #topo .form { flex: 0 0 270px; padding: 20px; } } @media ( max-width: 599px ){ #topo { height: auto; background: none; } #topo .wrap { display: block; padding: 0; } #topo .intro { padding: 0 20px 40px; background: url(../img/hero-mb.webp) no-repeat center / cover; } #topo .intro h1 { margin-top: 80px; } #topo .form { padding: 40px 20px; } #topo .form form { width: 100%; } } /* nav */ #nav { position: fixed; top: 80px; right: 20px; z-index: 90; } #nav h2 { width: 60px; height: 60px; } #nav h2 a { display: block; width: 100%; height: 100%; text-indent: -999rem; background: url("data:image/svg+xml,%0A%3Csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M34.2697 1.56386C35.7836 9.65537 34.9262 19.6525 32.7795 30.2635C32.2532 32.8642 31.5435 35.459 30.6683 38.0307C43.0989 35.0014 52.1409 29.192 53.8381 20.8167C55.3579 13.3159 46.3336 5.65885 34.2697 1.56386ZM5.95507 59.9942C10.4909 55.8703 14.7014 50.8196 18.2555 45.1781C12.4187 46.3828 6.28624 47.3907 0 48.2016V40.1738C3.61917 40.4981 8.06034 40.585 12.9096 40.3881C15.8132 40.2722 18.6576 40.0405 21.3957 39.6988C24.4353 33.8604 26.7594 27.5702 28.0604 21.1352C29.6098 13.4897 29.6275 6.06429 28.362 0H28.8055H33.9386H44.1338C50.4732 1.72024 56.5702 4.48885 59.9883 7.38488L59.9942 27.6281C54.0746 33.8778 42.8268 38.9111 28.9179 42.6528C26.3927 48.7171 23.0219 54.5902 19.1426 59.9884L5.95507 59.9942Z' fill='%23DAD4CA'/%3E%3Cpath d='M59.9882 0.00598907H44.1394C50.4789 1.72624 56.576 4.49485 59.9941 7.39089L59.9882 0.00598907Z' fill='%23989058'/%3E%3Cpath d='M34.2698 1.5638C35.7837 9.65531 34.9262 19.6524 32.7795 30.2634C32.2532 32.8641 31.5436 35.4589 30.6683 38.0306C43.0989 35.0014 52.1409 29.1919 53.8381 20.8166C55.3579 13.3159 46.3336 5.65879 34.2698 1.5638Z' fill='%23989058'/%3E%3Cpath d='M0 40.1739C3.61914 40.4982 8.06027 40.5851 12.9094 40.3882C15.813 40.2723 18.6575 40.0406 21.3955 39.6989C24.4351 33.8605 26.7591 27.5703 28.0601 21.1353C29.6095 13.4898 29.6272 6.06431 28.3617 0H28.8052H0V40.1739Z' fill='%23989058'/%3E%3Cpath d='M0 59.9884L5.95502 60C10.4908 55.876 14.7013 50.8254 18.2554 45.1839C12.4186 46.3886 6.28618 47.3965 0 48.2073V59.9884Z' fill='%23989058'/%3E%3Cpath d='M59.9881 59.9883L59.9999 27.6339C54.0804 33.8835 42.8326 38.9168 28.9236 42.6585C26.3985 48.7228 23.0277 54.5959 19.1483 59.9941L59.9881 59.9883Z' fill='%23989058'/%3E%3C/svg%3E%0A") no-repeat center / contain; } #nav ul { list-style: none; margin-top: 20px; display: flex; gap: 20px; flex-direction: column; } #nav li {} #nav li a { display: block; width: 60px; height: 60px; text-indent: -999rem; } #nav li a:hover { background-color: var(--brown) !important; } #nav li.cadastro a {} #nav li.whatsapp a { background: var(--gold) url("data:image/svg+xml,%0A%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.4453 4.80859C25.9883 7.35156 27.5625 10.6816 27.5625 14.3145C27.5625 21.7012 21.3867 27.7559 13.9395 27.7559C11.6992 27.7559 9.51953 27.1504 7.52148 26.1211L0.4375 27.9375L2.31445 20.9746C1.16406 18.9766 0.498047 16.6758 0.498047 14.2539C0.498047 6.86719 6.55273 0.8125 13.9395 0.8125C17.5723 0.8125 20.9629 2.26562 23.4453 4.80859ZM13.9395 25.4551C20.1152 25.4551 25.2617 20.4297 25.2617 14.3145C25.2617 11.2871 23.9902 8.50195 21.8711 6.38281C19.752 4.26367 16.9668 3.11328 14 3.11328C7.82422 3.11328 2.79883 8.13867 2.79883 14.2539C2.79883 16.373 3.4043 18.4316 4.49414 20.248L4.79688 20.6719L3.64648 24.7891L7.88477 23.6387L8.24805 23.8809C10.0039 24.9102 11.9414 25.4551 13.9395 25.4551ZM20.1152 17.0996C20.418 17.2812 20.6602 17.3418 20.7207 17.5234C20.8418 17.6445 20.8418 18.3105 20.5391 19.0977C20.2363 19.8848 18.9043 20.6113 18.2988 20.6719C17.209 20.8535 16.3613 20.793 14.2422 19.8242C10.8516 18.3711 8.67188 14.9805 8.49023 14.7988C8.30859 14.5566 7.1582 12.9824 7.1582 11.2871C7.1582 9.65234 8.00586 8.86523 8.30859 8.50195C8.61133 8.13867 8.97461 8.07812 9.2168 8.07812C9.39844 8.07812 9.64062 8.07812 9.82227 8.07812C10.0645 8.07812 10.3066 8.01758 10.6094 8.68359C10.8516 9.34961 11.5781 10.9844 11.6387 11.166C11.6992 11.3477 11.7598 11.5293 11.6387 11.7715C11.0332 13.043 10.3066 12.9824 10.6699 13.5879C12.002 15.8281 13.2734 16.6152 15.2715 17.584C15.5742 17.7656 15.7559 17.7051 15.998 17.5234C16.1797 17.2812 16.8457 16.4941 17.0273 16.1914C17.2695 15.8281 17.5117 15.8887 17.8145 16.0098C18.1172 16.1309 19.752 16.918 20.1152 17.0996Z' fill='%23DAD4CA'/%3E%3C/svg%3E%0A") no-repeat center / auto 50%; } #nav li.chat a { background: var(--gold) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3c5.514 0 10 3.592 10 8.007 0 4.917-5.145 7.961-9.91 7.961-1.937 0-3.383-.397-4.394-.644-1 .613-1.595 1.037-4.272 1.82.535-1.373.723-2.748.602-4.265-.838-1-2.025-2.4-2.025-4.872-.001-4.415 4.485-8.007 9.999-8.007zm0-2c-6.338 0-12 4.226-12 10.007 0 2.05.738 4.063 2.047 5.625.055 1.83-1.023 4.456-1.993 6.368 2.602-.47 6.301-1.508 7.978-2.536 1.418.345 2.775.503 4.059.503 7.084 0 11.91-4.837 11.91-9.961-.001-5.811-5.702-10.006-12.001-10.006zm-3.5 10c0 .829-.671 1.5-1.5 1.5-.828 0-1.5-.671-1.5-1.5s.672-1.5 1.5-1.5c.829 0 1.5.671 1.5 1.5zm3.5-1.5c-.828 0-1.5.671-1.5 1.5s.672 1.5 1.5 1.5c.829 0 1.5-.671 1.5-1.5s-.671-1.5-1.5-1.5zm5 0c-.828 0-1.5.671-1.5 1.5s.672 1.5 1.5 1.5c.829 0 1.5-.671 1.5-1.5s-.671-1.5-1.5-1.5z' fill='white'/%3E%3C/svg%3E") no-repeat center / auto 50%; } @media ( min-width: 600px ){ #nav li.cadastro { display: none; } } @media ( max-width: 899px ){ #nav h2 { width: 40px; height: 40px; } #nav li a { width: 40px; height: 40px; } } @media ( max-width: 599px ){ #nav { position: fixed; top: auto; bottom: 0; right: 0; width: 100%; } #nav h2 { display: none; } #nav ul { gap: 0; flex-direction: row; } #nav li { flex: 0 0 33.33%; } #nav li a { width: 100%; height: 60px; } #nav li.cadastro a { background: var(--gold) 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='m11.25 6c.398 0 .75.352.75.75 0 .414-.336.75-.75.75-1.505 0-7.75 0-7.75 0v12h17v-8.749c0-.414.336-.75.75-.75s.75.336.75.75v9.249c0 .621-.522 1-1 1h-18c-.48 0-1-.379-1-1v-13c0-.481.38-1 1-1zm1.521 9.689 9.012-9.012c.133-.133.217-.329.217-.532 0-.179-.065-.363-.218-.515l-2.423-2.415c-.143-.143-.333-.215-.522-.215s-.378.072-.523.215l-9.027 8.996c-.442 1.371-1.158 3.586-1.264 3.952-.126.433.198.834.572.834.41 0 .696-.099 4.176-1.308zm-2.258-2.392 1.17 1.171c-.704.232-1.274.418-1.729.566zm.968-1.154 7.356-7.331 1.347 1.342-7.346 7.347z' fill-rule='nonzero' fill='white'/%3E%3C/svg%3E") no-repeat center / auto 50%; border-right: 1px solid #fff; } #nav li.whatsapp a { border-right: 1px solid #fff; } } /* #atributos */ #atributos { padding: 60px 0; } #atributos h2 { display: none; } #atributos input[type="radio"] { display: none; } #atributos .tabs { display: flex; flex-wrap: wrap; gap: 20px; list-style: none; } #atributos .tabs label { display: block; padding: 9.5px 20px; background: var(--brown); color: #fff; font-size: .875rem; text-transform: uppercase; border-radius: 20px; } #atributos .tabs label:hover, #tab-lazer:checked ~ .tabs label[for="tab-lazer"], #tab-welness:checked ~ .tabs label[for="tab-welness"], #tab-facilities:checked ~ .tabs label[for="tab-facilities"], #tab-seguranca:checked ~ .tabs label[for="tab-seguranca"], #tab-sustentabilidade:checked ~ .tabs label[for="tab-sustentabilidade"] { background: var(--gold-l); color: var(--brown); } #atributos .tabs-content { margin-top: 40px; } #atributos .tabs-content .tab-content { display: none; } #tab-lazer:checked ~ .tabs-content #tab-lazer-content, #tab-welness:checked ~ .tabs-content #tab-welness-content, #tab-facilities:checked ~ .tabs-content #tab-facilities-content, #tab-seguranca:checked ~ .tabs-content #tab-seguranca-content, #tab-sustentabilidade:checked ~ .tabs-content #tab-sustentabilidade-content { display: block; } #atributos .tab-content h3 { font-family: var(--text-forn); font-size: 2rem; text-transform: uppercase; line-height: 1.2; color: var(--gold); } #atributos .tab-content h4 { font-size: 1.75rem; color: var(--gold); margin-top: 0; } #atributos .tab-content h5 { font-size: 1.125rem; color: var(--brown); margin-top: 20px; } #atributos .tab-content p { margin-top: 20px; } #atributos .tab-content ul { margin-top: 20px; list-style-position: inside; } #atributos .tab-content li + li { margin-top: 8px; } #atributos .tab-content figure { margin-top: 40px; } #atributos .tab-content img { border-radius: 8px; width: 100%; height: auto; } #atributos .tab-content figcaption { margin-top: 12px; } @media ( min-width: 600px ){ #atributos .tabs-content .tab-content ul { column-count: 2; column-gap: 40px; } } @media ( max-width: 899px ){ #atributos h2 { font-size: 1.75rem; } #atributos .tabs { gap: 12px; } #atributos .tabs-content .tab-content h3 { font-size: 1.75rem; } #atributos .tabs-content .tab-content h4 { font-size: 1.25rem; } } @media ( max-width: 599px ){ #atributos h2 { font-size: 1.5rem; } #atributos .tabs-content .tab-content h3 { font-size: 1.5rem; } #atributos .tabs-content .tab-content h4 { font-size: 1.125rem; } } /* Exclusividade */ #exclusividade { display: flex; align-items: center; position: relative; background: url("../img/nova-lima.webp") no-repeat center / cover; border-bottom: 8px solid var(--gold); } #exclusividade .wrap { position: relative; padding: 160px 20px 200px; z-index: 3; } #exclusividade h2 { font-size: 2rem; font-weight: normal; color: #fff; text-align: center; text-transform: uppercase; margin: 0 auto; max-width: 1100px; } #exclusividade h2 strong { font-weight: bold; display: block; } #exclusividade h2::after { content: ""; display: block; height: 3px; background-color: var(--gold); width: 40px; margin: 20px auto 0px; } #exclusividade ul { width: 100%; max-width: 1000px; padding: 0 20px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 20px; list-style: none; position: absolute; bottom: -60px; left: 50%; transform: translateX(-50%); z-index: 4; filter: drop-shadow(0 4px 6px rgba(0,0,0,.5)); } #exclusividade li { flex: 0 0 240px; text-align: center; background: #fff; padding: 40px; display: flex; flex-direction: column; place-items: center; min-height: 108px; position: relative; font-size: 1.5rem; font-weight: bold; } #exclusividade li span { display: block; } #exclusividade li::before { content: ''; display: block; width: calc( 100% - 40px ); height: calc( 100% - 40px ); border: 1px solid var(--brown); position: absolute; top: 20px; left: 20px; } #exclusividade li::after { content: ''; display: block; width: 64px; height: 64px; position: absolute; top: -32px; left: calc( 50% - 32px ); } #exclusividade li:nth-child( 1 )::after { background: url(../img/4-suites.webp) no-repeat center / contain; } #exclusividade li:nth-child( 2 )::after { background: url(../img/lazer-monumental.webp) no-repeat center / contain; } #exclusividade li:nth-child( 3 )::after { background: url(../img/vista-excepcional.webp) no-repeat center / contain; } #exclusividade .bg { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; overflow: hidden; } #exclusividade .bg::before { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url("../img/nova-lima.webp") no-repeat center / cover; transition: transform 1s ease-out; z-index: 1; } #exclusividade:hover .bg::before { transform: scale(1.1); } #exclusividade .bg::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba( 0 0 0 / .5 ); z-index: 2; } @media ( max-width: 1199px ){ #exclusividade .bg::before { background-image: url("../img/nova-lima-dt.webp") } } @media ( max-width: 899px ){ #exclusividade .bg::before { background-image: url("../img/nova-lima-tb.webp") } } @media ( max-width: 799px ){ #exclusividade li { flex: 0 0 180px; font-size: 1.25rem; } } @media ( max-width: 639px ){ #exclusividade .wrap { padding: 80px 20px; } #exclusividade ul { flex-direction: column; padding: 0 20px; position: relative; inset: auto; transform: translateX(0); max-width: 360px; margin-top: 80px; } #exclusividade li { flex: 0 0 100%; } #exclusividade li + li { margin-top: 40px; } } @media ( max-width: 599px ){ #exclusividade h2 { font-size: 1.5rem; } #exclusividade .bg::before { background-image: url("../img/nova-lima-mb.webp"); } } /* Reserva Jardins */ #reserva-jardins { position: relative; text-align: center; padding: 160px 0px; background-image: url("../img/flor.webp"); background-position: center bottom; background-repeat: no-repeat; } #reserva-jardins .wrap { position: relative; z-index: 3; display: flex; gap: 40px; flex-wrap: wrap; justify-content: space-between; } #reserva-jardins .intro { flex: 0 0 calc( 50% - 20px ); } #reserva-jardins h2 { width: 144px; height: 76px; text-indent: -999rem; margin: 0 auto; background: url(../img/logo-reserva-jardins-dark.webp) no-repeat center / contain; } #reserva-jardins h3 { font-size: 2rem; color: var(--gold); text-transform: uppercase; text-align: center; margin: 40px auto 0; max-width: 450px; } #reserva-jardins h3 + p { font-size: 1.5rem; margin: 20px auto 0; max-width: 450px; } #reserva-jardins h3 + p::after { content: ""; display: block; height: 0; width: 120px; margin: 12px auto 0; border-top: 3px solid var(--gold); } #reserva-jardins p + p { margin-top: 40px; text-align: center; } #reserva-jardins .btn { display: inline-block; padding: 8px 40px; background-color: var(--green); color: #fff; text-transform: uppercase; font-weight: bold; border-radius: 20px; text-decoration: none; font-size: 1rem; line-height: 1.5; } #reserva-jardins .btn:hover { background-color: var(--gold); color: #fff; } #reserva-jardins .image { flex: 0 0 calc( 50% - 20px ); } #reserva-jardins .image img { border: 20px solid #fff; box-shadow: 0 4px 6px rgba( 0 0 0/ .5 ); } #reserva-jardins video { position: absolute; top: 0; right: 0; width: 25%; height: 100%; object-fit: cover; z-index: 2; } @media ( min-width: 1219px ){ #reserva-jardins video { width: calc( 300px + var(--extra) ); } } @media ( max-width: 599px ){ #reserva-jardins { padding: 80px 0px; background-position: center -240px; } #reserva-jardins .intro, #reserva-jardins .image { flex: 0 0 100%; } #reserva-jardins video { top: auto; bottom: 0; width: 100%; height: 50vw; } } /* Cadastro */ #cadastro { background: var(--bg); color: #fff; padding: 80px 0px; border-bottom: 8px solid var(--gold); } #cadastro h2 { font-size: 2rem; text-align: center; text-transform: uppercase; color: #fff; } #cadastro form { margin-top: 40px; display: flex; flex-wrap: wrap; gap: 20px 0; width: calc( 100% + 20px ); } #cadastro form .field-wrap { flex: 0 0 calc( 33.33% - 20px ); margin-right: 20px; } #cadastro form .field-wrap label { display: block; } #cadastro form .field-wrap input { width: 100%; padding: 8px 0; background: transparent; border-bottom: 1px solid var(--gold); color: #fff; } #cadastro form .field-wrap.field-pp {} #cadastro form .field-wrap.field-pp label { position: relative; padding-left: 24px; } #cadastro form .field-wrap.field-pp label input { display: none; } #cadastro form .field-wrap.field-pp label::before { content: ''; display: block; width: 16px; height: 16px; border: 1px solid var(--gold); position: absolute; left: 0; top: 2px; } #cadastro form .field-wrap.field-pp label::after { content: ''; display: block; width: 8px; height: 8px; background: var(--gold); position: absolute; left: 4px; top: 6px; opacity: 0; transition: opacity .3s ease-out; } #cadastro form .field-wrap.field-pp label:has(input:checked)::after { opacity: 1; } #cadastro form .field-wrap.field-pp label a { color: #fff; } #cadastro form .field-wrap.field-pp label a:hover { color: var(--gold); } #cadastro form .field-wrap input.submit-btn { border: 1px solid var(--gold); background-color: var(--gold); color: #fff; text-transform: uppercase; font-weight: bold; text-align: center; padding: 8px 20px; opacity: .5; pointer-events: none; } #cadastro form:has(input[name="pp"]:checked) .field-wrap input.submit-btn { opacity: 1; pointer-events: initial; } #cadastro form .field-wrap input.submit-btn:hover { background-color: transparent; color: var(--gold); } #cadastro form .field-wrap input.submit-btn.sending { transition: none; pointer-events: none; background: var(--gold) 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 / 20px 20px; color: transparent; } #cadastro form .form-output:not( :empty ) { padding: 8px 20px; border-radius: 20px; color: #fff; text-align: center; margin-bottom: 20px; flex: 0 0 calc( 100% - 20px ); } #cadastro form .form-output.is-error { background-color: #f03; } #cadastro form .form-output.is-success { background-color: #2E8B57; } @media ( min-width: 900px ){ #cadastro form .field-wrap.field-pp { flex: 0 0 calc( 66.67% - 20px ); } } @media ( max-width: 899px ){ #cadastro { padding: 60px 0; } #cadastro form .field-wrap { flex: 0 0 calc( 50% - 20px ); } #cadastro form .field-wrap.field-nome { flex: 0 0 calc( 100% - 20px ); } } @media ( max-width: 599px ){ #cadastro { padding: 40px 0; } #cadastro h2 { font-size: 1.52rem; } #cadastro form .field-wrap { flex: 0 0 calc( 100% - 20px ); } } /* Footer */ #foot { padding: 60px 0px; } #foot figure { display: flex; flex-direction: column; padding-bottom: 40px; border-bottom: 1px solid var(--gold); } #foot img { order: 2; } #foot figcaption { font-size: .5rem; letter-spacing: 0.3px; text-transform: uppercase; color: var(--brown); margin-bottom: 8px; display: block; padding-left: 4px; } #foot p { font-size: .75rem; letter-spacing: 0.5px; margin-top: 40px; } @media ( max-width: 599px ){ #foot { padding: 40px 0 100px; } #foot figure { padding-bottom: 20px; } #foot p { margin-top: 20px; } }