:root{
	font-size:62.5%;
	line-height:normal;

	--cor-branco:#fff;
  	--cor-preto:#000;
  	--cor-vermelho:#ED3237;
	--cor-txt:#141E19;

	--medium:500;
	--semi:600;
	--negrito:700;

	--font-regular:1.6rem;
	--line-regular:2.1rem;
}

*{box-sizing:border-box;}
::before{box-sizing: unset}

html{height:100% !important; width:100%; -webkit-backface-visibility:hidden !important;}
body {margin:0; min-width:322px; background-color:var(--cor-branco); overflow-y:auto; font-family:'Sen', 'Arial','verdana'; font-weight: 400; color:var(--cor-txt); height: 100%; font-size:var(--font-regular); line-height:var(--line-regular); -webkit-backface-visibility:hidden; overflow-x:hidden; -webkit-backface-visibility:hidden !important;-webkit-overflow-scrolling: touch;}

input, select, textarea {outline-style: none;font-family: 'Sen', sans-serif; font-size:var(--font-regular);appearance: none !important;-webkit-appearance: none !important;-ms-appearance: none;border: 0;background-color: var(--cor-branco);}
input:-webkit-autofill{box-shadow: 0 0 0px 1000px white inset;-webkit-box-shadow: 0 0 0px 1000px white inset;font-family: inherit;}
input[type=button], input[type=submit], input[type=reset], input[type=file]{-webkit-appearance: none; appearance: none;}
input, button, select, textarea{outline: none;}
select::-ms-expand{display: none;}
select{background-repeat: no-repeat; background-position:calc(100% - 15px) center; background-image: url('../imagens/ico-seta.svg');}
select.aberto {background-image: url('../imagens/ico-seta2.svg');}

button{cursor: pointer;background-color: rgba(0, 0, 0, 0);outline-style: none !important;outline: none;outline: nonet;outline-offset: none;}
video, button, div{outline: none;font-family: inherit;appearance: none;-webkit-appearance: none;-ms-appearance: none;border: 0;-webkit-tap-highlight-color: transparent;}
button, div:focus{outline: none;-webkit-tap-highlight-color: transparent}
button, figure{margin: 0px; padding:0px;}

h1,h2,h3, button {padding:0; margin:0;font-family: inherit; font-weight:400; font-size:var(--font-regular); line-height: var(--line-regular);}

a {color: inherit;outline: none;text-decoration: inherit;}
a:hover{color: inherit;outline: none;text-decoration: inherit;}
a img {outline : none;}

p, ul, li{margin:0; padding:0;color:inherit}
ul {list-style: none;}
img {border : 0; outline: none;}
 
