@font-face { font-family: 'Allumi Std'; src: local('Allumi Std Extended Light'), local('AllumiStdExtended-Light'), url('../fonts/AllumiStdExtended-Light.woff2') format('woff2'), url('../fonts/AllumiStdExtended-Light.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Allumi Std'; src: local('Allumi Std Extended Bold'), local('AllumiStdExtended-Bold'), url('../fonts/AllumiStdExtended-Bold.woff2') format('woff2'), url('../fonts/AllumiStdExtended-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 200 800; font-display: swap; src: url(https://fonts.gstatic.com/s/manrope/v20/xn7gYHE41ni1AdIRggqxSuXd.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 200 800; font-display: swap; src: url(https://fonts.gstatic.com/s/manrope/v20/xn7gYHE41ni1AdIRggOxSuXd.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 200 800; font-display: swap; src: url(https://fonts.gstatic.com/s/manrope/v20/xn7gYHE41ni1AdIRggSxSuXd.woff2) format('woff2'); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; } @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 200 800; font-display: swap; src: url(https://fonts.gstatic.com/s/manrope/v20/xn7gYHE41ni1AdIRggixSuXd.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 200 800; font-display: swap; src: url(https://fonts.gstatic.com/s/manrope/v20/xn7gYHE41ni1AdIRggmxSuXd.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 200 800; font-display: swap; src: url(https://fonts.gstatic.com/s/manrope/v20/xn7gYHE41ni1AdIRggexSg.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } :root { --allumi: 'Allumi Std', times, serif; --manrope: 'Manrope', tahoma, sans-serif; --green: #7B8F17; --green-d: #1A3515; --green-l: #EDF5BD; --extra: 20px; --prev-fff: 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.48398 19.092L23.334 4.242L19.092 0L-1.52588e-05 19.092L19.092 38.184L23.334 33.942L8.48398 19.092Z' fill='white'/%3E%3C/svg%3E"); --next-fff: 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.092L0 4.242L4.242 0L23.334 19.092L4.242 38.184L0 33.942L14.85 19.092Z' fill='white'/%3E%3C/svg%3E"); } @media ( width > 1240px ){ :root { --extra: calc( ( 100vw - 1200px ) / 2 ); } } /* Colorbox */ #cboxWrapper, .cboxPhoto { max-width: none } .cboxIframe, .cboxPhoto { display: block; border: 0 } #cboxContent, #cboxLoadingOverlay, #cboxOverlay { background: #000 } #cboxCurrent, #cboxTitle { position: absolute; top: -22px } #cboxOverlay, #cboxWrapper, #colorbox { position: absolute; top: 0; left: 0; z-index: 9999; overflow: hidden; -webkit-transform: translate3d(0, 0, 0) } #cboxOverlay { position: fixed; width: 100%; height: 100%; opacity: .9 } #cboxBottomLeft, #cboxMiddleLeft { clear: left } #cboxContent { position: relative; margin-top: 32px; overflow: visible } #cboxLoadedContent { overflow: auto; -webkit-overflow-scrolling: touch; background: #000; padding: 1px } #cboxTitle { margin: 0; left: 0; color: #000 } #cboxLoadingGraphic, #cboxLoadingOverlay { position: absolute; top: 0; left: 0; width: 100%; height: 100% } #cboxClose, #cboxNext, #cboxPrevious, #cboxSlideshow { cursor: pointer; border: 0; padding: 0; margin: 0; overflow: visible; text-indent: -9999px; width: 20px; height: 20px; position: absolute; top: -20px; background: url(images/controls.png) no-repeat } .cboxPhoto { float: left; margin: auto; -ms-interpolation-mode: bicubic } .cboxIframe { width: 100%; height: 100%; padding: 0; margin: 0; background: #fff } #cboxContent, #cboxLoadedContent, #colorbox { box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box } #cboxClose:active, #cboxNext:active, #cboxPrevious:active, #cboxSlideshow:active, #colorbox { outline: 0 } #cboxError { padding: 50px; border: 1px solid #ccc } #cboxLoadingGraphic { background: url(images/loading.gif) center center no-repeat } #cboxCurrent { right: 205px; text-indent: -9999px } #cboxPrevious { background-position: 0 0; right: 44px } #cboxPrevious:hover { background-position: 0 -25px } #cboxNext { background-position: -25px 0; right: 22px } #cboxNext:hover { background-position: -25px -25px } #cboxClose { background-position: -50px 0; right: 0 } #cboxClose:hover { background-position: -50px -25px } .cboxSlideshow_off #cboxPrevious, .cboxSlideshow_on #cboxPrevious { right: 66px } .cboxSlideshow_on #cboxSlideshow { background-position: -75px -25px; right: 44px } .cboxSlideshow_on #cboxSlideshow:hover { background-position: -100px -25px } .cboxSlideshow_off #cboxSlideshow { background-position: -100px 0; right: 44px } .cboxSlideshow_off #cboxSlideshow:hover { background-position: -75px -25px } /* Slick */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0 } .slick-list:focus { outline: 0 } .slick-list.dragging { cursor: pointer; cursor: hand } .slick-slider .slick-list, .slick-slider .slick-track { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto } .slick-track:after, .slick-track:before { display: table; content: '' } .slick-track:after { clear: both } .slick-loading .slick-track { visibility: hidden } .slick-slide { display: none; float: left; height: 100%; min-height: 1px } [dir=rtl] .slick-slide { float: right } .slick-slide img { display: block } .slick-slide.slick-loading img { display: none } .slick-slide.dragging img { pointer-events: none } .slick-initialized .slick-slide { display: block } .slick-loading .slick-slide { visibility: hidden } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent } .slick-arrow.slick-hidden { display: none } .slick-track { display: flex; } .slick-slide { height: auto; } /* 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 } *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; border: 0; outline: 0; } html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; scroll-padding-top: 40px; } body { font: 16px/1.5 var(--manrope); overflow-x: hidden; } img, svg, video { display: block; max-width: 100%; height: auto; } a { color: inherit; text-decoration: none; } button { font: inherit; color: inherit; background: none; border: 0; cursor: pointer; } input { font: inherit; color: inherit; } a, label, button, select, input[type="submit"] { cursor: pointer; transition: all .3s ease-out; } .wrap { max-width: 1240px; padding-inline: 20px; margin: 0 auto; } .form-output { max-width: 100%; width: 100%; flex: 1 1 100%; text-align: center; margin-bottom: 20px; } .form-output p { margin: 0 !important; } .form-output.is-success, .form-output.is-error { padding: 8px 20px; margin: 0; } .form-output.is-success { background-color: #43A047; color: #fff; } .form-output.is-error { background-color: #d32f2f; color: #fff; } .row { display: flex; flex-wrap: wrap; --gap-x: 0px; --gap-y: 0px; gap: var(--gap-y) 0; width: calc( 100% + var(--gap-x) ); } .row.m-gap { --gap-x: 20px; --gap-y: 20px; } .col { flex: 0 0 calc( 100% - var(--gap-x) ); margin-right: var(--gap-x) } @media ( width >= 600px ){ .w-1of2-tb { flex: 0 0 calc( 50% - var(--gap-x) ); } .w-1of3-tb { flex: 0 0 calc( 33.333% - var(--gap-x) ); } } @media ( width >= 900px ){ .w-1of2-dt { flex: 0 0 calc( 50% - var(--gap-x) ); } .w-1of3-dt { flex: 0 0 calc( 33.333% - var(--gap-x) ); } } #head { padding-block: 120px; position: relative; isolation: isolate; } #head::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba( 0 0 0 / 60% ); z-index: 2; } #head video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1; } #head .wrap { position: relative; z-index: 3; display: flex; gap: 40px; justify-content: space-between; align-items: center; } #head .intro { flex: 0 0 320px; display: flex; flex-direction: column; } #head .intro h1 { width: 100%; aspect-ratio: 313/108; text-indent: -999rem; background: url(../img/logo-connect-square.webp) no-repeat center / contain; } #head .intro h2 { margin-top: 40px; border-top: 2px solid #fff; padding-top: 40px; font: normal .875rem/1.2 var(--allumi); color: #fff; text-transform: uppercase; } #head .atts { margin-top: 40px; list-style: none; } #head .atts li { text-transform: uppercase; font: 1.5rem/1.5 var(--allumi); color: #fff; margin-top: 0; } #head .atts li:first-child { font-size: 3rem; font-weight: bold; color: var(--green); } #head .atts li:nth-child(2) span { font-size: 2rem; } #head .tag { order: -1; width: fit-content; padding: 4px 16px; border-radius: 8px; background: var(--green); color: #fff; font-size: 1rem; text-transform: uppercase; margin-bottom: 40px; } #head .form { flex: 0 0 320px; background: rgba( 0 0 0 / 60% ); padding: 20px; } #head .form h2 { font-size: 1.25rem; text-align: center; color: #fff; } #head .form form { margin-top: 20px; } #head .field-wrap:not(.field-pp, .field-submit) { position: relative; border: 2px solid var(--green-l); border-radius: 4px; } #head .field-wrap + .field-wrap { margin-top: 20px; } #head .field-wrap:not(.field-pp, .field-submit) label { position: absolute; top: 0; left: 12px; transform: translateY(-50%); font-size: 0.875rem; color: var(--green-l); padding: 2px 8px; background: #000; text-transform: uppercase; } #head .field-wrap:not(.field-pp, .field-submit) label abbr { text-decoration: none; } #head .field-wrap .text { width: 100%; background: transparent; padding: 12px 12px 8px; color: #fff; } #head .field-wrap.field-pp {} #head .field-wrap.field-pp label { position: relative; display: block; padding-left: 32px; color: #fff; font-size: .75rem; } #head .field-wrap.field-pp label::before { content: ''; position: absolute; top: 0; left: 0; width: 20px; height: 20px; border: 2px solid var(--green-l); border-radius: 4px; } #head .field-wrap.field-pp label::after { content: ''; position: absolute; top: 5px; left: 5px; width: 10px; height: 10px; background: var(--green-l); border-radius: 2px; opacity: 0; transition: opacity .3s ease-out; } #head .field-wrap.field-pp label:has( input:checked )::after { opacity: 1; } #head .field-wrap.field-pp label abbr { border: 0; text-decoration: none; } #head .field-wrap.field-pp label input { display: none; } #head .field-wrap.field-pp label a { color: var(--green-l); text-decoration: underline; } #head .field-wrap.field-pp label a:hover { color: var(--green); } #head .field-wrap.field-submit {} #head .field-wrap.field-submit .btn { padding: 8px 20px; text-align: center; border: 2px solid var(--green-l); border-radius: 4px; background-color: var(--green-l); color: #000; text-transform: uppercase; width: 100%; } #head .field-wrap.field-submit .submit-btn:hover { background-color: transparent; color: var(--green-l); } #head .field-wrap.field-submit .submit-btn[disabled] { opacity: .5; pointer-events: none; } #head .field-wrap.field-submit .submit-btn.sending { pointer-events: none; color: transparent; background: var(--green-l) 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='%23000' stop-opacity='0' offset='0%25'/%3E%3Cstop stop-color='%23000' stop-opacity='.631' offset='63.146%25'/%3E%3Cstop stop-color='%23000' 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; } #head .form-output { border-radius: 4px; margin-bottom: 24px; } @media ( width < 900px ){ #head { padding-block: 80px; } #head .intro { flex: 0 0 270px; } #head .tag span { display: block; text-align: center; } #head .tag span:nth-child( 2 ) { display: none; } #head .form { flex: 0 0 270px; } } @media ( width < 640px ){ #head { padding-block: 60px; } #head .form { flex: 0 0 250px; } } @media ( width < 600px ){ #head { padding-block: 0; } #head video { height: 600px; } #head .wrap { flex-direction: column; padding: 0; } #head .intro { padding: 40px 20px;height: 600px; } #head .intro h1 { max-width: 270px; } #head .intro h2 { max-width: 270px; } #head .form { background: var(--green-d); padding: 40px 20px; width: 100%; margin: 0 -20px; } #head .field-wrap:not(.field-pp, .field-submit) label { background: var(--green-d); } } #nav { position: fixed; bottom: 20px; right: 20px; z-index: 10; } #nav ul { list-style: none; } #nav li {} #nav li + li { margin-top: 12px; } #nav li a { display: block; width: 40px; height: 40px; border-radius: 8px; position: relative; } #nav li a span { display: block; display: flex; height: 40px; padding: 8px 20px; border-radius: 8px; background: var(--green-d); color: #fff; font-size: .75rem; text-align: center; align-items: center; justify-content: center; position: absolute; top: 0; right: 52px; opacity: 0; transform: translateX( 30px ); z-index: -1; transition: all .3s ease-out; } #nav li a:hover span { opacity: 1; transform: translateX( 0 ); } #nav .patrimar span { display: block; width: 40px; height: 40px; border-radius: 8px; text-indent: -999rem; color: transparent; background: url(../img/patrimar-icon.svg) no-repeat center / contain; } #nav .wa a { background: var(--green) url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.65 19.35C7.15 20.25 8.95 20.75 10.75 20.75C16.25 20.75 20.75 16.25 20.75 10.75C20.75 5.25 16.25 0.75 10.75 0.75C5.25 0.75 0.75 5.25 0.75 10.75C0.75 12.55 1.25 14.25 2.05 15.75L1.19044 19.056C0.99572 19.8049 1.68892 20.4817 2.43299 20.2691L5.65 19.35Z'/%3E%3Cpath d='M15.25 13.5985C15.25 13.7605 15.2139 13.927 15.1373 14.089C15.0607 14.251 14.9616 14.404 14.8309 14.548C14.61 14.791 14.3667 14.9665 14.0918 15.079C13.8214 15.1915 13.5284 15.25 13.2129 15.25C12.7533 15.25 12.262 15.142 11.7437 14.9215C11.2255 14.701 10.7072 14.404 10.1934 14.0305C9.67514 13.6525 9.1839 13.234 8.7152 12.7705C8.251 12.3025 7.83187 11.812 7.45781 11.299C7.08826 10.786 6.79081 10.273 6.57449 9.7645C6.35816 9.2515 6.25 8.761 6.25 8.293C6.25 7.987 6.30408 7.6945 6.41224 7.4245C6.52041 7.15 6.69166 6.898 6.93052 6.673C7.21895 6.3895 7.53443 6.25 7.86793 6.25C7.99412 6.25 8.12031 6.277 8.23297 6.331C8.35015 6.385 8.45381 6.466 8.53493 6.583L9.5805 8.0545C9.66162 8.167 9.72021 8.2705 9.76077 8.3695C9.80133 8.464 9.82386 8.5585 9.82386 8.644C9.82386 8.752 9.79231 8.86 9.72922 8.9635C9.67063 9.067 9.585 9.175 9.47684 9.283L9.13433 9.6385C9.08475 9.688 9.06222 9.7465 9.06222 9.8185C9.06222 9.8545 9.06673 9.886 9.07574 9.922C9.08926 9.958 9.10278 9.985 9.11179 10.012C9.19291 10.1605 9.33262 10.354 9.53092 10.588C9.73373 10.822 9.95005 11.0605 10.1844 11.299C10.4278 11.5375 10.6621 11.758 10.901 11.9605C11.1353 12.1585 11.3291 12.2935 11.4823 12.3745C11.5049 12.3835 11.5319 12.397 11.5635 12.4105C11.5995 12.424 11.6356 12.4285 11.6761 12.4285C11.7528 12.4285 11.8113 12.4015 11.8609 12.352L12.2034 12.0145C12.3161 11.902 12.4243 11.8165 12.5279 11.7625C12.6316 11.6995 12.7352 11.668 12.8479 11.668C12.9335 11.668 13.0237 11.686 13.1228 11.7265C13.222 11.767 13.3256 11.8255 13.4383 11.902L14.93 12.9595C15.0472 13.0405 15.1283 13.135 15.1779 13.2475C15.223 13.36 15.25 13.4725 15.25 13.5985Z'/%3E%3C/g%3E%3C/svg%3E") no-repeat center / auto 50%; } #nav .wa a:hover { background: var(--green-d) url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='%23EDF5BD' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.65 19.35C7.15 20.25 8.95 20.75 10.75 20.75C16.25 20.75 20.75 16.25 20.75 10.75C20.75 5.25 16.25 0.75 10.75 0.75C5.25 0.75 0.75 5.25 0.75 10.75C0.75 12.55 1.25 14.25 2.05 15.75L1.19044 19.056C0.99572 19.8049 1.68892 20.4817 2.43299 20.2691L5.65 19.35Z'/%3E%3Cpath d='M15.25 13.5985C15.25 13.7605 15.2139 13.927 15.1373 14.089C15.0607 14.251 14.9616 14.404 14.8309 14.548C14.61 14.791 14.3667 14.9665 14.0918 15.079C13.8214 15.1915 13.5284 15.25 13.2129 15.25C12.7533 15.25 12.262 15.142 11.7437 14.9215C11.2255 14.701 10.7072 14.404 10.1934 14.0305C9.67514 13.6525 9.1839 13.234 8.7152 12.7705C8.251 12.3025 7.83187 11.812 7.45781 11.299C7.08826 10.786 6.79081 10.273 6.57449 9.7645C6.35816 9.2515 6.25 8.761 6.25 8.293C6.25 7.987 6.30408 7.6945 6.41224 7.4245C6.52041 7.15 6.69166 6.898 6.93052 6.673C7.21895 6.3895 7.53443 6.25 7.86793 6.25C7.99412 6.25 8.12031 6.277 8.23297 6.331C8.35015 6.385 8.45381 6.466 8.53493 6.583L9.5805 8.0545C9.66162 8.167 9.72021 8.2705 9.76077 8.3695C9.80133 8.464 9.82386 8.5585 9.82386 8.644C9.82386 8.752 9.79231 8.86 9.72922 8.9635C9.67063 9.067 9.585 9.175 9.47684 9.283L9.13433 9.6385C9.08475 9.688 9.06222 9.7465 9.06222 9.8185C9.06222 9.8545 9.06673 9.886 9.07574 9.922C9.08926 9.958 9.10278 9.985 9.11179 10.012C9.19291 10.1605 9.33262 10.354 9.53092 10.588C9.73373 10.822 9.95005 11.0605 10.1844 11.299C10.4278 11.5375 10.6621 11.758 10.901 11.9605C11.1353 12.1585 11.3291 12.2935 11.4823 12.3745C11.5049 12.3835 11.5319 12.397 11.5635 12.4105C11.5995 12.424 11.6356 12.4285 11.6761 12.4285C11.7528 12.4285 11.8113 12.4015 11.8609 12.352L12.2034 12.0145C12.3161 11.902 12.4243 11.8165 12.5279 11.7625C12.6316 11.6995 12.7352 11.668 12.8479 11.668C12.9335 11.668 13.0237 11.686 13.1228 11.7265C13.222 11.767 13.3256 11.8255 13.4383 11.902L14.93 12.9595C15.0472 13.0405 15.1283 13.135 15.1779 13.2475C15.223 13.36 15.25 13.4725 15.25 13.5985Z'/%3E%3C/g%3E%3C/svg%3E") no-repeat center / auto 50%; } #nav .chat a { background: var(--green) url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 0H2C0.9 0 0 0.9 0 2V20L4 16H18C19.1 16 20 15.1 20 14V2C20 0.9 19.1 0 18 0ZM18 14H4L2 16V2H18V14Z' fill='black'/%3E%3C/svg%3E") no-repeat center / auto 50%; } #nav .chat a:hover { background: var(--green-d) url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 0H2C0.9 0 0 0.9 0 2V20L4 16H18C19.1 16 20 15.1 20 14V2C20 0.9 19.1 0 18 0ZM18 14H4L2 16V2H18V14Z' fill='%23EDF5BD'/%3E%3C/svg%3E") no-repeat center / auto 50%; } #nav .cad { display: none; } #nav .patrimar a span { width: 150px; } #nav .wa a span { width: 172px; } #nav .chat a span { width: 110px; } @media ( width < 600px ){ #nav { bottom: 0; right: 0; width: 100%; box-shadow: 0 -4px 8px rgba( 0 0 0 / 50% ); } #nav ul { display: flex; flex-wrap: wrap; } #nav li + li { margin-top: 0; } #nav li a { border-radius: 0; width: 100%; } #nav li a span { display: none; } #nav .patrimar { display: none; } #nav .wa, #nav .chat { flex: 0 0 50%; } #nav .wa {} #nav .cad { order: -1; flex: 0 0 100%; display: block; } #nav .cad a { display: flex; align-items: center; justify-content: center; font-size: .875rem; background: var(--green-d); color: #fff; } } #local { background: var(--green-d) url(../img/campo.webp) no-repeat center / cover; position: relative; } #local .wrap { display: flex; gap: 80px; } #local .col { flex: 0 0 calc( 50% - 40px ); } #local .text { padding-block: 60px; align-self: center; } #local .text h2 { font: 2rem/1.2 var(--allumi); color: var(--green-l); text-transform: uppercase; max-width: 480px; } #local .text p { color: #fff; margin-top: 20px; max-width: 420px } #local .text p .cta { display: inline-block; margin-top: 20px; padding: 8px 20px; border: 2px solid var(--green); background: var(--green); color: #fff; text-transform: uppercase; border-radius: 4px; } #local .text p .cta:hover { background: var(--green-d); color: var(--green); } #local .img { position: relative; } #local .img::before, #local .img::after { content: ''; position: absolute; top: calc( 50% - 40px ); left: -40px; width: 80px; height: 80px; border-radius: 50%; } #local .img::before { background: var(--green-l); z-index: 2; clip-path: polygon( 0% 0%, 50% 0%, 50% 100%, 0% 100% ); } #local .img::after { background: var(--green-d); z-index: 3; clip-path: polygon( 50% 0%, 100% 0%, 100% 100%, 50% 100% ); } #local .img img { width: calc( 100% + var(--extra) ); max-width: none; height: 100%; object-fit: cover; border-radius: 20px 0 0 20px; } @media ( width < 1240px ){ #local { background-image: url(../img/campo-dt.webp); } } @media ( width < 960px ){ #local { background-image: url(../img/campo-tb.webp); } } @media ( width < 640px ){ #local { background-image: url(../img/campo-mb.webp); } } @media ( width < 600px ){ #local .wrap { flex-direction: column; gap: 40px; padding-bottom: 40px; } #local .col { flex: 1; } #local .text { text-align: center; padding-block: 40px 20px; } #local .text h2 { font-size: 1.5rem; text-align: center; max-width: 100%; } #local .text p { max-width: 100%; } #local .img::before, #local .img::after { top: -40px; left: calc( 50% - 40px ); } #local .img::before { clip-path: polygon( 0% 0%, 100% 0%, 100% 50%, 0% 50% ); } #local .img::after { clip-path: polygon( 0% 50%, 100% 50%, 100% 100%, 0% 100% ); } #local .img img { width: 100%; border-radius: 20px; } } #gestao { padding-block: 100px 60px; background: var(--green-d) url(../img/campo.webp) no-repeat center / cover; position: relative; color: #fff; } #gestao::before { content: ''; display: block; width: 100%; height: 40px; position: absolute; top: 0; left: 0; background: url(../img/pano-verde.webp) repeat-x center; } #gestao .wrap { display: flex; flex-wrap: wrap; gap: 80px; } #gestao .text, #gestao .list { flex: 0 0 calc( 50% - 40px ); } #gestao .text {} #gestao .text h2 { font: normal 1.25rem/1.2 var(--allumi); color: var(--green-l); text-transform: uppercase; max-width: 360px; } #gestao .text h2 strong { display: block; font-weight: bold; } #gestao .text h2 span { display: none; } #gestao .text p { margin-top: 20px; } #gestao .text img { width: 118px; height: 40px; overflow: hidden; padding-left: 118px; background: url(../img/lobie-fff.webp) no-repeat center / contain; } #gestao .list { align-self: center; } #gestao .list ul { list-style: none; display: flex; flex-wrap: wrap; gap: 40px 20px; width: calc( 100% + 20px ); } #gestao .list li { flex: 0 0 calc( 33.333% - 20px ); display: flex; flex-direction: column; align-items: center; gap: 12px; text-align: center; filter: drop-shadow( 4px 4px 4px #000 ) } #gestao .list li::before { content: ''; display: block; width: 80px; height: 80px; border: 1px solid #fff; border-radius: 50%; } #gestao .list li:nth-child(1)::before { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='30' viewBox='0 0 19 30' fill='none'%3E%3Cg stroke='white' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18.5775 2.84856C18.5775 2.2425 18.3362 1.63644 17.914 1.15159C17.4918 0.727348 16.8886 0.484924 16.2251 0.484924C12.7267 0.484924 6.33303 0.484924 2.83462 0.484924C2.23144 0.484924 1.62827 0.727348 1.14573 1.15159C0.663191 1.57583 0.482239 2.18189 0.482239 2.84856C0.482239 8.30311 0.482239 21.7577 0.482239 27.2122C0.482239 27.8183 0.723509 28.4243 1.14573 28.9092C1.56795 29.3334 2.17113 29.5758 2.83462 29.5758C6.33303 29.5758 12.7267 29.5758 16.2251 29.5758C16.8283 29.5758 17.4314 29.3334 17.914 28.9092C18.3362 28.4849 18.5775 27.8789 18.5775 27.2122C18.5775 21.697 18.5775 8.30311 18.5775 2.84856Z'/%3E%3Cpath d='M6.51398 2.3031H12.5457'/%3E%3Cpath d='M9.52986 27.7576C10.5292 27.7576 11.3394 26.9436 11.3394 25.9395C11.3394 24.9353 10.5292 24.1213 9.52986 24.1213C8.53049 24.1213 7.72034 24.9353 7.72034 25.9395C7.72034 26.9436 8.53049 27.7576 9.52986 27.7576Z'/%3E%3C/g%3E%3C/svg%3E") no-repeat center / auto 50%; } #gestao .list li:nth-child(2)::before { background: url("data:image/svg+xml,%3Csvg width='41' height='38' viewBox='0 0 41 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='white'%3E%3Cpath d='M27.1642 20.4471H10.5615V8.50836H11.1502V19.8613H26.5756V8.50836H27.1642V20.4471Z'/%3E%3Cpath d='M29.9778 11.9444L18.8614 0.828024L7.74788 11.9444L7.33105 11.5304L18.8614 0L30.3946 11.5304L29.9778 11.9444Z'/%3E%3Cpath d='M22.0327 20.4471H15.693V14.2369C15.693 12.488 17.1153 11.0657 18.8643 11.0657C20.6133 11.0657 22.0355 12.488 22.0355 14.2369V20.4471H22.0327ZM16.2788 19.8613H21.4469V14.2398C21.4469 12.8147 20.2865 11.6571 18.8643 11.6571C17.442 11.6571 16.2816 12.8175 16.2816 14.2398V19.8613H16.2788Z'/%3E%3Cpath d='M8.94771 37.4103L0.940674 29.4033L5.4779 24.866C6.40168 23.9423 7.62964 23.4325 8.93645 23.4325H23.7958C25.5223 23.4325 26.9276 24.8379 26.9276 26.5643C26.9276 28.2908 25.5223 29.6962 23.7958 29.6962H14.5242V29.1104H23.7958C25.1984 29.1104 26.339 27.9697 26.339 26.5672C26.339 25.1646 25.1984 24.0211 23.7958 24.0211H8.93645C7.78736 24.0211 6.70585 24.4689 5.89191 25.2829L1.77151 29.4033L8.94771 36.5795L10.7784 34.7488L11.1924 35.1656L8.94771 37.4103Z'/%3E%3Cpath d='M22.1116 35.4501H12.2344C11.2121 35.4501 10.2517 35.053 9.52788 34.3292L7.44092 32.2422L7.85493 31.8254L9.94189 33.9123C10.553 34.5263 11.367 34.8615 12.2344 34.8615H22.1116C24.9505 34.8615 27.6205 33.7546 29.6286 31.7493L39.072 22.3059C39.9986 21.3793 39.9986 19.8726 39.072 18.946C38.1454 18.0194 36.6358 18.0194 35.7092 18.946L26.5474 28.1077L26.1334 27.6909L35.2952 18.5291C35.8556 17.9687 36.5992 17.6617 37.3906 17.6617C38.182 17.6617 38.9255 17.9715 39.486 18.5291C40.6407 19.6839 40.6407 21.5652 39.486 22.7199L30.0426 32.1634C27.9246 34.2813 25.1082 35.4473 22.1116 35.4473V35.4501Z'/%3E%3Cpath d='M7.23254 0.692871H6.64673V2.19402H7.23254V0.692871Z'/%3E%3Cpath d='M7.23254 4.14014H6.64673V5.64128H7.23254V4.14014Z'/%3E%3Cpath d='M9.4124 2.87555H7.91125V3.46136H9.4124V2.87555Z'/%3E%3Cpath d='M5.96794 2.87555H4.4668V3.46136H5.96794V2.87555Z'/%3E%3Cpath d='M36.6696 8.50836H36.0837V10.0095H36.6696V8.50836Z'/%3E%3Cpath d='M36.6696 11.9557H36.0837V13.4568H36.6696V11.9557Z'/%3E%3Cpath d='M38.8495 10.6883H37.3484V11.2741H38.8495V10.6883Z'/%3E%3Cpath d='M35.4022 10.6883H33.9011V11.2741H35.4022V10.6883Z'/%3E%3Cpath d='M2.20807 11.3502H1.62225V12.5133H2.20807V11.3502Z'/%3E%3Cpath d='M2.20807 14.0173H1.62225V15.1804H2.20807V14.0173Z'/%3E%3Cpath d='M3.8331 12.9724H2.66992V13.5582H3.8331V12.9724Z'/%3E%3Cpath d='M1.16318 12.9724H0V13.5582H1.16318V12.9724Z'/%3E%3C/g%3E%3C/svg%3E") no-repeat center / auto 50%; } #gestao .list li:nth-child(3)::before { background: url("data:image/svg+xml,%3Csvg width='33' height='36' viewBox='0 0 33 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='white' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.5 12.75H30.2408C31.1087 12.75 31.5427 12.75 31.7975 13.0305C32.0522 13.311 32.019 13.7521 31.9524 14.6342L30.8656 29.0369C30.6343 32.103 30.5186 33.6361 29.5313 34.568C28.5441 35.5 27.0358 35.5 24.0193 35.5H16.1369C13.1203 35.5 11.612 35.5 10.6248 34.568C9.15578 33.1812 9.39121 30.3714 9.25 28.5' /%3E%3Cpath d='M14.5 12.5909V22.1364C14.5 25.1362 14.5 26.6361 13.4749 27.5681C12.4497 28.5 10.7998 28.5 7.5 28.5C4.20017 28.5 2.55025 28.5 1.52513 27.5681C0.5 26.6361 0.5 25.1362 0.5 22.1364V20.5455C0.5 16.0457 0.5 13.7958 2.03769 12.3979C3.57538 11 6.05025 11 11 11H12.75C13.575 11 13.9874 11 14.2437 11.233C14.5 11.466 14.5 11.8409 14.5 12.5909Z'/%3E%3Cpath d='M28.5 12.75C28.5 5.98451 24.5626 0.5 19.7055 0.5C15.2749 0.5 11.6096 5.06348 11 11'/%3E%3Cpath d='M0.5 21.5H14.5'/%3E%3Cpath d='M14.5 19.75H30.25'/%3E%3C/g%3E%3C/svg%3E") no-repeat center / auto 50%; } #gestao .list li:nth-child(4)::before { background: url("data:image/svg+xml,%3Csvg width='35' height='35' viewBox='0 0 35 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='white'%3E%3Cellipse cx='23.0001' cy='15.5' rx='10.8333' ry='3.33333'/%3E%3Cpath d='M33.8335 23C33.8335 24.8409 28.9832 26.3333 23.0001 26.3333C17.0171 26.3333 12.1668 24.8409 12.1668 23'/%3E%3Cpath d='M33.8335 15.5V30.1667C33.8335 32.1917 28.9832 33.8333 23.0001 33.8333C17.0171 33.8333 12.1668 32.1917 12.1668 30.1667V15.5'/%3E%3Cellipse cx='11.3335' cy='3.83333' rx='10.8333' ry='3.33333'/%3E%3Cpath d='M7.16679 15.5C4.01377 15.1163 1.11664 14.1243 0.500122 12.1667M7.16679 23.8334C4.01377 23.4496 1.11664 22.4576 0.500122 20.5' stroke-linecap='round'/%3E%3Cpath d='M7.16679 32.1667C4.01377 31.783 1.11664 30.7909 0.500122 28.8334L0.500122 3.83337' stroke-linecap='round'/%3E%3Cpath d='M22.1668 7.16671V3.83337' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E") no-repeat center / auto 50%; } #gestao .list li:nth-child(5)::before { background: url("data:image/svg+xml,%3Csvg width='37' height='37' viewBox='0 0 37 37' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.25 0.500977C9.45833 0.500977 9.78923 4.83231 7.30719 6.70302C5.45873 8.09619 2.09953 6.61739 0.728657 8.95914C0.3112 9.67225 0.517412 10.6143 0.929835 12.4984L4.49413 28.7815C5.19313 31.9748 5.62239 35.8736 9.45833 36.3343H27.375C31.2109 35.8736 31.6402 31.9748 32.3392 28.7815L35.9035 12.4984C36.3159 10.6143 36.5221 9.67225 36.1047 8.95914C34.7338 6.61738 31.3746 8.0962 29.5261 6.70302C27.0441 4.83231 27.375 0.500977 25.5833 0.500977' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.4328 16.626L18.4167 16.626M18.4328 22.8968H18.4167M18.4328 29.1676H18.4167' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.7559 0.713771C12.425 -0.22377 14.7281 2.187 15.9165 3.08797C17.5404 4.31905 18.3523 4.93458 18.4119 5.74711C18.4182 5.83292 18.4182 5.91904 18.4119 6.00484C18.3523 6.81737 17.5404 7.43291 15.9165 8.66398C14.7281 9.56495 12.425 11.9757 10.7559 11.0382C9.02579 10.0664 9.02579 1.68554 10.7559 0.713771Z' stroke='white'/%3E%3Cpath d='M26.0774 0.713771C24.4083 -0.22377 22.1052 2.187 20.9168 3.08797C19.2929 4.31905 18.481 4.93458 18.4214 5.74711C18.4151 5.83292 18.4151 5.91904 18.4214 6.00484C18.481 6.81737 19.2929 7.43291 20.9168 8.66398C22.1052 9.56495 24.4083 11.9757 26.0774 11.0382C27.8075 10.0664 27.8075 1.68554 26.0774 0.713771Z' stroke='white'/%3E%3C/svg%3E") no-repeat center / auto 50%; } #gestao .list li:nth-child(6)::before { background: url("data:image/svg+xml,%3Csvg width='37' height='36' viewBox='0 0 37 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='white' stroke-miterlimit='10' stroke-linejoin='round'%3E%3Cpath d='M30.4347 35.4995H36.5216'/%3E%3Cpath d='M0 35.4995H26.6303'/%3E%3Cpath d='M3.80469 7.3479V35.5'/%3E%3Cpath d='M32.7178 7.3479V10.3914'/%3E%3Cpath d='M35.7614 8.86954L18.2614 0.5L0.761475 8.86954'/%3E%3Cpath d='M12.9347 11.9128H8.36951V19.5215H12.9347V11.9128Z'/%3E%3Cpath d='M12.9347 23.3267H8.36951V30.9354H12.9347V23.3267Z'/%3E%3Cpath d='M35.7598 14.9562C34.0859 14.9562 32.7164 13.5867 32.7164 11.9128H20.5425C20.5425 13.5867 19.1729 14.9562 17.499 14.9562V29.4127L26.6294 35.4997L35.7598 29.4127V14.9562Z'/%3E%3Cpath d='M6.8479 30.9335H14.4566'/%3E%3Cpath d='M6.8479 19.5208H14.4566'/%3E%3C/g%3E%3C/svg%3E") no-repeat center / auto 50%; } @media ( width < 1240px ){ #gestao { background-image: url(../img/campo-dt.webp); } } @media ( width < 1200px ){ #gestao .text { flex: 0 0 calc( 40% - 40px ); } #gestao .list { flex: 0 0 calc( 60% - 40px ); } } @media ( width < 960px ){ #gestao { background-image: url(../img/campo-tb.webp); } } @media ( width < 900px ){ #gestao { padding-block: 80px 40px; } #gestao .text { flex: 0 0 100%; text-align: center; } #gestao .text h2 { margin-inline: auto; font-size: 1.75rem; } #gestao .text img { margin-inline: auto; } #gestao .list { flex: 0 0 100%; } } @media ( width < 640px ){ #gestao { background-image: url(../img/campo-mb.webp); } } @media ( width < 600px ){ #gestao .text h2 { font-size: 1.5rem; } #gestao .list li { flex: 0 0 calc( 50% - 20px ); } } @media ( width < 360px ){ #gestao .list { max-width: calc( 100% - 20px ); } #gestao .list ul { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 20px; scroll-snap-type: x mandatory; } #gestao .list li { flex: 0 0 180px; scroll-snap-align: center; } } #atts { padding-block: 60px; } #atts .wrap { display: flex; flex-wrap: wrap; gap: 20px; } #atts h2 { display: none; } #atts input { display: none; } #atts label { display: inline-block; padding: 8px 20px; background: var(--green-l); color: #000; border-radius: 8px; text-transform: uppercase; transition: all .3s ease-out; order: -1; } #atts label:hover, #atts input:checked + label { background: #000; color: var(--green-l); } #atts .tab-content { display: none; flex: 0 0 100%; padding-top: 20px; } #atts input:checked + label + .tab-content { display: block; } #atts .tab-content * + *:not(li) { margin-top: 20px; } #atts .tab-content li + li { margin-top: 8px; } #atts .tab-content h3 { font: normal 2rem/1.2 var(--allumi); color: var(--green); text-transform: uppercase; } #atts .tab-content h3 strong { display: block; } #atts .tab-content ul { list-style-position: inside; columns: 2; column-gap: 20px; } #atts .tab-content figure { position: relative; } #atts .tab-content img { border-radius: 20px; } #atts .tab-content figcaption { position: absolute; bottom: 20px; left: 20px; font-weight: bold; color: #fff; text-shadow: 4px 4px 4px rgba( 0 0 0 / 60% ); max-width: calc( 100% - 40px ); } @media ( width < 900px ){ #atts .tab-content ul { columns: 1; } } #tour { background: var(--green) url(../img/tour.webp) no-repeat center / cover; padding-block: 60px; } #tour .wrap { min-height: 240px; display: flex; flex-direction: column; gap: 20px; justify-content: center; align-items: center; } #tour h2 { width: 40px; height: 40px; text-indent: -999rem; color: transparent; background: url(../img/tour.svg) no-repeat center; } #tour ul { display: flex; list-style: none; gap: 20px; } #tour ul a { display: block; padding: 8px 40px; background: var(--green); color: #fff; border-radius: 20px; font-weight: bold; text-align: center; } #tour ul a:hover { background: var(--green-l); color: var(--green-d); } @media ( width < 1280px ){ #tour { background-image: url(../img/tour-dt.webp); } } @media ( width < 960px ){ #tour { background-image: url(../img/tour-tb.webp); padding-block: 40px; } } @media ( width < 640px ){ #tour { background-image: url(../img/tour-mb.webp); } #tour ul { flex-direction: column; } } #galerias { padding-block: 60px; } #galerias h2 { display: none; } #gallery-nav { display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; } #gallery-nav a { display: inline-block; padding: 8px 20px; background: var(--green-l); color: #000; border-radius: 8px; text-transform: uppercase; transition: all .3s ease-out; } #gallery-nav a:hover, #gallery-nav a.active { background: #000; color: var(--green-l); } #gallery-full { margin-top: 40px; } #gallery-full .slick-slide {} #gallery-full .slick-slide p { width: fit-content; padding-right: 120px; padding-block: 8px; border-bottom: 2px solid var(--green-d); text-transform: uppercase; } #gallery-full .slick-arrow { width: 60px; height: 60px; border-radius: 8px; z-index: 99; } #gallery-full .slick-arrow.slick-prev { background: var(--green) var(--prev-fff) no-repeat 45% 50% / auto 50%; left: 20px; } #gallery-full .slick-arrow.slick-next { background: var(--green) var(--next-fff) no-repeat 55% 50% / auto 50%; right: 20px; } #gallery-full .slick-arrow:hover { background-color: var(--green-d) !important; } #cboxTitle { color: #fff; font-size: .75rem; } @media ( width < 600px ){ #gallery-full { padding-bottom: 60px; } #gallery-full .slick-arrow { width: 40px; height: 40px; top: auto; bottom: 0; transform: translate(0); } #gallery-full .slick-arrow.slick-prev { left: calc( 50% - 50px ); } #gallery-full .slick-arrow.slick-next { right: calc( 50% - 50px ); } } #mapa { padding-block: 60px; background: var(--green-d) url(../img/campo.webp) no-repeat center / cover; color: #fff; } #mapa h2 { font: 2rem/1.2 var(--allumi); color: var(--green-l); } #mapa .item { margin-top: 40px; margin-left: 20px; max-width: 420px; } #mapa .item + .item { border-top: 1px solid #fff; margin-top: 20px; padding-top: 20px; } #mapa h3 { font-size: 1.25rem; color: #fff; } #mapa address { font-style: normal; line-height: 1.2; margin-top: 8px; } #mapa ul { list-style: none; margin-top: 12px; display: flex; gap: 20px; flex-wrap: wrap; } #mapa .cta { display: inline-block; padding: 8px 20px 8px 40px; color: #fff; text-transform: uppercase; border-radius: 20px; font-size: .875rem; } #mapa .cta.wz { background: var(--green) url("data:image/svg+xml,%3Csvg width='22' height='24' viewBox='0 0 22 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M12.7011 1.94409C5.98764 1.94409 3.62887 6.99846 3.62887 11.664C3.62887 13.4136 2.35806 13.608 1.99517 13.608H0.272874L1.27046 15.1628C1.35296 15.2512 2.73681 17.26 6.39305 18.5021C6.36574 18.651 6.35151 18.8023 6.35053 18.954C6.35053 19.5984 6.58948 20.2165 7.01482 20.6722C7.44016 21.1279 8.01705 21.384 8.61857 21.384C9.15508 21.3832 9.67398 21.1787 10.0831 20.8068C10.4921 20.4349 10.7649 19.9197 10.853 19.3526C11.4401 19.4015 12.0488 19.44 12.7011 19.44C12.7532 19.44 13.1241 19.428 13.6384 19.3356C13.7231 19.9064 13.9949 20.4261 14.4051 20.8015C14.8152 21.177 15.3369 21.3835 15.8763 21.384C16.4778 21.384 17.0547 21.1279 17.4801 20.6722C17.9054 20.2165 18.1444 19.5984 18.1444 18.954C18.1438 18.4717 18.0094 18.0005 17.7581 17.6004C19.3727 16.4054 20.866 14.3249 20.866 10.692C20.866 3.98528 15.5134 2.04129 12.7011 1.94409ZM12.7011 3.88808C12.9732 3.88808 19.0516 4.17968 19.0516 10.692C19.0516 13.4345 18.012 15.4327 15.8675 16.524C15.327 16.5274 14.8055 16.7374 14.3968 17.1163C13.4126 17.4935 12.6107 17.496 12.6107 17.496C11.8452 17.496 11.0797 17.4241 10.3143 17.3441C10.1018 17.0867 9.84083 16.8806 9.54853 16.7392C9.25623 16.5978 8.93927 16.5245 8.61857 16.524C8.22505 16.5249 7.83852 16.6354 7.49695 16.8448C5.77882 16.2846 4.55403 15.5977 3.80961 15.066C4.71683 14.4828 5.44331 13.4136 5.44331 11.664C5.44331 9.33124 6.16908 3.88808 12.7011 3.88808ZM9.9794 8.74804C9.73879 8.74804 9.50804 8.85045 9.3379 9.03274C9.16776 9.21502 9.07218 9.46225 9.07218 9.72004C9.07218 9.97783 9.16776 10.2251 9.3379 10.4073C9.50804 10.5896 9.73879 10.692 9.9794 10.692C10.22 10.692 10.4508 10.5896 10.6209 10.4073C10.791 10.2251 10.8866 9.97783 10.8866 9.72004C10.8866 9.46225 10.791 9.21502 10.6209 9.03274C10.4508 8.85045 10.22 8.74804 9.9794 8.74804ZM14.5155 8.74804C14.2749 8.74804 14.0441 8.85045 13.874 9.03274C13.7039 9.21502 13.6083 9.46225 13.6083 9.72004C13.6083 9.97783 13.7039 10.2251 13.874 10.4073C14.0441 10.5896 14.2749 10.692 14.5155 10.692C14.7561 10.692 14.9869 10.5896 15.157 10.4073C15.3271 10.2251 15.4227 9.97783 15.4227 9.72004C15.4227 9.46225 15.3271 9.21502 15.157 9.03274C14.9869 8.85045 14.7561 8.74804 14.5155 8.74804ZM10.8866 11.5672L9.07218 11.664C9.1629 12.8304 9.9794 14.58 12.2474 14.58C14.5155 14.58 15.4227 12.83 15.4227 11.7608L13.6083 11.664C13.6083 11.7612 13.5175 12.636 12.2474 12.636C11.0681 12.636 10.8866 11.8588 10.8866 11.5672Z' fill='white'/%3E%3C/g%3E%3C/svg%3E") no-repeat 12px 50% } #mapa .cta.gm { background: var(--green) url("data:image/svg+xml,%3Csvg width='22' height='24' viewBox='0 0 22 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.8122 6.81167C10.8376 6.81167 10.8612 6.8039 10.8866 6.8039C12.2674 6.8039 13.396 7.91003 13.572 9.33789L16.6248 5.46644C15.967 4.33115 15.058 3.41261 13.9938 2.79929L10.8122 6.81167ZM10.8866 12.6359C9.50673 12.6359 8.37906 11.5317 8.20124 10.1048L5.42697 13.603C5.80619 14.2649 6.22623 14.9074 6.64627 15.5402C6.96289 16.0184 7.27225 16.4888 7.56075 16.9603L10.9791 12.6252C10.9483 12.6271 10.9184 12.6359 10.8866 12.6359ZM8.5097 18.7701C8.75465 19.3591 8.93881 19.9647 9.02228 20.6052C9.1511 21.6035 9.95217 22.3558 10.8884 22.3558C11.8238 22.3558 12.6239 21.6103 12.7491 20.6218C12.9832 18.773 14.0247 17.2023 15.1269 15.5402C16.6973 13.1714 18.3131 10.721 17.4476 7.43569L8.5097 18.7701ZM8.93065 6.18182L12.1758 2.08876C11.8845 2.02558 11.5906 1.97406 11.2903 1.9556C9.50219 1.8477 7.80479 2.47075 6.46301 3.70518L8.93065 6.18182ZM5.25369 5.15637C4.50161 6.35289 4.08247 7.77492 4.08247 9.23388C4.08247 10.1203 4.25757 10.9426 4.53699 11.7232L7.75489 7.66508L5.25369 5.15637Z' fill='white'/%3E%3C/svg%3E") no-repeat 12px 50% } #mapa .cta:hover { background-color: var(--green-d); color: #fff; } #map { width: 100%; height: 100%; min-height: 360px; border-radius: 20px; overflow: clip; } @media ( width >= 600px ){ #mapa .text { order: 2; } } @media ( width < 1280px ){ #mapa { background-image: url(../img/campo-dt.webp); } } @media ( width < 960px ){ #mapa { background-image: url(../img/campo-tb.webp); } } @media ( width < 900px ){ #mapa h2 { font-size: 1.75rem; } } @media ( width < 640px ){ #mapa { background-image: url(../img/campo-mb.webp); } } @media ( width < 600px ){ #mapa h2 { font-size: 1.5rem; text-align: center; } #mapa .item { margin-left: 0; max-width: 100%; } #mapa h3 { font-size: 1.125rem; text-align: center; } #mapa address { text-align: center; } #mapa ul { justify-content: center; } } @media ( width < 480px ){ #mapa h3 { text-align: center; } #mapa li { text-align: center; } } #regiao { background: var(--green-d) url(../img/campo.webp) no-repeat center / cover; position: relative; isolation: isolate; } #regiao::before { content: ''; display: block; position: absolute; inset: 0; background: rgba( 0 0 0 / 30% ); z-index: -1; } #regiao h2 { font: bold 2rem/1.2 var(--allumi); background: var(--green-l); color: var(--green-d); padding: 40px var(--extra); text-transform: uppercase; text-align: center; } #regiao .wrap { padding-block: 60px; color: #fff; } #regiao .row { --gap-y: 40px; } #regiao h3 { font-size: 1.25rem; text-transform: uppercase; padding-right: 40px; width: fit-content; } #regiao .servico h3 { background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='%23EDF5BD' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.01038 15.71C3.01038 20.2 4.81038 22 9.30038 22H14.6904C19.1804 22 20.9804 20.2 20.9804 15.71V11.22'/%3E%3Cpath d='M12.0004 12C13.8304 12 15.1804 10.51 15.0004 8.68L14.3404 2H9.67036L9.00036 8.68C8.82036 10.51 10.1704 12 12.0004 12Z'/%3E%3Cpath d='M18.3104 12C20.3304 12 21.8104 10.36 21.6104 8.35L21.3304 5.6C20.9704 3 19.9704 2 17.3504 2H14.3004L15.0004 9.01C15.1704 10.66 16.6604 12 18.3104 12Z'/%3E%3Cpath d='M5.64037 12C7.29037 12 8.78037 10.66 8.94037 9.01L9.16037 6.8L9.64037 2H6.59037C3.97037 2 2.97037 3 2.61037 5.6L2.34037 8.35C2.14037 10.36 3.62037 12 5.64037 12Z'/%3E%3Cpath d='M12.0004 17C10.3304 17 9.50037 17.83 9.50037 19.5V22H14.5004V19.5C14.5004 17.83 13.6704 17 12.0004 17Z'/%3E%3C/g%3E%3C/svg%3E") no-repeat 100% 50%; } #regiao .mobilidade h3 { background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='%23EDF5BD' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15.51 2.83008H8.49C6 2.83008 5.45 4.07008 5.13 5.59008L4 11.0001H20L18.87 5.59008C18.55 4.07008 18 2.83008 15.51 2.83008Z'/%3E%3Cpath d='M2.57 13.73C2.71 12.23 3 11 5.62 11H18.38C21 11 21.29 12.23 21.43 13.73L21.99 19.82C22.1 20.99 21.16 22 19.96 22H18.08C17 22 16.85 21.54 16.66 20.97L16.46 20.37C16.18 19.55 16 19 14.56 19H9.44C8 19 7.79 19.62 7.54 20.37L7.34 20.97C7.15 21.54 7 22 5.92 22H4.04C2.84 22 1.9 20.99 2.01 19.82L2.2 17.76'/%3E%3Cpath d='M4 8H3'/%3E%3Cpath d='M21 8H20'/%3E%3Cpath d='M12 3V5'/%3E%3Cpath d='M10.5 5H13.5'/%3E%3Cpath d='M6 15H9'/%3E%3Cpath d='M15 15H18'/%3E%3C/g%3E%3C/svg%3E") no-repeat 100% 50%; } #regiao .gastronomia h3 { background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='%23EDF5BD' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18.97 22H4.97C1.97 22 1.97 20.65 1.97 19V18C1.97 17.45 2.42 17 2.97 17H20.97C21.52 17 21.97 17.45 21.97 18V19C21.97 20.65 21.97 22 18.97 22Z'/%3E%3Cpath d='M4.62 8.56C5.76 6.86 7.53 5.62 9.59 5.18C10.13 5.06 10.69 5 11.27 5H12.72C13.3 5 13.87 5.06 14.41 5.18C18.02 5.96 20.72 9.16 20.72 13V17H3.27V13'/%3E%3Cpath d='M14.5 4.5C14.5 4.74 14.47 4.96 14.41 5.18C13.87 5.06 13.3 5 12.72 5H11.27C10.69 5 10.13 5.06 9.59 5.18C9.53 4.96 9.5 4.74 9.5 4.5C9.5 3.12 10.62 2 12 2C13.38 2 14.5 3.12 14.5 4.5Z'/%3E%3Cpath d='M15 11H9'/%3E%3C/g%3E%3C/svg%3E") no-repeat 100% 50%; } #regiao .lazer h3 { background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='%23EDF5BD' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18.02 3.01011C18.69 2.65011 19.35 2.34011 19.96 2.10011C20.55 1.88011 21.12 2.04011 21.48 2.41011C21.86 2.79011 22.04 3.36011 21.8 3.95011C20.26 7.79011 16.4 13.0101 13.17 15.6001L11.2 17.1801C10.95 17.3601 10.7 17.5201 10.42 17.6301C10.42 17.4501 10.41 17.2501 10.38 17.0601C10.27 16.2201 9.89001 15.4401 9.22001 14.7701C8.54001 14.0901 7.71001 13.6901 6.86001 13.5801C6.66001 13.5701 6.46001 13.5501 6.26001 13.5701C6.37001 13.2601 6.54001 12.9701 6.75001 12.7301L8.31001 10.7601C9.66001 9.07011 11.75 7.20011 13.97 5.58011'/%3E%3Cpath d='M10.43 17.6201C10.43 18.7201 10.01 19.77 9.22 20.57C8.61 21.18 7.78 21.6001 6.79 21.7301L4.33 22.0001C2.99 22.1501 1.84 21.01 2 19.65L2.27 17.1901C2.51 15.0001 4.34 13.6001 6.28 13.5601C6.48 13.5501 6.69 13.56 6.88 13.57C7.73 13.68 8.56 14.0701 9.24 14.7601C9.91 15.4301 10.29 16.21 10.4 17.05C10.41 17.24 10.43 17.4301 10.43 17.6201Z'/%3E%3Cpath d='M14.24 14.47C14.24 11.86 12.12 9.73999 9.51001 9.73999'/%3E%3C/g%3E%3C/svg%3E") no-repeat 100% 50%; } #regiao ol { list-style-position: inside; margin-top: 12px; } #regiao .lazer ol { columns: 3; column-gap: 20px; } #regiao li + li { margin-top: 8px; } #regiao li::marker { font-weight: bold; } @media ( width < 900px ){ #regiao h2 { font-size: 1.75rem; } #regiao .gastronomia ol, #regiao .lazer ol { columns: 2; column-gap: 20px; } } @media ( width < 600px ){ #regiao h2 { font-size: 1.5rem; } #regiao ol { columns: 2; column-gap: 20px; } } @media ( width < 400px ){ #regiao h2 { font-size: 1.25rem; } #regiao ol { columns: 1 !important; } } #materiais { padding-block: 40px; } #materiais h2 { display: none; } #materiais ul { list-style: none; display: flex; gap: 20px; justify-content: center; flex-wrap: wrap; } #materiais a { display: inline-block; padding: 8px 20px; background: var(--green); color: #fff; text-transform: uppercase; border-radius: 20px; font-size: .875rem; font-weight: bold; } #materiais a:hover { background: var(--green-d); color: #fff; } #equipe { padding-block: 100px 60px; background: var(--green-d) url(../img/campo.webp) no-repeat center / cover; position: relative; color: #fff; } #equipe::before { content: ''; display: block; width: 100%; height: 40px; background: url(../img/pano-verde.webp) repeat-x center; position: absolute; top: 0; left: 0; } #equipe h2 { font: normal 1.5rem/1.2 var(--allumi); color: #fff; text-align: center; text-transform: uppercase; } #equipe h2 strong { display: block; font-weight: bold; font-size: 2rem; color: var(--green-l); } #equipe .cards { margin-top: 40px; max-width: 680px; display: flex; justify-content: space-between; margin-inline: auto; } #equipe .card { flex: 0 0 160px; display: flex; flex-direction: column; align-items: center; text-align: center; } #equipe .card h3 { font: normal 1rem/1.5 var(--manrope); color: #fff; } #equipe .card p { font: bold 1rem/1.5 var(--manrope); color: var(--green-l); order: -1; margin-top: 20px; } #equipe .card img { order: -2; border: 2px solid var(--green); border-radius: 50%; } @media ( width < 900px ){ #equipe { padding-block: 100px 40px; } #equipe h2 { font-size: 1.25rem; } #equipe h2 strong { font-size: 1.75rem; } } @media ( width < 600px ){ #equipe h2 { font-size: 1.125rem; } #equipe h2 strong { font-size: 1.5rem; } #equipe .cards { flex-direction: column; gap: 40px; } } #cadastro { padding-block: 60px; background: var(--green); } #cadastro h2 { color: #fff; font: bold 1.5rem/1.2 var(--manrope); text-align: center;text-transform: uppercase; } #cadastro form { display: flex; flex-wrap: wrap; gap: 20px; width: calc( 100% + 20px ); margin-top: 40px; } #cadastro .field-wrap { flex: 0 0 calc( 33.33% - 20px ); position: relative; } #cadastro .field-wrap:not(.field-pp,.field-submit) { padding-top: 8px; border: 2px solid #000; border-radius: 4px; } #cadastro .field-wrap:not(.field-pp) label { position: absolute; top: -14px; left: 8px; padding: 2px 8px; background: var(--green); font-size: .75rem; font-weight: bold; color: #fff; } #cadastro .field-wrap:not(.field-pp,.field-submit) input { width: 100%; background: transparent; padding: 0 8px 8px; } #cadastro .field-wrap:not(.field-pp) input::placeholder { color: #333; } #cadastro .field-wrap.field-pp { flex: 0 0 calc( 66.66% - 20px ); } #cadastro .field-wrap.field-pp label { font-size: .875rem; } #cadastro .field-wrap.field-pp label a { text-decoration: underline; } #cadastro .field-wrap.field-pp label a:hover { color: var(--green-l); } #cadastro .field-wrap.field-pp input { display: none; } #cadastro .field-wrap.field-pp span { display: block; position: relative; padding-left: 28px; } #cadastro .field-wrap.field-pp span::before, #cadastro .field-wrap.field-pp span::after { content: ''; display: block; position: absolute } #cadastro .field-wrap.field-pp span::before { width: 20px; height: 20px; border: 2px solid #000; border-radius: 4px; top: 0; left: 0; } #cadastro .field-wrap.field-pp span::after { width: 12px; height: 12px; background: #000; border-radius: 2px; top: 4px; left: 4px; opacity: 0; transition: all .3s ease-out; } #cadastro .field-wrap.field-pp input:checked + span::after { opacity: 1; } #cadastro .submit-btn { width: 100%; padding: 8px 20px; background: #000; color: #fff; text-align: center; font: bold 1rem/1.5 var(--manrope); text-transform: uppercase; border-radius: 4px; } #cadastro .submit-btn:hover { background: var(--green-d); color: #fff; } #cadastro form:has([name=pp]:not(:checked)) .submit-btn, #cadastro .submit-btn[disabled] { opacity: .5; pointer-events: none; } #cadastro .form-output { border-radius: 4px; flex: 0 0 calc( 100% - 20px ); margin-bottom: 12px; } @media ( width < 900px ){ #cadastro .field-wrap, #cadastro .field-wrap.field-pp { flex: 0 0 calc( 50% - 20px ); } #cadastro .field-wrap.field-nome { flex: 0 0 calc( 100% - 20px ); } } @media ( width < 600px ){ #cadastro h2 { font-size: 1.25rem; } #cadastro .field-wrap, #cadastro .field-wrap.field-pp { flex: 0 0 calc( 100% - 20px ); } } #foot { padding-block: 60px; background: #000; color: #fff; } #foot .wrap { display: flex; gap: 40px; flex-wrap: wrap; } #foot .logos { flex: 1; display: flex; gap: 40px; align-items: flex-start; justify-content: flex-end; } #foot .logos .patrimar { display: flex; flex-direction: column; gap: 8px; } #foot .logos .patrimar figcaption { font-size: .5rem; color: #fff; text-transform: uppercase; letter-spacing: .5px; } #foot .logos .esg { margin-top: 12px; } #foot .title { flex: 0 0 300px; order: -2; } #foot .title h2 { font-size: 1.25rem; line-height: 1.2; } #foot .title p { margin-top: 20px; } #foot .title p a:hover { color: var(--green-l); } #foot .wa { flex: 0 0 200px; order: -1; } #foot .wa a { display: block; padding-left: 30px; background: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='%23EDF5BD' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.65 19.35C7.15 20.25 8.95 20.75 10.75 20.75C16.25 20.75 20.75 16.25 20.75 10.75C20.75 5.25 16.25 0.75 10.75 0.75C5.25 0.75 0.75 5.25 0.75 10.75C0.75 12.55 1.25 14.25 2.05 15.75L1.19044 19.056C0.99572 19.8049 1.68892 20.4817 2.43299 20.2691L5.65 19.35Z'/%3E%3Cpath d='M15.25 13.5985C15.25 13.7605 15.2139 13.927 15.1373 14.089C15.0607 14.251 14.9616 14.404 14.8309 14.548C14.61 14.791 14.3667 14.9665 14.0918 15.079C13.8214 15.1915 13.5284 15.25 13.2129 15.25C12.7533 15.25 12.262 15.142 11.7437 14.9215C11.2255 14.701 10.7072 14.404 10.1934 14.0305C9.67514 13.6525 9.1839 13.234 8.7152 12.7705C8.251 12.3025 7.83187 11.812 7.45781 11.299C7.08826 10.786 6.79081 10.273 6.57449 9.7645C6.35816 9.2515 6.25 8.761 6.25 8.293C6.25 7.987 6.30408 7.6945 6.41224 7.4245C6.52041 7.15 6.69166 6.898 6.93052 6.673C7.21895 6.3895 7.53443 6.25 7.86793 6.25C7.99412 6.25 8.12031 6.277 8.23297 6.331C8.35015 6.385 8.45381 6.466 8.53493 6.583L9.5805 8.0545C9.66162 8.167 9.72021 8.2705 9.76077 8.3695C9.80133 8.464 9.82386 8.5585 9.82386 8.644C9.82386 8.752 9.79231 8.86 9.72922 8.9635C9.67063 9.067 9.585 9.175 9.47684 9.283L9.13433 9.6385C9.08475 9.688 9.06222 9.7465 9.06222 9.8185C9.06222 9.8545 9.06673 9.886 9.07574 9.922C9.08926 9.958 9.10278 9.985 9.11179 10.012C9.19291 10.1605 9.33262 10.354 9.53092 10.588C9.73373 10.822 9.95005 11.0605 10.1844 11.299C10.4278 11.5375 10.6621 11.758 10.901 11.9605C11.1353 12.1585 11.3291 12.2935 11.4823 12.3745C11.5049 12.3835 11.5319 12.397 11.5635 12.4105C11.5995 12.424 11.6356 12.4285 11.6761 12.4285C11.7528 12.4285 11.8113 12.4015 11.8609 12.352L12.2034 12.0145C12.3161 11.902 12.4243 11.8165 12.5279 11.7625C12.6316 11.6995 12.7352 11.668 12.8479 11.668C12.9335 11.668 13.0237 11.686 13.1228 11.7265C13.222 11.767 13.3256 11.8255 13.4383 11.902L14.93 12.9595C15.0472 13.0405 15.1283 13.135 15.1779 13.2475C15.223 13.36 15.25 13.4725 15.25 13.5985Z'/%3E%3C/g%3E%3C/svg%3E") no-repeat 0 50%; padding-left: 30px; } #foot .wa a:hover { color: var(--green-l); } #foot .legal { flex: 0 0 100%; font-size: .75rem; padding-right: 100px; } @media ( width < 1200px ){ #foot .legal { padding-right: 80px; } } @media ( width < 992px ){ #foot .wrap { justify-content: center; } #foot .logos { flex: 0 0 100%; justify-content: center; order: -3; } } @media ( width < 600px ){ #foot { padding-bottom: 80px; } #foot .title, #foot .wa { flex: 0 0 100%; text-align: center; } #foot .wa p { width: fit-content; margin: 0 auto; } #foot .legal { text-align: center; padding-right: 0; } } @media ( width < 440px ){ #foot .logos { flex-direction: column; gap: 20px; align-items: center; } }