@charset "utf-8";

/***********************************************************************************************
						ENQUETE
/**********************************************************************************************/

/* ENQUETE */
.swe_capa .area_enquete .cont_enquete { background: #fff; }
.swe_capa .area_enquete .cont_enquete .conteudo_interno { padding: 25px 20px; overflow: hidden; margin-top: 5px; position: relative; }
/* QUESTÃO */
.swe_capa .area_enquete .cont_enquete .area_quest_enquete { width: 100%; display: inline-block; vertical-align: middle; white-space: normal; }
.swe_capa .area_enquete .cont_enquete .area_quest_enquete .area_pergunta_enquete { width: 400px; height: 280px; display: inline-table; vertical-align: top; margin: 20px; position: relative; z-index: 1; transition: .8s .15s ease; }
.swe_capa .area_enquete .cont_enquete .area_quest_enquete .area_pergunta_enquete .icone_enquete { font-size: 70px; position: absolute; top: -35px; left: 30px; z-index: 1; }
.swe_capa .area_enquete .cont_enquete .area_quest_enquete .area_pergunta_enquete .pergunta_enquete { display: table-cell; vertical-align: middle; position: relative; z-index: 2; padding: 40px 25px; }
.swe_capa .area_enquete .cont_enquete .area_quest_enquete .area_pergunta_enquete .area_data_enquete { position: absolute; top: -10px; right: 15px; text-align: left; padding: 5px; border-radius: 5px; }
.swe_capa .area_enquete .cont_enquete .area_quest_enquete .area_pergunta_enquete .area_data_enquete .data_enquete { display: inline-block; vertical-align: top; margin: 5px 1vw; }
.swe_capa .area_enquete .cont_enquete .area_quest_enquete .area_pergunta_enquete .area_data_enquete .data_enquete .titulo_data { font-weight: bold; letter-spacing: -.025em; }
.swe_capa .area_enquete .cont_enquete .area_quest_enquete .area_pergunta_enquete .area_data_enquete .data_enquete .descricao_data { padding-left: 3px; }
.swe_capa .area_enquete .cont_enquete .area_quest_enquete .area_respostas_enquete { width: 660px; width: calc(100% - 500px); height: 260px; display: inline-table; vertical-align: top; margin: 30px 20px; position: relative; z-index: 0; padding: 10px 15px; transition: .8s ease; }
.swe_capa .area_enquete .cont_enquete .area_quest_enquete .area_respostas_enquete .cont_respostas_enquete { display: table-cell; vertical-align: middle; }
.swe_capa .area_enquete .cont_enquete .area_quest_enquete .area_respostas_enquete .cont_barra_respostas_enquete { max-height: 220px; overflow-y: auto; padding-right: 5px; margin-bottom: 20px; }
.swe_capa .area_enquete .cont_enquete .area_quest_enquete .area_respostas_enquete .resposta_enquete { position: relative; }
.swe_capa .area_enquete .cont_enquete .area_quest_enquete .area_respostas_enquete .resposta_enquete:first-child { border-top: 0; }
.enquete_votar { white-space: nowrap; }
.enquete .resposta_enquete label { display: block; padding: 15px 10px; padding-left: 40px; cursor: pointer; position: relative; }
.enquete .resposta_enquete label .icone_img_enquete { display: inline-block; vertical-align: baseline; line-height: inherit; margin-left: 10px; }
.enquete .resposta_enquete label::before { content: ""; width: 22px; height: 22px; position: absolute; top: 50%; left: 10px; margin-top: -11px; pointer-events: none; }
.enquete .resposta_enquete input { position: absolute; top: 50%; left: 15px; z-index: 0; margin-top: -7px; opacity: 0; }
.enquete .resposta_enquete svg { width: 22px; height: 22px; stroke-dashoffset: -35; position: absolute; top: 50%; left: 16px; margin-top: -12px; pointer-events: none; stroke: inherit; visibility: hidden; transition: .2s ease-out; }
.enquete .resposta_enquete input:checked ~ svg { stroke-dashoffset: initial; visibility: visible; }
/* CONFIRMAÇÃO */
.swe_capa .area_enquete .cont_enquete .area_confirmacao_enquete { width: 100%; display: inline-block; vertical-align: middle; margin-bottom: 5px; white-space: normal; position: relative; left: 50%; transition: 1s .1s ease; }
.swe_capa .area_enquete .cont_enquete .area_confirmacao_enquete .area_campos_validacao { width: 100%; max-width: 800px; display: table; margin: 30px auto; padding: 55px 10px; position: relative; text-align: center; border-radius: 15px; font-size: 0; }
/* RESPOSTA ESCOLHIDA */
.swe_capa .area_enquete .cont_enquete .area_confirmacao_enquete .area_campos_validacao .area_resposta_escolhida { width: 90%; position: absolute; top: -30px; left: 5%; padding: 13px 15px; padding-top: 15px; border-radius: 5px; text-align: center;}
.swe_capa .area_enquete .cont_enquete .area_confirmacao_enquete .area_campos_validacao .area_resposta_escolhida .info_resposta_escolhida { font-size: 12px; }
.swe_capa .area_enquete .cont_enquete .area_confirmacao_enquete .area_campos_validacao .area_resposta_escolhida .resposta_escolhida { line-height: 30px; }
.swe_capa .area_enquete .cont_enquete .area_confirmacao_enquete .area_campos_validacao .area_resposta_escolhida .resposta_escolhida .txt_resposta { max-width: 75%; max-width: calc(100% - 100px); height: 30px; display: inline-block; vertical-align: middle; overflow: hidden; position: relative; padding: 0 10px; margin-right: 10px; }
.swe_capa .area_enquete .cont_enquete .area_confirmacao_enquete .area_campos_validacao .area_resposta_escolhida .resposta_escolhida .txt_resposta:before { content: '"'; position: absolute; top: 0; left: 100%; margin-left: -10px; }
.swe_capa .area_enquete .cont_enquete .area_confirmacao_enquete .area_campos_validacao .area_resposta_escolhida .resposta_escolhida .txt_resposta:after { content: '"'; position: absolute; top: 0; right: 100%; margin-right: -10px; }
.swe_capa .area_enquete .cont_enquete .area_confirmacao_enquete .area_campos_validacao .area_resposta_escolhida .resposta_escolhida .btn_alterar_resposta { width: 90px; height: 24px; line-height: 23px; display: inline-block; vertical-align: middle; cursor: pointer; }
.swe_capa .area_enquete .cont_enquete .area_confirmacao_enquete .area_campos_validacao .area_resposta_escolhida .resposta_escolhida .btn_alterar_resposta span { display: inline-block; vertical-align: middle; margin: 0 2px; letter-spacing: 1px; }
/* CAMPOS VALIDAÇÃO */
.swe_capa .area_enquete .cont_enquete .area_confirmacao_enquete .area_campos_validacao .cont_campos_validacao { width: 100%; height: 160px; display: table-cell; vertical-align: middle; }
.swe_capa .area_enquete .cont_enquete .area_confirmacao_enquete .area_campos_validacao .campo_validacao { max-width: 300px; }
.enquete .campo_validacao { width: 50%; display: inline-block; vertical-align: top; padding: 5px; }
.enquete .campo_validacao label { display: none; }
.enquete .campo_validacao input { width: 100%; height: 40px; cursor: pointer; padding: 10px; }
.enquete .campo_validacao input:focus { cursor: text; }
.enquete .area_captcha { height: 60px; overflow: hidden; margin-top: 5px; position: relative; }
.enquete .area_captcha .captcha_enquete { position: absolute; top: 0; left: 50%; margin-left: -115px; }
/* BOTÃO */
.swe_capa .area_enquete .cont_enquete .btn_votar { position: absolute; top: 280px; right: 100px; z-index: 100; cursor: pointer; transition: .5s ease-out; }
/* CONFIRMAR VOTO */
.swe_capa .area_enquete .confirmacao_voto .area_pergunta_enquete,
.swe_capa .area_enquete .confirmacao_voto .area_respostas_enquete { transform: translate(-100vw); visibility: hidden; }
.swe_capa .area_enquete .confirmacao_voto .area_confirmacao_enquete { left: -100%; transition: .4s ease-out; }
.swe_capa .area_enquete .confirmacao_voto .btn_votar { right: 50%; margin-right: -90px; }


/***********************************************************************************************
						RESULTADO
/**********************************************************************************************/
.enquete .cont_resultado_enquete .area_pergunta_enquete { background: rgba(180, 190, 200, .25); padding: 25px 10px; padding-top: 30px; border-radius: 6px; font-size: 15px; color: #47474b; font-weight: bold; text-align: center; position: relative; transform: none !important; visibility: visible !important; }
.enquete .cont_resultado_enquete .area_pergunta_enquete .icone_enquete { width: 40px; height: 40px; line-height: 40px; font-size: 40px; color: #899198; position: absolute; top: -17px; left: 20px; z-index: 0; text-align: center; }
.enquete .cont_resultado_enquete .area_pergunta_enquete div { position: relative; z-index: 1; }
.enquete .cont_resultado_enquete .area_datas_enquete { text-align: center; margin: 20px 0; font-size: 0; }
.enquete .cont_resultado_enquete .area_datas_enquete .data_enquete { display: inline-block; margin: 5px; padding: 7px 10px; background: #fff; border: solid 1px rgba(0,0,0,.075); border-radius: 5px; }
.enquete .cont_resultado_enquete .area_datas_enquete .data_enquete .titulo_data { display: inline-block; vertical-align: middle; font-size: 11px; color: #555; text-transform: uppercase; font-weight: bold; letter-spacing: -.5px; }
.enquete .cont_resultado_enquete .area_datas_enquete .data_enquete .titulo_data .swfa { font-size: 13px; vertical-align: baseline; margin-right: 3px; }
.enquete .cont_resultado_enquete .area_datas_enquete .data_enquete .descricao_data { display: inline-block; vertical-align: middle; font-size: 14px; color: #75757b; font-weight: 500; margin-left: 7px; }
/* RESULTADO */
.enquete .cont_resultado_enquete .area_resultado_enquete { text-align: left; font-size: 0; padding: 15px 10px; border-radius: 8px; box-shadow: 0 0 10px rgba(0,0,0,.085); white-space: normal; }
.enquete .cont_resultado_enquete .area_resultado_enquete .titulo_resultado_enquete { text-align: center; margin: 10px 0; font-size: 20px; color: #47474b; font-weight: 600; }
.enquete .cont_resultado_enquete .area_resultado_enquete .resultado_enquete { width: 50%; display: inline-block; vertical-align: top; padding: 7px 10px; position: relative; }
.enquete .cont_resultado_enquete .area_resultado_enquete .resultado_enquete .info_resultado_enquete { font-size: 15px; color: #555; font-weight: bold; margin-bottom: 5px; letter-spacing: -.5px; }
.enquete .cont_resultado_enquete .area_resultado_enquete .resultado_enquete .info_resultado_enquete .icone_img_enquete { margin-left: 5px; }
.enquete .cont_resultado_enquete .area_resultado_enquete .resultado_enquete .grafico_resultado_enquete { width: 100%; height: 40px; line-height: 40px; border-radius: 5px; overflow: hidden; position: relative; font-size: 0; background: rgba(180, 190, 200, .35); white-space: nowrap; }
.enquete .cont_resultado_enquete .area_resultado_enquete .resultado_enquete .grafico_resultado_enquete:before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 0; background: linear-gradient(-70deg, transparent 30%, rgba(0,0,0,.015) 30%, rgba(0,0,0,.015) 70%, transparent 70%) repeat-x; background-size: 50px; }
.enquete .cont_resultado_enquete .area_resultado_enquete .resultado_enquete .grafico_resultado_enquete div { min-width: 40px; height: 100%; line-height: inherit; z-index: 1; display: inline-block; vertical-align: middle; font-size: 14px; color: #fff; font-weight: bold; text-align: center; overflow: hidden; text-shadow: 0px 0px 10px rgba(0,0,0,.25); transform-origin: left; animation: resultado_enquete 1s ease both; }
.enquete .cont_resultado_enquete .area_resultado_enquete .resultado_enquete .grafico_resultado_enquete span { display: block; position: relative; z-index: 1; animation: resultado_enquete_span 1s ease both; }
/* ZERADA */
.enquete .cont_resultado_enquete .area_resultado_enquete .resultado_enquete_zero .grafico_resultado_enquete div { background: none; color: #444; text-shadow: none; }
/* VENCEDORA */
.enquete .cont_resultado_enquete .area_resultado_enquete .info_resultado_vencedora { width: 40px; height: 40px; line-height: 40px; position: absolute; top: 10px; right: 25px; background: #5352ed; font-size: 17px; color: #ffd746; text-align: center; border-radius: 100%; cursor: pointer; }
.enquete .cont_resultado_enquete .area_resultado_enquete .info_resultado_vencedora span { position: relative; z-index: 1; }
.enquete .cont_resultado_enquete .area_resultado_enquete .info_resultado_vencedora:before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: inherit; border-radius: inherit; animation: enquete_vencedora 2s .5s infinite ease; }
@keyframes resultado_enquete { from { transform: scaleX(0); } to { transform: scaleX(1); } }
@keyframes enquete_vencedora { 0% { transform: scale(.5); opacity: 1; } 75%, 100% { transform: scale(2); opacity: 0; } }



/***********************************************************************************************
						MEDIAS
/**********************************************************************************************/
@media (max-width: 1000px) {

	/* ENQUETE */
	.swe_capa .area_enquete .cont_enquete .area_quest_enquete .area_pergunta_enquete { width: 100%; height: 120px; margin: 0; text-align: justify; }
	.swe_capa .area_enquete .cont_enquete .area_quest_enquete .area_pergunta_enquete .pergunta_enquete { padding: 25px; padding-top: 60px; text-align-last: center; }
	.swe_capa .area_enquete .cont_enquete .area_quest_enquete .area_respostas_enquete { width: 100%; height: auto; display: table; margin: 15px 0; margin-bottom: 50px; }
	/* CONFIRMAÇÃO */
	.swe_capa .area_enquete .cont_enquete .area_confirmacao_enquete { width: 100%; }
	.swe_capa .area_enquete .cont_enquete .area_confirmacao_enquete .area_campos_validacao { padding: 20px; padding-top: 85px; margin-bottom: 70px; }
	/* RESPOSTA ESCOLHIDA */
	.swe_capa .area_enquete .cont_enquete .area_confirmacao_enquete .area_campos_validacao .area_resposta_escolhida .resposta_escolhida .txt_resposta { max-width: 100%; margin: auto; }
	.swe_capa .area_enquete .cont_enquete .area_confirmacao_enquete .area_campos_validacao .area_resposta_escolhida .resposta_escolhida .btn_alterar_resposta { display: block; margin: auto; }
	/* BOTÃO */
	.swe_capa .area_enquete .cont_enquete .btn_votar { top: auto; bottom: 25px; right: 50%; margin-right: -90px; }	

}

@media (max-width: 600px) {

	/* CAMPOS VALIDAÇÃO */
    .enquete .campo_validacao { width: 100%; max-width: none; }
    
	/***********************************************************************************************
							RESULTADO
	/**********************************************************************************************/
	.enquete .cont_resultado_enquete .area_resultado_enquete .resultado_enquete { width: 100%; }

}