@font-face { font-family: 'Galano Grotesque'; src: local('Galano Grotesque Regular'), local('GalanoGrotesque-Regular'), url('../fonts/GalanoGrotesque-Regular.woff2') format('woff2'), url('../fonts/GalanoGrotesque-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Galano Grotesque'; src: local('Galano Grotesque Bold'), local('GalanoGrotesque-Bold'), url('../fonts/GalanoGrotesque-Bold.woff2') format('woff2'), url('../fonts/GalanoGrotesque-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } :root { --text-font: 'Galano Grotesque', tahoma, sans-serif; --text-color: #222; /* --green: #3D8706; */ --green: #080; --green-d: #0E2A20; --green-l: #6DE315; --extra: 20px; } @media ( min-width: 1241px ) { :root { --extra: calc( ( 100vw - 1200px ) / 2 ); } } *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; outline: 0; } html, body { font: 16px/1.5 var(--text-font); color: var(--text-color); scroll-behavior: smooth; overflow-x: hidden; } label, input, button, select, textarea { font: inherit; } a { text-decoration: none; transition: all .3s ease-out; } img { display: block; max-width: 100%; height: auto; } ul { list-style-position: inside; } .wrap { width: 100%; max-width: 1240px; margin: 0 auto; padding: 0 20px; } .row { --gap: 0px; display: flex; flex-wrap: wrap; gap: 20px var(--gap); width: calc( 100% + var(--gap) ); } .row.m-gap { --gap: 20px; } .col { width: calc( 100% - var(--gap) ); /* margin-right: var(--gap); */ } .w-1of2 { width: calc( 50% - var(--gap) ); } .w-1of3 { width: calc( 33.33% - var(--gap) ); } .w-2of3 { width: calc( 66.66% - var(--gap) ); } .w-1of4 { width: calc( 25% - var(--gap) ); } .w-auto { width: auto; } @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-auto-tb { width: auto; } } @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-auto-dt { width: auto; } } .btn { display: inline-block; padding: 12px 24px; background: var(--green); color: #fff; border: 0; border-radius: 30px; text-transform: uppercase; font-weight: bold; text-align: center; } .btn:hover { background: var(--green-l); color: var(--text-color); } #head { position: fixed; top:0; left: 0; width: 100vw; z-index: 99; transition: all .3s ease-out } .scrolled #head { background: rgba( 0 0 0 / 50% ); backdrop-filter: blur(10px); } #head .wrap { display: flex; justify-content: space-between; align-items: center; height: 80px; position: relative; } #logo { width: 145px; height: 60px; } #logo a { width: 100%; height: 100%; display: block; background: url(../img/logo-truna-com-icone.webp) no-repeat center / contain; text-indent: -999rem; } #nav-cb { display: none; } #nav-btn { display: none; } #nav {} #nav ul { list-style: none; display: flex; gap: 20px; align-items: center; } #nav a { color: #fff; text-transform: uppercase; font-weight: bold; } #nav a:hover { color: var(--green); } @media ( max-width: 899px ){ #nav-btn { display: block; position: absolute; top: 20px; right: 20px; width: 40px; height: 40px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24px' height='24px' viewBox='0 0 24 24'%3E%3Cpath d='M3 6.00092H21M3 12.0009H21M3 18.0009H21' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E") no-repeat center / 40px; text-indent: -999rem; } #nav { position: absolute; top: calc( 100% + 4px ); right: 20px; width: 100%; max-width: 240px; background: #fff; padding: 20px; border-radius: 6px; opacity: 0; visibility: hidden; filter: drop-shadow(8px 8px 8px rgba(0 0 0 / 50%)); transition: all .3s ease-out; } #nav-cb:checked ~ #nav { opacity: 1; visibility: visible; } #nav ul { display: block; position: relative; } #nav ul::before { content: ''; position: absolute; top: -32px; right: -12px; width: 24px; height: 24px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M16.9,22h3.2c3.4,0,4.8-2.1,3.2-4.7L14.9,3.9c-1.6-2.6-4.2-2.6-5.8,0L.7,17.3c-1.6,2.6-.2,4.7,3.2,4.7h3.2'/%3E%3C/svg%3E") no-repeat center / 24px; } #nav li + li { margin-top: .5rem; } #nav a { display: block; padding: 12px 20px; border-bottom: 1px solidvar(--green); color: var(--green); text-align: center; border-radius: 24px; } #nav a:hover { background: var(--green); color: #fff; } #nav a.btn { color: #fff; width: 100%; } } #topo { position: relative; background: #f5f5f5 url(../img/topo.webp) no-repeat 50% 0 / cover; } #topo::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba( 0 0 0 / 60% ); } /* raio */ #topo::after { content: ''; position: absolute; top: 120px; left: calc( var(--extra) + 360px ); width: 64px; height: 64px; border-radius: 50%; background: var(--green) url(../img/raio.webp) no-repeat center / 40px; opacity: 0; transform: translateX(-100%); transition: all .5s ease-out; } #topo.inview::after { opacity: 1; transform: translateX(0); } #topo .wrap { position: relative; z-index: 2; padding: 240px 20px 160px; } /* cadeado */ #topo .wrap::before { content: ''; position: absolute; top: calc( 50% - 32px ); right: 220px; width: 84px; height: 84px; border-radius: 50%; background: var(--green) url(../img/cadeado.webp) no-repeat center / 40px; opacity: 0; transform: translateX(100%); transition: .5s all .25s ease-out; } #topo.inview .wrap::before { opacity: 1; transform: translateX(0); } /* celular */ #topo .wrap::after { content: ''; position: absolute; bottom: 40px; right: calc( 50% - 32px ); width: 64px; height: 64px; border-radius: 50%; background: var(--green) url(../img/celular.webp) no-repeat center / auto 40px; opacity: 0; transform: translateX(100%); transition: .5s all .5s ease-out; } #topo.inview .wrap::after { opacity: 1; transform: translateX(0); } #topo h2 { font-size: 3rem; color: #fff; text-transform: uppercase; max-width: 520px; line-height: 1.25; opacity: 0; transform: translateX(-100px); transition: .5s all .75s ease-out; } #topo.inview h2 { opacity: 1; transform: translateX(0); } #topo h2 strong { display: inline-block; position: relative; background: var(--green); border-radius: 0 30px 30px 0; padding-right: 80px; } #topo h2 strong::before { content: ''; display: block; width: var(--extra); height: 100%; background: var(--green); position: absolute; top: 0; left: calc( var(--extra) * -1 ); } #topo h2 strong::after { content: ''; display: block; width: 100px; height: 100%; background: #fff; position: absolute; top: 0; right: -60px; border-radius: 0 30px 30px 0; z-index: -1; } #topo p { font-size: 1.25rem; color: #fff; max-width: 460px; line-height: 1.5; margin-top: 32px; position: relative; opacity: 0; transform: translateX(-100px); transition: .7s all 1s ease-out; } #topo.inview p { opacity: 1; transform: translateX(0); } #topo p::before { content: ''; display: block; width: 100px; height: 0; border-top: 1px solid #fff; margin-bottom: 32px; } @media ( max-width: 1199px ){ #topo { background-image: url(../img/topo-dt.webp); } } @media ( max-width: 899px ){ #topo { background-image: url(../img/topo-tb.webp); } #topo::after { left: calc( 50% - 132px ); } #topo .wrap::before { right: 40px; } #topo h2 { font-size: 2.5rem; max-width: 450px; } #topo h2 strong { padding-right: 60px; } #topo h2 strong::after { width: 80px; right: -40px; } #topo p { font-size: 1.125rem; max-width: 400px; } } @media ( max-width: 599px ){ #topo { background-image: url(../img/topo-mb.webp); } #topo .wrap::before { top: auto; bottom: 60px; right: 40px; } #topo .wrap::after { right: auto; left: 40px; } #topo h2 { font-size: 2rem; max-width: 380px; } #topo h2 strong { padding-right: 40px; } #topo h2 strong::after { width: 60px; right: -20px; } #topo p { font-size: 1rem; max-width: 360px; } } #atrativos { padding: 40px 0; position: relative; } #atrativos::before, #atrativos::after { content: ''; display: block; position: absolute; width: calc( var(--extra) + 60px ); height: 100%; top: 0; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1380' height='1145' viewBox='0 0 1380 1145'%3E%3Cpath d='M422.5,1133.2l924.8-577.5c33.1-20.7,42-62.5,19.9-93.4L1057.6,30.3c-22.2-30.9-67-39.2-100.1-18.5L32.7,589.2c-33.1,20.7-42,62.5-19.9,93.4l309.6,432c22.2,30.9,67,39.2,100.1,18.5Z' fill='none' stroke='%2370e000' stroke-miterlimit='10'/%3E%3C/svg%3E") no-repeat 0 0; z-index: 3; } #atrativos::before { left: 0; background-position: 100% 50%; z-index: 3; } #atrativos::after { right: 0; background-position: 0 50%; z-index: 1; } #atrativos .wrap { position: relative; z-index: 2; } #atrativos img { border-radius: 20px; transform: translateX(-100px); opacity: 0; transition: all .5s ease-out; } #atrativos.inview img { transform: translateX(0); opacity: 1; } #atrativos ul { list-style: none; } #atrativos li { padding-left: 48px; position: relative; min-height: 40px; transform: translateX(100px); opacity: 0; transition: all .5s ease-out; } #atrativos.inview li { transform: translateX(0); opacity: 1; } #atrativos.inview li:nth-child( 1 ) { transition-delay: .5s; } #atrativos.inview li:nth-child( 2 ) { transition-delay: .75s; } #atrativos.inview li:nth-child( 3 ) { transition-delay: 1s; } #atrativos li + li { margin-top: .75rem; } #atrativos li::before { content: ''; display: block; width: 32px; height: 32px; background: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27 8C26.7348 8 26.4804 8.10536 26.2929 8.29289C26.1054 8.48043 26 8.73478 26 9V25C26 25.2652 25.8946 25.5196 25.7071 25.7071C25.5196 25.8946 25.2652 26 25 26H3C2.73478 26 2.48043 25.8946 2.29289 25.7071C2.10536 25.5196 2 25.2652 2 25V3C2 2.73478 2.10536 2.48043 2.29289 2.29289C2.48043 2.10536 2.73478 2 3 2H19C19.2652 2 19.5196 1.89464 19.7071 1.70711C19.8946 1.51957 20 1.26522 20 1C20 0.734784 19.8946 0.48043 19.7071 0.292893C19.5196 0.105357 19.2652 0 19 0H3C2.20435 0 1.44129 0.316071 0.87868 0.87868C0.316071 1.44129 0 2.20435 0 3V25C0 25.7956 0.316071 26.5587 0.87868 27.1213C1.44129 27.6839 2.20435 28 3 28H25C25.7956 28 26.5587 27.6839 27.1213 27.1213C27.6839 26.5587 28 25.7956 28 25V9C28 8.73478 27.8946 8.48043 27.7071 8.29289C27.5196 8.10536 27.2652 8 27 8Z' fill='%233D8706'/%3E%3Cpath d='M6.71 9.28998C6.5217 9.10167 6.2663 8.99589 6 8.99589C5.7337 8.99589 5.47831 9.10167 5.29 9.28998C5.1017 9.47828 4.99591 9.73368 4.99591 9.99998C4.99591 10.1318 5.02188 10.2624 5.07234 10.3842C5.1228 10.5061 5.19676 10.6167 5.29 10.71L13.29 18.71C13.3834 18.8027 13.4943 18.876 13.6161 18.9257C13.7379 18.9755 13.8684 19.0007 14 19H14.07C14.2107 18.9895 14.3477 18.9493 14.4718 18.8821C14.5958 18.8148 14.7043 18.7221 14.79 18.61L27.79 1.60998C27.9329 1.3993 27.99 1.14207 27.9498 0.890724C27.9095 0.639377 27.775 0.412833 27.5735 0.257264C27.372 0.101696 27.1188 0.0288138 26.8655 0.0534731C26.6121 0.0781325 26.3777 0.198477 26.21 0.389978L13.9 16.49L6.71 9.28998Z' fill='%233D8706'/%3E%3C/svg%3E%0A") no-repeat center / contain; position: absolute; top: 2px; left: 0; } #atrativos ul + p { margin-top: 40px; transform: translateX(100px); opacity: 0; transition: .5s all 1.25s ease-out; } #atrativos.inview ul + p { transform: translateX(0); opacity: 1; } @media ( min-width: 600px ){ #atrativos .row { --gap: 40px; } #atrativos li { font-size: 1.25rem; } } @media ( min-width: 900px ){ #atrativos { padding: 80px 0; } #atrativos li { font-size: 1.5rem; } } @media ( min-width: 1100px ){ #atrativos { padding: 100px 0; } #atrativos .row { align-items: center; } } #por-que-a-truna { padding: 80px 0; position: relative; } .inview + #por-que-a-truna { background: url(../img/porque-escolher.webp) no-repeat 50% 0 / cover; } #por-que-a-truna::before { content: ''; display: block; position: absolute; width: 100%; height: 100%; top: 0; background: rgba( 255 255 255 / 70% ); } #por-que-a-truna .wrap { position: relative; z-index: 2; } #por-que-a-truna h2 { font-size: 3rem; text-transform: uppercase; color: var(--green); transform: translateX(-100px); opacity: 0; transition: all .5s ease-out; } #por-que-a-truna.inview h2 { transform: translateX(0); opacity: 1; } #por-que-a-truna h2 + p { max-width: 540px; transform: translateX(-100px); opacity: 0; transition: .5s all .25s ease-out; } #por-que-a-truna.inview h2 + p { transform: translateX(0); opacity: 1; } #por-que-a-truna ul { margin-top: 80px; display: flex; flex-wrap: wrap; list-style: none; justify-content: center; gap: 20px; } #por-que-a-truna li { flex: 0 0 240px; /* aspect-ratio: 1; */ padding: 140px 20px 20px; border-radius: 32px; color: #fff; background: url("data:image/svg+xml,%3Csvg width='34' height='38' viewBox='0 0 34 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32.9942 25.1765C34.0373 25.7647 34.2691 26.5882 33.6896 27.5294L32.5306 29.7647C31.9511 30.7059 31.0239 31.0588 30.0967 30.3529L19.0862 22.9412L19.7816 36.2353C19.8975 37.4118 19.318 38 18.159 38H15.7251C14.5661 38 13.8707 37.4118 13.9866 36.2353L14.7979 23.0588L3.90334 30.3529C2.97614 31.0588 2.04894 30.7059 1.46944 29.7647L0.310445 27.6471C-0.269053 26.7059 -0.0372535 25.7647 1.00584 25.1765L13.0594 19.2941L1.00584 13.2941C-0.0372535 12.7059 -0.269053 11.8824 0.310445 10.9412L1.46944 8.70588C1.93304 7.76471 2.97614 7.41177 3.90334 8.11765L14.7979 15.4118L13.9866 1.76471C13.8707 0.588243 14.4502 0 15.6092 0H18.159C19.318 0 19.7816 0.588243 19.7816 1.76471L19.2021 15.5294L30.0967 8.11765C31.0239 7.41177 31.9511 7.76471 32.5306 8.70588L33.6896 10.8235C34.2691 11.7647 34.0373 12.8235 32.9942 13.2941L20.8247 19.1765L32.9942 25.1765Z' fill='white'/%3E%3C/svg%3E%0A") no-repeat 50% 60px; transform: translateY(50px); opacity: 0; transition: all .5s ease-out; } #por-que-a-truna.inview li { transform: translateY(0); opacity: 1; } #por-que-a-truna li:nth-child( odd ) { background-color: var(--green-d); } #por-que-a-truna li:nth-child( even ) { background-color: var(--green); } #por-que-a-truna li:nth-child( 1 ) { transition-delay: .75s; } #por-que-a-truna li:nth-child( 2 ) { transition-delay: 1s; } #por-que-a-truna li:nth-child( 3 ) { transition-delay: 1.25s; } #por-que-a-truna li:nth-child( 4 ) { transition-delay: 1.5s; } #por-que-a-truna li strong { display: block; font-size: 1.125rem; } @media ( max-width: 1199px ){ .inview + #por-que-a-truna { background-image: url(../img/porque-escolher-dt.webp); } } @media ( max-width: 899px ){ .inview + #por-que-a-truna { background-image: url(../img/porque-escolher-tb.webp); } #por-que-a-truna h2 { font-size: 2.5rem; } } @media ( max-width: 799px ) and ( min-width: 540px){ #por-que-a-truna li:nth-child( 3 ) { background-color: var(--green); } #por-que-a-truna li:nth-child( 4 ) { background-color: var(--green-d); } } @media ( max-width: 599px ){ .inview + #por-que-a-truna { background-image: url(../img/porque-escolher-mb.webp); } #por-que-a-truna h2 { font-size: 2rem; } } @media ( max-width: 539px ){ #por-que-a-truna li { flex: 0 0 100%; padding: 20px 20px 20px 80px; background-position: 20px 50%; } } #conheca-isa { padding: 80px 0; background: var(--green-d); color: #fff; position: relative; } .inview + #conheca-isa { background: var(--green-d) url(../img/isa.webp) no-repeat center / cover; } #conheca-isa::before { content: ''; display: block; position: absolute; width: 100%; height: 100%; top: 0; background: rgba(14 42 32 / 60%); } #conheca-isa .wrap { position: relative; z-index: 2; } #conheca-isa h2 { font-size: 2.5rem; text-transform: uppercase; color: #fff; text-align: center; transform: scale(.5); opacity: 0; transition: all .5s ease-out; } #conheca-isa.inview h2 { transform: scale(1); opacity: 1; } #conheca-isa h2 strong { color: var(--green-l); } #conheca-isa h2 + p { max-width: 680px; margin: 20px auto 0; text-align: center; transform: scale(.5); opacity: 0; transition: .5s all .15s ease-out; } #conheca-isa.inview h2 + p { transform: translateY(0); opacity: 1; } #conheca-isa ul { list-style: none; display: flex; flex-wrap: wrap; justify-content: center; gap: 40px; margin-top: 40px; } #conheca-isa li { flex: 0 0 200px; height: 200px; background: #fff; border-radius: 50%; position: relative; display: flex; align-items: center; justify-content: center; text-align: center; font-size: 1.25rem; color: var(--green); font-weight: bold; transform: scale(.5); opacity: 0; transition: all .5s ease-out; } #conheca-isa.inview li { transform: scale(1); opacity: 1; } #conheca-isa li::before { content: ''; display: block; width: 100px; height: 100px; border-radius: 50%; position: absolute; } #conheca-isa li:nth-child( 1 ) { margin-top: 140px; transition-delay: .45s; } #conheca-isa li:nth-child( 1 )::before { background: var(--green) url(../img/relogio.webp) no-repeat center / 75% auto; top: -40px; right: 8px; } #conheca-isa li:nth-child( 2 ) { margin-top: 80px; transition-delay: .6s; } #conheca-isa li:nth-child( 2 )::before { background: var(--green) url(../img/lampada.webp) no-repeat center / 75% auto; top: -60px; left: calc( 50% - 50px ); } #conheca-isa li:nth-child( 3 ) { margin-top: 140px; transition-delay: .75s; } #conheca-isa li:nth-child( 3 )::before { background: var(--green) url(../img/24h.webp) no-repeat center / 75% auto; top: -60px; left: 8px; } #conheca-isa .depoimento { margin: 40px auto 0; max-width: 800px; clip-path: polygon( 0 0, 0 0, 0 100%, 0 100% ); transition: .5s all 1s ease-out; } #conheca-isa.inview .depoimento { clip-path: polygon( 0 0, 100% 0, 100% 100%, 0 100% ); } #conheca-isa .depoimento figure { display: flex; align-items: center; gap: 20px; position: relative; z-index: 2; } #conheca-isa .depoimento img { width: 120px; height: 120px; border-radius: 50%; object-fit: cover; } #conheca-isa .depoimento figcaption { font-size: 1.5rem; font-weight: bold; color: #fff; } #conheca-isa .depoimento blockquote { margin: -20px 60px 0; padding: 20px; background: rgba( 255 255 255 / 70% ); border-radius: 20px; } #conheca-isa .depoimento p { font-size: 1.25rem; text-align: center; color: var(--text-color); } @media ( max-width: 1199px ){ .inview + #conheca-isa { background-image: url(../img/isa-dt.webp); } } @media ( max-width: 899px ){ .inview + #conheca-isa { background-image: url(../img/isa-tb.webp); } #conheca-isa h2 { font-size: 2rem; } } @media ( max-width: 719px ){ #conheca-isa li:nth-child( 2 )::before { left: 8px; } #conheca-isa li:nth-child( 3 ) { margin-top: 20px; margin-left: 40px; } #conheca-isa li:nth-child( 3 )::before { left: calc( 50% - 50px ); } } @media ( max-width: 599px ){ .inview + #conheca-isa { background-image: url(../img/isa-mb.webp); } #conheca-isa h2 { font-size: 1.5rem; } #conheca-isa .depoimento figcaption { font-size: 1.25rem; } #conheca-isa .depoimento p { font-size: 1rem; } } @media ( max-width: 479px ){ #conheca-isa ul { gap: 20px; } #conheca-isa li { flex: 0 0 100%; height: auto; min-height: 100px; border-radius: 20px; text-align: left; justify-content: start; font-size: 1rem; padding: 20px 20px 20px 100px; } #conheca-isa li:nth-child( 1 ), #conheca-isa li:nth-child( 2 ), #conheca-isa li:nth-child( 3 ) { margin-top: 0; margin-left: 0; } #conheca-isa li::before { width: 60px; height: 60px; } #conheca-isa li:nth-child( 1 )::before, #conheca-isa li:nth-child( 2 )::before, #conheca-isa li:nth-child( 3 )::before { top: 20px; right: auto; left: 20px; } } #compare { padding: 80px 0; } #compare h2 { font-size: 2.5rem; text-transform: uppercase; color: var(--green-d); max-width: 240px; clip-path: polygon( 0 0, 0 0, 0 100%, 0 100% ); transition: all .5s ease-out; } #compare.inview h2 { clip-path: polygon( 0 0, 100% 0, 100% 100%, 0 100% ); } #compare h2 strong { color: var(--green); } #compare .wrap-table { max-width: 100%; overflow-x: auto; clip-path: polygon( 0 0, 0 0, 0 100%, 0 100% ); transition: .5s all .25s ease-out; background-image: /* Shadows */ linear-gradient(to right, white, white), linear-gradient(to right, white, white), /* Shadow covers */ linear-gradient(to right, rgba(0, 0, 0, .25), rgba(255, 255, 255, 0)), linear-gradient(to left, rgba(0, 0, 0, .25), rgba(255, 255, 255, 0)); background-position: left center, right center, left center, right center; background-repeat: repeat-y; background-color: white; background-size: 40px 100%, 40px 100%, 20px 100%, 20px 100%; background-attachment: local, local, scroll, scroll; } #compare.inview .wrap-table { clip-path: polygon( 0 0, 100% 0, 100% 100%, 0 100% ); } #compare table { width: 100%; border-collapse: collapse; } #compare th, #compare td { padding: 12px 16px; border-bottom: 1px solid #ddd; text-align: center; } #compare th { font-weight: bold; } #compare thead th:nth-child( 2 ) { background-color: var(--green); color: #fff; border-radius: 8px 8px 0 0; } #compare thead th:nth-child( 3 ) { background-color: rgba( 0 0 0 / 5% ); border-radius: 8px 8px 0 0; } #compare tbody tr:nth-child( even ) { background-color: rgba( 0 0 0 / 5% ); } #compare td { border-top: 1px solid #000; } #compare .wrap-table + p { margin: 40px auto 0; text-align: center; clip-path: polygon( 0 0, 0 0, 0 100%, 0 100% ); transition: .5s all .5s ease-out; } #compare.inview .wrap-table + p { clip-path: polygon( 0 0, 100% 0, 100% 100%, 0 100% ); } @media ( max-width: 899px ){ #compare h2 { font-size: 2rem; max-width: 100%; text-align: center; } } @media ( max-width: 599px ){ #compare h2 { font-size: 1.5rem; } } #nossos-clientes { padding: 80px 0; color: #fff; background-color: var(--green); } #nossos-clientes h2 { font-size: 2.5rem; color: #fff; transform: translateX(-100px); opacity: 0; transition: all .5s ease-out; } #nossos-clientes.inview h2 { transform: translateX(0); opacity: 1; } #nossos-clientes .depoimentos { margin-top: 40px; display: flex; overflow-x: auto; scroll-snap-type: x mandatory; width: calc( 100% + 20px ); transform: translateX(-100px); opacity: 0; transition: .5s all .25s ease-out; padding-bottom: 16px; scrollbar-width: thin; scrollbar-color: rgba(255 255 255 / 10%) white; } #nossos-clientes.inview .depoimentos { transform: translateX(0); opacity: 1; } #nossos-clientes .depoimento { flex: 0 0 calc( 33.33% - 20px ); padding: 20px; background: rgba( 255 255 255 / 10% ); border-radius: 20px; display: flex; flex-direction: column; scroll-snap-align: start; margin-right: 20px; backdrop-filter: blur(10px); } #nossos-clientes .depoimento figure { order: 2; display: flex; align-items: center; gap: 20px; margin-top: 20px; } #nossos-clientes .depoimento img { flex: 0 0 60px; width: 60px; height: 60px; border-radius: 50%; object-fit: cover; } #nossos-clientes .depoimento figcaption { font-weight: bold; color: #fff; } #nossos-clientes .depoimento blockquote { flex: 1 1 auto; } #nossos-clientes .depoimento p {} @media ( max-width: 899px ){ #nossos-clientes h2 { font-size: 2rem; } #nossos-clientes .depoimento { flex: 0 0 calc( 50% - 20px ); } } @media ( max-width: 599px ){ #nossos-clientes h2 { font-size: 1.5rem; } #nossos-clientes .depoimento { flex: 0 0 calc(100% - 20px ); } } #seu-credito { padding: 80px 0; } #seu-credito h2 { font-size: 2.5rem; color: var(--green); text-align: center; transform: scale(.5); opacity: 0; transition: all .5s ease-out; } #seu-credito.inview h2 { transform: scale(1); opacity: 1; } #seu-credito h2 strong { color: var(--green-d); } #seu-credito ul { list-style: none; display: flex; gap: 20px; justify-content: center; margin: 40px auto 0; position: relative; max-width: 940px; } #seu-credito ul::before { content: ''; display: block; width: 200px; height: 40px; position: absolute; top: 70px; left: 210px; background: url("data:image/svg+xml,%3Csvg width='249' height='30' viewBox='0 0 249 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.786687 28.2135C0.536936 28.3313 0.429976 28.6292 0.547786 28.879C0.665596 29.1287 0.963562 29.2357 1.21331 29.1179L0.786687 28.2135ZM249 28.6657L245.686 23.9383L243.249 29.1723L249 28.6657ZM1.21331 29.1179C2.08898 28.7048 2.96704 28.296 3.84747 27.8915L3.42995 26.9828C2.54648 27.3888 1.66538 27.799 0.786687 28.2135L1.21331 29.1179ZM9.15277 25.5181C10.9276 24.7455 12.7116 23.9901 14.5047 23.2521L14.1241 22.3273C12.3248 23.0679 10.5346 23.8259 8.75362 24.6013L9.15277 25.5181ZM19.9013 21.0942C21.7055 20.3937 23.5185 19.7108 25.34 19.0455L24.997 18.1062C23.1692 18.7738 21.3499 19.4591 19.5394 20.162L19.9013 21.0942ZM30.8193 17.1068C32.65 16.4797 34.489 15.8704 36.3361 15.2791L36.0312 14.3267C34.1777 14.9201 32.3323 15.5315 30.4952 16.1608L30.8193 17.1068ZM41.8892 13.5628C43.7435 13.0102 45.6055 12.4755 47.475 11.9591L47.2088 10.9952C45.3327 11.5134 43.4643 12.0499 41.6036 12.6045L41.8892 13.5628ZM53.0931 10.468C54.9678 9.99068 56.8498 9.53154 58.7388 9.09083L58.5116 8.11698C56.616 8.55922 54.7275 9.01995 52.8464 9.49897L53.0931 10.468ZM64.4127 7.82725C66.3047 7.42583 68.2035 7.04283 70.109 6.67845L69.9212 5.69625C68.0091 6.06189 66.1037 6.44621 64.2051 6.84902L64.4127 7.82725ZM75.8288 5.6441C77.7353 5.31907 79.6481 5.01262 81.5671 4.72494L81.4188 3.73599C79.4933 4.02466 77.5738 4.33217 75.6608 4.65832L75.8288 5.6441ZM87.3234 3.92084C89.2413 3.67246 91.1651 3.4428 93.0945 3.23202L92.9859 2.23794C91.0499 2.44943 89.1195 2.67989 87.195 2.92912L87.3234 3.92084ZM98.8778 2.65852C100.804 2.48685 102.736 2.33398 104.673 2.2001L104.604 1.20248C102.66 1.33682 100.722 1.49021 98.7891 1.66247L98.8778 2.65852ZM110.474 1.85686C112.405 1.76176 114.341 1.68551 116.282 1.6283L116.253 0.628738C114.305 0.686139 112.362 0.762644 110.424 0.858074L110.474 1.85686ZM122.093 1.51425C123.061 1.50476 124.03 1.5 125 1.5V0.5C124.026 0.5 123.054 0.504773 122.083 0.514296L122.093 1.51425ZM125 1.5C125.97 1.5 126.939 1.50476 127.908 1.51425L127.917 0.514297C126.946 0.504773 125.974 0.5 125 0.5V1.5ZM133.718 1.6283C135.659 1.68551 137.595 1.76176 139.526 1.85687L139.576 0.858076C137.638 0.762645 135.695 0.68614 133.747 0.628739L133.718 1.6283ZM145.327 2.2001C147.264 2.33398 149.196 2.48685 151.122 2.65852L151.211 1.66247C149.278 1.49021 147.34 1.33682 145.396 1.20248L145.327 2.2001ZM156.906 3.23202C158.835 3.4428 160.759 3.67247 162.677 3.92084L162.805 2.92912C160.881 2.67989 158.95 2.44944 157.014 2.23794L156.906 3.23202ZM168.433 4.72494C170.352 5.01262 172.265 5.31907 174.171 5.6441L174.339 4.65832C172.426 4.33217 170.507 4.02467 168.581 3.736L168.433 4.72494ZM179.891 6.67845C181.796 7.04284 183.695 7.42583 185.587 7.82725L185.795 6.84902C183.896 6.44622 181.991 6.0619 180.079 5.69625L179.891 6.67845ZM191.261 9.09083C193.15 9.53154 195.032 9.99068 196.907 10.4681L197.154 9.49897C195.272 9.01995 193.384 8.55922 191.488 8.11698L191.261 9.09083ZM202.525 11.9591C204.395 12.4755 206.257 13.0102 208.111 13.5628L208.396 12.6045C206.536 12.0499 204.667 11.5134 202.791 10.9952L202.525 11.9591ZM213.664 15.2791C215.511 15.8704 217.35 16.4797 219.181 17.1068L219.505 16.1608C217.668 15.5315 215.822 14.9201 213.969 14.3267L213.664 15.2791ZM224.66 19.0455C226.481 19.7108 228.294 20.3937 230.099 21.0942L230.461 20.162C228.65 19.4591 226.831 18.7738 225.003 18.1062L224.66 19.0455ZM235.495 23.2521C237.288 23.9901 239.072 24.7455 240.847 25.5182L241.246 24.6013C239.465 23.826 237.675 23.0679 235.876 22.3273L235.495 23.2521ZM0.786687 28.2135C0.536936 28.3313 0.429976 28.6292 0.547786 28.879C0.665596 29.1287 0.963562 29.2357 1.21331 29.1179L0.786687 28.2135ZM249 28.6657L245.686 23.9383L243.249 29.1723L249 28.6657ZM1.21331 29.1179C2.08898 28.7048 2.96704 28.296 3.84747 27.8915L3.42995 26.9828C2.54648 27.3888 1.66538 27.799 0.786687 28.2135L1.21331 29.1179ZM9.15277 25.5181C10.9276 24.7455 12.7116 23.9901 14.5047 23.2521L14.1241 22.3273C12.3248 23.0679 10.5346 23.8259 8.75362 24.6013L9.15277 25.5181ZM19.9013 21.0942C21.7055 20.3937 23.5185 19.7108 25.34 19.0455L24.997 18.1062C23.1692 18.7738 21.3499 19.4591 19.5394 20.162L19.9013 21.0942ZM30.8193 17.1068C32.65 16.4797 34.489 15.8704 36.3361 15.2791L36.0312 14.3267C34.1777 14.9201 32.3323 15.5315 30.4952 16.1608L30.8193 17.1068ZM41.8892 13.5628C43.7435 13.0102 45.6055 12.4755 47.475 11.9591L47.2088 10.9952C45.3327 11.5134 43.4643 12.0499 41.6036 12.6045L41.8892 13.5628ZM53.0931 10.468C54.9678 9.99068 56.8498 9.53154 58.7388 9.09083L58.5116 8.11698C56.616 8.55922 54.7275 9.01995 52.8464 9.49897L53.0931 10.468ZM64.4127 7.82725C66.3047 7.42583 68.2035 7.04283 70.109 6.67845L69.9212 5.69625C68.0091 6.06189 66.1037 6.44621 64.2051 6.84902L64.4127 7.82725ZM75.8288 5.6441C77.7353 5.31907 79.6481 5.01262 81.5671 4.72494L81.4188 3.73599C79.4933 4.02466 77.5738 4.33217 75.6608 4.65832L75.8288 5.6441ZM87.3234 3.92084C89.2413 3.67246 91.1651 3.4428 93.0945 3.23202L92.9859 2.23794C91.0499 2.44943 89.1195 2.67989 87.195 2.92912L87.3234 3.92084ZM98.8778 2.65852C100.804 2.48685 102.736 2.33398 104.673 2.2001L104.604 1.20248C102.66 1.33682 100.722 1.49021 98.7891 1.66247L98.8778 2.65852ZM110.474 1.85686C112.405 1.76176 114.341 1.68551 116.282 1.6283L116.253 0.628738C114.305 0.686139 112.362 0.762644 110.424 0.858074L110.474 1.85686ZM122.093 1.51425C123.061 1.50476 124.03 1.5 125 1.5V0.5C124.026 0.5 123.054 0.504773 122.083 0.514296L122.093 1.51425ZM125 1.5C125.97 1.5 126.939 1.50476 127.908 1.51425L127.917 0.514297C126.946 0.504773 125.974 0.5 125 0.5V1.5ZM133.718 1.6283C135.659 1.68551 137.595 1.76176 139.526 1.85687L139.576 0.858076C137.638 0.762645 135.695 0.68614 133.747 0.628739L133.718 1.6283ZM145.327 2.2001C147.264 2.33398 149.196 2.48685 151.122 2.65852L151.211 1.66247C149.278 1.49021 147.34 1.33682 145.396 1.20248L145.327 2.2001ZM156.906 3.23202C158.835 3.4428 160.759 3.67247 162.677 3.92084L162.805 2.92912C160.881 2.67989 158.95 2.44944 157.014 2.23794L156.906 3.23202ZM168.433 4.72494C170.352 5.01262 172.265 5.31907 174.171 5.6441L174.339 4.65832C172.426 4.33217 170.507 4.02467 168.581 3.736L168.433 4.72494ZM179.891 6.67845C181.796 7.04284 183.695 7.42583 185.587 7.82725L185.795 6.84902C183.896 6.44622 181.991 6.0619 180.079 5.69625L179.891 6.67845ZM191.261 9.09083C193.15 9.53154 195.032 9.99068 196.907 10.4681L197.154 9.49897C195.272 9.01995 193.384 8.55922 191.488 8.11698L191.261 9.09083ZM202.525 11.9591C204.395 12.4755 206.257 13.0102 208.111 13.5628L208.396 12.6045C206.536 12.0499 204.667 11.5134 202.791 10.9952L202.525 11.9591ZM213.664 15.2791C215.511 15.8704 217.35 16.4797 219.181 17.1068L219.505 16.1608C217.668 15.5315 215.822 14.9201 213.969 14.3267L213.664 15.2791ZM224.66 19.0455C226.481 19.7108 228.294 20.3937 230.099 21.0942L230.461 20.162C228.65 19.4591 226.831 18.7738 225.003 18.1062L224.66 19.0455ZM235.495 23.2521C237.288 23.9901 239.072 24.7455 240.847 25.5182L241.246 24.6013C239.465 23.826 237.675 23.0679 235.876 22.3273L235.495 23.2521Z' fill='%23AFAFAF'/%3E%3C/svg%3E%0A") no-repeat center / contain; } #seu-credito ul::after { content: ''; display: block; width: 200px; height: 40px; position: absolute; top: 110px; right: 210px; background: url("data:image/svg+xml,%3Csvg width='249' height='30' viewBox='0 0 249 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.786687 1.78653C0.536936 1.66872 0.429976 1.37075 0.547786 1.121C0.665596 0.871252 0.963562 0.764292 1.21331 0.882103L0.786687 1.78653ZM249 1.33432L245.686 6.06171L243.249 0.827681L249 1.33432ZM1.21331 0.882103C2.08898 1.29516 2.96704 1.70397 3.84747 2.10851L3.42995 3.01718C2.54648 2.61124 1.66538 2.20102 0.786687 1.78653L1.21331 0.882103ZM9.15277 4.48185C10.9276 5.25449 12.7116 6.00992 14.5047 6.74793L14.1241 7.67267C12.3248 6.9321 10.5346 6.17406 8.75362 5.39874L9.15277 4.48185ZM19.9013 8.90582C21.7055 9.60629 23.5185 10.2892 25.34 10.9545L24.997 11.8938C23.1692 11.2262 21.3499 10.5409 19.5394 9.83804L19.9013 8.90582ZM30.8193 12.8932C32.65 13.5203 34.489 14.1296 36.3361 14.7209L36.0312 15.6733C34.1777 15.0799 32.3323 14.4685 30.4952 13.8392L30.8193 12.8932ZM41.8892 16.4372C43.7435 16.9898 45.6055 17.5245 47.475 18.0409L47.2088 19.0048C45.3327 18.4866 43.4643 17.9501 41.6036 17.3955L41.8892 16.4372ZM53.0931 19.532C54.9678 20.0093 56.8498 20.4685 58.7388 20.9092L58.5116 21.883C56.616 21.4408 54.7275 20.9801 52.8464 20.501L53.0931 19.532ZM64.4127 22.1728C66.3047 22.5742 68.2035 22.9572 70.109 23.3215L69.9212 24.3038C68.0091 23.9381 66.1037 23.5538 64.2051 23.151L64.4127 22.1728ZM75.8288 24.3559C77.7353 24.6809 79.6481 24.9874 81.5671 25.2751L81.4188 26.264C79.4933 25.9753 77.5738 25.6678 75.6608 25.3417L75.8288 24.3559ZM87.3234 26.0792C89.2413 26.3275 91.1651 26.5572 93.0945 26.768L92.9859 27.7621C91.0499 27.5506 89.1195 27.3201 87.195 27.0709L87.3234 26.0792ZM98.8778 27.3415C100.804 27.5132 102.736 27.666 104.673 27.7999L104.604 28.7975C102.66 28.6632 100.722 28.5098 98.7891 28.3375L98.8778 27.3415ZM110.474 28.1431C112.405 28.2382 114.341 28.3145 116.282 28.3717L116.253 29.3713C114.305 29.3139 112.362 29.2374 110.424 29.1419L110.474 28.1431ZM122.093 28.4858C123.061 28.4952 124.03 28.5 125 28.5V29.5C124.026 29.5 123.054 29.4952 122.083 29.4857L122.093 28.4858ZM125 28.5C125.97 28.5 126.939 28.4952 127.908 28.4858L127.917 29.4857C126.946 29.4952 125.974 29.5 125 29.5V28.5ZM133.718 28.3717C135.659 28.3145 137.595 28.2382 139.526 28.1431L139.576 29.1419C137.638 29.2374 135.695 29.3139 133.747 29.3713L133.718 28.3717ZM145.327 27.7999C147.264 27.666 149.196 27.5131 151.122 27.3415L151.211 28.3375C149.278 28.5098 147.34 28.6632 145.396 28.7975L145.327 27.7999ZM156.906 26.768C158.835 26.5572 160.759 26.3275 162.677 26.0792L162.805 27.0709C160.881 27.3201 158.95 27.5506 157.014 27.7621L156.906 26.768ZM168.433 25.2751C170.352 24.9874 172.265 24.6809 174.171 24.3559L174.339 25.3417C172.426 25.6678 170.507 25.9753 168.581 26.264L168.433 25.2751ZM179.891 23.3215C181.796 22.9572 183.695 22.5742 185.587 22.1728L185.795 23.151C183.896 23.5538 181.991 23.9381 180.079 24.3037L179.891 23.3215ZM191.261 20.9092C193.15 20.4685 195.032 20.0093 196.907 19.5319L197.154 20.501C195.272 20.9801 193.384 21.4408 191.488 21.883L191.261 20.9092ZM202.525 18.0409C204.395 17.5245 206.257 16.9898 208.111 16.4372L208.396 17.3955C206.536 17.9501 204.667 18.4866 202.791 19.0048L202.525 18.0409ZM213.664 14.7209C215.511 14.1296 217.35 13.5203 219.181 12.8932L219.505 13.8392C217.668 14.4685 215.822 15.0799 213.969 15.6733L213.664 14.7209ZM224.66 10.9545C226.481 10.2892 228.294 9.60628 230.099 8.90582L230.461 9.83803C228.65 10.5409 226.831 11.2262 225.003 11.8938L224.66 10.9545ZM235.495 6.74792C237.288 6.00992 239.072 5.25448 240.847 4.48184L241.246 5.39873C239.465 6.17405 237.675 6.93209 235.876 7.67266L235.495 6.74792ZM0.786687 1.78653C0.536936 1.66872 0.429976 1.37075 0.547786 1.121C0.665596 0.871252 0.963562 0.764292 1.21331 0.882103L0.786687 1.78653ZM249 1.33432L245.686 6.06171L243.249 0.827681L249 1.33432ZM1.21331 0.882103C2.08898 1.29516 2.96704 1.70397 3.84747 2.10851L3.42995 3.01718C2.54648 2.61124 1.66538 2.20102 0.786687 1.78653L1.21331 0.882103ZM9.15277 4.48185C10.9276 5.25449 12.7116 6.00992 14.5047 6.74793L14.1241 7.67267C12.3248 6.9321 10.5346 6.17406 8.75362 5.39874L9.15277 4.48185ZM19.9013 8.90582C21.7055 9.60629 23.5185 10.2892 25.34 10.9545L24.997 11.8938C23.1692 11.2262 21.3499 10.5409 19.5394 9.83804L19.9013 8.90582ZM30.8193 12.8932C32.65 13.5203 34.489 14.1296 36.3361 14.7209L36.0312 15.6733C34.1777 15.0799 32.3323 14.4685 30.4952 13.8392L30.8193 12.8932ZM41.8892 16.4372C43.7435 16.9898 45.6055 17.5245 47.475 18.0409L47.2088 19.0048C45.3327 18.4866 43.4643 17.9501 41.6036 17.3955L41.8892 16.4372ZM53.0931 19.532C54.9678 20.0093 56.8498 20.4685 58.7388 20.9092L58.5116 21.883C56.616 21.4408 54.7275 20.9801 52.8464 20.501L53.0931 19.532ZM64.4127 22.1728C66.3047 22.5742 68.2035 22.9572 70.109 23.3215L69.9212 24.3038C68.0091 23.9381 66.1037 23.5538 64.2051 23.151L64.4127 22.1728ZM75.8288 24.3559C77.7353 24.6809 79.6481 24.9874 81.5671 25.2751L81.4188 26.264C79.4933 25.9753 77.5738 25.6678 75.6608 25.3417L75.8288 24.3559ZM87.3234 26.0792C89.2413 26.3275 91.1651 26.5572 93.0945 26.768L92.9859 27.7621C91.0499 27.5506 89.1195 27.3201 87.195 27.0709L87.3234 26.0792ZM98.8778 27.3415C100.804 27.5132 102.736 27.666 104.673 27.7999L104.604 28.7975C102.66 28.6632 100.722 28.5098 98.7891 28.3375L98.8778 27.3415ZM110.474 28.1431C112.405 28.2382 114.341 28.3145 116.282 28.3717L116.253 29.3713C114.305 29.3139 112.362 29.2374 110.424 29.1419L110.474 28.1431ZM122.093 28.4858C123.061 28.4952 124.03 28.5 125 28.5V29.5C124.026 29.5 123.054 29.4952 122.083 29.4857L122.093 28.4858ZM125 28.5C125.97 28.5 126.939 28.4952 127.908 28.4858L127.917 29.4857C126.946 29.4952 125.974 29.5 125 29.5V28.5ZM133.718 28.3717C135.659 28.3145 137.595 28.2382 139.526 28.1431L139.576 29.1419C137.638 29.2374 135.695 29.3139 133.747 29.3713L133.718 28.3717ZM145.327 27.7999C147.264 27.666 149.196 27.5131 151.122 27.3415L151.211 28.3375C149.278 28.5098 147.34 28.6632 145.396 28.7975L145.327 27.7999ZM156.906 26.768C158.835 26.5572 160.759 26.3275 162.677 26.0792L162.805 27.0709C160.881 27.3201 158.95 27.5506 157.014 27.7621L156.906 26.768ZM168.433 25.2751C170.352 24.9874 172.265 24.6809 174.171 24.3559L174.339 25.3417C172.426 25.6678 170.507 25.9753 168.581 26.264L168.433 25.2751ZM179.891 23.3215C181.796 22.9572 183.695 22.5742 185.587 22.1728L185.795 23.151C183.896 23.5538 181.991 23.9381 180.079 24.3037L179.891 23.3215ZM191.261 20.9092C193.15 20.4685 195.032 20.0093 196.907 19.5319L197.154 20.501C195.272 20.9801 193.384 21.4408 191.488 21.883L191.261 20.9092ZM202.525 18.0409C204.395 17.5245 206.257 16.9898 208.111 16.4372L208.396 17.3955C206.536 17.9501 204.667 18.4866 202.791 19.0048L202.525 18.0409ZM213.664 14.7209C215.511 14.1296 217.35 13.5203 219.181 12.8932L219.505 13.8392C217.668 14.4685 215.822 15.0799 213.969 15.6733L213.664 14.7209ZM224.66 10.9545C226.481 10.2892 228.294 9.60628 230.099 8.90582L230.461 9.83803C228.65 10.5409 226.831 11.2262 225.003 11.8938L224.66 10.9545ZM235.495 6.74792C237.288 6.00992 239.072 5.25448 240.847 4.48184L241.246 5.39873C239.465 6.17405 237.675 6.93209 235.876 7.67266L235.495 6.74792Z' fill='%23AFAFAF'/%3E%3C/svg%3E%0A") no-repeat center / contain; } #seu-credito li { flex: 0 0 calc( ( 100% - 40px ) / 3 ); display: flex; flex-direction: column; align-items: center; text-align: center; transform: scale( .5 ); opacity: 0; transition: all .5s ease-out; } #seu-credito.inview li { transform: scale( 1 ); opacity: 1; } #seu-credito li::before { content: ''; display: block; width: 20px; height: 20px; background: var(--green); border-radius: 50%; margin: 0 auto; order: -2; } #seu-credito li::after { content: ''; display: block; width: 100px; height: 100px; border-radius: 20px 20px 20px 0; margin: 40px auto; order: -1; } #seu-credito li:nth-child( 1 ) { transition-delay: .5s; } #seu-credito li:nth-child( 1 )::after { background: var(--green-d) url(../img/simule.webp) no-repeat center / 60% auto; } #seu-credito li:nth-child( 2 ) { transition-delay: .75s; } #seu-credito li:nth-child( 2 )::after { background: var(--green-d) url(../img/thick.webp) no-repeat center / 60% auto;transition-delay: 1s; } #seu-credito li:nth-child( 3 ) { transition-delay: 1s; } #seu-credito li:nth-child( 3 )::after { background: var(--green-d) url(../img/money.webp) no-repeat center / 60% auto; } #seu-credito li h3 { font-size: 1.25rem; color: var(--green); } @media ( max-width: 979px ){ #seu-credito ul::before { width: 100px; height: 32px; left: 32.5%; transform: translateX(-50%); } #seu-credito ul::after { width: 100px; height: 32px; right: 32.5%; transform: translateX(50%); } } @media ( max-width: 599px ){ #seu-credito ul { display: block;} #seu-credito ul::before, #seu-credito ul::after { display: none; } #seu-credito li + li { margin-top: 60px; } #seu-credito li::after { width: 60px; height: 60px; margin: 20px auto; } } #simplificar { padding: 120px 0; background: var(--green-d); position: relative; } .inview + #simplificar { background: var(--green-d) url(../img/simplificar.webp) no-repeat center / cover; } #simplificar::before { content: ''; display: block; width: 100%; height: 100%; background: rgba(0 0 0 / 50% ); position: absolute; top: 0; left: 0; z-index: 1; } #simplificar .wrap { position: relative; z-index: 2; } #simplificar .content { width: 50%; margin-left: auto; } #simplificar h2 { font-size: 2.5rem; color: #fff; text-transform: uppercase; max-width: 420px; transform: translateX( 100px ); opacity: 0; transition: all .5s ease-out; } #simplificar.inview h2 { transform: translateX( 0 ); opacity: 1; } #simplificar h2 + p { font-size: 1.5rem; color: #fff; margin-top: 32px; transform: translateX( 100px ); opacity: 0; transition: .5s all .25s ease-out; } #simplificar.inview h2 + p { transform: translateX( 0 ); opacity: 1; } #simplificar h2 + p::before { content: ''; display: block; width: 100px; height: 0; border-top: 1px solid var(--green); margin-bottom: 32px; } #simplificar p + p { margin-top: 40px; transform: translateX( 100px ); opacity: 0; transition: .5s all .5s ease-out; } #simplificar.inview p + p { transform: translateX( 0 ); opacity: 1; } #simplificar p + p > a { text-transform: none; width: 100%; } @media ( max-width: 1199px ){ .inview + #simplificar { background-image: url(../img/simplificar-dt.webp); } } @media ( max-width: 899px ){ .inview + #simplificar { background-image: url(../img/simplificar-tb.webp); } #simplificar h2 { font-size: 2rem; max-width: 330px; } #simplificar h2 + p { font-size: 1.25rem; } } @media ( max-width: 699px ){ #simplificar h2 { font-size: 1.5rem; max-width: 245px; } #simplificar h2 + p { font-size: 1rem; } } @media ( max-width: 599px ){ .inview + #simplificar { background-image: url(../img/simplificar-mb.webp); } } @media ( max-width: 529px ){ #simplificar { padding: 300px 0 40px; } #simplificar .wrap { padding-left: 20px; } #simplificar .content { width: 100%; } #simplificar h2 { max-width: 100%; font-size: 1.25rem; } } #foot { padding: 60px 0 40px; background: var(--green); color: #fff; } #foot .row:first-of-type { justify-content: space-between; } #foot .logo {} #foot h2 { width: 170px; height: 60px; background: url(../img/truna-fff.webp) no-repeat center / contain; text-indent: -999rem; margin: 0 auto; } #foot h2 + p { margin-top: 20px; } #foot h2 + p > .btn { background: #fff; color: var(--green); border: 1px solid #fff; } #foot h2 + p > .btn:hover { background: transparent; color: #fff; } #foot .nav { max-width: 480px; } #foot .nav ul { list-style: none; display: flex; gap: 8px 20px; flex-wrap: wrap; } /* #foot .nav li { flex: 0 0 calc( ( 100% - 40px ) / 3 ); } */ #foot .nav li { flex: 0 0 calc( ( 100% - 40px ) / 2 ); } #foot .nav li:nth-child( -n + 2 ) a { font-weight: bold; } #foot .nav a { color: #fff; font-size: .875rem; } #foot .nav a:hover { color: var(--green-d); } #foot .social {} #foot .social h3 { display: none; } #foot .social ul { display: flex; justify-content: end; gap: 8px; list-style: none; } #foot .social a { display: block; width: 48px; height: 48px; border: 1px solid #fff; border-radius: 50%; text-indent: -999rem; } #foot .social a:hover { background-color: var(--green-d) !important; } #foot .social a.ig { 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%3Cpath d='M12 16C13.0609 16 14.0783 15.5786 14.8284 14.8284C15.5786 14.0783 16 13.0609 16 12C16 10.9391 15.5786 9.92172 14.8284 9.17157C14.0783 8.42143 13.0609 8 12 8C10.9391 8 9.92172 8.42143 9.17157 9.17157C8.42143 9.92172 8 10.9391 8 12C8 13.0609 8.42143 14.0783 9.17157 14.8284C9.92172 15.5786 10.9391 16 12 16Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3 16V8C3 6.67392 3.52678 5.40215 4.46447 4.46447C5.40215 3.52678 6.67392 3 8 3H16C17.3261 3 18.5979 3.52678 19.5355 4.46447C20.4732 5.40215 21 6.67392 21 8V16C21 17.3261 20.4732 18.5979 19.5355 19.5355C18.5979 20.4732 17.3261 21 16 21H8C6.67392 21 5.40215 20.4732 4.46447 19.5355C3.52678 18.5979 3 17.3261 3 16Z' stroke='white' stroke-width='1.5'/%3E%3Cpath d='M17.5 6.51002L17.51 6.49902' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat center / 50% auto; } #foot .social a.li { background: url("data:image/svg+xml,%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.49996 6.99997H1.49996C1.36735 6.99997 1.24018 7.05265 1.14641 7.14642C1.05264 7.24019 0.999962 7.36736 0.999962 7.49997V19.5C0.999962 19.6326 1.05264 19.7598 1.14641 19.8535C1.24018 19.9473 1.36735 20 1.49996 20H5.49996C5.63257 20 5.75975 19.9473 5.85352 19.8535C5.94728 19.7598 5.99996 19.6326 5.99996 19.5V7.49997C5.99996 7.36736 5.94728 7.24019 5.85352 7.14642C5.75975 7.05265 5.63257 6.99997 5.49996 6.99997ZM4.99996 19H1.99996V7.99997H4.99996V19ZM16 6.99997C14.915 6.99997 13.86 7.35797 13 8.01897V7.49997C13 7.36736 12.9473 7.24019 12.8535 7.14642C12.7597 7.05265 12.6326 6.99997 12.5 6.99997H8.49996C8.36735 6.99997 8.24018 7.05265 8.14641 7.14642C8.05264 7.24019 7.99996 7.36736 7.99996 7.49997V19.5C7.99996 19.6326 8.05264 19.7598 8.14641 19.8535C8.24018 19.9473 8.36735 20 8.49996 20H12.5C12.6326 20 12.7597 19.9473 12.8535 19.8535C12.9473 19.7598 13 19.6326 13 19.5V14C13 13.6021 13.158 13.2206 13.4393 12.9393C13.7206 12.658 14.1021 12.5 14.5 12.5C14.8978 12.5 15.2793 12.658 15.5606 12.9393C15.8419 13.2206 16 13.6021 16 14V19.5C16 19.6326 16.0526 19.7598 16.1464 19.8535C16.2402 19.9473 16.3674 20 16.5 20H20.5C20.6326 20 20.7597 19.9473 20.8535 19.8535C20.9473 19.7598 21 19.6326 21 19.5V12C20.9984 10.6744 20.4711 9.40353 19.5337 8.46619C18.5964 7.52886 17.3256 7.00156 16 6.99997ZM20 19H17V14C17 13.3369 16.7366 12.701 16.2677 12.2322C15.7989 11.7634 15.163 11.5 14.5 11.5C13.8369 11.5 13.201 11.7634 12.7322 12.2322C12.2634 12.701 12 13.3369 12 14V19H8.99996V7.99997H12V9.20297C11.9999 9.30653 12.0321 9.40754 12.0919 9.49205C12.1518 9.57656 12.2364 9.64041 12.3341 9.67476C12.4318 9.70912 12.5377 9.7123 12.6373 9.68385C12.7369 9.65541 12.8252 9.59675 12.89 9.51597C13.4035 8.86505 14.1073 8.3906 14.9034 8.15879C15.6994 7.92698 16.548 7.94936 17.3307 8.22281C18.1134 8.49627 18.7912 9.00716 19.2697 9.68425C19.7482 10.3613 20.0035 11.1709 20 12V19ZM3.86796 0.00197336C3.75046 -0.00630809 3.63255 -0.00697624 3.51496 -2.67369e-05C3.14073 -0.0254901 2.76526 0.0261561 2.4118 0.151713C2.05834 0.277269 1.73442 0.474062 1.46011 0.729901C1.18581 0.98574 0.96695 1.29518 0.817101 1.63904C0.667252 1.98291 0.589603 2.35388 0.588962 2.72897C0.585856 3.10015 0.659036 3.46801 0.803964 3.80974C0.948891 4.15147 1.16248 4.45978 1.43147 4.71556C1.70047 4.97134 2.01915 5.16913 2.36774 5.29666C2.71633 5.4242 3.08741 5.47876 3.45796 5.45697H3.48596C3.84414 5.48206 4.20376 5.43634 4.54427 5.32245C4.88478 5.20855 5.19953 5.0287 5.47054 4.79316C5.74155 4.55763 5.96351 4.27102 6.12375 3.9497C6.28399 3.62839 6.37938 3.27865 6.40446 2.92047C6.42954 2.56229 6.38383 2.20268 6.26994 1.86217C6.15604 1.52165 5.97619 1.2069 5.74065 0.935897C5.50512 0.664889 5.21851 0.442927 4.89719 0.282684C4.57588 0.122441 4.22614 0.0270558 3.86796 0.00197336ZM3.83296 4.45997C3.71748 4.47047 3.60124 4.46947 3.48596 4.45697H3.45796C3.21729 4.47507 2.97549 4.44277 2.748 4.36216C2.52051 4.28155 2.31233 4.15439 2.13675 3.9888C1.96116 3.8232 1.82204 3.62282 1.72825 3.40044C1.63447 3.17805 1.58809 2.93856 1.59206 2.69724C1.59604 2.45592 1.6503 2.21808 1.75136 1.99891C1.85243 1.77974 1.99808 1.58405 2.17903 1.42434C2.35998 1.26462 2.57224 1.14439 2.80226 1.07133C3.03228 0.998258 3.27502 0.973957 3.51496 0.999973C3.97379 0.957804 4.43057 1.09963 4.78483 1.39425C5.13908 1.68887 5.36179 2.11215 5.40396 2.57097C5.44613 3.0298 5.30431 3.48658 5.00969 3.84084C4.71507 4.19509 4.29179 4.4178 3.83296 4.45997Z' fill='white'/%3E%3C/svg%3E%0A") no-repeat center / 50% auto; } #foot .row + .row { margin-top: 20px; border-top: 1px solid #fff; padding-top: 20px; } #foot .termos {} #foot .termos a { font-size: .875rem; color: #fff; } #foot .termos a:hover { color: var(--green-d); } #foot .copy { font-size: .875rem; display: flex; justify-content: space-between; } #foot .copy nav { display: flex; gap: 20px; } #foot .copy a { color: #fff; text-decoration: underline; } #foot .copy a:hover { color: var(--green-d); } @media ( max-width: 799px ){ #foot .logo { width: 100%; display: flex; flex-direction: column; align-items: center; } #foot .nav { width: 100%; max-width: 100%; text-align: center; } #foot .social { width: 100%; } #foot .social ul { justify-content: center; } #foot .termos, #foot .copy { width: 100%; text-align: center;} } #up { position: fixed; bottom: 20px; right: 20px; z-index: 999; display: block; width: 40px; height: 40px; background: var(--green) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32px' height='32px' viewBox='0 0 32 32'%3E%3Cpath d='M18.221,7.206l9.585,9.585c0.879,0.879,0.879,2.317,0,3.195l-0.8,0.801c-0.877,0.878-2.316,0.878-3.194,0 l-7.315-7.315l-7.315,7.315c-0.878,0.878-2.317,0.878-3.194,0l-0.8-0.801c-0.879-0.878-0.879-2.316,0-3.195l9.587-9.585 c0.471-0.472,1.103-0.682,1.723-0.647C17.115,6.524,17.748,6.734,18.221,7.206z' fill='white'/%3E%3C/svg%3E") no-repeat center / 50% auto; border-radius: 50%; text-indent: -999rem; opacity: 0; visibility: hidden; box-shadow: 5px 5px 5px rgba( 0 0 0 / 25% ); } .scrolled #up { opacity: 1; visibility: visible; } #up:hover { background-color: var(--green-d); }