@charset "utf-8";

/* ACESSO FACIL */

#af_conteudo .af_filtro { max-width: 400px; position: relative; margin: 3% auto; display: grid; grid-auto-flow: dense; grid-template-columns: auto 1fr; align-items: center; gap: 5px; }
#af_conteudo .af_filtro .af_icone_filtro { width: 50px; aspect-ratio: 1; background: #eceff4; border-radius: 100%; grid-row: span 2; display: flex; align-items: center; justify-content: center; border-radius: 100%; font-size: 16px; color: #47474b; }
#af_conteudo .af_filtro input { width: 100%; height: 40px; border: solid 1px #eceff4; border-radius: 100px; padding-left: 20px; padding-right: 110px; font-family: inherit; font-size: 13px; color: #56565b; }
#af_conteudo .af_filtro label { padding-left: 5px; font-size: 15px; color: #47474b; font-weight: 800; }
#af_conteudo .af_filtro button { height: 33px; position: absolute; bottom: 3px; right: 3px; background: #47474b; border: 0; border-radius: 100px; display: flex; align-items: center; justify-content: center; gap: 5px; padding: 0 15px; font-family: inherit; font-size: 13px; color:#fff; font-weight: bold; cursor: pointer; transition: .15s ease; }
#af_conteudo .af_filtro button:active { transform: scale(.95); transition: 0s;}
#af_conteudo .af_filtro input:invalid~ button { opacity: 0; transform: scale(.9); }

#af_conteudo .af_area_listagem { max-width: 1200px; margin: 0 auto; display: flex; flex-direction: column; gap: 10px; }
#af_conteudo .af_area_listagem .af_menu .af_botao_menu { height: 60px; background: #5c5e61; border-radius: 4px; display: flex; align-items: center; justify-content: space-between; padding: 0 20px; cursor: pointer; color: #fff; font-weight: 600; }
#af_conteudo .af_area_listagem .af_menu .af_botao_menu span { transition: transform 0.3s ease; margin-right: 10px; }
#af_conteudo .af_area_listagem .af_menu .af_botao_menu.active span.fa-angle-down { transform: rotate(180deg); }
#af_conteudo .af_area_listagem .af_menu .af_submenu_area { margin-top: 10px; display: flex; flex-wrap: wrap; gap: 10px; padding-bottom: 10px; max-height: 0; overflow: hidden; transition: all 0.4s ease; opacity: 0; }
#af_conteudo .af_area_listagem .af_menu .af_submenu_area.open { max-height: 1000px; opacity: 1; }
#af_conteudo .af_area_listagem .af_menu .af_submenu { flex: 1 1 calc(33.33% - 10px); }
#af_conteudo .af_area_listagem .af_menu .af_cont_submenu { background: #F5F5F5; gap: 12px; border-radius: 4px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 25px; transition: 0.3s ease; }
#af_conteudo .af_area_listagem .af_menu .af_area_img_af { background: #E3E5E5; color: #5c5e61; border-radius: 50%; width: 60px; height: 60px; line-height: 60px; text-align: center; font-size: 20px; }
#af_conteudo .af_area_listagem .af_menu .af_submenu:hover .af_area_img_af { background: #fff; transform: rotateY(360deg); transition: .35s; }
#af_conteudo .af_area_listagem .af_menu .af_titulo { font-weight: 500; font-size: 14px; text-align: center; color: #333; }