.banner_fixo_sem_fundo { margin-top: 110px; }
.banner_fixo_sem_fundo .local_banner .tag_pagina { width: 100%; }
.banner_fixo_sem_fundo .local_banner .tag_pagina .label_pagina { width: -moz-calc(100% - 30px); width: -webkit-calc(100% - 30px); width: -o-calc(100% - 30px); width: calc(100% - 30px); }
.banner_fixo_sem_fundo .local_banner .tag_pagina .label_pagina span { background-color: rgba(255,255,255,0.2); color: #ffffff; margin: 0px 0px 0px 20px; }

section { padding: 0px 0px 30px 0px !important; position: relative; width: 100%; height: auto; }

.sucesso { width: 100%; height: auto; position: relative; text-align: left; padding: 30px 0px 70px 0px; background: url(../imagens/faixa-listagem.png) repeat-x top center; }
.sucesso .step1 { width: -moz-calc(100% - 310px); width: -webkit-calc(100% - 310px); width: -o-calc(100% - 310px); width: calc(100% - 310px); height: auto; position: relative; display: inline-block; vertical-align: top; }
.sucesso .step1 i { width: 100px; height: 180px; display: inline-block; vertical-align: top; line-height: 180px; font-size: 54px; text-align: center; background: linear-gradient(141deg, rgba(42,16,143,1) 0%, rgba(140,39,171,1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.sucesso .step1 p { display: inline-block; vertical-align: top; width: auto; position: relative; padding: 70px 0px 30px 0px; text-align: left; font-size: 20px; line-height: 20px;  font-family: var(--fonte-padrao); color: #707070 }

.sucesso .step2 { width: auto; height: auto; position: relative; display: inline-block; vertical-align: top; }
.sucesso .step2 i { width: 70px; height: 180px; display: inline-block; vertical-align: top; line-height: 180px; font-size: 38px; text-align: center; background: linear-gradient(141deg, rgba(42,16,143,1) 0%, rgba(140,39,171,1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.sucesso .step2 p { display: inline-block; vertical-align: top; width: auto; position: relative; padding: 70px 0px 30px 0px; text-align: left; font-size: 16px; line-height: 20px;  font-family: var(--fonte-padrao); color: #707070 }

.sucesso .step3 { width: auto; height: auto; position: relative; display: inline-block; margin-left: 40px; vertical-align: top; }
.sucesso .step3 i { width: 70px; height: 180px; display: inline-block; vertical-align: top; line-height: 180px; font-size: 38px; text-align: center; background: linear-gradient(141deg, rgba(42,16,143,1) 0%, rgba(140,39,171,1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.sucesso .step3 p { display: inline-block; vertical-align: top; width: auto; position: relative; padding: 70px 0px 30px 0px; text-align: left; font-size: 16px; line-height: 20px;  font-family: var(--fonte-padrao); color: #707070 }

.sucesso .step4 { width: auto; height: auto; position: relative; display: inline-block; margin-left: 60px; vertical-align: top; }
.sucesso .step4 i { width: 70px; height: 180px; display: inline-block; vertical-align: top; line-height: 180px; font-size: 38px; text-align: center; color: orange; }
.sucesso .step4 p { display: inline-block; vertical-align: top; width: auto; position: relative; padding: 70px 0px 10px 0px; text-align: left; font-size: 16px; line-height: 20px;  font-family: var(--fonte-padrao); color: red }
.sucesso .step4 p u { color: #000000; display: inline-block; vertical-align: top; width: auto; position: relative; text-align:left; font-size: 12px; text-decoration: underline; }

.titulo_anuncio { width: 94%; height: auto; position: relative; text-align: left; padding: 25px 3% 0px 3%; }
.titulo_anuncio .tag_global { position: relative; display: inline-block; vertical-align: top; width: 85%; height: auto; padding: 0px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.titulo_anuncio .tag_global .linha_padrao { width: 6px; height: 22px; background: #000000; background: linear-gradient(141deg, rgba(42,16,143,1) 0%, rgba(140,39,171,1) 100%); position: relative; float: left; margin-right: 20px;  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.titulo_anuncio .tag_global .label_global { position: relative; display: inline-block; vertical-align: top; width: 85%; height: auto; padding: 0px; font-size: 18px; font-family: var(--fonte-padrao); color: #000000; text-align: left; line-height: 20px;  }
.titulo_anuncio .tag_global .label_global span { width: auto; height: auto; text-transform: uppercase; background: #000000; background: linear-gradient(141deg, rgba(42,16,143,1) 0%, rgba(140,39,171,1) 100%); position: relative; display: inline-block; vertical-align: top; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; font-size: 13px; font-family: var(--fonte-padrao); color: #ffffff; text-align: left; line-height: 20px;  padding: 7px 15px; margin: -6px 0px 0px 10px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.titulo_anuncio .nova_acao { cursor: pointer; position: relative; float: right; width: auto; height: auto; padding: 4px 0px; font-size: 12px; font-family: var(--fonte-padrao); color: #000000; text-align: left; line-height: 20px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;  text-decoration: underline; }

.texto_suporte { width: 100%; height: auto; border-top: 1px solid rgba(255,255,255,0.1); padding: 15px 0px 5px 0px; text-align: left; line-height: 16px; font-size: 13px; color: rgba(255,255,255,0.5); font-family: var(--fonte-padrao); margin-top: 15px; }
.texto_suporte i.fa-exclamation-circle { width: auto; float: left; font-size: 15px; padding-right: 6px; color: rgba(255,255,255,0.7); line-height: 16px; }

.acao_final { width: 750px; background: #ffffff; height: auto; display: inline-block; vertical-align: top; position: relative; z-index: 10; margin: 0px 0px 0px 0px; list-style-type: none; text-align: left; display: inline-block; vertical-align: top; padding: 20px 25px 25px 0px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;  box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px; }
.acao_final i { width: 80px; height: 40px; float: left; line-height: 40px; font-size: 42px; text-align: center; color: rgba(0,0,0,0.2); }
.acao_final p { display: inline-block; vertical-align: top; width: -moz-calc(100% - 100px); width: -webkit-calc(100% - 100px); width: -o-calc(100% - 100px); width: calc(100% - 100px); position: relative; padding: 0px; text-align: left; font-size: 20px; line-height: 40px; font-family: var(--fonte-padrao); font-weight: 700; color: #000000 }
.acao_final .acessos { width: auto; height: auto; position: relative; display: inline-block; vertical-align: top; text-align: left; }
.acao_final .acessos .acoes_final { cursor: pointer; display: inline-block; vertical-align: top; text-align: center; width: auto; height: 20px; margin: 5px 10px 0px 0px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; font-size: 11px; font-family: var(--fonte-padrao); color: #000000; font-weight: 700; line-height: 20px; padding: 6px 15px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.acao_final .acessos .acoes_final:hover { text-decoration: underline; }
.acao_final .acessos .acoes_final.ativo,
.acao_final .acessos .acoes_final.ativo:hover { color: #000000; text-decoration: initial; background: rgba(0,0,0,0.1);  }
.acao_final .acessos .acoes_final.ativo:before { content: ''; position: absolute; margin: 19px 0px 0px 0px; z-index: 10; width: 0; height: 0; border: 10px solid transparent; border-top: 0; border-bottom: 15px solid #ffffff; }
.acao_final .formulario { padding-bottom: 5px; margin-left: 25px; width: -moz-calc(100% - 25px); width: -webkit-calc(100% - 25px); width: -o-calc(100% - 25px); width: calc(100% - 25px); }

/*PLANOS*/
ul.planos { display: inline-block; vertical-align: top; position: relative; height: auto; width: auto; margin: 0px; text-align: center; }
ul.planos li { position: relative; height: auto; background-color: #ffffff; width: 220px; display: inline-block; padding: 15px; vertical-align: top; margin: 0px 10px 30px 10px; text-align: center; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-border-radius: 15px 0px 15px 15px; -moz-border-radius: 15px 0px 15px 15px; border-radius: 15px 0px 15px 15px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px; }
ul.planos li .recomendo { font-size: 14px;  color: yellow; background: var(--cor-secundaria); line-height: 30px; display: inline-block; padding: 5px 0px 0px 0px; font-weight: 800; width: 100%; margin: -20px 0px 0px 0; letter-spacing: 1px; -webkit-border-radius: 0px 0px 10px 10px; -moz-border-radius: 0px 0px 10px 10px; border-radius: 0px 0px 10px 10px; overflow: hidden; }
ul.planos li .recomendo i { line-height: 30px; color: yellow; padding-right: 7px; font-size: 12px; display: inline-block; vertical-align: top; }
ul.planos li .label { font-size: 18px;  color: var(--cor-primaria); line-height: 40px; display: inline-block; padding: 0px; font-weight: 700; margin: 0 0 5px 0; width: 100%; text-align: left; position: relative;  -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
ul.planos li .label .valor { font-size: 13px; color: var(--cor-primaria); background-color: rgba(42,16,143,0.05); line-height: 15px; float: right; padding: 12px; border-radius: 10px; }
ul.planos li .label .valor.reduzido { padding: 5px 15px; }
ul.planos li .label .valor p { text-align: center; font-size: 12px; font-weight: 400; }
ul.planos li .cta { font-size: 15px; color: #ffffff; background: var(--cor-principal); line-height: 40px; display: inline-block; position: absolute; bottom: 10px; padding: 0px; width: 90%; border-radius: 30px; margin: 0px 5%; font-weight: 800; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; font-family: var(--fonte-padrao); font-weight: 700; -webkit-border-radius: 15px 0px 15px 15px; -moz-border-radius: 15px 0px 15px 15px; border-radius: 15px 0px 15px 15px; left:0px; }
ul.planos li .cta.em_breve { background-color: rgba(5, 150, 105, 0.1); color: var(--cor-primaria); }
ul.planos li .descricao { width: 100%; height: auto; position: relative; display: inline-block; padding: 0px 0px 15px 0px; width: 100%;  -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
ul.planos li .descricao p { width: 100%; opacity: 0.2; height: auto; position: relative; font-size: 14px; text-align: left; display: inline-block;  font-family: var(--fonte-padrao); border-top: 1px solid #f4f6f8; padding: 6px 0px; line-height: 20px; }
ul.planos li .descricao p.tem { opacity: 1; }
ul.planos li .descricao p i { line-height: 20px; color: var(--cor-secundaria); opacity: 0.4; padding-right: 5px; font-size: 12px; display: inline-block; vertical-align: top; }
ul.planos li:hover .descricao { padding: 0px 0px 20px 0px;  }
ul.planos li:hover { margin: 5px 10px 45px 10px; box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 40px -20px, rgba(0, 0, 0, 0.3) 0px 20px 30px -30px; }

@media screen and (max-width: 1100px) {
	section { padding: 0px 0px 20px 0px !important; }

	.banner_fixo_sem_fundo { margin-top: 35px; width: 98%; padding: 25px 1% 25px 1%; }
	.steps { margin-top: -16px; text-align: center; }
	.steps .step, .steps .step.ativo { margin: 0px 1px; padding: 4px 6px; font-size: 10px;  border: inherit; }
	.steps .step span { font-size: 12px; padding: 0px 2px; }
	.steps .step { background: #f4f6f8; }

	ul.planos { float: none; width: auto; margin: 15px 10px; min-height: auto; }
	ul.planos li { width: -moz-calc(100% - 30px); width: -webkit-calc(100% - 30px); width: -o-calc(100% - 30px); width: calc(100% - 30px); }

	.sucesso { width: 98%; text-align: center; padding: 20px 1% 10px 1% }
	.sucesso .seminovo_card { float: none; display: inline-block; vertical-align: top; margin: 0px; }

	.sucesso .step4, .sucesso .step3, .sucesso .step1, .sucesso .step2 { width: -moz-calc(100% - 4px); width: -webkit-calc(100% - 4px); width: -o-calc(100% - 4px); width: calc(100% - 4px); margin: 20px 0px 0px 0px; border: 2px solid #000000; height: auto; position: relative; display: inline-block; vertical-align: top;  -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
	.sucesso .step4 i, .sucesso .step3 i, .sucesso .step1 i, .sucesso .step2 i { width: 50px; height: 80px; display: inline-block; vertical-align: top; line-height: 80px; font-size: 28px; text-align: center; }
	.sucesso .step4 p, .sucesso .step3 p, .sucesso .step1 p, .sucesso .step2 p { padding: 20px 0px 20px 20px; width: -moz-calc(100% - 80px); width: -webkit-calc(100% - 80px); width: -o-calc(100% - 80px); width: calc(100% - 80px); text-align: left; font-size: 16px; line-height: 16px;  color: #000000 }

	.campos_form,
	.campos_form .linha_inteira,
	.campos_form .campo-contato,
	.campos_form .colunas input[type=text],
	.campos_form .colunas_esquerda input[type=text],
	.cadastro .perfil .files,
	.cadastro .perfil .files .aceitos,
	.campos_form .linha_field { text-align: center; }

	.campos_form .coluna_central { width: 100%; }
	.campos_form .linha_aceite { text-align: center; }

	.campos_form .colunas_direita { float: none; text-align: center; width: 100%; }
	.campos_form .label.menor { font-size: 14px; }
	.campos_form .label.menor .divisao { font-size: 18px; }
	#check_opcionais { width: 80%; padding: 0px 10%; }

	.cadastro .perfil .files .aceitos ul li { width: 46%; height: auto; overflow: hidden; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; overflow: hidden; background-color: transparent; }
	.cadastro .perfil .files .aceitos ul li .avatar, .cadastro .perfil .files .aceitos ul li .avatar img { width: 100%; height: auto; }

	.ajuda_envio { width: 100%; height: auto; position: relative; right: inherit; padding: 15px 0px; text-align: center; }
	.ajuda_envio ul li { width: -moz-calc(33% - 30px); width: -webkit-calc(33% - 30px); width: -o-calc(33% - 30px); width: calc(33% - 30px); height: auto; margin: 20px 15px 15px 15px; }

	.formulario { width: 94%; padding:20px 3% 30px 3%; }
	.formulario .campos_form .colunas, .formulario .campos_form .colunas_menor, .formulario .campos_form .colunas_esquerda { width: 100%; margin-right: 0px; }

	.beneficios .titulo_global .tag_global .label_global { text-align: center; }
	.beneficios ul li { width: 90%; height: auto; margin: 0px 5% 25px 5%; }

	.campos_form .colunas .ajuda i, .campos_form .coluna_central .ajuda { text-align: center; }
	.campos_form .colunas .ajuda i, .campos_form .coluna_central .ajuda i { float: none; }

	.resumo_flutuante .conquistas { width: 50%; }
	.resumo_flutuante .resultado { padding: 0px 5px; letter-spacing: 0px; }
	.resumo_flutuante .resultado i { display: none; }

	.acao_final { width: 94%; text-align: center; padding: 15px 3%; margin-top: 20px; }
	.acao_final .acessos { text-align: center; }

	.acao_final .formulario { display: none; padding-bottom: 5px; padding-top: 20px; margin-left: 0px; width: -moz-calc(100% - 25px); width: -webkit-calc(100% - 25px); width: -o-calc(100% - 25px); width: calc(100% - 25px); }
}