@charset "utf-8";

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

/* ENQUETE CAPA */
.e_area_enquete { font-size: 0; background: #2376be; background: linear-gradient(to right, #2376be, #a176e0); padding: 0; }
.e_area_enquete .sw_carregando { color: #fff; }
.e_area_enquete > .conteudo_interno { background: url("../img/bg-enquete.png") no-repeat center; background-size: 1200px; padding: 1.5vh 20px; text-align: center; }
.e_area_enquete .e_area_titulo_sessao { max-width: 800px; padding: 20px 0; border-bottom: solid 1px rgba(255,255,255,.3);  margin: auto; margin-bottom: 15px; }
.e_area_enquete .e_area_titulo_sessao .e_titulo_sessao { color: #fff; }
.e_area_enquete .e_area_titulo_sessao .e_subtitulo_sessao { color: #ffe63f; }
.e_area_enquete .e_titulo_enquete { font-size: 10px; color: #fff; letter-spacing: .1em; }
.e_area_enquete .e_enquete { margin-bottom: 3vh; }
.e_area_enquete .e_enquete:nth-child(n + 3) { border-top: solid 1px rgba(255,255,255,.3); padding-top: 3.5vh; margin-top: 6vh; }
.e_area_enquete .e_enquete .e_form_enquete { max-width: 800px; margin: auto; }
/* PERGUNTA */
.e_area_enquete .e_area_pergunta_enquete { padding: 10px; }
.e_area_enquete .e_area_pergunta_enquete .e_titulo_enquete { height: 40px; line-height: 40px; display: inline-block; vertical-align: middle; padding-left: 20px; padding-right: 30px; position: relative; border-radius: 5px; overflow: hidden; margin-right: 5px; }
.e_area_enquete .e_area_pergunta_enquete .e_titulo_enquete:before { content: ""; width: 100%; height: 100%; background: #3e1c83; position: absolute; top: 0; left: 0; border-radius: inherit; transform: skew(-25deg); transform-origin: top right; }
.e_area_enquete .e_area_pergunta_enquete .e_titulo_enquete span { position: relative; z-index: 1; }
.e_area_enquete .e_area_pergunta_enquete .e_pergunta_enquete { line-height: 1.7; display: inline; vertical-align: middle; font-size: 17px; color: #fff; font-weight: 600; letter-spacing: -.05em; }
/* RESPOSTAS */
.e_area_enquete .e_area_respostas_enquete { background: rgba(184,179,246,.3); padding: 0 15px; padding-top: 15px; border-radius: 4px; margin-top: 15px; }
.e_area_enquete .e_area_respostas_enquete *::-webkit-scrollbar-thumb { background: #d1cbf8; }
.e_area_enquete .e_area_respostas_enquete .e_titulo_enquete { font-size: 12px; font-weight: 600; }
.e_area_enquete .e_area_respostas_enquete .e_cont_respostas { height: 85px; margin-top: 20px; position: relative; }
.e_area_enquete .e_area_respostas_enquete .e_cont_respostas .e_cont_barra { overflow-x: auto; }
.e_area_enquete .e_area_respostas_enquete .e_cont_respostas .e_resposta_enquete { display: inline-block; vertical-align: middle; position: relative; margin-left: 10px; }
.e_area_enquete .e_area_respostas_enquete .e_cont_respostas .e_resposta_enquete:first-child { margin-left: 0; }
.e_area_enquete .e_area_respostas_enquete .e_cont_respostas .e_resposta_enquete input { position: absolute; top: 0; left: 0; opacity: 0; }
.e_area_enquete .e_area_respostas_enquete .e_cont_respostas .e_resposta_enquete label { height: 60px; line-height: 60px; display: block; padding-left: 45px; padding-right: 20px; border-radius: 4px; background: #7a4fd3; font-size: 15px; color: #fff; font-weight: 400;cursor: pointer; transition: .25s ease; }
.e_area_enquete .e_area_respostas_enquete .e_cont_respostas .e_resposta_enquete label:hover { background: #6337bc; }
.e_area_enquete .e_area_respostas_enquete .e_cont_respostas .e_resposta_enquete label:before { content: ""; width: 14px; height: 14px; position: absolute; top: 50%; left: 20px; margin-top: -7px; background: rgba(167,149,232,.4); border-radius: 100%; pointer-events: none; }
.e_area_enquete .e_area_respostas_enquete .e_cont_respostas .e_resposta_enquete svg { width: 22px; height: 22px; stroke-dashoffset: -35; position: absolute; top: 50%; left: 21px; margin-top: -12px; pointer-events: none; stroke: inherit; stroke:#fff; transform: scale(.8); transition: .2s ease-out; }
.e_area_enquete .e_area_respostas_enquete .e_cont_respostas .e_resposta_enquete input:checked ~ label { background: #6337bc; }
.e_area_enquete .e_area_respostas_enquete .e_cont_respostas .e_resposta_enquete input:checked ~ svg { stroke-dashoffset: 0; }
/* CAMPOS */
.e_area_enquete .e_area_campos_form { display: flex; flex-wrap: wrap; margin-top: 25px; }
.e_area_enquete .e_area_campos_form .sw_area_campos_form { width: 100%; }
.e_area_enquete .e_area_campos_form .sw_campos_form label { display: none; }
.e_area_enquete .e_area_campos_form .sw_campos_form input { border-color: transparent }
.e_area_enquete .e_area_campos_form .e_area_captcha { background: rgba(167,149,232,.1) }
.e_area_enquete .e_area_campos_form .e_btn_votar { width: 90%; max-width: 200px; height: 60px; background: #511fb5; font-size: 15px; color: #fff; border: 0; border-radius: 4px; margin: auto; margin-top: 25px; cursor: pointer; transition: .1s ease; }
.e_area_enquete .e_area_campos_form .e_btn_votar:hover { background: #3c0e99; }
.e_area_enquete .e_area_campos_form .e_btn_votar:active { transform: scale(.9); }


/***********************************************************************************************
						RESULTADO
/**********************************************************************************************/
.enquete .cont_resultado_enquete .area_pergunta_enquete { background: rgba(167,149,232,.4); padding: 25px 10px; padding-top: 30px; border-radius: 6px; font-size: 15px; color: #fff; 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: #bdaaf3; 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; background: #fff; }
.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; } }