/* 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'); } @font-face { font-family: 'Gotham'; font-style: normal; font-weight: 300; font-display: swap; src: url(../fonts/gotham/gotham-light.woff2.woff2) format('woff2'); } @font-face { font-family: 'GarlichGrow'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/garlich-grow/GarlichGrow.woff2') format('woff2'); } :root { --green: #005F42; --green-l: #95C11F; --green-d: #002F1A; --yellow: #FFF382; --red: #d32f2f; --font-sans: 'Gotham', tahoma, sans-serif; --font-serif: 'GarlichGrow', 'Garamond', serif; } .wrap { width: 100%; max-width: 1240px; padding: 0 20px; margin: 0 auto; position: relative; z-index: 3; } .row { display: flex; flex-wrap: wrap; --gap: 0px; gap: var(--gap) 0; width: calc(100% + var(--gap)); } .row.m-gap { --gap: 20px; } .col { width: calc(100% - var(--gap)); margin-right: var(--gap); } @media ( min-width: 600px ){ .w-1of2-tb { width: calc(50% - var(--gap)); } } @media ( min-width: 900px ) { .w-1of2-dt { width: calc(50% - var(--gap)); } .w-1of3-dt { width: calc(33.33% - var(--gap)); } .w-2of3-dt { width: calc(66.66% - var(--gap)); } } /* Reset */ *, *::before, *::after { margin: 0; padding: 0; border: 0; outline: 0; box-sizing: border-box; } html, body { overflow-x: hidden; scroll-behavior: smooth; } body { background-color: #fff; font: 16px/1.5 var(--font-sans); color: var(--green-d); } input, label, select, textarea { font: inherit; } h2, h3, h4, h5, h6 { font-family: var(--font-serif); line-height: 1.2; font-weight: normal; } 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, ol { list-style-position: inside; } ::placeholder { opacity: .5; } /* Cookie Banner */ #ot-sdk-btn-floating.ot-floating-button button { display: flex !important; align-items: center; justify-content: center; } body { display: flex; flex-direction: column; } form .field-wrap { flex: 0 0 calc( 33.33% - 20px ); } form .field-wrap label { display: block; font-size: .875rem; padding-left: 16px; padding-bottom: 8px; color: #fff; } form .field-wrap label a { color: #fff; text-decoration: underline; } form .field-wrap label a:hover { color: var(--yellow); } form .field-wrap input { padding: 8px 16px; border-radius: 20px; background-color: transparent; border: 1px solid #fff; color: #fff; width: 100%; } form .field-wrap input.btn { border-color: var(--yellow); background-color: var(--yellow); color: var(--green-d); text-transform: uppercase; font-weight: bold; } form .field-wrap input.btn:hover { border-color: var(--green); background-color: var(--green); color: var(--yellow); } form .field-wrap input.btn[disabled] { opacity: .5; pointer-events: none; } form .field-wrap input.btn.sending { pointer-events: none; color: transparent; border-color: var(--green); background: var(--green) url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 38 38' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient x1='8.042%25' y1='0%25' x2='65.682%25' y2='23.865%25' id='a'%3E%3Cstop stop-color='%23fff' stop-opacity='0' offset='0%25'/%3E%3Cstop stop-color='%23fff' stop-opacity='.631' offset='63.146%25'/%3E%3Cstop stop-color='%23fff' offset='100%25'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(1 1)'%3E%3Cpath d='M36 18c0-9.94-8.06-18-18-18' id='Oval-2' stroke='url(%23a)' stroke-width='2'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 18 18' to='360 18 18' dur='0.9s' repeatCount='indefinite' /%3E%3C/path%3E%3Ccircle fill='%23fff' cx='36' cy='18' r='1'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 18 18' to='360 18 18' dur='0.9s' repeatCount='indefinite' /%3E%3C/circle%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center / auto 50%; transition: none; opacity: 1; } form .field-wrap.field-cb { flex: 0 0 calc( 66.67% - 20px ); align-self: center; } form .field-wrap.field-cb label { padding-left: 24px; padding-bottom: 0; position: relative; } form .field-wrap.field-cb label::before { content: ''; display: block; width: 16px; height: 16px; position: absolute; top: 4px; left: 0; border: 1px solid #fff; } form .field-wrap.field-cb label::after { content: ''; display: block; width: 8px; height: 8px; position: absolute; top: 8px; left: 4px; background: #fff; opacity: 0; transition: all .3s ease-out; } form .field-wrap.field-cb label:has( input:checked )::after { opacity: 1; } form .field-wrap.field-cb label input { display: none; } form .form-output { flex: 0 0 100%; text-align: center; padding: 12px 20px; border-radius: 24px; color: #fff; order: -1; } form .form-output.is-success { background: var(--green-l); } form .form-output.is-error { background: var(--red); } #head { background: var(--green-d) url(../img/hero.webp) no-repeat center / cover; } #head .wrap { padding: 80px 20px; display: flex; align-items: center; justify-content: space-between; } #head .text-col { flex: 0 0 400px; display: flex; flex-direction: column; gap: 40px; align-items: center; justify-content: space-between; } #head .text-col h1 { width: 220px; aspect-ratio: 1/1; background: url(../img/logo-park-village.svg) no-repeat center / contain; text-indent: -999rem; } #head .text-col h2 { order: 3; font: 1.25rem/1.2 var(--font-sans); color: white; text-transform: uppercase; text-align: center; } #head .text-col .tag { background: var(--green); max-width: 300px; border-radius: 0 80px 0 80px; padding: 60px 40px 20px; color: white; position: relative; text-align: center; } #head .text-col .tag::before { content: ''; display: block; width: 89px; height: 71px; background: url(../img/tag.svg) no-repeat center / contain; position: absolute; top: -24px; left: 50%; transform: translateX(-50%); } #head .text-col .tag p { font: 2rem/1 var(--font-serif); } #head .text-col .tag p span { font-size: 1rem; } #head .text-col .tag p + p { font: 1.25rem/1.5 var(--font-sans); margin-top: 8px; } #head .text-col .tag p + p::before { content: ''; display: block; width: 60%; height: 2px; background-color: white; margin-bottom: 8px; margin-inline: auto; } #head .form-col { flex: 0 0 400px; display: flex; align-items: center; } #head .form-col form { background: rgba( 0 0 0 / 70% ); padding: 40px; display: flex; flex-direction: column; gap: 20px; } #head form h2 { color: #fff; text-align: center; font-family: var(--font-sans); text-transform: uppercase; font-weight: normal; font-size: 1rem; order: -2; } @media ( max-width: 1199px ) { #head { background-image: url(../img/hero-dt.webp); } } @media ( max-width: 899px ) { #head { background-image: url(../img/hero-tb.webp); } #head .wrap { padding: 40px 20px; } #head .text-col { flex: 0 0 300px; gap: 20px; } #head .text-col h1 { margin-top: 20px; } #head .text-col .tag { margin-top: 20px; } #head .form-col { flex: 0 0 300px; } #head .form-col form { padding: 40px 20px; } } @media ( max-width: 767px ) { #head { background: none; } #head .wrap { flex-direction: column; padding: 0; } #head .text-col { flex: 0 0 100%; width: 100%; padding: 20px 20px 40px; background: url(../img/hero-tb.webp) no-repeat center / cover; } #head .text-col h2 { max-width: 400px; } #head .form-col { flex: 0 0 100%; width: 100%; background: var(--green-d); } #head .form-col form { background: transparent; width: 100%; } } @media ( max-width: 599px ) { #head { background-image: url(../img/hero-mb.webp); } #head .text-col h2 { font-size: 1rem; max-width: 320px; } } #badge { order: -1; background-color: var(--green); color: #fff; } #badge .wrap { display: flex; align-items: center; justify-content: space-between; } #badge .wrap::before { content: ''; width: 148px; height: 40px; background: url(../img/logo-novolar-grupo-fff.svg) no-repeat center / contain; } #badge h2 { font-family: var(--font-sans); font-size: 1.5rem; line-height: 40px; text-transform: uppercase; padding: 10px 0; text-align: right; } #badge h2 span::before { content: " | "; } @media ( max-width: 899px ) { #badge h2 { font-size: 1.25rem; } } @media ( max-width: 767px ) { #badge .wrap::before { width: 90px; height: 24px; } #badge h2 { font-size: 1rem; } } @media ( max-width: 599px ) { #badge .wrap { display: block; } #badge .wrap::before { display: none; } #badge h2 { font-size: .875rem; text-align: center; } } @media ( max-width: 439px ) { #badge h2 { line-height: 1.5; padding: 12px 0; } #badge h2 span { display: block; } #badge h2 span::before { display: none; } } #intro {} #intro .wrap { padding: 0; } #intro .text-col { padding: 120px 20px; } #intro .text-col h2 { font: 2rem/1.2 var(--font-sans); color: var(--green-d); text-transform: uppercase; max-width: 320px; } #intro .text-col h2 strong { color: var(--green-l); } #intro .text-col ul { margin-top: 20px; } #intro .image-col { position: relative; } #intro .image-col img { position: absolute; top: 0;; left: 0; width: 50vw; max-width: 50vw; height: 100%; object-fit: cover; } @media ( max-width: 899px ) { #intro .text-col { padding: 80px 20px; } #intro .text-col h2 { font-size: 1.75rem; } } @media ( max-width: 599px ) { #intro .text-col { padding: 40px 20px; } #intro .text-col h2 { font-size: 1.5rem; max-width: 100%; } #intro .image-col img { position: static; width: 100%; max-width: 100%; height: auto; } } #atts { padding: 80px 0; background-color: var(--green); color: #fff; } #atts h2 { font-size: 3rem; color: var(--green-l); text-align: center; } #atts h2 strong { color: #fff; font-weight: normal; } #atts ul { list-style: none; margin-top: 40px; display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; } #atts ul li { flex: 0 0 180px; display: flex; flex-direction: column; align-items: center; gap: 20px; text-align: center; text-transform: uppercase; font-size: .75rem; } #atts ul li::before { content: ''; width: 120px; height: 120px; border: 1px solid white; border-radius: 50%; } #atts ul li:nth-child(1)::before { background: url("data:image/svg+xml,%3Csvg width='63' height='63' viewBox='0 0 63 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.7138 7.42871H22.2862C15.75 7.42871 14.3063 10.6837 13.4663 14.6737L10.5 28.875H52.5L49.5338 14.6737C48.6938 10.6837 47.25 7.42871 40.7138 7.42871Z'/%3E%3Cpath d='M57.7237 52.0275C58.0125 55.0987 55.545 57.75 52.395 57.75H47.46C44.625 57.75 44.2312 56.5425 43.7325 55.0462L43.2075 53.4713C42.4725 51.3188 42 49.875 38.22 49.875H24.78C21 49.875 20.4487 51.5025 19.7925 53.4713L19.2675 55.0462C18.7687 56.5425 18.375 57.75 15.54 57.75H10.605C7.45499 57.75 4.98749 55.0987 5.27624 52.0275L6.74624 36.0412C7.11374 32.1037 7.875 28.875 14.7525 28.875H48.2475C55.125 28.875 55.8862 32.1037 56.2537 36.0412L57.7237 52.0275Z'/%3E%3Cpath d='M10.5 21H7.875'/%3E%3Cpath d='M55.125 21H52.5'/%3E%3Cpath d='M31.5 7.875V13.125'/%3E%3Cpath d='M27.5625 13.125H35.4375'/%3E%3Cpath d='M15.75 39.375H23.625'/%3E%3Cpath d='M39.375 39.375H47.25'/%3E%3C/g%3E%3C/svg%3E") no-repeat center / auto 50%; } #atts ul li:nth-child(2)::before { background: url("data:image/svg+xml,%3Csvg width='63' height='63' viewBox='0 0 63 63' 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='M17.5875 47.25H10.8938C7.14006 47.25 5.25 45.3599 5.25 41.6062V10.8938C5.25 7.14006 7.14006 5.25 10.8938 5.25H22.1813C25.935 5.25 27.8249 7.14006 27.8249 10.8938V15.75'/%3E%3Cpath d='M45.5962 22.1025V51.3975C45.5962 55.6238 43.4963 57.75 39.2701 57.75H23.94C19.7137 57.75 17.5875 55.6238 17.5875 51.3975V22.1025C17.5875 17.8762 19.7137 15.75 23.94 15.75H39.2701C43.4963 15.75 45.5962 17.8762 45.5962 22.1025Z'/%3E%3Cpath d='M35.1751 15.75V10.8938C35.1751 7.14006 37.065 5.25 40.8187 5.25H52.1062C55.86 5.25 57.75 7.14006 57.75 10.8938V41.6062C57.75 45.3599 55.86 47.25 52.1062 47.25H45.5963'/%3E%3Cpath d='M26.25 28.875H36.75'/%3E%3Cpath d='M26.25 36.75H36.75'/%3E%3Cpath d='M31.5 57.75V49.875'/%3E%3C/g%3E%3C/svg%3E") no-repeat center / auto 50%; } #atts ul li:nth-child(3)::before { background: url("data:image/svg+xml,%3Csvg width='66' height='50' viewBox='0 0 66 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='white' stroke-width='1.5' stroke-miterlimit='10'%3E%3Cpath d='M54.7703 25.5387H10.4435C7.99544 25.5387 6.01086 27.4965 6.01086 29.9115C6.01086 32.3265 7.99544 34.2842 10.4435 34.2842H54.7703C57.2184 34.2842 59.2029 32.3265 59.2029 29.9115C59.2029 27.4965 57.2184 25.5387 54.7703 25.5387Z'/%3E%3Cpath d='M5.29205 13.199C6.25047 6.01089 12.4802 0.5 19.9079 0.5H45.3059C52.7336 0.5 58.9633 6.01089 59.9218 13.199'/%3E%3Cpath d='M9.84455 25.5385V17.991C9.84455 15.3554 7.68812 13.3187 5.17228 13.3187C2.53663 13.3187 0.5 15.4752 0.5 17.991V34.5237C0.5 34.5237 0.5 34.5237 0.5 34.6435C0.5 34.6435 0.5 34.6435 0.5 34.7633C0.5 37.1593 2.41683 39.196 4.93267 39.196H60.5208C62.9168 39.196 64.9535 37.2791 64.9535 34.7633C64.9535 34.7633 64.9535 34.6435 64.9535 34.5237V17.991C64.9535 15.3554 62.797 13.3187 60.2812 13.3187C57.6455 13.3187 55.6089 15.4752 55.6089 17.991V25.5385'/%3E%3Cpath d='M14.0377 39.3159V45.6654C14.0377 47.4625 12.6 48.9001 10.803 48.9001C9.00598 48.9001 7.56836 47.4625 7.56836 45.6654V39.3159'/%3E%3Cpath d='M57.6455 39.3159V45.6654C57.6455 47.4625 56.2079 48.9001 54.4109 48.9001C52.6138 48.9001 51.1762 47.4625 51.1762 45.6654V39.3159'/%3E%3C/g%3E%3C/svg%3E") no-repeat center / 50% auto; } #atts ul li:nth-child(4)::before { background: url("data:image/svg+xml,%3Csvg width='62' height='62' viewBox='0 0 62 62' 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.58136 56.7902H59.3714'/%3E%3Cpath d='M51.0595 56.8159V45.303'/%3E%3Cpath d='M51.111 28.1112C47.9618 28.1112 45.432 30.641 45.432 33.7902V39.6498C45.432 42.7991 47.9618 45.3289 51.111 45.3289C54.2603 45.3289 56.7901 42.7991 56.7901 39.6498V33.7902C56.7901 30.641 54.2603 28.1112 51.111 28.1112Z'/%3E%3Cpath d='M5.42084 56.7902V15.5658C5.42084 10.3773 8.00234 7.77002 13.1393 7.77002H29.2211C34.358 7.77002 36.9136 10.3773 36.9136 15.5658V56.7902'/%3E%3Cpath d='M14.9719 21.2964H27.7497'/%3E%3Cpath d='M14.9719 30.9764H27.7497'/%3E%3Cpath d='M21.2963 56.7901V47.11'/%3E%3C/g%3E%3C/svg%3E") no-repeat center / auto 50%; } #atts ul li:nth-child(5)::before { background: url("data:image/svg+xml,%3Csvg width='43' height='41' viewBox='0 0 43 41' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.424 0.5L27.632 13.956L42.348 15.702L31.468 25.762L34.356 40.298L21.424 33.06L8.492 40.3L11.38 25.764L0.5 15.7L15.218 13.954L21.424 0.5Z' stroke='white' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / 50% auto; } @media ( max-width: 899px ) { #atts h2 { font-size: 2.5rem; } } @media ( max-width: 599px ) { #atts h2 { font-size: 2rem; } #atts ul { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 20px; justify-content: flex-start; scroll-snap-type: x mandatory; } #atts li { scroll-snap-align: center; } } .form { padding: 80px 0; background: var(--green-d); color: #fff; } .form form { display: flex; flex-wrap: wrap; gap: 20px; width: calc( 100% + 20px ); } .form h2 { color: #fff; font: 1.5rem/1.2 var(--font-sans); text-transform: uppercase; flex: 0 0 calc( 100% - 20px ); width: calc( 100% - 20px ); text-align: center; order: -2; } .form .form-output { flex: 0 0 calc( 100% - 20px ); } @media ( max-width: 899px ) { .form { padding: 60px 0; } .form .field-wrap, .form .field-wrap.field-cb { flex: 0 0 calc( 50% - 20px ); } .form .field-wrap.field-nome { flex: 0 0 calc( 100% - 20px ); } } @media ( max-width: 599px ) { .form { padding: 40px 0; } .form h2 { font-size: 1.25rem; } .form .field-wrap { flex: 0 0 calc( 100% - 20px ) !important; } } #cadastro-2 {} #lazer { padding: 80px 0; } #lazer .row { align-items: center; } #lazer .text-col { padding-right: 40px; } #lazer h2 { font: 2rem/1.2 var(--font-sans); color: var(--green-l); text-transform: uppercase; } #lazer h2 strong { font-weight: bold; color: var(--green) } #lazer ul { margin-top: 20px; } #lazer p { margin-top: 20px; color: var(--green-l); font-weight: bold; } @media ( max-width: 899px ) { #lazer { padding: 60px 0; } #lazer .row { align-items: stretch; } #lazer .text-col { padding-right: 20px; } #lazer h2 { font-size: 1.75rem; } } @media ( max-width: 599px ) { #lazer { padding: 40px 0; } #lazer .text-col { padding-right: 0; } #lazer h2 { font-size: 1.5rem; } #lazer .image-col { padding-top: 20px; } } #perto { background-color: var(--green); color: #fff; } #perto .wrap { padding: 0; } #perto .text-col { padding: 120px 20px; } #perto .text-col h2 { font-size: 3rem; line-height: 1; color: var(--green-l); max-width: 400px; } #perto .text-col h2 strong { color: var(--green-l); } #perto .text-col ul { margin-top: 20px; } #perto .image-col { position: relative; } #perto .image-col img { position: absolute; top: 0;; left: 0; width: 50vw; max-width: 50vw; height: 100%; object-fit: cover; } @media ( max-width: 899px ) { #perto .text-col { padding: 80px 20px; } #perto .text-col h2 { font-size: 2.5rem; } } @media ( max-width: 599px ) { #perto .text-col { padding: 40px 20px; } #perto .text-col h2 { font-size: 2rem; max-width: 100%; } #perto .image-col img { position: static; width: 100%; max-width: 100%; height: auto; } } #local { padding: 80px 0; } #local h2 { font: bold 2rem/1.2 var(--font-sans); color: var(--green-d); text-transform: uppercase; text-align: center; } #local img { margin-top: 20px; border-radius: 20px; } #local ul { list-style: none; display: flex; flex-wrap: wrap; margin-top: 40px; } #local ul li { flex: 0 0 33.33%; padding: 20px 20px 20px 0; border-top: 1px solid var(--green-d); } #local ul li h3 { font: bold 1.25rem/1.2 var(--font-sans); color: var(--green-d); } @media ( max-width: 899px ) { #local { padding: 60px 0; } #local h2 { font-size: 1.75rem; } } @media ( max-width: 599px ) { #local { padding: 40px 0; } #local h2 { font-size: 1.5rem; } #local ul li { flex: 0 0 50%; } #local ul li h3 { font-size: 1.125rem; } } @media ( max-width: 419px ) { #local ul li { flex: 0 0 100%; } } #grupo { padding: 80px 0; background-color: var(--green-d); color: #fff; } #grupo .wrap { display: flex; align-items: center; } #grupo .text-col { flex: 1 1 100%; padding-right: 40px; } #grupo .text-col h2 { font: 3rem/1.2 var(--font-sans); color: #fff; max-width: 720px; } #grupo .text-col p { margin-top: 20px; } #grupo .items-col { flex: 0 0 340px; } #grupo .items-col ul { list-style: none; } #grupo .items-col li { display: flex; align-items: center; gap: 20px; } #grupo .items-col li + li { margin-top: 20px; } #grupo .items-col li::before { content: ''; width: 120px; height: 120px; flex: 0 0 120px; border: 1px solid #fff; border-radius: 50%; } #grupo .items-col li:nth-child( 1 )::before { background: url("data:image/svg+xml,%3Csvg width='84' height='83' viewBox='0 0 84 83' 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 81.5H7V34.25L28 27.25V81.5Z'/%3E%3Cpath d='M77 81.5H56V13.25L77 20.25V81.5Z'/%3E%3Cpath d='M56 81.5H28V9.75L56 1V81.5Z'/%3E%3Cpath d='M0 81.5H84'/%3E%3Cpath d='M12.25 74.5H22.75'/%3E%3Cpath d='M12.25 67.5H22.75'/%3E%3Cpath d='M12.25 60.5H22.75'/%3E%3Cpath d='M12.25 53.5H22.75'/%3E%3Cpath d='M12.25 46.5H22.75'/%3E%3Cpath d='M12.25 39.5H22.75'/%3E%3Cpath d='M61.25 74.5H64.75'/%3E%3Cpath d='M68.25 74.5H71.75'/%3E%3Cpath d='M61.25 67.5H64.75'/%3E%3Cpath d='M68.25 67.5H71.75'/%3E%3Cpath d='M61.25 60.5H64.75'/%3E%3Cpath d='M68.25 60.5H71.75'/%3E%3Cpath d='M61.25 53.5H64.75'/%3E%3Cpath d='M68.25 53.5H71.75'/%3E%3Cpath d='M61.25 46.5H64.75'/%3E%3Cpath d='M68.25 46.5H71.75'/%3E%3Cpath d='M61.25 39.5H64.75'/%3E%3Cpath d='M68.25 39.5H71.75'/%3E%3Cpath d='M61.25 32.5H64.75'/%3E%3Cpath d='M68.25 32.5H71.75'/%3E%3Cpath d='M61.25 25.5H64.75'/%3E%3Cpath d='M68.25 25.5H71.75'/%3E%3Cpath d='M42 50V13.25'/%3E%3Cpath d='M42 76.25V53.5'/%3E%3Cpath d='M49 29V11.5'/%3E%3Cpath d='M49 76.25V32.5'/%3E%3Cpath d='M35 64V15'/%3E%3Cpath d='M35 76.25V67.5'/%3E%3C/g%3E%3C/svg%3E") no-repeat center / auto 50%; } #grupo .items-col li:nth-child( 2 )::before { background: url("data:image/svg+xml,%3Csvg width='67' height='63' viewBox='0 0 67 63' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='white' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M38.3815 62.2308H0.5V0.5H65.8342V62.2308H52.798'/%3E%3Cpath d='M65.8341 43.5376H39.7618'/%3E%3Cpath d='M39.7618 0.5V18.9033H54.9451'/%3E%3Cpath d='M0.5 30.4961H22.8915'/%3E%3Cpath d='M22.8915 16.4399V44.2623'/%3E%3C/g%3E%3C/svg%3E") no-repeat center / auto 50%; } #grupo .items-col li:nth-child( 3 )::before { background: url("data:image/svg+xml,%3Csvg width='98' height='66' viewBox='0 0 98 66' 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.12042 20.0464L11.7195 30.8315'/%3E%3Cpath d='M80.1411 5.50985L73.6672 11.6058L57.9292 2.34466C56.2549 1.40683 54.2458 1.2896 52.5716 2.34466L29.9132 15.2399C29.3552 15.5916 29.1319 16.2949 29.4668 16.8811L31.2527 19.8118C31.8107 20.7496 32.8153 21.2185 33.8199 20.9841L51.0089 17.1155C53.1297 16.6466 55.2504 17.4672 56.5898 19.2257L74.2253 42.0853C75.3415 43.6093 75.2299 45.8367 73.7789 47.009L71.1 49.4708C69.649 50.7603 67.4167 50.6431 66.1889 49.0018L54.4691 33.6448'/%3E%3Cpath d='M29.6903 15.357L21.319 5.50977'/%3E%3Cpath d='M95.9906 23.7974L89.2935 30.0105C89.2935 30.0105 88.289 38.5682 82.0384 41.499'/%3E%3Cpath d='M47.3256 41.1477L57.706 54.5118C58.9338 56.0358 61.0545 56.2703 62.5055 54.9808L64.8495 52.8706C66.3005 51.5811 66.5237 49.3538 65.2959 47.8298L58.5989 39.0376'/%3E%3Cpath d='M41.5212 49.588L49.1112 59.3181C50.339 60.842 52.4597 61.0765 53.9108 59.787L56.0315 57.9113C57.4825 56.6218 57.7057 54.3944 56.478 52.8704L48.3299 42.3198'/%3E%3Cpath d='M39.847 62.952L40.0702 63.3036C41.298 64.8276 43.4187 65.0621 44.8698 63.7726L46.8789 62.0141C48.3299 60.7246 48.5531 58.4973 47.3253 56.9733L41.6329 49.7051'/%3E%3Cpath d='M13.171 40.6786L10.4922 37.3961C9.71084 36.4583 9.82246 34.9343 10.7154 34.1137L13.8407 31.3002C14.7336 30.4796 16.1846 30.5969 16.966 31.5347L19.6448 34.8171C20.4261 35.7549 20.3145 37.2789 19.4215 38.0995L16.2963 40.913C15.4033 41.8509 14.0639 41.7336 13.171 40.6786Z'/%3E%3Cpath d='M18.7514 47.3607L16.0726 44.0783C15.2913 43.1404 15.4029 41.6165 16.2958 40.7959L19.4211 37.9824C20.3141 37.1618 21.7651 37.279 22.5464 38.2168L25.2252 41.4992C26.0065 42.4371 25.8949 43.961 25.002 44.7816L21.8767 47.5951C20.9838 48.533 19.6444 48.4158 18.7514 47.3607Z'/%3E%3Cpath d='M24.4437 54.2772L21.7649 50.9948C20.9835 50.0569 21.0952 48.533 21.9881 47.7124L25.1134 44.8989C26.0063 44.0783 27.4573 44.1955 28.2387 45.1333L30.9175 48.4157C31.6988 49.3536 31.5872 50.8775 30.6943 51.6981L27.569 54.5116C26.676 55.3323 25.225 55.215 24.4437 54.2772Z'/%3E%3Cpath d='M30.1365 59.2009L26.788 55.0979L30.6946 51.581C31.5876 50.7604 33.0386 50.8776 33.8199 51.8154L35.7174 54.0428C36.4987 54.9806 36.3871 56.5046 35.4942 57.3252L33.3734 59.3181C32.3689 60.2559 30.9179 60.1387 30.1365 59.2009Z'/%3E%3C/g%3E%3C/svg%3E") no-repeat center / auto 50%; } #grupo .items-col li strong { font-size: 1.5rem; font-weight: bold; display: block;} @media ( max-width: 899px ) { #grupo { padding: 60px 0; } #grupo .wrap { align-items: stretch; } #grupo .text-col h2 { font-size: 2.5rem; } } @media ( max-width: 767px ) { #grupo .wrap { display: block; } #grupo .text-col { padding-right: 0; } #grupo .items-col { margin-top: 40px; } } @media ( max-width: 767px ) and ( min-width: 600px) { #grupo .text-col { text-align: center; } #grupo .items-col ul { display: flex; gap: 20px; width: calc( 100% + 20px ); } #grupo .items-col li { flex: 0 0 calc( 33.33% - 20px ); flex-direction: column; margin-top: 0 !important; text-align: center; } } @media ( max-width: 599px ) { #grupo { padding: 40px 0; } #grupo .text-col h2 { font-size: 2rem; } } #cadastro-3 { background-color: var(--green); } #cadastro-3 h2 { order: -2; } #cadastro-3 .field-wrap input.btn:hover { border-color: var(--green-d); background-color: var(--green-d); color: var(--yellow); } #cadastro-3 .field-wrap input.btn.sending { border-color: var(--green-d); background-color: var(--green-d); } #foot { padding: 80px 0; } #foot .logos { display: flex; gap: 40px; justify-content: center; align-items: center; flex-wrap: wrap; flex-direction: row-reverse; } #foot p { margin-top: 40px; font-size: .75rem;} @media ( max-width: 899px ) { #foot { padding: 60px 0; } #foot .logos .novolar { flex: 0 0 100%; } #foot .logos .novolar img { margin-inline: auto; } } @media ( max-width: 599px ) { #foot { padding: 40px 0; } } @media ( max-width: 419px ) { #foot .logos { flex-direction: column; gap: 20px; } #foot p { text-align: center;} }