@charset "utf-8";

/* ************************************************************************************************************************************
				TELEFONES
************************************************************************************************************************************ */

/* RESET DOS ESPAÇAMENTOS */
#tel_conteudo, #tel_conteudo *, #tel_conteudo *:before, #tel_conteudo *:after { box-sizing: border-box; -webkit-tap-highlight-color: rgba(0,0,0,0); }
#tel_conteudo img { border: 0; margin: 0; }

/* BUSCA */
/* AREA CAMPOS DO FORMULÁRIO */
#tel_conteudo .tel_area_telefones_uteis .sw_area_busca .sw_area_form_busca .tel_form_palavra_chave { width: 100%; }
#tel_conteudo .tel_area_telefones_uteis .sw_area_busca .sw_area_form_busca .tel_categorias { width: 100%; }
#tel_conteudo .tel_area_telefones_uteis .sw_area_busca .sw_area_form_busca .sw_form_btn_buscar { width: 180px; display: block; margin: auto; margin-top: 5px; }

@media (max-width: 480px) {
    #tel_conteudo .tel_area_telefones_uteis .sw_area_busca .sw_area_form_busca .sw_form_btn_buscar { width: 80%; display: block; margin: auto; margin-top: 10px; }
}

/* ************************************************************************************************************************************
				LISTAGEM
************************************************************************************************************************************ */
.tel_area_listagem_telefones_uteis .tel_cont_listagem_telefones_uteis { display: -webkit-flex; flex-wrap: wrap; gap: 15px; padding-top: 20px; }
.tel_area_listagem_telefones_uteis .tel_telefone { flex: 49%; display: grid; grid-template-columns: auto 1fr auto; grid-auto-flow: dense; align-items: center; padding: 20px; gap: 15px; border-radius: 6px; box-shadow: 0 0 10px rgba(97, 99, 107, .15);cursor: default; margin: 0; transition: .35s ease; }
.tel_area_listagem_telefones_uteis .tel_telefone:hover { box-shadow: 0 7px 20px -5px rgba(97, 99, 107, .35); }
.tel_area_listagem_telefones_uteis .tel_telefone .tel_area_img_telefone { width: 60px; height: 60px; border-radius: 4px; overflow: hidden; position: relative; flex-shrink: 0; }
.tel_area_listagem_telefones_uteis .tel_telefone .tel_area_img_telefone .swfa { width: inherit; height: inherit; display: -webkit-flex; align-items: center; justify-content: center; font-size: 25px; color: #fff; background: #0f65a2;}
.tel_area_listagem_telefones_uteis .tel_telefone .tel_area_info_telefone { flex: 1;}
.tel_area_listagem_telefones_uteis .tel_telefone .tel_area_info_telefone .sw_titulo_listagem { align-items: center; margin: 0; margin-bottom: 3px; gap: 10px;}
.tel_area_listagem_telefones_uteis .tel_telefone .tel_area_info_telefone .sw_titulo_listagem .swfa { width: 16px; height: 16px; line-height: 16px; margin: 0 5px; position: relative; top: -1px; background: #0f65a2; font-size: 8px; color: #fff; flex-shrink: 0; cursor: pointer; text-decoration: none !important; }
.tel_area_listagem_telefones_uteis .tel_telefone .tel_link_telefone { border-radius: 4px; overflow: hidden; margin-left: auto; color: #fff; flex-shrink: 0; transition: .2s ease; }
.tel_area_listagem_telefones_uteis .tel_telefone .tel_link_telefone:not(:hover) { background: #f2f3f5; color: #45454b; }
.tel_area_listagem_telefones_uteis .tel_telefone .tel_link_telefone:hover { transform: scale(1.15); }
.tel_area_listagem_telefones_uteis .tel_telefone .tel_link_telefone .swfa { width: 40px; height: 40px; line-height: 40px; text-align: center; cursor: pointer; }
.tel_area_listagem_telefones_uteis .tel_telefone .tel_descricao { order: 1; grid-column: span 3; margin: auto; border-top: 1px solid #e8eaed; padding-top: 10px; margin: 0; }