/* 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%;}

@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 {
	--cinza1:#ebebeb;
	--cinza2:#ddd;
	--cinza3:silver;
	--cinza4:gray;
	--cinza5:#424242;
	--cor1:#8353ef;
	--cor2:#5518d0;
	--cor3:#12a14b;
	--cor4:#fc4343;
	--padding1:8rem;
}
@media screen and (max-width: 667px) {
	:root {
		--padding1:4rem;
	}
}

html {scroll-behavior: smooth;}
body {height:100vh; text-rendering: optimizeSpeed; -webkit-font-smoothing:antialiased; font-family:"Archivo",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; font-size:16px; color:var(--cinza5); background:#000; color:#fff;}

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

.fck > *:first-child {margin-top:0;}
.fck > *:last-child {margin-bottom:0;}
.fck p {margin:1em 0;}
.fck h1 {margin:2rem 0; line-height:1.1; font-size:2.25em; letter-spacing:-0.02em;}
.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 {text-decoration:underline; color:var(--cor1);}
.fck img {max-width:100%; height:auto !important;}
.fck iframe {max-width:100%; height:auto;}

.button {font-family:inherit; display:inline-block; transition:all 100ms; text-align:center; background:var(--cor3); color:#fff; padding:.5em 1.5em; border:0; border-radius:100px; font-size:2em; transition:all 200ms; position:relative;}
.button:hover {background:#fff; color:var(--cor3); transform:scale(1.1);}
.button_sec {background-color:var(--cinza3);}
.button_sm {font-size:1.25em;}
.button_lg {font-size:2.25em;}
.button_full {width:100%;}
.button_arrow:before {content:""; background: url('https://api.iconify.design/akar-icons/chevron-down.svg?color=black&width=32') no-repeat center center #fff; width:50px; height:50px; border-radius:100%; position:absolute; top:-38px; left:50%; transform:translateX(-50%); box-shadow:0 0 8px rgba(0,0,0,0.3);}
@media screen and (max-width: 667px) {
	.button {font-size:1.5rem;}
	.button_lg {font-size:1.5rem;}
	.button_arrow:before {background: url('https://api.iconify.design/akar-icons/chevron-down.svg?color=black&width=20') no-repeat center center #fff; width:30px; height:30px; top:-20px;}
}

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(--cinza5); padding:.625em 0; background-color:transparent; color:#fff;}
select {background:url(../img/select-icon.png) no-repeat right center transparent; color:#fff; min-width:100px;}
select option {color:#000;}
input:focus, select:focus, textarea:focus {border-color:var(--cor3);}
fieldset {padding:1.5rem; border:1px solid var(--cinza1); margin-bottom:1.5rem;}
legend {font-size:1.25em; padding:0 0.625em; color:var(--cor1); margin-left:-.375em}
form .erro {background-color:#ffffdb !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(--cinza4);}
	input[type='checkbox']:not(.input-switch) {border-radius:.25em; width:1.375em; height:1.375em; border:1px solid var(--cinza2); 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(--cor1);}
	input[type='radio'] {width:1.375em; height:1.375em; border:1px solid var(--cinza2); border-radius:1rem; transition:all 200ms;}
	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:.5em; height:.5em; border-radius:2em; background:#fff; margin:.375em;}
	input[type='radio']:checked {background:var(--cor1);}	
	.input-switch {width:2.375em; height:1.375em; border:1px solid var(--cinza2); border-radius:1rem; position:relative;}
	.input-switch:before {content:""; display:block; width:1em; height:1em; background:var(--cinza4); border-radius:2rem; position:absolute; top:.125em; left:.125em; transition:all 200ms;}
	.input-switch:checked:before {background:#fff; transform:translate(1em,0);}
	.input-switch:checked {background:var(--cor1);}
}

.form dl {display:flex; flex-direction: column; margin-bottom:1rem;}
.form dt {}
.form dt:empty {height:16px;}
.form dd {display:flex; align-items:center;}
.form dd > * {margin-right:1rem;}
.form dd > *:last-child {margin-right:0;}
.form [class^=colunas] {display:grid; grid-template-columns:1fr 1fr; grid-gap:0 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; margin-right:1rem;}
.form label input, .form-row label input {margin-right:.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; width:100%;}
.form-row dd > * {margin-right:1rem;}
.form-row dd > *:last-child {margin-right:0;}
@media screen and (max-width: 896px) {
	.form [class^=colunas] {display:flex; flex-direction: column; grid-gap:0;}
	.form dt:empty {display:none;}
	.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 {display:flex; flex-direction:column; position:relative;}
.header-nav {position:absolute; z-index:99; top:0; left:0; width:100%;}
.header-nav__content {display:flex; height:80px; align-items:center; justify-content:space-between; border-bottom:2px solid rgba(255,255,255,0.2);}
.header-nav__logo {width:auto; height:40px;}
.header-nav-wp {display:flex; gap:.5rem; align-items:center;}
.header-nav-wp .iconify {font-size:2em; color:var(--cor3);}
.header-nav-wp h1 {font-size:0.875em; font-weight:normal;}
.header-nav-wp h1 strong {display:block; font-size:1.125rem;}
.header-banner {position:absolute; z-index:98; top:0; left:0; width:100%; height:94vh; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; gap:2vw; padding-top:80px;}
.header-banner h1 {font-size:3.75vw; font-weight:900; line-height:1; letter-spacing:-0.05em; text-shadow:0 0 20px rgba(0,0,0,0.3);}
.header-banner h1 span {color:var(--cor1);}
.header-banner h2 {font-size:1.375em; line-height:1.4; font-weight:normal; margin-bottom:1.5vw;}
.header-video {width:100%; height:94vh; object-fit:cover;}
.header-numbers {background:var(--cor2); padding:var(--padding1) 0;}
.header-numbers__content {display:flex; height:100%; align-items:center;}
.header-numbers article {flex:1; border-right:2px solid rgba(255,255,255,0.2); text-align:center; padding:0 4rem;}
.header-numbers article:last-child {border:0;}
.header-numbers h1 {font-size:3.5em; font-weight:normal;}
.header-numbers h2 {font-size:1.5em; font-weight:normal;}
@media screen and (max-width: 667px) {
	.header {height:auto;}
	.header-video {height:50vh;}
	.header-banner {height:50vh; padding:80px 4% 0 4%; gap:1rem;}
	.header-banner h1 {font-size:1.75em;}
	.header-banner h2 {font-size:1.125em;}
	.header-numbers__content {flex-direction:column;}
	.header-numbers article {border:0; border-bottom:2px solid rgba(255,255,255,0.2); padding:1rem 0;}
	.header-numbers h1 {font-size:2.5em;}
	.header-numbers h2 {font-size:1em;}
}

.header-success {display:flex; flex-direction:column; justify-content:center; text-align:center; margin:260px 0 160px 0;}
.header-success h1 {font-size:5em;}
.header-success h2 {font-size:2em;}

.quote {padding:var(--padding1) 0;}
.quote__content {text-align:center; max-width:550px; display:flex; flex-direction:column; gap:2.5em; position:relative;}
.quote__content:before {content:"{"; position:absolute; top:0; left:-230px; font-size:25em; line-height:0.9; font-weight:normal; color:var(--cor2);}
.quote__content:after {content:"}"; position:absolute; top:0; right:-230px; font-size:25em; line-height:0.9; font-weight:normal; color:var(--cor2);}
.quote h1 {font-size:2.5em; letter-spacing:-0.02em;}
.quote h2 {font-size:2em; line-height:1.4; font-weight:normal; letter-spacing:-0.02em;}
@media screen and (max-width: 667px) {
	.quote {font-size:9px;}
	.quote__content:before, .quote__content:after {opacity:0.5; z-index:-1;}
	.quote__content:before {left:0;}
	.quote__content:after {right:0;}
}

.setup {padding:var(--padding1) 0;}
.setup__content {max-width:500px; display:flex; flex-direction:column; align-items:center; text-align:center; gap:1.5em; position:relative;}
.setup__content:before {content:""; background:url(../img/ilustra-triangulo.svg); background-size:cover; width:474px; height:542px; position:absolute; top:-140px; left:90px; z-index:-1;}
.setup h1 {font-size:3em; font-weight:900; font-style:italic;}
.setup h1 span {color:var(--cor4);}
.setup h2 {background:var(--cor4); color:#000; align-self:stretch; font-size:2em; font-style:italic; padding:.75rem 0;}
.setup h3 {font-size:1.75em; font-weight:normal;}
.setup h3 strong {font-weight:900px; font-size:1.375em; color:var(--cor4);}
.setup .button {margin-top:4rem;}
@media screen and (max-width: 667px) {
	.setup {font-size:10px;}
	.setup__content:before {width:280px; height:320px; top:-50px; left:70px;}
}

.company {position:relative; padding:var(--padding1) 0;}
.company:before {content:""; width:100%; height:auto; aspect-ratio:2.1122; background:url(../img/bg1.jpg) no-repeat; background-size:cover; position:absolute; top:-5vw; left:0; z-index:-1;}
.company__content {max-width:600px; display:flex; flex-direction:column; align-items:center; text-align:center; gap:3em;}
.company h1 {font-size:2.25em; font-weight:900; font-style:italic;}
.company h2 {font-size:1.5em; line-height:1.4; font-weight:normal;}
@media screen and (max-width: 667px) {
	.company {font-size:10px;}
	.company__nao {max-width:100%; height:auto;}
	.company h2 {font-size:1.25rem;}
	.company:before {display:none;}
}

.brands {padding:var(--padding1) 0;}
.brands__content {display:flex; flex-direction:column; gap:3rem; align-items:center; text-align:center;}
.brands article {align-self:stretch; display:grid; grid-template-columns:repeat(auto-fit,minmax(225px,1fr)); gap:2rem;}
.brands figure {display:flex; align-items:center; justify-content:center; height:75px;}
.brands h1 {font-size:2.5em; font-weight:normal;}
.brands h2 {font-size:1.5em; font-weight:normal; margin-bottom:3rem;}
.brands h2 strong {font-size:1.5em; line-height:1.4;}
@media screen and (max-width: 667px) {
	.brands {font-size:10px;}
	.brands h1 br {display:none;}
	.brands article {grid-template-columns:repeat(2,1fr);}
	.brands h2 {font-size:1.25rem;}
	.brands h2 br {display:none;}
}

.manage {background:#fff; padding:var(--padding1) 0; color:#000;}
.manage__content {display:flex; flex-direction:column; gap:6em; text-align:center; max-width:840px;}
.manage h1 {font-size:3em; font-weight:normal; letter-spacing:-0.03em; margin-bottom:1rem;}
.manage h1 strong {font-weight:900; font-style:italic;}
.manage h2 {font-size:1.5em; line-height:1.4; font-weight:normal; max-width:750px; margin:0 auto;}
.manage article {display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:2rem 1rem;}
.manage figcaption {font-weight:bold; margin-top:1rem; color:var(--cinza5); font-size:0.875em;}
@media screen and (max-width: 667px) {
	.manage {font-size:10px;}
	.manage article {grid-template-columns:repeat(2,1fr);}
	.manage figcaption {font-size:1rem;}
}

.wp {background:var(--cor3); padding:var(--padding1) 0; position:relative; z-index:-1;}
.wp:before {content:""; position:absolute; top:0; left:50%; border:50px solid transparent; border-color:#fff transparent transparent transparent; margin-left:-50px;}
.wp__content {max-width:570px; display:flex; flex-direction:column; gap:2rem; position:relative;}
.wp__content:before {content:""; background:url(../img/icone-whatsapp.svg); background-size:cover; width:310px; height:309px; position:absolute; top:-50px; left:-190px; z-index:-1;}
.wp h1 {font-size:3.5em; letter-spacing:-0.03em; line-height:1; font-weight:900; font-style:italic;}
.wp h2 {background:#fff; text-align:center; color:#000; font-size:1.5em; font-style:italic; padding:.75rem 0; border-radius:100px;}
.wp p {font-size:1.375em; line-height:1.4; margin-bottom:1rem;}
.wp p:last-child {margin-bottom:0;}
@media screen and (max-width: 667px) {
	.wp {font-size:10px; text-align:center;}
	.wp:before {display:none;}
	.wp__content:before {width:250px; height:249px; left:0; top:-50px;}
}

.contact {padding:var(--padding1) 0;}
.contact__content {max-width:500px; display:flex; flex-direction:column; gap:1.5rem; text-align:center; align-items:center;}
.contact h1 {font-size:3em;}
.contact h2 {font-weight:normal; font-size:1.5em; line-height:1.4; margin-bottom:1.5rem;}
@media screen and (max-width: 667px) {
	.contact {font-size:10px;}
	.contact h2 {font-size:1.25rem;}
}

.footer {padding:0 0 var(--padding1) 0;}
.footer__content {display:flex; flex-direction:column; align-items:center; gap:3rem;}
.footer .iconify {font-size:2.5em; margin:0 1rem;}
.footer a:hover {color:var(--cor1);}
@media screen and (max-width: 667px) {
	.footer {font-size:10px;}
}

.lead {position:fixed; z-index:999; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); align-items:center; justify-content:center; display:none;}
.lead.active {display:flex;}
.lead__content {flex:0 1 500px; background:#232323; padding:3rem; border-radius:30px; position:relative; margin:0 2rem;}
.lead__close {font-size:3em; position:absolute; top:-1rem; right:-1rem;}
.lead h1 {font-size:2em; letter-spacing:-0.03em; font-weight:900; font-style:italic; margin-bottom:1.5rem;}
@media screen and (max-width: 667px) {
	.lead h1 {font-size:1.5em;}
}