/* reset */
html, button, input, textarea, select, figure, article, section, aside, header, footer, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}select {background:url(../img/select-icon.png) no-repeat right center; -webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius:0;}a {color:inherit; text-decoration:none;}img {border:0;}ol, ul {list-style: none;}blockquote, q {quotes: none;}blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}:focus {outline: 0;}ins {text-decoration: none;}del {text-decoration: line-through;}table {border-collapse: collapse; border-spacing: 0;}html, body {height:100%;}
h1, h2, h3, h4 {font-weight:normal;}

@media screen and (max-width: 667px) {}
@media screen and (min-width: 668px) and (max-width: 768px) {}
@media screen and (min-width: 769px) and (max-width: 1024px) {}
@media screen and (min-width: 1025px) and (max-width: 1366px) {}

:root {
	--green-5:hsl(143,70%,96%);
	--green-50:hsl(143,70%,48%);
	
	--gray-0:hsl(143,10%,100%);
	--gray-10:hsl(143,10%,90%);
	--gray-20:hsl(143,10%,80%);
	--gray-30:hsl(143,10%,70%);
	--gray-40:hsl(143,10%,60%);
	--gray-50:hsl(143,10%,50%);
	--gray-60:hsl(143,10%,40%);
	--gray-70:hsl(143,10%,30%);
	--gray-80:hsl(143,10%,15%);
	--gray-90:hsl(143,10%,5%);
	--gray-100:hsl(143,10%,0%);
		
	--padding-xs:1rem;
	--padding-sm:2rem;
	--padding-md:3rem;
	--padding-lg:4rem;
	--padding-xl:7.5rem;

	--headline-font:'Paytone One';
}

@media screen and (max-width: 667px) {
	:root {
		--padding-xs:0.875rem;
		--padding-sm:1.5rem;
		--padding-md:2rem;
		--padding-lg:3rem;
		--padding-xl:5rem;
	}
}


html {scroll-behavior: smooth;}
body {height:100vh; text-rendering: optimizeSpeed; -webkit-font-smoothing:antialiased; font-family:'Space Grotesk',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; font-size:16px; color:var(--gray-90); background:var(--gray-0); padding-top:100px;}
@media screen and (max-width: 667px) {
	body {font-size:80%; padding-top:60px;}
}

.content {display:block; margin:0 auto; width:92%; max-width:1200px;}

.fck {line-height:1.4; font-size:110%;}
.fck > *:first-child {margin-top:0;}
.fck > *:last-child {margin-bottom:0;}
.fck p {margin:1em 0;}
.fck h1 {margin:3rem 0; line-height:1.1; font-size:4em; letter-spacing:-0.02em; font-family:var(--headline-font);}
.fck h2 {margin:2rem 0; line-height:1.1; font-size:1.75em; letter-spacing:-0.02em;}
.fck h3 {margin:2rem 0; line-height:1.1; font-size:1.375em;}
.fck ul {list-style:disc outside; margin:0 0 1rem 30px;}
.fck ol {list-style:decimal outside; margin:0 0 1rem 30px;}
.fck li {margin-bottom:.3rem;}
.fck table {width:100%; margin-bottom:.625em;}
.fck table p {margin:0;}
.fck a:not(.button) {text-decoration:underline; color:var(--green-50);}
.fck img {max-width:100%; height:auto !important;}
.fck iframe {max-width:100%; height:auto; aspect-ratio:16/9;}
.fck hr {border:0; border-bottom:1px solid var(--gray-20);}

.button {font-family:inherit; line-height:1; border:0; display:inline-flex; justify-content:center; align-items:center; gap:.5rem; transition:all 100ms; background:transparent; border:2px solid currentColor; color:currentColor; padding:.75em 1em; font-weight:bold;}
.button:hover {background:var(--gray-90); color:var(--gray-0); border-color:var(--gray-90);}
.button.active {background:var(--green-50); color:var(--gray-0);}
.button .iconify {font-size:1.125em;}
.button--fill {background:var(--gray-90); color:var(--gray-0); border-color:var(--gray-90);}
.button--sec {background-color:var(--gray4);}
.button--xs {font-size:0.75em;}
.button--sm {font-size:0.875em;}
.button--lg {font-size:1.25em;}
.button--xl {font-size:1.5em;}
.button--full {width:100%;}

