/*********************************************************/
/*	RESPONSIVO CSS										 */
/*	DESENVOLVIDO POR: GLOBALWS							 */
/*	CEO: MICHAEL PICOLO									 */
/*********************************************************/
@media (max-width: 1366px) {
    /*********************************************************/
	header .logo {width: 180px; height: 70px;}
    header .logogestao {width: 100px; height: 35px;}
    /*********************************************************/
}
@media (max-width: 1280px) {
    /*********************************************************/
	.content {max-width: 90%;}
    /*********************************************************/
}
@media (max-width: 1152px) {
    /*********************************************************/
	header .logo {width: 140px; height: 60px;}
    header .logogestao {width: 90px; height: 30px;}
    /*********************************************************/
    .atalhos .quadro {height: 130px;}
    .atalhos .icon { font-size: 3em;}
    /*********************************************************/
    .home-noticias {padding: 60px 0;}
    .home-noticias .imagem { height: 140px;} 
    /*********************************************************/
    .apresentacao .esquerda {width: 98%;}
    .apresentacao p {text-align: justify;}
    .apresentacao .imagem {display: none;}
    /*********************************************************/
    footer .footer-list li {font-size: 0.8em;}
    footer p {font-size: 0.8em;}
    /*********************************************************/
    .lateral {width: 25%;}
    .centro {width: 72%;}
    /*********************************************************/
    .noticia-imagem {height: 180px;}
    .noticia-completa { max-width: 100%;}
    /*********************************************************/
    .titulos {padding: 10px 0;}
    .titulos h1 {font-size: 0.9em; font-weight: 500;}
    /*********************************************************/
    .contato .contato-info { flex-direction: column; gap: 20px; }
    /*********************************************************/
    .botao {font-size: 0.8em;}
    /*********************************************************/
}
@media (max-width: 950px) {
    /*********************************************************/
    .sumir {display: none;}
    .centro {width: 100%; float: none;}
    .aparecer {display: flex !important;}

    .filtros { text-align: center; gap: 5px }
    .filtros .filtro-btn {margin-bottom: 5px; text-align: center !important; font-size: 0.8em; width: 90%; justify-content: center;}
    /*********************************************************/
    .busca .titulo {width: 100%; float: none; margin-bottom: 20px;}
    .busca .formulario {width: 100%; float: right;}
    .busca .input {width: 100%; padding: 15px; font-size: 1em;}
    .busca .botao {position: absolute; margin: 10px 0 0 -150px;}
    /*********************************************************/
    .home-noticias article { flex: 1 1 calc(50% - 20px); max-width: calc(50% - 20px);}
    /*********************************************************/
    footer .quadro, footer .quadro-1 { width: 100%; float: none; margin-bottom: 25px; text-align: center; }
    footer .logo { width: 180px; display: inline-table; height: 70px; }
    footer .social { text-align: center; margin-top: 10px; }
    /*********************************************************/
    .contato .form-row { flex-direction: column; gap: 15px; }
    .contato .contato-form, .contato-mapa { padding: 20px; }
    .contato .mapa-container iframe { height: 300px; }
    /*********************************************************/
    .noticias-grid { grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; margin-bottom: 40px; }
    .noticia-imagem { height: 180px; }
    /*********************************************************/
    .interna .historia-text {padding: 20px; margin-left: 0;}
    /*********************************************************/
    .legislacao .legislacao-filters { gap: 10px; }
    .legislacao .filter-btn { padding: 10px 18px; font-size: 0.8em; min-width: 100px; }
    .legislacao .legislacao-title { flex-direction: column; align-items: center;text-align: center; gap: 10px; }
    .legislacao .legislacao-title h3 { font-size: 0.9em; }
    .legislacao .legislacao-number { display: inline-block; }
    .legislacao .legislacao-details { flex-direction: column; align-items: center; gap: 15px; }
    .legislacao .legislacao-footer { padding: 20px; }
    .legislacao .footer-info { flex-direction: column; gap: 8px; text-align: center; }
}
@media (max-width: 667px) {   
    /*********************************************************/
    .atalhos .quadro { flex: 1 1 calc(33.33% - 20px); max-width: calc(33.33% - 20px);}
    /*********************************************************/
    .paginacao {gap: 8px; margin-top: 40px; }
    .pag-btn {padding: 10px 16px; font-size: 0.9em; }
    .pag-numero {width: 40px; height: 40px; font-size: 0.9em; }
    /*********************************************************/
    .noticia-titulo-principal { font-size: 1.4em; }
    /*********************************************************/      
    .link-item { padding: 20px; flex-direction: column; align-items: flex-start; gap: 16px; }
    .link-info { width: 100%; }
    .link-title { font-size: 1em; margin: 0; padding: 0; }
    .link-url { font-size: 0.9em; }
    .link-actions { margin-left: 0; width: 100%; }
    /*********************************************************/     
    .docs .docs-ano-header h3 { font-size: 1em;}
    .docs .docs-item-content {flex-direction: column; align-items: center; gap: 10px; }
    .docs .docs-item-meta { flex-direction: column; gap: 10px; align-items: center; }
    .docs .docs-item-actions { width: 100%; justify-content: center; } 
    .docs h4 {text-align: center;}
    /*********************************************************/  
    .accordion-header { flex-direction: column; }
    .accordion-header button { width: 100%; text-align: center; border-bottom: 1px solid #ccc; }
    /*********************************************************/ 
}
@media (max-width: 480px) {
    /*********************************************************/
    header {border-top: 10px solid var(--cor_1);}
    header .inicio {display: none;}
    /*********************************************************/
    h1 {font-size: 1.4em !important;}
    p {font-size: 0.9em !important; line-height: 20px !important;}
    /*********************************************************/
    .busca h2 {font-size: 1em;}
    .busca .input {position: relative; font-size: 1.1em; font-family: var(--font_p);}
    .busca .botao {position: relative; margin: 10px 0 0 0; width: 100%;}
    /*********************************************************/
    .atalhos .quadro { flex: 1 1 calc(50% - 20px); max-width: calc(50% - 20px);}
    /*********************************************************/
    .home-noticias article { flex: 1 1 calc(100% - 20px); max-width: calc(100% - 20px); }
    /*********************************************************/
    .apresentacao h2 {font-size: 1em;}
    /*********************************************************/
    .titulos h1 {font-size: 0.8em !important;}
    /*********************************************************/
    .navegacao {display: none;}
    /*********************************************************/
    .faq-footer { padding: 10px; }
    .faq-contact h4 { font-size: 1em; }
    /*********************************************************/
    .empty { padding: 20px; }
    .empty .empty-icon { width: 60px; height: 60px; font-size: 1.5em; }
    .empty h3 {font-size: 1em !important;}
    /*********************************************************/
    .links .link-item { padding: 15px; }
    .links .link-button { width: 100%; justify-content: center; padding: 12px; }
    /*********************************************************/
    .paginacao { flex-direction: column; gap: 15px; margin-top: 30px; }
    .pag-numeros { order: 1; }
    .pag-anterior { order: 0; }
    .pag-proximo { order: 2; }
    .pag-btn { padding: 8px 12px; font-size: 0.8em; }
    .pag-numero { width: 35px; height: 35px; font-size: 0.8em; }
    /*********************************************************/   
    .noticia-imagem-destaque {width: 90%; height: auto;}
    .noticia-titulo-principal { font-size: 1em !important; }
    .noticia-data-destaque { top: 10px; right: 10px; padding: 5px; font-size: 0.9em; }
    .noticia-resumo-destaque { padding: 10px; font-size: 0.8rem; margin-bottom: 20px; }
    .btn-share { width: 45px; height: 45px; font-size: 1.2rem; }
    /*********************************************************/  
 }
/*********************************************************/