/* 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-5:hsl(0,0%,95%);
	--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%,15%);
	--gray-90:hsl(0,0%,5%);
	--gray-100:hsl(0,0%,0%);

	--yellow-40:hsl(48,97%,64%);
	--green-70:hsl(121,100%,32%);
	--green-60:hsl(121,100%,40%);
	--green-40:hsl(134,54%,64%);
		
	--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;
	}
}



@font-face {
	font-family: simplonbp;
	src: url(../fonts/SimplonBP-Regular.ttf);
	font-weight:400;
	font-display: swap;
}

@font-face {
	font-family: simplonbp;
	src: url(../fonts/SimplonBP-Medium.ttf);
	font-weight:700;	
	font-display: swap;
}


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

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

.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(--gray-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:var(--yellow-40); padding:.75rem 1.25em; font-weight:bold; border-radius:100px; color:var(--gray-90);}
.button:hover {background:var(--gray-90); color:var(--gray-0); border-color:var(--gray-90);}
.button.active {background:var(--gray-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(--green-40);}
.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:1px solid var(--gray-20); padding:.75rem; background-color:var(--gray-0); 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&amp;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 {background:var(--gray-0); z-index:10; position:fixed; top:0; left:0; width:100%; height:90px; box-shadow:0 2px 4px rgba(0,0,0,0.15);}
.header-content {height:90px; display:flex; gap:2rem; align-items:center;}
.header-nav {display:flex; gap:1.5rem; font-weight:bold; margin-right:auto; font-size:1.25em;}
.header-nav a {border-bottom:2px solid transparent; margin-bottom:-3px;}
.header-nav .active {border-bottom:2px solid var(--green-70);}
.header-phone h1 {font-size:0.75rem;}
.header-phone h2 {font-size:1.375em;}
@media screen and (max-width: 667px) {
	.header {position:static;}
	.header-phone {display:none;}
	.header-nav {font-size:1em; text-align:center; line-height:1;}
	.header-nav a {padding-bottom:.25rem;}
}

.banner-item img {display:block; width:100%; height:24.1666vw; object-fit:cover;}
@media screen and (max-width: 667px) {
	.banner-item img {height:120.84vw;}
}

.planos {padding:var(--padding-lg) 0;}
.planos-content {display:flex; flex-direction:column; gap:var(--padding-lg);}
.planos-content > header h1 {text-align:center; display:flex; justify-content:center; align-items:center; gap:1rem; font-size:2em; letter-spacing:-0.03em;}
.planos-content > header h1 a {font-size:0.813em; letter-spacing:0em;}
.planos .plano {margin:0 8px;}
@media screen and (max-width: 667px) {
	.planos-content {width:100%;}
	.planos-content > header h1 {display:flex; flex-direction:column;}	
	.planos-slick {display:flex; flex-direction:column; gap:1rem; margin:0 1.5rem;}
	/*
	.planos-content .slick-next {right:12px;}
	.planos-content .slick-prev {left:12px;}
	.planos-content .slick-prev, .planos-content .slick-next {background:var(--gray-10); width:55px; height:55px;}
	*/
}

