@charset "utf-8";

/* PROPOSIÇÕES 1 */
.p_area_proposicoes {
    --tamanho-icone-categoria: 2em;
}
.p_area_proposicoes .p_cont_proposicoes { }
.p_area_proposicoes .p_proposicao { }

/* CATEGORIA */
.p_area_proposicoes .p_categoria_proposicao .p_cont_categoria_proposicao { overflow: visible; }

/* HORIZONTAL */
.exibicao_horizontal .p_categoria_proposicao .p_area_img_categoria_proposicao { width: var(--tamanho-icone-categoria); height: 100%; flex: none; border-top-left-radius: var(--border-radius); border-bottom-left-radius: var(--border-radius); }
@container exibicao_auto (width > 450px) {
	.exibicao_auto .p_categoria_proposicao .p_area_img_categoria_proposicao { width: var(--tamanho-icone-categoria); height: 100%; flex: none; border-top-left-radius: var(--border-radius); border-bottom-left-radius: var(--border-radius); }
}
/* VERTICAL */
.exibicao_vertical .p_categoria_proposicao .p_area_img_categoria_proposicao { width: 100%; height: var(--tamanho-icone-categoria); border-top-left-radius: var(--border-radius); border-top-right-radius: var(--border-radius); }
@container exibicao_auto (width <= 450px) {
	.exibicao_auto .p_categoria_proposicao .p_area_img_categoria_proposicao { width: 100%; height: var(--tamanho-icone-categoria); border-top-left-radius: var(--border-radius); border-top-right-radius: var(--border-radius); }
}

/* ITEM */
.p_area_proposicoes .p_area_listagem .p_proposicao { padding: 0; }
.p_area_proposicoes .p_proposicao .p_item_proposicao .p_cont_link { justify-content: center; }

/* LISTA */
.p_area_proposicoes .p_categoria_proposicao .p_lista_proposicao { max-height: 200px; overflow-y: scroll; padding: 5px; gap: 10px; }

/* DROPDOWN */
.p_area_proposicoes .p_categoria_proposicao:has(.p_dropdown) { cursor: pointer; z-index: 99; }
.p_area_proposicoes .p_categoria_proposicao.show { z-index: 100; }
.p_area_proposicoes .p_categoria_proposicao .p_dropdown { width: 100%; display: grid; grid-template-rows: 1fr; overflow: hidden; background: var(--cinza3); padding: 10px; transition: var(--transition); }
.p_area_proposicoes .p_categoria_proposicao:not(.show) .p_dropdown { grid-template-rows: 0fr; padding-top: 0; padding-bottom: 0; }
.p_area_proposicoes .p_categoria_proposicao .p_dropdown .p_cont_dropdown { display: flex; flex-flow: column; gap: 5px; overflow: hidden; }
@media (min-width: 1001px) {
    .p_area_proposicoes .p_categoria_proposicao .p_dropdown { position: absolute; top: 100%; left: 0;}
}