@charset "utf-8";

/* PROPOSIÇÕES 1.1 - Função click com dropdown geral */
.p_area_proposicoes .p_cont_proposicoes {padding-bottom: 330px}
.p_area_proposicoes .p_cont_proposicoes .p_cont_listagem {flex-flow: row; position: relative}
.p_area_proposicoes .p_cont_proposicoes .p_cont_listagem .p_categoria_proposicao {container: unset}
.p_area_proposicoes .p_cont_proposicoes .p_cont_listagem .p_categoria_proposicao .p_cont_categoria_proposicao {display: grid; grid: "img title" 70px / auto 1fr; position: unset; padding: 10px; gap: 10px; align-items: center; }
.p_area_proposicoes .p_cont_proposicoes .p_cont_listagem .p_categoria_proposicao .p_cont_categoria_proposicao:has(> .p_area_info > .p_info) {display: grid; grid: "img title" 30px "img info" 30px / auto 1fr; position: unset; padding: 10px; gap: 10px; align-items: center; }

/* AREA IMG */
.p_area_proposicoes .p_cont_proposicoes .p_cont_listagem .p_categoria_proposicao .p_cont_categoria_proposicao .p_area_img_categoria_proposicao {grid-area: img; background: none; font-size: 16px; border: 0; aspect-ratio: unset; padding: 0 15px; color: var(--texto1); width: 60px; height: 60px; border-radius: 100%; background: var(--cinza1); margin: auto}
.p_area_proposicoes .p_cont_proposicoes .p_cont_listagem .p_categoria_proposicao.show .p_cont_categoria_proposicao .p_area_img_categoria_proposicao {background: var(--cor1); color: #fff; }

/* AREA INFO */
.p_area_proposicoes .p_cont_proposicoes .p_cont_listagem .p_categoria_proposicao .p_cont_categoria_proposicao .p_area_info_categoria_proposicao {display: contents;}
.p_area_proposicoes .p_cont_proposicoes .p_cont_listagem .p_categoria_proposicao .p_cont_categoria_proposicao .p_area_info_categoria_proposicao > .p_titulo { grid-area: title;}
.p_area_proposicoes .p_cont_proposicoes .p_cont_listagem .p_categoria_proposicao.show .p_cont_categoria_proposicao .p_area_info_categoria_proposicao > .p_titulo {color: var(--cor1)}
.p_area_proposicoes .p_cont_proposicoes .p_cont_listagem .p_categoria_proposicao .p_cont_categoria_proposicao .p_area_info_categoria_proposicao > .p_info { grid-area: info}

/* LISTA PROPOSICOES */
@media (min-width: 1001px){
  .p_area_proposicoes .p_cont_proposicoes .p_cont_listagem .p_categoria_proposicao .p_cont_categoria_proposicao .p_area_info_categoria_proposicao .p_cont.p_lista_proposicao {max-width: unset; transition: .25s ease; position: absolute; left: 10px; width: calc(100% - 40px); top: 100%; background: #fff; padding: 0 10px 10px 0; margin: 10px; border-radius: var(--border-radius); height: 300px; max-height: 300px}
  .p_area_proposicoes .p_cont_proposicoes .p_cont_listagem .p_categoria_proposicao .p_cont_categoria_proposicao .p_area_info_categoria_proposicao:before {content: ""; width: calc(100% - 20px); height: 320px; margin-right: -10px; position: absolute; z-index: 0; background: #fff; right: 20px; top: 100%; border-radius: 3px}
}

.p_area_proposicoes .p_cont_proposicoes .p_cont_listagem .p_categoria_proposicao:not(.show) .p_cont_categoria_proposicao .p_area_info_categoria_proposicao .p_cont.p_lista_proposicao {max-height: 0}
.p_area_proposicoes .p_cont_proposicoes .p_cont_listagem .p_categoria_proposicao .p_cont_categoria_proposicao .p_area_info_categoria_proposicao .p_cont.p_lista_proposicao .p_proposicao {position: relative; z-index: 1}

@media (max-width: 1000px){
  .p_area_proposicoes .p_cont_proposicoes {padding-bottom: 0}
  .p_area_proposicoes .p_cont_proposicoes .p_cont_listagem {flex-flow: column}
  .p_area_proposicoes .p_cont_proposicoes .p_cont_listagem .p_categoria_proposicao .p_cont_categoria_proposicao { gap: 0 10px; }
  .p_area_proposicoes .p_cont_proposicoes .p_cont_listagem .p_categoria_proposicao .p_cont_categoria_proposicao .p_area_info_categoria_proposicao:before {display: none}
  .p_area_proposicoes .p_cont_proposicoes .p_cont_listagem .p_categoria_proposicao .p_cont_categoria_proposicao .p_area_info_categoria_proposicao .p_cont.p_lista_proposicao {grid-column: span 2; background: #fff; padding: 0 10px 0 0; margin: 0 10px; border-radius: 3px; height: 200px; transition: .25s ease; overflow: hidden}
  .p_area_proposicoes .p_cont_proposicoes .p_cont_listagem .p_categoria_proposicao.show .p_cont_categoria_proposicao .p_area_info_categoria_proposicao .p_cont.p_lista_proposicao {padding: 0 10px 10px 0; margin: 10px; overflow-y: scroll}
  .p_area_proposicoes .p_cont_proposicoes .p_cont_listagem .p_categoria_proposicao .p_cont_categoria_proposicao .p_area_info_categoria_proposicao .p_cont.p_lista_proposicao .p_proposicao:first-child .p_cont_proposicao .p_area_info {border-top: solid 1px rgba(67,67,67,.08)}
  .p_area_proposicoes .p_cont_proposicoes .p_cont_listagem .p_categoria_proposicao .p_cont_categoria_proposicao .p_area_info_categoria_proposicao .p_cont.p_lista_proposicao .p_proposicao:last-child .p_cont_proposicao .p_area_info {border-bottom: solid 1px rgba(67,67,67,.08)}
}


/* ESTILIZAÇÃO */
.p_area_proposicoes .p_cont_proposicoes .p_cont_listagem .p_categoria_proposicao:not(.show) .p_cont_categoria_proposicao {cursor: pointer}
.p_area_proposicoes .p_cont_proposicoes .p_cont_listagem .p_categoria_proposicao .p_cont_categoria_proposicao .p_area_info_categoria_proposicao .p_cont.p_lista_proposicao {gap: 0}
.p_area_proposicoes .p_cont_proposicoes .p_cont_listagem .p_categoria_proposicao .p_cont_categoria_proposicao .p_area_info_categoria_proposicao .p_cont.p_lista_proposicao .p_proposicao .p_cont_proposicao:hover {transform: none; box-shadow: none}
.p_area_proposicoes .p_cont_proposicoes .p_cont_listagem .p_categoria_proposicao .p_cont_categoria_proposicao .p_area_info_categoria_proposicao .p_cont.p_lista_proposicao .p_proposicao .p_cont_proposicao .p_area_info {min-height: 50px; transition: .2s; display: flex; flex-flow: row; gap: 10px; align-items: center}
.p_area_proposicoes .p_cont_proposicoes .p_cont_listagem .p_categoria_proposicao .p_cont_categoria_proposicao .p_area_info_categoria_proposicao .p_cont.p_lista_proposicao .p_proposicao:not(:last-child) .p_cont_proposicao .p_area_info {border-bottom: solid 1px rgba(67,67,67,.08)}
.p_area_proposicoes .p_cont_proposicoes .p_cont_listagem .p_categoria_proposicao .p_cont_categoria_proposicao .p_area_info_categoria_proposicao .p_cont.p_lista_proposicao .p_proposicao .p_cont_proposicao:hover .p_area_info {padding-left: 20px}
.p_area_proposicoes .p_cont_proposicoes .p_cont_listagem .p_categoria_proposicao .p_cont_categoria_proposicao .p_area_info_categoria_proposicao .p_cont.p_lista_proposicao .p_proposicao .p_cont_proposicao .p_area_info .p_titulo {font-size: 14px; font-weight: 500; flex: 1}
.p_area_proposicoes .p_cont_proposicoes .p_cont_listagem .p_categoria_proposicao .p_cont_categoria_proposicao .p_area_info_categoria_proposicao .p_cont.p_lista_proposicao .p_proposicao .p_cont_proposicao .p_area_info .p_botao { margin-top: inherit; border-top: 0; padding-top: 0; }