.plano {border:1px solid var(--gray-30); border-radius:16px; padding:1rem; display:flex !important; flex-direction:column; gap:1.5rem;}
.plano header h1 {font-size:1.75em; letter-spacing:-0.02em; display:flex; align-items:center; gap:.5rem;}
.plano header h2 {font-size:2em; letter-spacing:-0.02em; color:var(--green-70);}
.plano article p {font-size:0.813em; display:flex; align-items:center; gap:.5rem; min-height:30px;}
.plano article p .iconify {flex-shrink:0; font-size:1.125rem;}
.plano footer {display:flex; flex-direction:column; gap:1rem;}
.plano footer h1 {font-size:2.5em; letter-spacing:-0.03em; color:var(--green-70);}
.plano footer h1 small {font-size:0.6875em;}
.plano footer h2 {font-size:0.813em; color:var(--gray-70); text-align:center;}
.plano--alt {background:var(--gray-80); color:var(--gray-0);}
.plano--alt header h2, .plano--alt footer h1 {color:#70FF84;}
.plano--alt header h1 img {filter:brightness(10);}
.plano--alt footer h2 {color:var(--gray-20);}

.destaques {background:var(--green-70); background:linear-gradient(184deg, rgba(31,31,31,1) 0%, rgba(1,107,0,1) 100%); padding:var(--padding-lg) 0;}
.destaques-content {display:flex; flex-direction:column; gap:var(--padding-lg);}
.destaques-content > header h1 {color:var(--gray-0); font-size:3em; font-weight:normal; letter-spacing:-0.03em;}
.destaques-content > header h1 span {color:#70FF84;}
.destaques-content > article {display:flex; gap:2rem;}
.destaque {flex:1; color:var(--gray-0);}
.destaque img {display:block; width:100%; height:150px; object-fit:cover; border-radius:8px; box-shadow:3px 3px 6px rgba(0,0,0,0.3);}
.destaque h2 {font-size:1.375em; margin:1rem 0; color:#70FF84}
.destaque p {font-size:0.9375em; line-height:1.4;}
@media screen and (max-width: 667px) {
	.destaques-content > article {flex-direction:column;}
	.destaque {display:flex; gap:1rem;}
	.destaque img {flex:0 0 150px; width:150px; height:170px;}
	.destaque h2 {margin:0; margin-bottom:.5rem;}
	.destaque p {font-size:1em;}
}

.faq {padding:var(--padding-lg) 0;}
.faq-content {display:flex; gap:4rem;}
.faq-content > header {flex:0 0 30%;}
.faq-content > header h1 {font-size:3em; letter-spacing:-0.03em;}
.faq-content > header .iconify {font-size:2em; margin-bottom:1rem; color:var(--green-70);}
.faq-content > article {flex:1; display:flex; flex-direction:column;}
.faq-item {border-bottom:1px solid var(--gray-20); padding:var(--padding-xs) 0;}
.faq-item-pergunta {display:flex; justify-content:space-between; font-size:1.25em; gap:1rem; align-items:center;}
.faq-item-pergunta:hover {color:var(--green-70);}
.faq-item-pergunta h1 {font-weight:normal;}
.faq-item-pergunta .iconify {flex-shrink:0; color:var(--green-70); transition:all 200ms;}
.faq-item-pergunta.active .iconify {transform:rotate(180deg) !important;}
.faq-item-resposta {color:var(--gray-50); margin-top:1rem; font-size:0.9375em;}
@media screen and (max-width: 667px) {
	.faq-content {flex-direction:column; gap:2rem;}
	.faq-content > header {flex:1;}
}

.footer {padding:var(--padding-lg) 0; background:var(--gray-10);}
.footer-content {display:flex; justify-content:space-between; align-items:center;}
.footer-aa {display:flex; flex-direction:column; gap:1rem;}
.footer-aa p {font-size:0.75em;}
.footer-contato {display:flex; gap:1rem; align-items:start;}
.footer-contato a h1 {font-size:0.75em;}
.footer-contato a h2 {font-size:1.375em;}
.footer-termos {margin-top:var(--padding-lg); text-align:center; color:var(--gray-70);}
.footer-termos p {border:1px solid var(--gray-20); background:var(--gray-0); padding:1rem 0; border-radius:100px;}
.footer-termos a {text-decoration:underline;}
@media screen and (max-width: 667px) {
	.footer-content {flex-direction:column-reverse; gap:4rem;}
	.footer-aa {align-items:center; text-align:center;}
	.footer-contato a {flex-direction:column; gap:.25rem; padding:.75rem 2rem;}
}



.whatsapp {position:fixed; z-index:99; bottom:2rem; right:2rem;}
.whatsapp a {display:flex; align-items:center; justify-content:center; width:70px; height:70px; background:var(--green-70); color:var(--gray-0); font-size:2em; border-radius:100%; border:1px solid rgba(255,255,255,0.3); box-shadow:4px 4px 8px rgba(0,0,0,0.3); animation: whatsapp 4s infinite}
.whatsapp a:hover {background:var(--green-60);}
.whatsapp p {opacity:0; position:absolute; top:-90px; right:0; width:125px; background:var(--gray-10); padding:1rem; border-radius:8px; font-weight:bold; transition:all 150ms;}
.whatsapp p:before {content:""; position:absolute; bottom:-20px; right:25px; border:10px solid transparent; border-color:var(--gray-10) transparent transparent transparent;}
.whatsapp:hover p {opacity:1;}
@keyframes whatsapp {
  0% {transform:scale(1);}
  10% {transform:scale(1.25); background:var(--green-60);}
  15% {transform:scale(1.25); background:var(--green-60);}
  20% {transform:scale(1); background:var(--green-70);}
}
@media screen and (max-width: 667px) {
	.whatsapp {display:none;}
}

.footer-mobile {display:none;}
@media screen and (max-width: 667px) {
	.footer-mobile {position:fixed; z-index:99; bottom:0; left:0; width:100%; height:70px; display:flex; align-items:center; justify-content:center; background:var(--gray-0); padding:0 .5rem; gap:.5rem; border-top:1px solid var(--gray-20);}
	.footer-mobile .button {height:56px; min-width:56px; padding:0;}
	.footer-mobile-fone {flex:1;}
	.footer-mobile-fone h1 {margin-bottom:-3px;}
	.footer-mobile-fone h2 {font-size:2em; letter-spacing:-0.03em; margin-bottom:-3px;}
	.footer-mobile-whatsapp {background:var(--green-70); color:var(--gray-0); font-size:1.75em}
}

.modal {position:fixed; top:0; left:0; width:100%; height:100vh; z-index:9999; display:none;}
.modal.active {display:block;}
.modal-overlay {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:0;}
.modal-content {position:absolute; top:0; right:-600px; width:600px; max-width:100%; background:var(--gray-0); height:100%; overflow:auto; box-shadow:0 -4px 8px rgba(0,0,0,0.4); padding:var(--padding-lg); display:flex; flex-direction:column; transition:all 200ms;}
.modal-content.active {right:0;}
.modal-fechar {position:absolute; top:2rem; right:2rem; font-size:3rem;}
.modal-content > header {font-size:2em; letter-spacing:-0.02em; margin-bottom:2rem;}

.cidades {display:flex; flex-direction:column; gap:2rem;}
.cidades form input {font-size:2em;}
.list {display:flex; flex-direction:column;}
.list a {border-bottom:1px solid var(--gray-10); padding:1rem; font-size:1.5em; color:var(--green-70); transition:all 150ms;}
.list a:hover {background:var(--gray-5);}

.detalhes header h1 {font-size:2em; color:var(--green-70);}
.detalhes-item {border-bottom:1px solid var(--gray-10); display:flex; flex-direction:column; gap:.75rem; padding:1rem 0;}
.detalhes-item h2 {font-size:1.25em;}
.detalhes-item p {font-size:0.875em;}

.whatsapp-modal {display:flex; flex-direction:column; gap:1rem;}
.whatsapp-modal a {height:60px;}