input[type=datetime-local], input[type=text], input[type=number], input[type=tel], input[type=date], input[type=password], input[type=email], input[type=password],
select, textarea {-webkit-appearance:none; -moz-appearance:none; appearance:none; font-family:inherit; width:100%; line-height:20px; transition:all 150ms; border:0; border-bottom:2px solid var(--gray-10); padding-bottom:.75em; background-color:var(--gray-0);}
select {background:url(../img/select-icon.png) no-repeat right center var(--gray-0); min-width:100px;}
input[type=range] {-webkit-appearance: none; appearance:none; width:100%; height:6px; margin:1em 0; background:var(--gray-20); border-radius:100px;}
input[type=range]::-webkit-slider-thumb {-webkit-appearance: none; appearance:none; width:26px; height:26px; background:var(--gray-50); border-radius:100%;}
input:focus, select:focus, textarea:focus {border-color:var(--gray-50);}
input[type=range]:focus::-webkit-slider-thumb {background:var(--gray-70);}
fieldset {padding:1.5rem; border:1px solid var(--gray-20); margin-bottom:1.5rem;}
legend {font-size:1.75em; padding:0 0.5em;}
form .erro {background-color:var(--gray-0) !important;}
@supports(-webkit-appearance: none) or (-moz-appearance: none) {
	input[type='checkbox'],	input[type='radio'] {-webkit-appearance: none;-moz-appearance: none;}
	input[type='checkbox']:not(.input-switch):focus, input[type='radio']:focus {border-color:var(--gray-50);}
	input[type='checkbox']:not(.input-switch) {border-radius:.25em; width:1.375em; height:1.375em; border:1px solid var(--gray-30); transition:all 200ms;}
	input[type='checkbox']:not(.input-switch):checked {content: url('https://api.iconify.design/bx:bx-check.svg?color=%23ffffff&height=24'); vertical-align: -0.125em; background:var(--green-50);}
	input[type='radio'] {width:1.375rem; height:1.375rem; border:1px solid var(--gray-50); border-radius:1rem; transition:all 200ms; display:flex; align-items:center; justify-content:center; flex-shrink:0;}
	input[type='radio']:before {content:""; display:block; width:1em; height:1em; border-radius:2em; background:transparent; margin:.125em;}
	input[type='radio']:checked:before {content:""; display:block; width:.5rem; height:.5rem; border-radius:100%; background:var(--gray-0);}
	input[type='radio']:checked {background:var(--gray-50); border-color:var(--gray-50);}	
	.input-switch {width:2.375em; height:1.375em; border:1px solid var(--gray-30); border-radius:1rem; position:relative;}
	.input-switch:before {content:""; display:block; width:1em; height:1em; background:var(--gray-50); border-radius:2rem; position:absolute; top:.125em; left:.125em; transition:all 200ms;}
	.input-switch:checked:before {background:var(--gray-0); transform:translate(1em,0);}
	.input-switch:checked {background:var(--green-50);}
}