.btn-verde {border-radius:4px;border:0px;background-color:#9fd140;color:#000000;font-size:12px;font-weight:700;cursor:pointer}

.ColorErro{color: var(--cor-vermelho) !important;}
.BordaErro{border-color: var(--cor-vermelho) !important;}

.centralizar {display:flex;width:calc(100% - 60px);max-width:1280px;margin:0px 30px}

header {display:flex;width:100%;justify-content:center;align-items:center;height:76px}
header .centralizar {justify-content: space-between;align-items: center;width:calc(100% - 160px);margin:0px 80px;gap:10px}
header .centralizar>div {display: flex;align-items: center;gap: 25px;}
header .centralizar>div>div:nth-of-type(1) {display:flex;width:115px;height:35px;background-image:url('../imagens/logo.svg');background-repeat: no-repeat;background-position: center;background-size: contain}
header .centralizar>div>div:nth-of-type(2) {display:flex;width:71px;height:46px;background-image:url('../imagens/logo-afubra.png');background-repeat: no-repeat;background-position: center;background-size: contain}
header .centralizar>input {width:160px;height:30px}

footer {display: flex;width:100%;flex-direction:column;align-items: center;background-color:#000;color:#FFF}
footer .centralizar {z-index:1;flex-wrap:wrap;justify-content:space-between;gap:20px}

main {display: flex;width:100%;flex-direction:column;align-items: center;background-color: var(--cor-branco);padding-bottom:50px}

main .banner {justify-content: space-between;max-width:1055px;gap:20px;margin-top:25px;padding-bottom:0px}
main .banner-texto {display:flex;flex-direction:column;flex:1;justify-content: center;}
main .banner-texto>p:nth-of-type(1) {font-weight: 700;font-size: 48px;line-height:55px}
main .banner-texto>p:nth-of-type(2) {font-size: 48px;line-height:55px}
main .banner-texto>p:nth-of-type(3) {color:#818181;margin-top:10px}
main .banner-texto input {width:210px;height:30px;margin-top:20px}
main .banner-img {display:flex;width:498px;}

main .beneficios {display:flex;width:100%;/*background: linear-gradient(180deg, #95CB38 4.73%, #8BB542 100%);*/justify-content:center;padding-bottom:50px;margin-top:65px}
main .beneficios .centralizar {flex-direction:column;align-items:center;color:#FFF;max-width:970px}
main .beneficios .titulo {font-size: 28px;padding-top:36px;margin-bottom:33px}
main .beneficios .titulo>span {font-weight: 700;}
main .beneficios .opcoes {display:flex;gap:16px}
main .beneficios .opcao {display:flex;flex-direction:column;border: 2px solid #38895B;border-radius: 8px;padding: 60px 12px 20px 16px;gap: 8px;background-repeat:no-repeat;background-position:14px 6px;color:#FFF;flex:1}
main .beneficios .opcao p:first-child {font-weight: 700;font-size: 18px;}
main .beneficios .opcao1 {background-image:url('../imagens/beneficios1.svg')}
main .beneficios .opcao2 {background-image:url('../imagens/beneficios2.svg')}
main .beneficios .opcao3 {background-image:url('../imagens/beneficios3.svg')}

main .dropdown {display:flex;flex-direction:column;background-color:#f5f5f5;border-radius:8px;padding:17px;font-size: 18px;gap:18px;width:100%;cursor:pointer;color:#141E19;transition: all 0.5s;margin-bottom:100px}
main .dropdown>p:nth-of-type(1) {background-image:url('../imagens/mais.svg');background-repeat:no-repeat;background-position:right center;transition: all 0.5s;padding-right:25px}
main .dropdown.aberto {background-color:#94c343}
main .dropdown.aberto>p:nth-of-type(1) {background-image:url('../imagens/menos.svg');background-position:calc(100% - 1px) center;color:#FFF;font-weight:700}
main .dropdown.aberto>p:nth-of-type(2) {display:flex;flex-direction:column;font-size:16px;color:#F5F5F5;align-items:flex-start}
main .dropdown span {font-weight:700}
main .dropdown img {border:0px;max-width:100%;border-radius:5px}

main .adesao {display:flex;width:100%;background-color:#074723;justify-content:center}
main .adesao .centralizar {justify-content:space-between;gap:15px}
main .adesao .imagem {display:flex;width: 584px;height: 618px;background-image:url('../imagens/imagem-adesao.png');background-repeat: no-repeat;background-position: center;background-size: contain;margin-top:-119px;margin-left:-15px;margin-bottom:-25px;z-index:1}
main .adesao .form {display: flex;flex-direction: column;color: #FBFBFB;font-size: 24px;line-height:27px;gap:8px;margin:42px 0px;flex:1;max-width:630px}
main .adesao .form>div:first-child {display: flex;align-items: center;background-image:url('../imagens/ico-adesao.svg');background-repeat:no-repeat;background-position:left center;min-height:41px;padding-left:51px;font-weight:700;margin-bottom:17px}
main .adesao .form > .msg-erro {display: none; align-items: center; font-weight: 600; font-size: 14px; color: var(--cor-vermelho) !important;}

main .adesao .form>div>p>span {color:#fff;font-weight:400}
main .adesao .form>input:not([type="button"]) {width: 100%;height: 56px;border-radius: 8px;border: 2px solid #38895B;background-color:#105B31;color:#FFF;padding-left:28px}
main .adesao .form>input:not([type="button"])::placeholder {color:#A1CBB5}
main .adesao .form>input[type=button] {border:0px;background-color:#141E19;color:#FFFFFF;font-weight: 700;font-size: 20px;text-align: center;border-radius:4px;height:56px;margin-top:9px;cursor:pointer;padding:0px 20px}

main .tipo-pessoa {display:flex;gap: 12px 30px;margin-top: 12px;margin-bottom: 2px;flex-wrap: wrap;}
main .custom-radio input[type="radio"] {display: none;}
main .custom-radio {display: inline-flex;align-items: center;cursor: pointer;font-size: 16px;user-select: none;text-align: left;}
main .checkmark {width: 25px;height: 24px;border: 2px solid #66931d;border-radius: 4px;display: inline-block;position: relative;margin-right: 10px;transition: background 0.2s, border-color 0.2s;}
main .checkmark::after {content: "";position: absolute;left: 7px;top: 1px;width: 5px;height: 12px;border: solid white;border-width: 0 2px 2px 0;transform: rotate(45deg);opacity: 0;transition: opacity 0.2s;}
main .custom-radio input[type="radio"]:checked + .checkmark::after {opacity: 1;}

main .dicas {display:flex;width:100%;background-color:#FFF;justify-content:center;margin-top:80px}
main .dicas .centralizar {flex-direction: column;align-items: center;}
main .dicas .titulo {font-size: 24px;text-align: center;max-width:460px;line-height:29px}
main .dicas .list {display:flex;width:100%;max-width:850px;gap:16px;margin-top:27px;flex-direction:column}
main .dicas .dica {display:flex;flex-direction:column;background-color:#F5F5F5;border-radius:8px;padding:25px;font-size: 18px;gap:18px;width:100%;cursor:pointer;color:#242424;transition: all 0.5s}
main .dicas .dica>p:nth-of-type(1) {background-image:url('../imagens/mais.svg');background-repeat:no-repeat;background-position:right center;transition: all 0.5s;padding-right:25px}
main .dicas .dica.aberto {background-color:#94c343;color:#FFF}
main .dicas .dica.aberto>p:nth-of-type(1) {background-image:url('../imagens/menos.svg');background-position:calc(100% - 1px) center}
main .dicas .dica.aberto>p:nth-of-type(2) {display:flex}
main .dicas .texto {font-size: 18px;text-align: center;color: #818181;max-width:660px;line-height:23px;padding:30px 0px}
main .dicas .whats {background-image:url('../imagens/ico-whas.svg');background-repeat:no-repeat;background-position:30px center;border-radius: 4px;padding: 8px 32px 8px 59px;background-color: #9FD140;color:#000000;font-weight: 700;font-size: 12px;margin-top:26px;cursor:pointer}
main .dicas .redes {display:flex;gap:10px;margin-top:20px}
main .dicas .parceria {font-size: 14px;text-align: center;color: #818181;margin-top:25px}

main .efeito-envelope {display:flex;position: relative;width: 100%;background: linear-gradient(180deg, #074723 4.73%, #074723 100%);align-items: center;flex-direction: column}
main .efeito-envelope::before {content: "";position: absolute;top: -1px;left: 0;width: 100%;height: 55px;background-color: white;clip-path: polygon(0 0, 50% 55px, 100% 0);z-index: 1;}
main .video1 {display:flex;width:100%;max-width:619px;height:348px;z-index:2;margin-top:-40px;justify-content:center}
main .video-container1 {display: none;}
main .video-img1 {cursor: pointer; max-width: 100%;}

main .video2 {display:flex;width:100%;max-width:724px;height:408px;justify-content:center}
main .video-container2 {display: none;}
main .video-img2 {cursor: pointer; max-width: 100%;}

#ModalPadrao label {position: relative;width:100%}
#ModalPadrao label>span {position: absolute;left: 30px;top: 16px;transition: all .4s ease; pointer-events: none;color:#6E6E6E}
#ModalPadrao .InputAtivo {top: -10px !important;left: 30px;background-color: #fff;padding: 0 5px;font-size: 13px;color: #6E6E6E !important;border-radius: 4px;font-weight:600;}
#ModalPadrao .close {line-height: 21px;font-weight: 400;text-shadow: unset;opacity: unset;font-family: ariel;font-size: 51px;color: #918A8A;position: absolute;right: 40px;top: 45px;z-index:2}
#ModalPadrao .modal-body {display: flex;flex-direction: column;align-items: center;padding:20px 40px 30px 40px}
#ModalPadrao .icone {display: flex;width:41px;height:41px;background-image:url('../imagens/ico-adesao2.svg');background-repeat:no-repeat;background-position:left center;margin-top:15px}
#ModalPadrao .icone-sucesso1 {display: flex;width:86px;height:86px;background-image:url('../imagens/ico-sucesso1.svg');background-repeat:no-repeat;background-position:left center;margin-top:15px}
#ModalPadrao .icone-sucesso2 {display: flex;width:86px;height:86px;background-image:url('../imagens/ico-sucesso2.svg');background-repeat:no-repeat;background-position:left center;margin-top:15px}
#ModalPadrao .titulo {font-size: 24px;text-align: center;color:#000;margin-top:15px}
#ModalPadrao .subtitulo {color:#707070;margin-top:5px;margin-bottom:40px;text-align: center}
#ModalPadrao .form-campos {display:flex;width:100%;max-width:630px;gap:10px;flex-direction:column;align-items: center;}
#ModalPadrao input:not([type="button"]) {width: 100%;height: 56px;border-radius: 8px;background: #F2F2F2;border: 2px solid #DEDEDD;padding-left:30px;color:#6E6E6E}
#ModalPadrao select {width: 100%;height: 56px;border-radius: 8px;background-color: #F2F2F2;border: 2px solid #DEDEDD;padding-left:30px;color:#6E6E6E}
#ModalPadrao .btn-verde {width:300px;height:30px;margin-top:10px}
#ModalPadrao .msg-erro {display: none; align-items: center; font-weight: 600; font-size: 14px; color: var(--cor-vermelho) !important;}
#ModalPadrao .CampoUpload {display:flex;width:100%;flex-direction: column;}
#ModalPadrao .CampoUpload>input {display:none}
#ModalPadrao .CampoUpload>span {width: 100%;height: 56px;border-radius: 8px;background-color: #F2F2F2;border: 2px dashed #DEDEDD;padding-left:30px;color:#6E6E6E;display: flex;align-items: center;cursor:pointer;background-image:url('../imagens/ico-arquivo.svg');background-repeat:no-repeat;background-position:calc(100% - 20px) center}
#ModalPadrao .CampoUpload>span.ok {background-color: #95cb38;border: 2px solid #95cb38;color:#FFF;background-image:url('../imagens/ico-arquivo-ok.svg');background-size:22px;background-position:calc(100% - 18px) center}
#ModalPadrao .frase {font-size: 12px;text-align: center;color:#929292;max-width:440px;line-height: 14px;margin:7px 0px}
#ModalPadrao .btn-falar {background-image:url('../imagens/ico-conversar.svg');background-repeat:no-repeat;background-position:30px center;border-radius: 4px;padding: 6px 32px 6px 59px;background-color: #D8D8D8;color:#000000;font-weight: 600;font-size: 12px;margin-top:10px;cursor:pointer}
#ModalPadrao .div-campo {position: relative;width:100%;display: flex;}
#ModalPadrao .duvida {position: absolute; left: -30px; top: 20px;}
#ModalPadrao .duvida-icone {width: 17px; height: 17px; background-image: url('../imagens/ico-duvida.svg'); z-index: 2; position: relative;}
#ModalPadrao .duvida-texto {position:absolute; top: -20px; left: 25px; background-color:#FFF; border-radius: 8px; font-size: 13px; color: #6E6E6E; z-index:1; width: 380px; padding: 18px 13px 18px 0px; line-height: 16px; display: none;}

@media screen and (max-width:1000px){
	main .banner {gap:0px;margin-top:35px}
	main .banner-texto>p:nth-of-type(1) {font-size: 40px;line-height:47px}
	main .banner-texto>p:nth-of-type(2) {font-size: 20px;line-height:27px;margin-top:20px}
	main .banner-img {width:100%;max-width:430px;margin-right:-27px}

	main .beneficios .centralizar {width:calc(100% - 110px);margin:0px 55px}
	main .beneficios .opcoes {flex-wrap: wrap;justify-content:center}
	main .beneficios .opcao {flex:unset;width:calc(50% - 8px)}

	main .dropdown {margin-bottom:50px}

	main .adesao .imagem {margin-left: -105px;height: 350px;margin-top: -10px;width: 332px;}
	main .adesao .form {font-size: 18px;line-height:22px;margin-top:0px}
	main .adesao .form>div {background-image:unset;padding-left:0px;margin-bottom:0px}
	main .adesao .form>input:not([type="button"]) {height:52px}
	main .adesao .form>input[type=button] {height:52px;font-size:18px}

	main .dicas {margin-top:60px}
}

@media screen and (max-width:784px){
	main .video2 {height:48vw}
}

@media screen and (max-width:700px){
	header {height:66px}
	header .centralizar {width:calc(100% - 40px);margin:0px 20px}
	header .centralizar>div {gap:10px}
	header .centralizar>div>div:nth-of-type(1) {width:81px;height:24px}

	main .banner {flex-direction: column;align-items: center;gap: 20px;margin-top:15px}
	main .banner-texto {align-items:center}
	main .banner-texto>p:nth-of-type(1) {text-align:center}
	main .banner-texto>p:nth-of-type(2) {text-align:center}
	main .banner-texto>p:nth-of-type(3) {display:none}
	main .banner-img {margin-top: 30px;align-self:center;margin-right:0px;margin-left:-20px}

	main .dropdown.aberto>p:nth-of-type(2) {font-size:15px}

	main .beneficios .centralizar {width:calc(100% - 60px);margin:0px 30px}
	main .beneficios .titulo {font-size:24px;text-align: center;line-height:30px;padding-top:0px}
	main .beneficios .opcao {width:100%}

	main .dropdown {margin-bottom:40px}

	main .adesao .imagem {display:none}
	main .adesao .form>div {text-align:center;margin-bottom:8px}
	main .adesao .form>input[type=button] {font-size:16px}

	main .dicas {margin-top:35px}
	main .dicas .texto {font-size:14px}
	main .dicas .whats {line-height:14px}

	#ModalPadrao .modal-content {border-radius:15px 15px 0px 0px}
	#ModalPadrao .modal-dialog {position: fixed;bottom: -10px;left:-10px;width: 100%;max-width: none;transition: all 0.3s ease;max-height: 95%;overflow-x: scroll;border-radius:15px 15px 0px 0px}
	#ModalPadrao .close {right: 15px;top: 25px;font-size:41px}
	#ModalPadrao label>span {font-size:14px;left: 15px;}
	#ModalPadrao .InputAtivo {left: 15px;}
	#ModalPadrao .titulo {font-size: 20px}
	#ModalPadrao .subtitulo {margin-bottom:20px;font-size: 14px}
	#ModalPadrao input:not([type="button"]) {padding-left:15px;height: 50px}
	#ModalPadrao .label-duvida {left:30px;width:calc(100% - 30px)}
	#ModalPadrao .duvida {top:17px;left:0px}
	#ModalPadrao select {padding-left:15px;height: 50px}
	#ModalPadrao .CampoUpload>span {font-size:14px;padding-right: 45px;padding-left: 15px;background-position:calc(100% - 15px) center;height: 50px}
	#ModalPadrao .CampoUpload>span.ok {background-position:calc(100% - 13px) center}
}

@media screen and (max-width:680px){
	main .efeito-envelope {margin-top:20px}
	main .efeito-envelope::before {height: 25px;clip-path: polygon(0 0, 50% 25px, 100% 0)}
	main .video1 {height:48vw;z-index:2;margin-top:-20px}
}

@media screen and (max-width:480px){
	#ModalPadrao .duvida-texto {width:280px;left:-5px;padding-left:30px}
}

@media screen and (max-width:400px){
	#ModalPadrao .close {font-size:31px;top:15px}
	#ModalPadrao .modal-body {padding:20px;padding-bottom:35px}
	#ModalPadrao .modal-body.cadastro {padding-bottom:20px}
	#ModalPadrao .icone {margin-top:0px}
	#ModalPadrao .subtitulo {margin-bottom:15px}
	#ModalPadrao .btn-verde {width:100%}
	#ModalPadrao .btn-falar {background-position:15px center;padding-left:44px;width:100%;text-align:center;margin-top:0px}
}