@charset "utf-8";

/* JORNAL */
#e_conteudo .p_area_jornal { padding: 20px 10px; }
#e_conteudo .p_area_jornal .p_titulos_c { margin-left: 10px }
#e_conteudo .p_area_jornal .p_jornais { display: inline-table; width: 100%; padding: 0; margin: 0; }
#e_conteudo .p_area_jornal .p_jornal { width: 360px; width: calc(33% - 21px); min-height: 100px; display: inline-block; vertical-align: top; margin: 0 10px; margin-bottom: 20px; background: #e3e7e8; border: solid 1px #ddd; border-radius: 3px; font-size: 0; }
#e_conteudo .p_area_jornal a:last-child .p_jornal { margin-bottom: 0; }
#e_conteudo .p_area_jornal .p_jornal .p_area_img_jornal { width: 80px; height: 80px; background: #fff; border: solid 1px #ddd; border-radius: 1px; margin: 10px; display: inline-block; vertical-align: middle; overflow: hidden; }
#e_conteudo .p_area_jornal .p_jornal .p_area_img_jornal img { margin: 0 !important; border: 0 !important; width: 100%; position: relative; left: 50%; top: 50%; transform: translate(-50%, -50%); }
#e_conteudo .p_area_jornal .p_jornal .p_area_texto_jornal { width: 250px; width: calc(100% - 105px); display: inline-block; vertical-align: middle; padding: 10px 5px; }
#e_conteudo .p_area_jornal .p_jornal .p_area_texto_jornal .p_data_jornal { font-size: 11px; color: #444; }
#e_conteudo .p_area_jornal .p_jornal .p_area_texto_jornal .p_edicao_jornal { font-size: 14px; color: #ad0b0b; font-weight: bold; }

@media (max-width: 800px) {
    /* JORNAL */
    #e_conteudo .p_area_jornal { padding: 20px; padding-bottom: 0; }
    #e_conteudo .p_area_jornal .p_titulos_c { margin-left: 0; }
    #e_conteudo .p_area_jornal .p_jornais { display: block; padding-right: 10px; max-height: 80vw; overflow-y: auto; margin-bottom: 20px; }
    #e_conteudo .p_area_jornal .p_jornal { width: 100%; margin: 0; margin-bottom: 20px; position: relative; transition: 0.2s; }
    #e_conteudo .p_area_jornal .p_jornal:hover { background: #f0f7f9; }
    #e_conteudo .p_area_jornal .p_jornal .p_area_texto_jornal .p_data_jornal { font-size: 16px; }
    #e_conteudo .p_area_jornal .p_jornal .p_area_texto_jornal .p_edicao_jornal { font-size: 20px; }
    #e_conteudo .p_area_jornal .p_jornal .p_area_texto_jornal .p_btn_link_light { display: none; }
}

@media (max-width: 480px) {
    /* JORNAL */
	#e_conteudo .p_area_jornal .p_jornal .p_area_texto_jornal .p_data_jornal { font-size: 2.8vw; }
	#e_conteudo .p_area_jornal .p_jornal .p_area_texto_jornal .p_edicao_jornal { font-size: 5vw; }
}