.form, .form fieldset {display:flex; flex-direction:column; gap:1rem;}
.form dl {display:flex; flex-direction:column; gap:.5rem; justify-content:end;}
.form dt {font-weight:bold;}
.form dd {display:flex; gap:1rem;}
.form [class^=colunas] {display:grid; grid-template-columns:1fr 1fr; gap:1rem;}
.form .colunas3 {grid-template-columns:repeat(3,1fr);}
.form .colunas4 {grid-template-columns:repeat(4,1fr);}
.form .colunas5 {grid-template-columns:repeat(5,1fr);}
.form .colunas6 {grid-template-columns:repeat(6,1fr);}
.form .colunas7 {grid-template-columns:repeat(7,1fr);}
.form .colunas8 {grid-template-columns:repeat(8,1fr);}
.form [class^=colunas] .dl2 {grid-column:span 2;}
.form [class^=colunas] .dl3 {grid-column:span 3;}
.form [class^=colunas] .dl4 {grid-column:span 4;}
.form label, .form-row label {display:flex; align-items:center; gap:.5rem;}
.form-row dl {display:flex; align-items: center; margin-bottom:1rem;}
.form-row dt {flex:0 0 170px;}
.form-row dd {display:flex; align-items:center; gap:1rem; width:100%;}
.form-comp {display:flex; align-items:center; background:var(--gray-20); padding:0 .75em;}
.form-comp:first-child {margin-right:-1rem;}
.form-comp:last-child {margin-left:-1rem;}
@media screen and (max-width: 896px) {
	.form [class^=colunas] {display:flex; flex-direction: column; gap:1rem;}
	.form-row dl {flex-direction:column; align-items:flex-start;}
	.form-row dt {flex:1; margin-bottom:.375em;}
}

.wrapper {display:flex; flex-direction:column; min-height:100vh;}
.main {flex:1;}

.header {position:fixed; z-index:999; top:0; left:0; width:100%; height:100px; background:rgba(255,255,255,0.9); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); transition:all 200ms;}
.header.scroll {box-shadow:0 2px 8px rgba(0,0,0,0.15);}
.header-content {display:flex; justify-content:space-between; align-items:center; height:100%;}
.header-logo img {display:block;}
.header-nav {display:flex; align-items:center; gap:var(--padding-md); font-size:1.125em;}
.header .button {transition:all 200ms;}
.header.scroll .button {background:var(--gray-90); color:var(--gray-0); border-color:var(--gray-90);}
@media screen and (max-width: 667px) {
	.header {height:60px;}
	.header-logo img {height:20px; width:auto;}
	.header-nav a:not(:nth-child(5),:nth-child(6)) {display:none;}
	.header-nav a {font-size:0.813rem; font-weight:bold;}
	.header-nav .button {border-width:1px;}
}

.banner {padding-top:var(--padding-lg);}
.banner-content {display:flex; align-items:center;}
.banner-content article {flex:1; display:flex; flex-direction:column; align-items:start; gap:var(--padding-md);}
.banner-content .banner-wp-logo {border:1px solid var(--gray-10); padding:8px 12px; border-radius:8px;}
.banner-content .banner-wp-logo img {display:block;}
.banner-content h1 {font-family:var(--headline-font); font-size:4.5em; line-height:1;}
.banner-content h2 {font-size:1.5em;}
.banner-content .button {font-size:1.5em;}
@media screen and (max-width: 667px) {
	.banner-content {flex-direction:column; gap:var(--padding-lg);}	
	.banner-content article {align-items:center; text-align:center;}
	.banner-content h1 {font-size:3.5em;}
	.banner-content .banner-wp-logo {display:none;}
}

