@charset "utf-8";

/* ENQUETES 2 */
.p_area_enquetes .p_enquete .p_cont_enquete { padding: 10px; gap: 10px; }

/* FORMULÁRIO */
.p_enquete .p_area_formulario_enquete { flex-flow: column; gap: 10px; }
.p_enquete .p_area_formulario_enquete form { display: contents; }

/* RESPOSTAS */
.p_enquete .p_area_respostas { background: var(--cinza1); border-radius: 3px; flex-flow: wrap; gap: 10px; padding: 10px; }
.p_enquete .p_resposta input { display: none; }
.p_enquete .p_resposta label { flex-flow: unset; align-items: center; padding: 5px; gap: 10px; cursor: pointer; }
.p_enquete .p_resposta label .p_radiobox { width: 18px; height: 18px; border-radius: 100%; background: #fff; border: solid 1px var(--cinza3); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.p_enquete .p_resposta label .p_radiobox::after { content: ""; width: 10px; aspect-ratio: 1; background: var(--cor1); border-radius: 100%; transition: .1s ease; }
.p_enquete .p_resposta :not(:checked)~label .p_radiobox::after { transform: scale(.5); opacity: 0; }
.p_enquete .p_resposta label img,
.p_enquete .p_resposta label .swfa { width: 24px; aspect-ratio: 1; border-radius: 100%; background: var(--cor1); font-size: 12px; color: #fff; display: flex; align-items: center; justify-content: center; }

@media (max-width: 600px) {
    .p_enquete .p_resposta { flex: 100%; }
}

/* VALIDAÇÃO */
.p_enquete .p_area_validacao { flex-flow: wrap; gap: 5px; }
.p_enquete .p_campo_validacao { min-width: 120px; flex: 20%; flex-flow: column; }
.p_enquete .p_campo_validacao input { width: 100%; height: 40px; background: var(--cinza1); border: solid 1px var(--cinza1); padding: 0 15px; }

@media (max-width: 600px) {
    .p_enquete .p_campo_validacao { min-width: auto; flex: 100%; }
}

/* EXIBIÇÃO HORIZONTAL */
.exibicao_horizontal .p_enquete .p_area_formulario_enquete { flex: 70%; }
@container exibicao_auto (width > 450px) {
	.exibicao_auto .p_enquete .p_area_formulario_enquete { flex: 70%; }
}

/* FLUTUANTE */
@media (min-width: 601px) {

    /* RESPOSTAS */
    .p_enquete .p_area_respostas { flex-flow: column; }
}