/* 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 {
	--gray-0:hsl(0,0%,100%);
	--gray-10:hsl(0,0%,90%);
	--gray-20:hsl(0,0%,80%);
	--gray-30:hsl(0,0%,70%);
	--gray-40:hsl(0,0%,60%);
	--gray-50:hsl(0,0%,50%);
	--gray-60:hsl(0,0%,40%);
	--gray-70:hsl(0,0%,30%);
	--gray-80:hsl(0,0%,20%);
	--gray-85:hsl(0,0%,15%);
	--gray-90:hsl(0,0%,10%);
	--gray-95:hsl(0,0%,5%);
	--gray-100:hsl(0,0%,0%);

	--red-40:hsl(1,100%,40%);	
	--red-50:hsl(1,100%,50%);
	--red-60:hsl(1,100%,60%);

	--green-40:hsl(142,70%,40%);
	--green-50:hsl(142,70%,50%);	
		
	--padding-xs:1rem;
	--padding-sm:2rem;
	--padding-md:3rem;
	--padding-lg:4rem;
	--padding-xl:7.5rem;
}

@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:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; font-size:16px; color:var(--gray-10); background:var(--gray-100);}
@media screen and (max-width: 667px) {
	body {font-size:85%;}
}

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

.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;}
.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(--red-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; color:currentColor; padding:0 1.5em; min-height:54px; font-weight:bold; background:var(--red-50); border-radius:100px;}
.button:hover {background:var(--red-40); color:var(--gray-0); border-color:var(--gray-90);}
.button.active {background:var(--gray-50); color:var(--gray-0);}
.button .iconify {font-size:1.375em;}
.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%;}
.button--single {width:54px; padding:0;}
.button--single:empty {background:transparent;}
.button--empty {background:transparent;}

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; min-height:54px; transition:all 150ms; border:1px solid var(--gray-70); font-size:1.5em; color:var(--gray-0); padding:.5rem 1rem; border-radius:4px;}
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; 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(--gray-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(--gray-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: 667px) {
	.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 {height:100px; background:var(--gray-90);}
.header-content {display:flex; align-items:center; height:100%;}
.header-logo {margin:0 auto;}
.header-logo img {display:block;}
.header-button {display:flex;}
@media screen and (max-width: 667px) {
	.header {height:60px;}
	.header-logo img {height:30px; width:auto;}
}

.hero {background:var(--gray-90); padding:var(--padding-md) 0;}
.hero-content {display:flex; flex-direction:column; gap:1.5em;}
.hero h1 {font-size:2.25em; color:var(--gray-40);}
.hero h1 strong {color:var(--gray-0);}
.hero p {font-size:1.25em; line-height:1.3; color:var(--gray-30);}
@media screen and (max-width: 667px) {
	.hero h1 {font-size:1.75em;}
}

.main {padding:var(--padding-md) 0;}

.text-content {display:flex; flex-direction:column; gap:2rem;}
.text header h1 {font-size:2.25em;}
.text article {display:flex; flex-direction:column; gap:2rem;}

.list {display:flex; flex-direction:column; border:1px solid var(--gray-80); border-radius:8px; background:var(--gray-90); overflow:hidden;}
.list a {min-height:54px; display:flex; gap:1rem; align-items:center; padding:.5rem 1rem; border-bottom:1px solid var(--gray-80); transition:all 200ms;}
.list a:hover {background:var(--gray-95);}
.list a:last-child {border-bottom:0;}
.list a:after {content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 256 256'%3E%3Cpath fill='silver' d='m184.49 136.49l-80 80a12 12 0 0 1-17-17L159 128L87.51 56.49a12 12 0 1 1 17-17l80 80a12 12 0 0 1-.02 17'/%3E%3C/svg%3E"); margin-left:auto;}

.whatsapp {position:fixed; bottom:2rem; right:2rem; background:var(--green-50); color:var(--gray-100);}
.whatsapp:hover {background:var(--green-40); color:var(--gray-100);}
@media screen and (max-width: 667px) {	
	.footer {height:60px;}
	.whatsapp {bottom:1rem; right:1rem;}
}