.banner-chat {flex:0 0 590px; height:665px; position:relative;}
.banner-chat-bg {position:absolute; bottom:0; left:50%; transform:translateX(-50%); z-index:-1;}
.banner-chat-1 {position:absolute; z-index:1; bottom:570px; left:0; animation-name: chat; animation-duration: 200ms; animation-delay: 1s; opacity:0; animation-fill-mode: forwards;}
.banner-chat-2 {position:absolute; z-index:1; bottom:344px; right:0; animation-name: chat; animation-duration: 200ms; animation-delay: 2s; opacity:0; animation-fill-mode: forwards;} 
.banner-chat-3 {position:absolute; z-index:1; bottom:260px; left:0; animation-name: chat; animation-duration: 200ms; animation-delay: 4s; opacity:0; animation-fill-mode: forwards;}
.banner-chat-4 {position:absolute; z-index:1; bottom:215px; left:50%; margin-left:-109px; animation-name: chat; animation-duration: 200ms; animation-delay: 5s; opacity:0;  animation-fill-mode: forwards;}
.banner-chat-5 {position:absolute; z-index:1; bottom:40px; right:0; animation-name: chat; animation-duration: 200ms; animation-delay: 5.5s; opacity:0; animation-fill-mode: forwards;}
@media screen and (max-width: 667px) {
	.banner-chat {flex:0 0 513px; width:100%;}
	.banner-chat-bg {width:270px; height:auto;}
	.banner-chat-1 {width:calc(346px / 2.5); height:auto; bottom:440px;}
	.banner-chat-2 {width:calc(788px / 2.5); height:auto; bottom:253px} 
	.banner-chat-3 {width:calc(552px / 2.5); height:auto; bottom:190px}
	.banner-chat-4 {width:calc(436px / 2.5); height:auto; bottom:154px}
	.banner-chat-5 {width:calc(696px / 2.5); height:auto; bottom:16px}
}
@keyframes chat {
	from {
		opacity:0;
		transform:translateY(40px) scale(0.8);
	}
	to {
		opacity:1;
		transform:translateY(0) scale(1);
	}
}

.customers {padding:var(--padding-lg) 0; background:var(--green-5);}
.customers-content {display:flex; flex-direction:column; gap:var(--padding-md);}
.customers-content h1 {text-align:center; font-size:1.625em;}
.customers-logo {display:flex; justify-content:space-between; flex-wrap:wrap;}
.customers-logo img {flex:0 0 117px; width:117px; height:36px; object-fit:contain; opacity:0.9;}
@media screen and (max-width: 667px) {
	.customers-content h1 {font-size:1.375em;}
	.customers-logo {display:grid; grid-template-columns:repeat(3,1fr); gap:2rem; align-items:center; padding:0 var(--padding-md);}	
	.customers-logo img {width:100%; height:30px; object-fit:contain;}
}

.header1 {display:flex; flex-direction:column; align-items:center; gap:var(--padding-sm); text-align:center;}
.header1 h1 {font-family:var(--headline-font); font-size:3.75em; line-height:1; max-width:80%;}
.header1 h2 {font-size:2.5em}
.header1 h3 {font-size:2em}
@media screen and (max-width: 667px) {
	.header1 h1 {font-size:2.75em; max-width:100%;}
	.header1 h2 {font-size:1.5em;}
	.header1 h3 {font-size:1.5em;}
}

.nps {padding:var(--padding-xl) 0;}
.nps-content {display:flex; flex-direction:column; gap:var(--padding-xl);}
.nps-item {display:flex !important; align-items:center; gap:var(--padding-md);}
.nps-item figure {flex:0 0 310px; height:310px;}
.nps-item figure img {width:100%; height:100%; object-fit:cover; border-radius:100%;}
.nps-item-quote {display:flex; flex-direction:column; gap:var(--padding-sm); padding-right:var(--padding-lg);}
.nps-item-quote quote {font-size:1.5em;}
.nps-item-quote p {font-size:1.5em; font-weight:bold; display:flex; align-items:center; gap:var(--padding-xs);}
@media screen and (max-width: 667px) {
	.nps-item {flex-direction:column;}
	.nps-item figure {flex:0 0 180px; width:180px; height:180px;}
	.nps-item-quote {text-align:center; align-items:center; margin:0 auto; padding-right:0;}
	.nps-item-quote quote {font-size:1.25em;}
	.nps-item-quote p {font-size:1rem;}

}

