/* Fonts */ @font-face { font-family: 'Gotham'; font-style: normal; font-weight: 400; font-display: swap; src: url(../fonts/gotham/Gotham-Book.woff2) format('woff2'); } @font-face { font-family: 'Gotham'; font-style: normal; font-weight: 700; font-display: swap; src: url(../fonts/gotham/Gotham-Bold.woff2) format('woff2'); } /* 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} /* Loading */ .loading { width: 100vw; height: 100vh; background-color: #fff; background-size: cover; position: fixed; overflow: hidden; top: 0; left: 0; z-index: 99999999999 } .loading .logo { backdrop-filter: brightness(0.1); height: 100%; width: 100%; display: flex; align-items: center; justify-content: center } .loading .novolar { width: 50px; height: 50px; background: transparent url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Camada_2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 507.52 507.98'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D.cls-2%7Bfill:%230072ba;%7D.cls-2,.cls-3%7Bfill-rule:evenodd;%7D.cls-3%7Bfill:%2393c01f;%7D%3C/style%3E%3C/defs%3E%3Cg id='Camada_1-2'%3E%3Ccircle class='cls-1' cx='253.82' cy='253.98' r='253.71'/%3E%3Cpath class='cls-3' d='m210.12,75.88c8.9-10.3,21.3-19.1,54.9-19.1,18.9,0,33.8,0,33.8,12.9-.4,3.8-2,7.3-4.5,10.1-1.1,1.9-2.5,3.6-4.1,5.1-33.6,42.7-85.1,112.4-117.9,160.2,48.2-45.8,175.5-160,257.3-174.9C328.02-26.62,167.12-22.82,70.32,78.68-.08,152.38-19.58,260.98,20.72,354.58,88.72,246.58,173.92,124.28,210.12,75.88'/%3E%3Cpath class='cls-2' d='m304.42,401.38c18.4,0,45.9-24.8,68-44.7,6-5.6,12-10.9,17.5-15.5,29.9-27.3,62.1-58.1,95-91.6,1.4-1.4,22.7-13.4,22.1-19.6-3.6-38.6-16-75.9-36.3-108.9-12,22-35.1,53.2-65.8,94.6-47.7,64.2-107,144.1-107,178.4,0,0,0,7.3,6.5,7.3'/%3E%3Cpath class='cls-2' d='m500.92,282.18c-7.4,8.4-14.8,16.8-23.4,25.2-10,10-30.7,30.3-57.3,53.8-17.5,16.4-35.8,31.9-54.9,46.4-42.5,32.1-75.8,47.9-101.7,47.9-29,0-45.5-16.3-45.5-44.7,0-62.3,70.2-154.4,121.5-221.4,16.8-22,35.4-46.4,41.1-57.4h-.7l-1.4.4c-.8.3-1.6.6-2.4.8l-.9.5c-121.2,61-271.3,228.3-311.2,288.8,93.1,105,253.6,114.6,358.5,21.5,50-44.3,80.5-106.6,84.9-173.2-1.6,4.1-3.9,8-6.6,11.4'/%3E%3C/g%3E%3C/svg%3E") no-repeat center / cover; border-radius: 50% } .loading .loader { position: absolute; width: 64px; height: 64px; background-color: rgba(0, 0, 0, .5); overflow: hidden; border-radius: 50%; z-index: -1 } .loading .loader:after { content: ""; position: absolute; inset: 8px; margin: auto; background: #222b32; border-radius: 50% } .loading .loader:before { content: ""; position: absolute; inset: -15px; margin: auto; background: #fff; animation: 2s linear infinite diamondLoader } @keyframes diamondLoader { 0%, 10% { transform: translate(-65px, -65px) rotate(-45deg) } 90%, 100% { transform: translate(65px, 65px) rotate(-45deg) } } /* 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}.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 */ .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:20px;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: 30px; color:#fff} :root { --extra: 20px; --text-font: 'Gotham', tahoma, sans-serif; --text-color: #222; --green: #239A95; --green-l: #BBDEB0; --green-d: #1F3C3B; --yellow: #FEC33B; --orange: #F26C52; --blue: #007AC2; --gray: #403B3C; } @media (min-width: 1240px) { :root { --extra: calc( (100vw - 1200px) / 2 ); } } /* Helpers */ .wrap { width: 100%; max-width: 1240px; padding: 0 20px; margin: 0 auto; } .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)); } .w-1of3-tb { width: calc(33.33% - var(--gap)); } .w-2of3-tb { width: calc(66.66% - var(--gap)); } .w-1of4-tb { width: calc(25% - var(--gap)); } .w-3of4-tb { width: calc(75% - 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)); } .w-1of4-dt { width: calc(25% - var(--gap)); } .w-3of4-dt { width: calc(75% - var(--gap)); } } /* Reset */ *, *::before, *::after { margin: 0; padding: 0; border: 0; outline: 0; box-sizing: border-box; } html, body { /* overflow-x: hidden; */ scroll-behavior: smooth; } body { font: 16px/1.5 var(--text-font); color: var(--text-color); } input, label, select, textarea { color: inherit; font-size: inherit; } a, button, label, summary, input[type="submit"] { cursor: pointer; text-decoration: none; transition: all .3s ease-out; } img { display: block; max-width: 100%; height: auto; } ul { list-style-position: inside; } /* Cookie Banner */ #ot-sdk-btn-floating.ot-floating-button button { display: flex !important; align-items: center; justify-content: center; } /* Forms */ ::placeholder { color: #fff; opacity: .25; } .form-output { max-width: 100%; width: 100%; flex: 1 1 100%; text-align: center; } .form-output p { margin: 0 !important; } .form-output.is-success, .form-output.is-error { padding: 8px 20px; margin-bottom: 20px; } .form-output.is-success { background-color: #43A047; color: #fff; } .form-output.is-error { background-color: #d32f2f; color: #fff; } .field-wrap {} .field-wrap + .field-wrap { margin-top: 20px;} .field-wrap label { display: block; padding: 0 20px; color: #fff; font-size: .875rem; } .field-wrap label abbr { text-decoration: none; } .field-wrap label a { color: #fff; text-decoration: underline; } .field-wrap .text { display: block; width: 100%; padding: 11px 12px; border: 1px solid #ccc; border-radius: 20px; background: transparent; color: #fff; margin-top: 8px; font-size: .875rem; } .field-wrap.field-pp label { padding: 0 0 0 24px; position: relative; } .field-wrap.field-pp label::before { content: ''; display: block; width: 16px; height: 16px; position: absolute; left: 0; top: 4px; border: 1px solid #fff; } .field-wrap.field-pp label::after { content: ''; display: block; width: 8px; height: 8px; position: absolute; top: 8px; left: 4px; background: #fff; opacity: 0; transition: all .3s ease-out; } .field-wrap.field-pp label:has( input:checked )::after { opacity: 1; } .field-wrap.field-pp input { display: none; } .field-wrap .submit-btn { display: block; width: 100%; padding: 10px 20px; border: 1px solid var(--green); background: var(--green); color: white; text-transform: uppercase; font-weight: bold; transition: all .3s ease-out; } form:not(:has( input[name="pp"]:checked )) .field-wrap .submit-btn, .field-wrap .submit-btn[disabled] { opacity: .5; pointer-events: none; } .field-wrap .submit-btn:hover { background: white; color: var(--green); } .field-wrap .submit-btn.sending { opacity: 1; 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 / 24px auto; color: transparent; } /* #topo */ #topo { position: relative; display: flex; flex-direction: column; background: var(--green-l) url(../img/hero.webp) no-repeat center / cover; isolation: isolate; } #topo::before { content: ''; display: block; position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(90deg,rgba(0, 122, 194, 0.52) 0%, rgba(0, 122, 194, 0) 50%); } #topo > .wrap { min-height: 480px; display: flex; align-items: center; justify-content: space-between; padding: 50px 0; } #topo .intro { max-width: 360px; display: flex; flex-direction: column; justify-content: center; gap: 30px; } #topo .intro hgroup { display: block; width: 240px; height: 200px; position: relative; background: url(../img/logo.svg) no-repeat center / contain; margin: 0 auto; } #topo .intro hgroup h1, #topo .intro hgroup h2 { position: absolute; left: -999rem; } #topo .intro h3 { font-size: 1.75rem; color: #fff; text-align: center; text-transform: uppercase; text-shadow: 2px 2px 5px rgba(0,0,0,.5); } #topo .intro .infos { padding: 0 40px 8px; position: relative; isolation: isolate; } #topo .intro .infos::before, #topo .intro .infos::after { content: ''; display: block; position: absolute; width: 60px; height: 50px; z-index: -1; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='49' viewBox='0 0 60 49'%3E%3Cg fill='%23BBDEB0'%3E%3Cpath d='M5.16626 47.0671C4.89156 47.0671 4.66505 46.8448 4.66505 46.5645V26.805C4.66505 26.5296 4.88674 26.3025 5.16626 26.3025H9.38795C9.66264 26.3025 9.88915 26.5247 9.88915 26.805C9.88915 27.0853 9.66746 27.3076 9.38795 27.3076H5.66264V46.5693C5.66264 46.8448 5.44096 47.0719 5.16144 47.0719L5.16626 47.0671Z'/%3E%3Cpath d='M20.3373 27.3076H16.159C15.8843 27.3076 15.6578 27.0853 15.6578 26.805C15.6578 26.5247 15.8795 26.3025 16.159 26.3025H19.8361V14.9754C19.8361 14.7 20.0578 14.4729 20.3373 14.4729C20.6169 14.4729 20.8385 14.6952 20.8385 14.9754V26.805C20.8385 27.0805 20.6169 27.3076 20.3373 27.3076Z'/%3E%3Cpath d='M9.42168 19.6966H5.16626C4.89156 19.6966 4.66505 19.4743 4.66505 19.1941V3.98184C4.66505 3.7064 4.88674 3.47928 5.16626 3.47928H20.3422C20.6169 3.47928 20.8434 3.70157 20.8434 3.98184V8.21498C20.8434 8.49042 20.6217 8.71754 20.3422 8.71754C20.0626 8.71754 19.841 8.49525 19.841 8.21498V4.47957H5.66264V18.6915H9.41686C9.69156 18.6915 9.91807 18.9138 9.91807 19.1941C9.91807 19.4743 9.69638 19.6966 9.41686 19.6966H9.42168Z'/%3E%3Cpath d='M27.9277 19.6966H16.1301C15.8554 19.6966 15.6289 19.4744 15.6289 19.1941C15.6289 18.9138 15.8506 18.6915 16.1301 18.6915H27.4265V14.9706C27.4265 14.6952 27.6482 14.468 27.9277 14.468C28.2072 14.468 28.4289 14.6903 28.4289 14.9706V19.1941C28.4289 19.4695 28.2072 19.6966 27.9277 19.6966Z'/%3E%3Cpath d='M27.9277 8.71754C27.653 8.71754 27.4265 8.49525 27.4265 8.21498V3.98184C27.4265 3.7064 27.6482 3.47928 27.9277 3.47928H56.6892C56.9639 3.47928 57.1904 3.70157 57.1904 3.98184C57.1904 4.26212 56.9687 4.48441 56.6892 4.48441H28.4289V8.21981C28.4289 8.49525 28.2072 8.72237 27.9277 8.72237V8.71754Z'/%3E%3Cpath d='M12.7518 47.0671C12.4771 47.0671 12.2506 46.8448 12.2506 46.5645V11.5831C12.2506 11.3077 12.4723 11.0806 12.7518 11.0806H39.8265C40.1012 11.0806 40.3277 11.3029 40.3277 11.5831C40.3277 11.8634 40.106 12.0857 39.8265 12.0857H13.253V46.5693C13.253 46.8448 13.0313 47.0719 12.7518 47.0719V47.0671Z'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat center; } #topo .intro .infos::before { top: 0; left: 0; } #topo .intro .infos::after { right: 0; bottom: 0; transform: rotate(180deg); } #topo .intro .infos p { text-align: center; text-transform: uppercase; color: #fff; text-shadow: 2px 2px 5px rgba(0,0,0,.5); } #topo .intro .infos p:first-child { font-size: .875rem; border-bottom: 2px dotted var(--green-l); padding-bottom: 8px; margin-bottom: 8px; } #topo .intro .infos p strong { display: block; font-size: 2.5rem; font-weight: normal; } #topo .intro .infos p span { font-size: 1.5rem; } #topo .intro .infos p + p { font-size: 1.25rem; } #topo .intro a { background: var(--yellow); padding: 10px 20px 10px 10px; color: #000; font-weight: bold; text-transform: uppercase; border-radius: 30px; display: flex; align-items: center; gap: 10px; max-width: fit-content; width: 100%; margin: auto; } #topo .intro a:hover { transform: scale(1.05); } #topo .intro a::before { content:""; background: url("data:image/svg+xml,%3Csvg width='41' height='41' viewBox='0 0 41 41' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.3273 20.5L16.5864 27.9242L16.5864 13.0758L28.3273 20.5Z' fill='black'/%3E%3Ccircle cx='20.5' cy='20.5' r='18.8017' stroke='black' stroke-width='3.39661'/%3E%3C/svg%3E%0A") no-repeat center / contain; height: 40px; width: 40px; } #topo .form { max-width: 360px; background: rgba(0,0,0,.7); padding: 40px 30px; } #topo .form h3 { text-align: center; font-size: 1rem; text-transform: uppercase; color: #fff; } #topo .form form { margin-top: 20px; } #topo .lancamento { order: -1; background: var(--green) url(../img/pattern.webp) repeat center; color: white; text-align: center; height: 60px; display: flex; align-items: center; justify-content: center; } #topo .lancamento .wrap { position: relative; } #topo .lancamento .wrap::before { content: ''; display: block; position: absolute; width: 139px; height: 41px; background: url(../img/novolar-white.svg) no-repeat center; top: -3px; } #topo .lancamento h2 { font-size: 1.25rem; font-weight: bold; letter-spacing: 2px; text-transform: uppercase; display: inline-block; padding: 2px 32px; background: var(--orange); border-radius: 20px; max-width: 380px; width: 100%; } #topo .oportunidade { background: var(--green-l); padding: 12px 20px; color: var(--green); } #topo .oportunidade p { font-size: 1.5rem; font-weight: normal; text-transform: uppercase; text-align: center; } @media (max-width: 1199px) { #topo { background: none; } #topo::before { display: none; } #topo > .wrap { background: url(../img/hero-dt.webp) no-repeat center / cover; isolation: isolate; position: relative } #topo > .wrap::before { content: ''; display: block; position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(90deg,rgba(0, 122, 194, 0.52) 0%, rgba(0, 122, 194, 0) 50%); } } @media (max-width: 899px) { #topo > .wrap { background-image: url(../img/hero-tb.webp); padding: 50px 10px;} #topo .intro { max-width: 290px; } #topo .intro hgroup { width: 180px; height: 150px; } #topo .intro h3 { font-size: 1.25rem; } #topo .intro a { font-size: 0.85rem; } #topo .intro .infos { padding-top: 8px; } #topo .intro .infos p strong { font-size: 1.5rem; font-weight: normal; } #topo .intro .infos p span { font-size: 1.25rem; } #topo .form { max-width: 290px; padding: 30px 20px; } #topo .lancamento { text-align: right; } #topo .lancamento h2 { font-size: 1rem; padding: 4px 20px; text-align: center; max-width: fit-content; } } @media (max-width: 599px) { #topo > .wrap { background: none; flex-direction: column; justify-content: center; height: auto; min-height: auto; padding: 0; gap: 0; } #topo > .wrap::before { display: none; } #topo .intro { position: relative; width: 100%; max-width: 100%; padding: 40px 20px; background: url(../img/hero-mb.webp) no-repeat center / cover; isolation: isolate; } #topo .intro::before { content: ''; display: block; position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(90deg,rgba(0, 122, 194, 0.52) 0%, rgba(0, 122, 194, 0) 50%); } #topo .intro h3 { max-width: 240px; margin: 0 auto; } #topo .intro .infos { max-width: 360px; margin: 0 auto; } #topo .form { width: 100%; max-width: 100%; background: #333; } #topo .lancamento .wrap::before { width: 40px; height: 40px; background-size: auto 40px; background-position: 0 50%; top: -6px; } #topo .lancamento h2 { font-size: .75rem; padding: 4px 12px; } } /* #praticidade */ #melhor-ponto { position: relative; background: var(--orange); padding: 20px 0; } #melhor-ponto .text { padding: 60px 60px 60px 0; display: flex; flex-direction: column; justify-content: center; } #melhor-ponto .text h2 { color: #fff; font-size: 2.5rem; font-weight: normal; letter-spacing: 2px; text-transform: uppercase; max-width: 480px; line-height: 1.2; } #melhor-ponto .text ul { margin-top: 40px; } #melhor-ponto .text ul li { color: #fff; } #melhor-ponto .img { display: flex; justify-content: center; align-items: center; } @media (max-width: 991px) { #melhor-ponto .text h2 { font-size: 2rem; } } @media (max-width: 899px) { #melhor-ponto .text { padding: 40px 40px 40px 0; } #melhor-ponto .text h2 { font-size: 1.75rem; } } @media (max-width: 599px) { #melhor-ponto { padding: 20px 0 0; } #melhor-ponto .wrap { padding: 0; } #melhor-ponto .text { padding: 40px 20px; } #melhor-ponto .text h2 { font-size: 1.5rem; max-width: 370px; text-align: center; margin: 0 auto; } #melhor-ponto .text ul { list-style: none; } #melhor-ponto .text li { text-align: center; } #melhor-ponto .text li + li::before { content: ''; display: block; width: 80px; height: 0; border-top: 1px solid var(--orange); margin: 12px auto; } } /* #infos */ #infos { background: var(--green) url(../img/bg-patricidade.webp) no-repeat center / cover; text-align: center; padding: 60px 0; } #infos h2 { color: #FFF; text-align: center; font-size: 2.5rem; font-weight: normal; line-height: 1.2; text-transform: uppercase; } #infos h2 strong { display: block; color: var(--green-l); } #infos ul { list-style: none; margin-top: 40px; display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; } #infos li { flex: 0 0 180px; color: #fff; text-transform: uppercase; } #infos li::before { content: ''; display: block; width: 120px; height: 120px; margin: 0 auto 20px; border: 2px solid #fff; border-radius: 50%; } #infos li:nth-child(1)::before { background: url("data:image/svg+xml,%3Csvg width='58' height='58' viewBox='0 0 58 58' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.83333 4.83337V45.9167C4.83333 49.9284 8.07166 53.1667 12.0833 53.1667H53.1667' stroke='white' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath opacity='0.4' d='M12.0833 41.0833L23.1758 28.13C25.0125 26.0033 28.275 25.8583 30.2567 27.8641L32.5525 30.16C34.5342 32.1417 37.7967 32.0208 39.6333 29.8941L50.75 16.9166' stroke='white' stroke-width='3' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat center / auto 50%; } #infos li:nth-child(2)::before { background: url("data:image/svg+xml,%3Csvg width='62' height='63' viewBox='0 0 62 63' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M40.0675 8.31079H21.9325C15.5 8.31079 14.0792 11.5141 13.2525 15.4408L10.3333 29.4166H51.6667L48.7475 15.4408C47.9208 11.5141 46.5 8.31079 40.0675 8.31079Z'/%3E%3Cpath d='M6.63917 36.4691C7.00084 32.5941 7.75001 29.4166 14.5183 29.4166H47.4817C54.25 29.4166 54.9992 32.5941 55.3608 36.4691L56.8075 52.2016C57.0917 55.2241 54.6633 57.8333 51.5633 57.8333H46.7067C43.9167 57.8333 43.5292 56.645 43.0383 55.1725L42.5217 53.6225C41.7983 51.5041 41.3333 50.0833 37.6133 50.0833H24.3867C20.6667 50.0833 20.1242 51.685 19.4783 53.6225L18.9617 55.1725C18.4708 56.645 18.0833 57.8333 15.2933 57.8333H10.4367C7.33667 57.8333 4.90834 55.2241 5.19251 52.2016L5.68334 46.88'/%3E%3Cpath d='M10.3333 21.6666H7.75'/%3E%3Cpath d='M54.25 21.6666H51.6667'/%3E%3Cpath d='M31 8.75V13.9167'/%3E%3Cpath d='M27.125 13.9166H34.875'/%3E%3Cpath d='M15.5 39.75H23.25'/%3E%3Cpath d='M38.75 39.75H46.5'/%3E%3Cpath d='M7 1H58'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat center / auto 50%; } #infos li:nth-child(3)::before { background: url("data:image/svg+xml,%3Csvg width='66' height='66' viewBox='0 0 66 66' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.35992 42.6801V30.855'/%3E%3Cpath d='M24.75 52.25C24.75 54.3125 24.1725 56.2652 23.155 57.9152C22.6325 58.7952 21.9999 59.5926 21.2574 60.2251C21.1749 60.3351 21.0925 60.4175 20.9825 60.5C19.0575 62.2325 16.5275 63.25 13.75 63.25C10.395 63.25 7.39742 61.7374 5.41742 59.3724C5.36242 59.2899 5.28007 59.235 5.22507 59.1525C4.89507 58.7675 4.59255 58.3552 4.34505 57.9152C3.32755 56.2652 2.75 54.3125 2.75 52.25C2.75 48.785 4.345 45.6775 6.875 43.67C7.3425 43.285 7.83744 42.9551 8.35994 42.6801C9.95494 41.7726 11.7975 41.25 13.75 41.25C16.5 41.25 18.9749 42.2399 20.8999 43.9174C21.2299 44.1649 21.5325 44.4676 21.8075 44.7701C23.6225 46.7501 24.75 49.3625 24.75 52.25Z' stroke-miterlimit='10' /%3E%3Cpath d='M17.8475 52.1949H9.65253' stroke-miterlimit='10'/%3E%3Cpath d='M13.75 48.1801V56.4025' stroke-miterlimit='10'/%3E%3Cpath d='M55.5776 54.0927C53.0476 58.5477 48.2349 60.5 40.4799 60.5H25.6575C24.0625 60.5 22.6049 60.4176 21.2574 60.2251'/%3E%3Cpath d='M57.7775 30.855V43.2025'/%3E%3Cpath d='M33.0826 33C38.1151 33 41.8276 28.9026 41.3326 23.8701L39.49 5.5H26.6475L24.8051 23.8701C24.3101 28.9026 28.0501 33 33.0826 33Z'/%3E%3Cpath d='M50.4075 33C55.9625 33 60.0325 28.4899 59.4825 22.9624L58.7124 15.3999C57.7224 8.24993 54.9725 5.5 47.7675 5.5H39.38L41.305 24.7775C41.8 29.315 45.87 33 50.4075 33Z'/%3E%3Cpath d='M7.25999 15.3999L6.48991 22.9624C5.93991 28.4899 10.0099 33 15.5649 33C20.1024 33 24.2 29.315 24.64 24.7775L25.2449 18.7001L26.5649 5.5H18.1774C15.6749 5.5 13.6949 5.83004 12.1549 6.57254'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat center / auto 50%; } #infos li:nth-child(4)::before { background: url("data:image/svg+xml,%3Csvg width='49' height='48' viewBox='0 0 49 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='white' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 44H46.5'/%3E%3Cpath d='M40.0601 44.02V35.1'/%3E%3Cpath d='M40.1 21.78C37.66 21.78 35.7 23.7401 35.7 26.1801V30.72C35.7 33.16 37.66 35.12 40.1 35.12C42.54 35.12 44.5 33.16 44.5 30.72V26.1801C44.5 23.7401 42.54 21.78 40.1 21.78Z'/%3E%3Cpath d='M4.69995 44V12.0601C4.69995 8.04006 6.70005 6.02002 10.6801 6.02002H23.14C27.12 6.02002 29.1 8.04006 29.1 12.0601V44'/%3E%3Cpath d='M12.1 16.5H22'/%3E%3Cpath d='M12.1 24H22'/%3E%3Cpath d='M17 44V36.5'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat center / auto 50%; } #infos li:nth-child(5)::before { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='58px' height='29px' viewBox='0 0 58 29'%3E%3Cpath fill='white' d='M53.4,7.7h-0.7v-3c0-2.5-2.1-4.6-4.6-4.6H9.9c-2.5,0-4.6,2.1-4.6,4.6v3H4.6C2.1,7.7,0,9.5,0,11.8v11.7 c0,2.3,2.1,4.1,4.6,4.1h0.7c0.1,0.7,0.7,1.2,1.4,1.2s1.3-0.5,1.4-1.2h43.4c0.1,0.7,0.7,1.2,1.4,1.2c0.7,0,1.3-0.5,1.4-1.2 c2.2-0.3,3.9-2,3.9-4.1V11.8C58,9.5,55.9,7.7,53.4,7.7z M7.1,4.7C7.1,3.2,8.3,2,9.9,2h38.3c1.5,0,2.8,1.2,2.8,2.8v3h-0.7 c-2.5,0-4.6,1.9-4.6,4.1v3.1c0,0.6-0.5,1.1-1.1,1.1H13.4c-0.6,0-1-0.5-1-1v-3.1c0-2.3-2.1-4.1-4.6-4.1H7.1V4.7z M56.2,23.6 c0,1.3-1.2,2.3-2.8,2.3H4.6c-1.5,0-2.8-1-2.8-2.3V11.8c0-1.3,1.2-2.3,2.8-2.3h3.2c1.5,0,2.8,1,2.8,2.3v3.1c0,1.6,1.3,2.9,2.9,2.9 h31.2c1.6,0,2.9-1.3,2.9-2.9v-3.1c0-1.3,1.2-2.3,2.8-2.3h3.2c1.5,0,2.8,1,2.8,2.3V23.6z'/%3E%3C/svg%3E") no-repeat center / 50% auto; } #infos li:nth-child(6)::before { background: url("data:image/svg+xml,%3Csvg width='66' height='66' viewBox='0 0 66 66' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M44.6875 9.46001C49.28 12.98 52.25 18.5075 52.25 24.75C52.25 28.7375 51.0675 32.395 49.0325 35.4475C46.0625 39.8475 41.36 42.955 35.8875 43.7525C34.9525 43.9175 33.99 44 33 44C32.01 44 31.0475 43.9175 30.1125 43.7525C24.64 42.955 19.9375 39.8475 16.9675 35.4475C14.9325 32.395 13.75 28.7375 13.75 24.75C13.75 14.1075 22.3575 5.5 33 5.5'/%3E%3Cpath d='M58.4375 50.7925L53.9 51.865C52.8825 52.1125 52.085 52.8825 51.865 53.9L50.9025 57.9425C50.38 60.1425 47.575 60.8025 46.1175 59.07L33 44L19.8825 59.0975C18.425 60.83 15.62 60.17 15.0975 57.97L14.135 53.9275C13.8875 52.91 13.09 52.1125 12.1 51.8925L7.56247 50.82C5.47247 50.325 4.72997 47.7125 6.24247 46.2L16.9675 35.475C19.9375 39.875 24.64 42.9825 30.1125 43.78C31.0475 43.945 32.01 44.0275 33 44.0275C33.99 44.0275 34.9525 43.945 35.8875 43.78C41.36 42.9825 46.0625 39.875 49.0325 35.475L59.7575 46.2C61.27 47.685 60.5275 50.2975 58.4375 50.7925Z'/%3E%3Cpath d='M34.595 16.445L36.2175 19.69C36.4375 20.13 37.015 20.57 37.5375 20.6525L40.48 21.1475C42.35 21.45 42.79 22.825 41.4425 24.1725L39.16 26.455C38.775 26.84 38.555 27.5825 38.6925 28.1325L39.3525 30.965C39.875 33.1925 38.6925 34.0724 36.7125 32.8899L33.9625 31.2675C33.4675 30.965 32.6425 30.965 32.1475 31.2675L29.3975 32.8899C27.4175 34.0449 26.235 33.1925 26.7575 30.965L27.4175 28.1325C27.5275 27.61 27.335 26.84 26.95 26.455L24.6675 24.1725C23.32 22.825 23.76 21.4775 25.63 21.1475L28.5725 20.6525C29.0675 20.57 29.645 20.13 29.865 19.69L31.4875 16.445C32.285 14.685 33.715 14.685 34.595 16.445Z'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat center / auto 50%; } @media (max-width: 899px) { #infos h2 { font-size: 2rem; } #infos ul { gap: 40px; } } @media (max-width: 699px) { #infos h2 { font-size: 1.5rem; } } @media (max-width: 599px) { #infos h2 { max-width: 520px; margin: 0 auto; } #infos h2 strong { display: inline; } #infos li { flex: 0 0 140px; } #infos li::before { width: 100px; height: 100px; margin-bottom: 15px; } } @media (max-width: 359px) { #infos h2 { hyphens: auto; } #infos li { flex: 0 0 100%; } } /* #oasis */ #oasis { position: relative; } #oasis .text { padding: 60px 60px 60px 0; display: flex; flex-direction: column; justify-content: center; } #oasis .text h2 { color: var(--orange); font-size: 2.5rem; font-weight: normal; letter-spacing: 2px; text-transform: uppercase; max-width: 480px; line-height: 1.2; } #oasis .text ul { margin-top: 40px; } #oasis .img { position: relative; min-height: 33vw; } #oasis .img img { --w: calc( 50vw - 10px ); width: var(--w); max-width: var(--w); height: 100%; position: absolute; object-fit: cover; } @media ( hover: none ){ #oasis .img img { --w: 50vw; } } @media (max-width: 991px) { #oasis .text h2 { font-size: 2rem; } } @media (max-width: 899px) { #oasis .text { padding: 40px 40px 40px 0; } #oasis .text h2 { font-size: 1.75rem; } #oasis .img img { object-position: 75% 50%; } } @media (max-width: 599px) { #oasis .wrap { padding: 0; } #oasis .text { padding: 40px 20px; } #oasis .text h2 { font-size: 1.5rem; max-width: 370px; text-align: center; margin: 0 auto; } #oasis .text ul { list-style: none; } #oasis .text li { text-align: center; } #oasis .text li + li::before { content: ''; display: block; width: 80px; height: 0; border-top: 1px solid var(--orange); margin: 12px auto; } #oasis .img { min-height: 66.66vw; } #oasis .img img { --w: 100%; object-position: center; } } /* #piscina */ #piscina { position: relative; } #piscina img { width: 100%; object-fit: cover; } /* #lazer-premium */ #lazer-premium { padding: 60px 0; background: var(--orange); } #lazer-premium .text {} #lazer-premium h2 { color: #fff; text-transform: uppercase; font-size: 2.5rem; line-height: 1.2; } #lazer-premium h3 { color: #fff; text-transform: uppercase; font-size: 2rem; font-weight: 300; margin-bottom: 30px; } #lazer-premium ul { columns: 5; } #lazer-premium ul li { color: #fff; font-weight: 700; } #lazer-premium .img {} #lazer-premium .img img {} @media ( max-width: 899px) { #lazer-premium h2 { font-size: 2rem; } #lazer-premium h3 { font-size: 1.5rem; } #lazer-premium ul { columns: 3; } } @media ( max-width: 599px) { #lazer-premium .text { padding-right: 0; } #lazer-premium h2 { font-size: 1.5rem; text-align: center; } #lazer-premium h3 { text-align: center; margin: 0 auto 30px; } #lazer-premium ul { list-style: none; columns: 1; } #lazer-premium li { text-align: center; } #lazer-premium li + li::before { content: ''; display: block; width: 80px; height: 0; border-top: 1px solid #D7D1D1; margin: 12px auto; } #lazer-premium .img { padding-top: 40px; } } /* galerias */ #galerias { padding: 40px 0; } #galerias a { flex-direction: column; display: flex; text-decoration: none; } #galerias .slick-next, .slick-prev { opacity: 1; border-radius: 8px; display: block; width: 60px; height: 60px; text-indent: -999rem; z-index: 9; transition: all .3s ease-out; } #galerias .slick-next:hover, .slick-prev:hover{ box-shadow: -4px 4px 8px rgba( 33 33 33 / 50% ); } #galerias .slick-prev { background: url("data:image/svg+xml,%3Csvg width='51' height='50' viewBox='0 0 51 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='50.0939' y='50.0007' width='50' height='50' rx='8' transform='rotate(-180 50.0939 50.0007)' fill='%23F26C52'/%3E%3Cpath d='M27.2819 20.0007L28.3439 21.0627L24.4069 25.0007L28.3439 28.9387L27.2819 30.0007L22.2819 25.0007L27.2819 20.0007Z' fill='white'/%3E%3C/svg%3E%0A") center no-repeat var(--orange); left: -30px; } #galerias .slick-next { background: url("data:image/svg+xml,%3Csvg width='51' height='50' viewBox='0 0 51 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='50.9061' y='50.0007' width='50' height='50' rx='8' transform='rotate(-180 50.9061 50.0007)' fill='%23F26C52'/%3E%3Cpath d='M24.0936 20.0007L29.0936 25.0007L24.0936 30.0007L23.0316 28.9387L26.9686 25.0007L23.0316 21.0627L24.0936 20.0007Z' fill='white'/%3E%3C/svg%3E%0A") center no-repeat var(--orange); right: -30px; } .slick-next::before, .slick-prev::before { content: '' } #galerias .slick-next, #galerias .slick-prev { bottom: 40%; top: auto; transition: all .3s ease-out; } #gallery-nav { display: flex; align-items: center; justify-content: center; height: 100%; gap: 10px; padding-bottom: 40px; } #gallery-nav a { font-size: 14px; font-weight: 400; line-height: 2; text-transform: uppercase; border-radius: 40px; background: var(--orange); color: #fff; padding: 8px 27px; transition: all .3s ease-out; text-decoration: none; } #gallery-nav a.active { background: var(--green); color: white; font-weight: bold; } #gallery-nav a:hover { background: var(--green); color: white; } #galerias p { margin-right: 0; margin-left: auto; margin-bottom: 24px; right: 0; /* font-size: 22px; */ color: black; text-transform: uppercase; border-bottom: 2px solid #000; display: flex; /* min-width: 200px; */ padding-right: 80px; } #galerias picture { display: block; margin-bottom: 20px; } #galerias a.btn-cadastro { background: var(--orange); border-radius: 26px; color: #1D2023; text-align: center; font-size: 1.25rem; font-weight: bold; text-transform: uppercase; margin: auto; padding: 7px 20px; max-width: 730px; width: 100%; margin-top: 20px; } #galerias a.btn-cadastro:hover { transform: scale(1.05); } @media only screen and (max-width: 1199px) { #galerias .slick-prev { left: 0px; } #galerias .slick-next { right: 0px; } } @media only screen and (max-width: 899px) { #gallery-nav { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-around; } #galerias p { margin-left: 0; text-align: center; } #galerias a.btn-cadastro { font-size: 1rem; max-width: fit-content; } #galerias .slick-next, #galerias .slick-prev { bottom: 0; } #galerias .slick-prev { left: calc(50% - 70px); } #galerias .slick-next { right: calc(50% - 70px); left: auto; } #galerias { padding: 30px 0; } #gallery-full { padding-bottom: 100px; } } /* presentation */ #presentation { background: var(--green); padding: 50px 0; } #presentation .text a { background: var(--green-l); padding: 10px 20px; color: #000; font-weight: bold; text-transform: uppercase; border-radius: 12px; display: flex; align-items: center; gap: 10px; max-width: 410px; width: 100%; margin: auto; } #presentation .text a:hover { transform: scale(1.05); } #presentation .text a:before { content:""; background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 24.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23239A95;%7D%0A%3C/style%3E%3Cg id='XMLID_2_'%3E%3Cpath id='XMLID_8_' class='st0' d='M393.6,433.7c0-5.6-1.9-10.3-5.6-14s-8.4-5.6-14-5.6s-10.3,1.9-14,5.6s-5.6,8.4-5.6,14 s1.9,10.3,5.6,14c3.7,3.7,8.4,5.6,14,5.6s10.3-1.9,14-5.6C391.7,443.9,393.6,439.3,393.6,433.7z M472.8,433.7 c0-5.6-1.9-10.3-5.6-14s-8.4-5.6-14-5.6s-10.3,1.9-14,5.6c-4.7,4.7-6.5,9.3-6.5,14c0,5.6,1.9,10.3,5.6,14s8.4,5.6,14,5.6 s10.3-1.9,14-5.6C471,443.9,472.8,439.3,472.8,433.7z M512,364.6v98.9c0,8.4-2.8,14.9-8.4,20.5s-13.1,8.4-20.5,8.4H28.9 c-8.4,0-14.9-2.8-20.5-8.4S0,471,0,463.5v-98.9c0-8.4,2.8-14.9,8.4-20.5c5.6-5.6,13.1-8.4,20.5-8.4h142.7l42,42 c12.1,11.2,26.1,17.7,42,17.7s29.8-5.6,42-17.7l42-42h142.7c8.4,0,14.9,2.8,20.5,8.4C509.2,349.7,512,357.2,512,364.6z M412.2,189.3c3.7,8.4,1.9,15.9-4.7,21.4l-138,138c-3.7,3.7-8.4,5.6-14,5.6s-10.3-1.9-14-5.6l-138-138c-6.5-5.6-7.5-13.1-4.7-21.4 c3.7-8.4,9.3-12.1,18.7-12.1h79.3v-138c0-5.6,1.9-10.3,5.6-14c3.7-3.7,8.4-5.6,14-5.6h79.3c5.6,0,10.3,1.9,14,5.6s5.6,8.4,5.6,14 v138h79.3C402,177.2,408.5,181.9,412.2,189.3z'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat center / contain; height: 20px; width: 20px; } @media ( max-width: 599px) { #presentation .text a { flex-direction: column; justify-content: center; text-align: center; } } /* #atributos */ #atributos { padding: 30px 0 60px; } #atributos h2 { display: none; } #atributos input[type="radio"] { display: none; } #atributos .tabs { display: flex; flex-wrap: wrap; gap: 20px; list-style: none; margin-top: 40px; } #atributos .tabs label { display: block; padding: 11px 20px; background: var(--green); color: #fff; font-size: .875rem; text-transform: uppercase; border-radius: 20px; } #atributos .tabs label:hover { background: #000000; } #tab-comodidades:checked ~ .tabs label[for="tab-comodidades"], #tab-seguranca:checked ~ .tabs label[for="tab-seguranca"], #tab-sustentabilidade:checked ~ .tabs label[for="tab-sustentabilidade"] { background: #000000; font-weight: bold; } #atributos .tabs-content { margin-top: 40px; } #atributos .tabs-content .tab-content { display: none; } #tab-comodidades:checked ~ .tabs-content #tab-comodidades-content, #tab-seguranca:checked ~ .tabs-content #tab-seguranca-content, #tab-sustentabilidade:checked ~ .tabs-content #tab-sustentabilidade-content { display: block; } #atributos .tabs-content .tab-content h3 { font-size: 2.5rem; line-height: 1.2; margin-bottom: 20px; color: #000000; font-weight: normal; } #atributos .tabs-content .tab-content h3 strong { color: var(--orange); display: block; } #atributos .tabs-content .tab-content h4 { font-size: 1.125rem; margin-bottom: 10px; } #atributos .tabs-content .tab-content * + h4 { margin-top: 20px; } #atributos .tabs-content .tab-content ul { list-style-position: inside; } #atributos .tabs-content .tab-content li + li { margin-top: 5px; } #atributos .tabs-content .tab-content figure { display: block; margin-top: 40px; } #atributos .tabs-content .tab-content img { border-radius: 12px; height: auto; } #atributos .tabs-content .tab-content figcaption { display: block; margin-top: 12px; font-size: .875rem; text-transform: uppercase; } #atributos .tabs-content .tab-content p { margin-top: 20px; } @media (max-width: 599px) { #atributos .tabs-content .tab-content h3 strong { display: initial; } } /* #tour virtual */ #tour { overflow: hidden; } #tour .wrap { padding: 0; } #tour .col { position: relative; padding: 80px 20px; display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 340px; } #tour .col h3 { width: 72px; height: 53px; background: url(../img/360.svg) no-repeat center; position: relative; z-index: 3; font-size: 1px; color: transparent; } #tour .col img { position: absolute; top: 0; width: 50vw; max-width: 50vw; height: 100%; object-fit: cover; z-index: 1; } #tour .col.vistas img { right: 0; } #tour .col.decorado img { left: 0; } #tour .col .btn { background-color: var(--green-l); color: black; padding: 14px 24px; font-weight: bold; margin: 12px auto; display: block; max-width: 358px; width: 100%; text-transform: uppercase; text-align: center; border-radius: 12px; font-size: 18px; margin-top: 20px; position: relative; z-index: 3; transition: all .3s ease-out; } #tour .btn:hover { scale: 1.05; box-shadow: -4px 4px 8px rgba(33 33 33 / 50%); } @media (max-width: 599px) { #tour .col::after { width: 100vw; } #tour .col img { width: 100vw; max-width: 100vw; } } /* #mapa */ #mapa { padding: 60px 0; } #mapa h2 { text-align: center; text-transform: uppercase; font-size: 2rem; margin-bottom: 20px; } #mapa span.loc { text-indent: -99999px; background: url("data:image/svg+xml,%3Csvg width='18' height='26' viewBox='0 0 18 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.875 24.3755C5.4375 21.3286 0 14.063 0 9.93799C0 4.96924 3.98438 0.937988 9 0.937988C13.9688 0.937988 18 4.96924 18 9.93799C18 14.063 12.5156 21.3286 10.0781 24.3755C9.51562 25.0786 8.4375 25.0786 7.875 24.3755ZM9 12.938C10.6406 12.938 12 11.6255 12 9.93799C12 8.29736 10.6406 6.93799 9 6.93799C7.3125 6.93799 6 8.29736 6 9.93799C6 11.6255 7.3125 12.938 9 12.938Z' fill='%23F26C52'/%3E%3C/svg%3E") no-repeat center / contain; width: 18px; height: 26px; display: flex; margin: 0 auto 5px;} #mapa address { text-align: center; font-style: normal; font-weight: 400; } #mapa address strong { font-weight: 700; } #mapa address + p { margin-top: 40px; } #mapa address + p img { height: auto; border-radius: 12px 12px 0 0; } #mapa .routes { display: flex; justify-content: center; padding: 8px 20px; background: var(--gray); gap: 40px; border-radius: 0 0 12px 12px; } #mapa .routes h3 { color: #fff; text-transform: uppercase; font-size: 1rem; } #mapa .routes ul { list-style: none; display: flex; gap: 40px; margin-top: 0; } #mapa .routes a { color: #fff; display: inline-flex; min-height: 24px; align-items: center; text-decoration: underline; text-transform: uppercase; font-size: .875rem; } #mapa .routes a.waze { padding-left: 30px; background: url("data:image/svg+xml,%3Csvg width='22' height='20' viewBox='0 0 22 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.177 7.7285C21.7983 11.4178 19.853 14.9438 16.3341 16.6716C16.8904 18.1368 15.8035 19.688 14.2664 19.688C13.7 19.6875 13.1554 19.4689 12.7448 19.0772C12.3342 18.6855 12.0889 18.1505 12.0595 17.5825C11.784 17.5907 9.31224 17.5825 8.79317 17.555C8.78144 17.8466 8.71259 18.133 8.59056 18.3979C8.46853 18.6628 8.29571 18.9009 8.08198 19.0987C7.86825 19.2965 7.61779 19.45 7.34494 19.5505C7.07208 19.651 6.78216 19.6966 6.49177 19.6846C5.0428 19.6261 4.01192 18.1875 4.4805 16.7661C2.88818 16.2028 1.37631 15.2678 0.217482 13.7239C-0.338825 12.9814 0.196942 11.9278 1.10928 11.9278C3.09102 11.9278 2.48807 9.60022 2.9558 7.1901C3.74447 3.15361 7.95186 0.437988 12.0159 0.437988C16.4013 0.437988 20.4525 3.47459 21.177 7.7285ZM15.6713 15.7469C17.4686 14.9228 19.1516 13.3101 19.7918 11.3581C21.524 6.06904 17.0466 1.56119 12.0159 1.56119C8.44483 1.56119 4.72742 3.94252 4.05343 7.40494C3.64562 9.50654 4.2674 13.0489 1.11142 13.0489C2.17868 14.4716 3.60753 15.3099 5.1224 15.801C6.17767 14.8643 7.85557 15.1363 8.53855 16.4172C9.14706 16.4602 11.9273 16.4679 12.3 16.4524C12.4505 16.1573 12.665 15.8996 12.9276 15.6985C13.1902 15.4974 13.4943 15.3579 13.8176 15.2903C14.141 15.2226 14.4753 15.2285 14.796 15.3075C15.1168 15.3865 15.4158 15.5367 15.6713 15.7469ZM8.46537 7.10373C8.46537 5.611 10.641 5.61057 10.641 7.10373C10.641 8.5969 8.46537 8.59647 8.46537 7.10373ZM13.4537 7.10373C13.4537 5.611 15.6302 5.61057 15.6302 7.10373C15.6302 8.5969 13.4537 8.5969 13.4537 7.10373ZM8.2069 10.1412C8.0597 9.4133 9.15605 9.18815 9.30326 9.91733L9.30582 9.92936C9.48299 10.8497 10.5832 11.82 12.0497 11.78C13.5765 11.7396 14.5852 10.8257 14.7931 9.94225C14.984 9.2526 16.017 9.49709 15.8831 10.2001C15.6593 11.1531 14.5475 12.8641 11.9692 12.9028C10.1484 12.9028 8.50817 11.7065 8.20776 10.1421L8.2069 10.1412Z' fill='white'/%3E%3C/svg%3E%0A") no-repeat 0 50%; } #mapa .routes a.gmap { padding-left: 30px; background: url("data:image/svg+xml,%3Csvg viewBox='0 0 48 48' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17.8971,33.398A39.3963,39.3963,0,0,1,20.97,37.9305a22.9991,22.9991,0,0,1,1.6835,4.2849c.3512.9893.6687,1.2846,1.3513,1.2846.7439,0,1.0814-.5023,1.3421-1.2792A23.224,23.224,0,0,1,26.9837,38.02a47.8757,47.8757,0,0,1,4.5556-6.4576A41.3528,41.3528,0,0,0,36.05,25.0614a15.78,15.78,0,0,0,1.5553-6.887,13.5933,13.5933,0,0,0-1.5338-6.3579'%3E%3C/path%3E%3Cpath d='M11.7348,24.5783c1.4572,3.3284,4.2673,6.2543,6.1685,8.822L28.0015,21.4384a5.3056,5.3056,0,0,1-4.0034,1.8606,5.1725,5.1725,0,0,1-5.1967-5.19,5.5055,5.5055,0,0,1,1.1941-3.3484'%3E%3C/path%3E%3Cpath d='M28.1142,5.1151a13.519,13.519,0,0,1,7.9608,6.6991l-8.0705,9.6173a5.6064,5.6064,0,0,0,1.1941-3.3606A5.2235,5.2235,0,0,0,24.01,12.8964a5.4179,5.4179,0,0,0-4.0111,1.8575'%3E%3C/path%3E%3Cpath d='M13.5847,9.3646A13.4781,13.4781,0,0,1,23.972,4.5a13.8562,13.8562,0,0,1,4.1338.6189l-8.1142,9.64'%3E%3C/path%3E%3Cpath d='M11.7348,24.5783A15.3756,15.3756,0,0,1,10.3943,18.15a13.5161,13.5161,0,0,1,3.19-8.7852L19.9962,14.76Z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 0 50% / 22px; } #mapa .routes a::after { content: ''; display: inline-block; width: 9px; height: 9px; background: url("data:image/svg+xml,%3Csvg width='9' height='9' viewBox='0 0 9 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.21623 4.49707L0.286499 1.04154L1.69471 0.0544434L8.03265 4.49707L1.69471 8.9397L0.286499 7.95261L5.21623 4.49707Z' fill='white'/%3E%3C/svg%3E%0A") no-repeat center / contain; margin-left: 4px; transition: all .3s ease-out; } #mapa .routes a:hover::after { transform: translateX( 8px ); } #mapa .places { margin-top: 40px; } #mapa .places h3 { display: none; } #mapa .places ul { list-style: none; display: flex; flex-wrap: wrap; gap: 20px 0; justify-content: center; border-top: 1px solid #D7D1D1; } #mapa .places li { flex: 0 0 33.33%; padding: 20px 20px 20px 0; border-bottom: 1px solid #D7D1D1; } #mapa li strong { display: block; } @media (max-width: 899px) { #mapa .places li { flex: 0 0 50%; text-align: center; } #mapa .routes { gap: 20px; } #mapa .routes ul { gap: 20px; } } @media (max-width: 599px) { #mapa .routes { display: block; } #mapa .routes h3 { text-align: center; } #mapa .routes ul { margin-top: 12px; gap: 12px; justify-content: center; flex-wrap: wrap; justify-content: centers; } #mapa .places ul { border-top: 0; gap: 0; } #mapa .places li { flex: 0 0 100%; padding: 0; border-bottom: 0; text-align: center; } #mapa .places li + li::before { content: ''; display: block; width: 80px; height: 0; border-top: 1px solid #D7D1D1; margin: 12px auto; } } /* #grupo */ #grupo { padding: 60px 0; background-color: var(--green); } #grupo .wrap { display: flex; align-items: center; } #grupo .text { flex: 1 1 auto; padding-right: 60px; } #grupo h2 { color: #fff; font-size: 3rem; line-height: 1.2; max-width: 540px; font-weight: normal; } #grupo p { color: #fff; max-width: 600px; margin-top: 40px; } #grupo .icons { flex: 0 0 360px; } #grupo ul { list-style: none; display: flex; flex-wrap: wrap; flex-direction: column; align-items: start; gap: 20px; } #grupo li { color: #fff; position: relative; padding-left: 160px; height: 140px; display: flex; flex-direction: column; justify-content: center; } #grupo li:first-child { max-width: 320px; } #grupo li::before { content: ''; display: block; width: 140px; height: 140px; border-radius: 50%; border: solid 2px #fff; position: absolute; left: 0; top: 0; } #grupo li:nth-child(1)::before { background: url("data:image/svg+xml,%3Csvg width='85' height='85' viewBox='0 0 85 85' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='white' stroke-width='2' stroke-miterlimit='10' stroke-linejoin='round'%3E%3Cpath d='M28.5 82.8096H7.5V35.5596L28.5 28.5596V82.8096Z'/%3E%3Cpath d='M77.5 82.8096H56.5V14.5596L77.5 21.5596V82.8096Z'/%3E%3Cpath d='M56.5 82.8096H28.5V11.0596L56.5 2.30957V82.8096Z'/%3E%3Cpath d='M0.5 82.8096H84.5'/%3E%3Cpath d='M12.75 75.8096H23.25'/%3E%3Cpath d='M12.75 68.8096H23.25'/%3E%3Cpath d='M12.75 61.8096H23.25'/%3E%3Cpath d='M12.75 54.8096H23.25'/%3E%3Cpath d='M12.75 47.8096H23.25'/%3E%3Cpath d='M12.75 40.8096H23.25'/%3E%3Cpath d='M61.75 75.8096H65.25'/%3E%3Cpath d='M68.75 75.8096H72.25'/%3E%3Cpath d='M61.75 68.8096H65.25'/%3E%3Cpath d='M68.75 68.8096H72.25'/%3E%3Cpath d='M61.75 61.8096H65.25'/%3E%3Cpath d='M68.75 61.8096H72.25'/%3E%3Cpath d='M61.75 54.8096H65.25'/%3E%3Cpath d='M68.75 54.8096H72.25'/%3E%3Cpath d='M61.75 47.8096H65.25'/%3E%3Cpath d='M68.75 47.8096H72.25'/%3E%3Cpath d='M61.75 40.8096H65.25'/%3E%3Cpath d='M68.75 40.8096H72.25'/%3E%3Cpath d='M61.75 33.8096H65.25'/%3E%3Cpath d='M68.75 33.8096H72.25'/%3E%3Cpath d='M61.75 26.8096H65.25'/%3E%3Cpath d='M68.75 26.8096H72.25'/%3E%3Cpath d='M42.5 51.3096V14.5596'/%3E%3Cpath d='M42.5 77.5596V54.8096'/%3E%3Cpath d='M49.5 30.3096V12.8096'/%3E%3Cpath d='M49.5 77.5596V33.8096'/%3E%3Cpath d='M35.5 65.3096V16.3096'/%3E%3Cpath d='M35.5 77.5596V68.8096'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat center; } #grupo li:nth-child(2)::before { background: url("data:image/svg+xml,%3Csvg width='68' height='65' viewBox='0 0 68 65' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M39.358 63.6517H1.47644V1.9209H66.8106V63.6517H53.7744' stroke='white'/%3E%3Cpath d='M66.8106 44.9585H40.7383' stroke='white'/%3E%3Cpath d='M40.7383 1.9209V20.3242H55.9215' stroke='white'/%3E%3Cpath d='M1.47644 31.917H23.8679' stroke='white'/%3E%3Cpath d='M23.868 17.8608V45.6832' stroke='white'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat center; } #grupo li:nth-child(3)::before { background: url("data:image/svg+xml,%3Csvg width='99' height='67' viewBox='0 0 99 67' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='white' stroke-width='2' stroke-miterlimit='10' stroke-linecap='square'%3E%3Cpath d='M2.62042 20.606L12.2195 31.391'/%3E%3Cpath d='M80.6411 6.06942L74.1672 12.1653L58.4292 2.90423C56.7549 1.9664 54.7458 1.84917 53.0716 2.90423L30.4132 15.7994C29.8552 16.1511 29.6319 16.8545 29.9668 17.4406L31.7527 20.3714C32.3107 21.3092 33.3153 21.7781 34.3199 21.5437L51.5089 17.6751C53.6297 17.2062 55.7504 18.0268 57.0898 19.7852L74.7253 42.6449C75.8415 44.1689 75.7299 46.3962 74.2789 47.5685L71.6 50.0303C70.149 51.3199 67.9167 51.2026 66.6889 49.5614L54.9691 34.2044'/%3E%3Cpath d='M30.1903 15.9166L21.819 6.06934'/%3E%3Cpath d='M96.4906 24.3569L89.7935 30.5701C89.7935 30.5701 88.789 39.1278 82.5384 42.0585'/%3E%3Cpath d='M47.8256 41.7073L58.206 55.0714C59.4338 56.5954 61.5545 56.8299 63.0055 55.5403L65.3495 53.4302C66.8005 52.1407 67.0237 49.9133 65.7959 48.3894L59.0989 39.5972'/%3E%3Cpath d='M42.0212 50.1476L49.6112 59.8776C50.839 61.4016 52.9597 61.6361 54.4108 60.3465L56.5315 58.4709C57.9825 57.1814 58.2057 54.954 56.978 53.43L48.8299 42.8794'/%3E%3Cpath d='M40.347 63.5115L40.5702 63.8632C41.798 65.3872 43.9187 65.6217 45.3698 64.3321L47.3789 62.5737C48.8299 61.2842 49.0531 59.0568 47.8253 57.5328L42.1329 50.2646'/%3E%3Cpath d='M13.671 41.2381L10.9922 37.9557C10.2108 37.0179 10.3225 35.4939 11.2154 34.6733L14.3407 31.8598C15.2336 31.0392 16.6846 31.1564 17.466 32.0943L20.1448 35.3767C20.9261 36.3145 20.8145 37.8385 19.9215 38.6591L16.7963 41.4726C15.9033 42.4104 14.5639 42.2932 13.671 41.2381Z'/%3E%3Cpath d='M19.2514 47.9203L16.5726 44.6378C15.7913 43.7 15.9029 42.176 16.7958 41.3554L19.9211 38.5419C20.8141 37.7213 22.2651 37.8386 23.0464 38.7764L25.7252 42.0588C26.5065 42.9966 26.3949 44.5206 25.502 45.3412L22.3767 48.1547C21.4838 49.0925 20.1444 48.9753 19.2514 47.9203Z'/%3E%3Cpath d='M24.9437 54.8368L22.2649 51.5543C21.4835 50.6165 21.5952 49.0925 22.4881 48.2719L25.6134 45.4584C26.5063 44.6378 27.9573 44.7551 28.7387 45.6929L31.4175 48.9753C32.1988 49.9131 32.0872 51.4371 31.1943 52.2577L28.069 55.0712C27.176 55.8918 25.725 55.7746 24.9437 54.8368Z'/%3E%3Cpath d='M30.6365 59.7605L27.288 55.6574L31.1946 52.1406C32.0876 51.32 33.5386 51.4372 34.3199 52.375L36.2174 54.6024C36.9987 55.5402 36.8871 57.0642 35.9942 57.8848L33.8734 59.8777C32.8689 60.8155 31.4179 60.6983 30.6365 59.7605Z'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat center; } #grupo li strong { display: block; font-size: 1.5rem; } @media (max-width: 899px) { #grupo h2 { font-size: 2.5rem; } } @media (max-width: 767px) { #grupo .wrap { display: block; } #grupo .text { padding-right: 0; } #grupo h2 { text-align: center; margin: 0 auto; } #grupo p { text-align: center; margin: 20px auto 0; } #grupo .icons { margin-top: 20px; } #grupo ul { max-width: 360px; margin: 0 auto; } } /* #cadastro */ #cadastro { padding: 60px 0; background: var(--green-l); } #cadastro h2 { font-size: 1.5rem; text-transform: uppercase; text-align: center; color: var(--green); } #cadastro form { display: flex; flex-wrap: wrap; gap: 20px 0; width: calc( 100% + 20px ); margin-top: 20px; } #cadastro form .field-wrap { flex: calc( 33.33% - 20px ); margin-right: 20px; margin-top: 0 !important; } #cadastro form .field-wrap label { color: var(--green); font-weight: bold; } #cadastro form .field-wrap .text { border-color: var(--green); color: #000; } #cadastro form .field-wrap .text::placeholder { color: var(--green); opacity: .75; } #cadastro form .field-wrap.field-pp { flex: calc( 66.66% - 20px ); } #cadastro form .field-wrap.field-pp a { color: var(--green); } #cadastro form .field-wrap.field-pp label::before { border-color: var(--green); } #cadastro form .field-wrap.field-pp label:has(input:checked)::after { background: var(--green); } #cadastro form .field-wrap .submit-btn { border-color: var(--green); background: var(--green); color: var(--green-l); border-radius: 20px; } #cadastro form .field-wrap .submit-btn:hover { background: var(--green-d); border-color: var(--green-d); color: #fff; } #cadastro form .field-wrap .submit-btn.sending { 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 / 24px auto; color: transparent; } #cadastro form .form-output { border-radius: 20px; } @media (max-width: 899px) { #cadastro form .field-wrap, #cadastro form .field-wrap.field-pp { flex: calc( 50% - 20px ); } #cadastro form .field-wrap.field-nome { flex: calc( 100% - 20px ); } } @media (max-width: 599px) { #cadastro form .field-wrap { flex: calc( 100% - 20px ) !important; } } /* #foot */ #foot { padding: 40px 0; } #foot ul { list-style: none; display: flex; flex-wrap: wrap; justify-content: center; flex-direction: row-reverse; align-items: center; gap: 40px; } #foot p { margin-top: 20px; font-size: .75rem; } @media (max-width: 659px) { #foot li:nth-child( 1 ) { flex: 0 0 100%; order: -1; } #foot li:nth-child( 1 ) img { margin: 0 auto } }