.features {padding:var(--padding-xl) 0; border-top:1px solid var(--gray-10);}
.features-content {display:flex; flex-direction:column; gap:var(--padding-xl);}
.features-items {display:grid; grid-template-columns:1fr 1fr; gap:var(--padding-sm);}
.features-item {display:flex; flex-direction:column; background:var(--green-5); border-radius:24px; overflow:hidden;}
.features-item--wide {grid-column:span 2; flex-direction:row;}
.features-item article {padding:var(--padding-md); display:flex; flex-direction:column; gap:var(--padding-sm);}
.features-item h2 {font-family:var(--headline-font); font-size:2.375em; line-height:1.1;}
.features-item p {font-size:1.25em;}
.features-item figure img {display:block; margin:0 auto;}
p.features-item__warn {color:var(--gray-70); background:var(--gray-10); align-self:start; padding:1em 1.25em; font-size:1em; border-radius:100px;}
@media screen and (max-width: 667px) {
	.features-items {display:flex; flex-direction:column;}
	.features-item--wide {flex-direction:column;}
	.features-item figure img {max-width:100%; height:auto;}
	.features-item:nth-child(1) figure img {width:90%;}
	.features-item:nth-child(3) figure img {width:90%; padding-bottom:1rem;}
	.features-item:nth-child(4) figure img {width:90%;}	
}

.features-more {display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:var(--padding-lg);}
.features-more-item {display:flex; flex-direction:column; align-items:center; text-align:center; gap:var(--padding-xs);}
.features-more-item figure {width:105px; height:105px; background:var(--gray-90); color:var(--gray-0); border-radius:100%; font-size:4em; display:flex; align-items:center; justify-content:center;}
.features-more-item h2 {font-size:1.5em; margin-bottom:1rem;}
.features-more-item p {font-size:0.9375em;}
@media screen and (max-width: 667px) {
	.features-more {gap:2rem 1rem;}
	.features-more-item figure {width:60px; height:60px; font-size:2rem;}	
	.features-more-item h2 {font-size:1.375em; margin-bottom:.5rem;}
	.features-more-item p {font-size:0.875rem;}
}

.plans {padding:var(--padding-xl) 0; background:var(--green-5);}
.plans-content {display:flex; flex-direction:column; gap:var(--padding-xl);}
.plans-content > article {display:flex; gap:var(--padding-md); justify-content:center;}
.plans-item {flex:0 0 400px; background:var(--green-50); color:var(--gray-0); padding:var(--padding-sm); display:flex; flex-direction:column; gap:var(--padding-sm); border-radius:24px; text-align:center;}
.plans-item--alt {background:var(--gray-90); color:var(--green-5);}
.plans-item header h1 {font-family:var(--headline-font); font-size:2.375em;}
.plans-item header h2 {font-size:1.375em; font-weight:bold;}
.plans-item article {border-bottom:1px solid rgba(255,255,255,0.3)}
.plans-item article p {font-size:1.25em;}
.plans-item article h3 {font-size:2em}
.plans-item article h3 big {font-size:2.5em; font-weight:bold;}
.plans-item article h3 small {font-size:0.613em;}
.plans-item footer {flex:1; display:flex; flex-direction:column; gap:1rem; font-size:1.25em;}
.plans-item footer .button {margin-top:auto;}
.plans-item footer .button:hover {background:var(--gray-90); color:var(--gray-0); border-color:var(--gray-90);}
.plans-item--alt footer .button:hover {background:var(--green-5); color:var(--gray-90); border-color:var(--green-5);}
@media screen and (max-width: 667px) {
	.plans-content > article {flex-direction:column;}
}

.footer {padding:var(--padding-xl) 0; background:var(--gray-90); color:var(--gray-0); position:relative;}
.footer:before {content:""; position:absolute; top:0; left:50%; transform:translateX(-50%); border:40px solid transparent; border-color:var(--green-5) transparent transparent transparent;}
.footer article {max-width:940px; display:flex; flex-direction:column; gap:var(--padding-lg); align-items:center; text-align:center; margin:0 auto;}
.footer article h1 {font-family:var(--headline-font); font-size:2.5em; line-height:1.3;}
.footer-buttons {font-size:1.75em; display:flex; gap:1rem;}
.footer-buttons__teste {background:var(--green-50); color:var(--gray-0); border:0;}
.footer-buttons__teste:hover {background:var(--gray-0); color:var(--green-50);}
.footer article h2 {font-size:2em;}
.footer article h2 strong {font-size:1.25em; color:var(--green-50);}
.footer footer {display:flex; align-items:center; justify-content:space-around; padding-top:var(--padding-lg); border-top:1px solid rgba(255,255,255,0.3); margin-top:var(--padding-lg); font-size:1.25em;}
.footer footer a:last-child {display:flex; align-items:center; gap:.5rem; color:var(--green-50);}
.footer footer a:last-child .iconify {font-size:1.5em;}
.footer footer a:last-child span {font-size:0.813em;}
@media screen and (max-width: 667px) {
	.footer:before {border-width:30px;}
	.footer article h1 {font-size:1.75em;}
	.footer article h2 {font-size:1.5em;}
	.footer-buttons {width:100%; flex-direction:column; align-items:stretch;}
	.footer-buttons a:last-child {font-size:1rem;}
	.footer footer {flex-direction:column; gap:1rem;}
}

@media screen and (min-width: 667px) {
	.floater-phone, .floater-contact {display:none;}
	.floater-whatsapp {position:fixed; bottom:1.5rem; right:1.5rem; background:var(--green-50); width:80px; height:80px; border-radius:100%; display:flex; align-items:center; justify-content:center; font-size:2.5rem; color:var(--gray-0); border:2px solid var(--gray-0); box-shadow:3px 3px 6px rgba(0,0,0,0.15);}
}
@media screen and (max-width: 667px) {
	.floater {position:fixed; z-index:999; bottom:0; left:0; background:rgba(255,255,255,0.9); width:100%; height:60px; backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); display:flex; font-size:1.5em; gap:.5rem; padding:.5rem;}
	.floater a {border:1px solid rgba(0,0,0,1); display:flex; align-items:center; justify-content:center; padding:0 1rem; font-weight:bold;}
	.floater a .iconify {font-size:1.75rem;}
	.floater-phone {flex:1;}
}

.modal {position:fixed; z-index:9999; top:0; left:0; width:100%; height:100vh; display:none;}
.modal-bg {position:absolute; z-index:0; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.4);}
.modal-content {position:absolute; z-index:1; top:0; right:0; width:500px; max-width:100%; height:100vh; background:var(--gray-0); transform:translateX(500px); transition:all 200ms; overflow:auto;}
.modal-content.active {transform:translateX(0);}

.contact {padding:var(--padding-md); display:flex; flex-direction:column; gap:var(--padding-sm);}
.contact header {display:flex; flex-direction:column; gap:1rem;}
.contact header h1 {font-family:var(--headline-font); font-size:3em; line-height:1; margin-bottom:1rem;}
.contact p {font-size:1.25em;}
.contact__close {font-size:3rem; position:absolute; right:1rem; top:1rem;}
@media screen and (max-width: 667px) {
	.contact header {gap:0;}
	.contact header h1 {font-size:2.5em; line-height:1.1;}
	.contact {padding-bottom:100px;}
}

.termo {padding:var(--padding-lg) 0;}

.faq {padding:var(--padding-xl) 0;}
.faq-content {display:flex; flex-direction:column; gap:var(--padding-xl);}

.questions {display:flex; flex-direction:column; gap:var(--padding-sm);}
.questions-item {display:flex; flex-direction:column; gap:var(--padding-xs);}
.questions-item-title {font-size:1.5em; display:flex; gap:.75rem; align-items:center;}
.questions-item-title .iconify {transition:all 200ms; color:var(--gray-50); flex-shrink:0;}
.questions-item-title.active .iconify {transform:rotate(180deg) !important;}
.questions-item-answer {background:var(--green-5); padding:var(--padding-sm);}
@media screen and (max-width: 667px) {
	.questions-item-title {font-size:1.375em;}
}