/*********************************************************/
/*CSS MODE - MRPNET 2025
/*********************************************************/
/*CORES*/
:root {
  --cor_1: #0563C1;
  --cor_2: #39B5FE;
  --cor_3: #68B25B;
  --cor_4: #CB753D;
  --cor_5: #4B4B4C;
}
/*********************************************************/
.botao {padding: 10px 30px; color: #fff !important; background-color: var(--cor_1); border-radius: 10px; font-weight: 500; text-transform: uppercase; cursor: pointer; display: inline-block;}
.botao:hover {background-color: var(--cor_2);}

.line {width: 80px; height: 5px; background-color: var(--cor_2); border-radius: 50px;}
.lineb {width: 80px; height: 5px; background-color: var(--cor_2); border-radius: 50px; margin: 10px auto 40px auto;}

.fl-r {float: right;}
.txt-c {text-align: center;}

.tema {font-size: 0.8em !important; background-color: #f9f9f9;}
.tema a {color: #000 !important;}
.tema i {color: var(--cor_2) !important; padding-left: 5px;}

p {font-family: var(--font_s) !important; color: var(--cor_5); line-height: 30px;}
/*********************************************************/
/*HEADER DO SITE*/
header {width: 100%; position: relative; z-index: 1000;}
header .content {display: flex; align-items: center; justify-content: space-between;}

header .inicio {width: 100%; background-color: var(--cor_1);}
header .dados li {color: #fff; font-weight: 400; font-size: 0.9em;}
header .smenu li {font-weight: 400; font-size: 0.9em; display: inline-block; padding: 10px;}
header .smenu li:hover {background-color: var(--cor_2);}
header .smenu a {color: #fff;}

header .social li {display: inline-block; color: #fff; font-size: 1.2em; padding: 6.5px 15px;}
header .social li:hover {background-color: var(--cor_2);}

header .topo {padding: 20px 0;}
header .logo {width: 200px; height: 80px;}
header .logogestao {width: 120px; height: 40px; background-image: url(../images/progestao.png); background-position:  center center; margin: 20px 0 0 20px; }
/*********************************************************/
footer {width: 100%; display: table; padding-top: 20px; border-top: 15px solid var(--cor_2); background-color: var(--cor_1);}
footer h2 {font-size: 1em; font-weight: 600; text-transform: uppercase; padding-bottom: 10px; color: #fff;}
footer p {font-size: 0.9em; font-weight: 300; color: #fff; line-height: 22px !important;}
footer a {color: #fff;}
footer a:hover {color: var(--cor_3) !important;}

footer .quadro {width: 25%; float: left; padding-right: 15px;}
footer .quadro-1 {width: 25%; float: left; padding-right: 15px;}

footer .logo {width: 70%; height: 90px; margin: 0 auto; background-position: center center;}
footer .footer-list li {font-size: 0.9em; font-weight: 300; padding-bottom: 3px; color: #fff;}

footer .social li {font-size: 1.2em; display: inline-block; padding: 0 10px; color: #fff;}
footer .social li:hover {color: var(--cor_3);}
/*********************************************************/
.busca {width: 100%; display: table; padding: 40px 0; background-color: #f9f9f9; position: relative;}
.busca h2 {font-weight: 800; color: var(--cor_1); font-size: 1.4em; text-transform: uppercase; line-height: 35px;}
.busca h2 span {font-weight: 300; font-size: 2em;}
.busca .titulo {width: 30%; float: left;}
.busca .formulario {width: 60%; float: right;}
.busca .input {width: 100%; padding: 25px; background-color: #fff; border: 1px solid #DFDFDF; position: relative; font-size: 1.1em; font-family: var(--font_p);}
.busca .botao {position: absolute; margin: 20px 0 0 -150px;}
/*********************************************************/
.banners {width: 100%; padding-top: 40px;}
.banners .content {position: relative;}
/*********************************************************/
.atalhos { display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; margin: 20px 0; }
.atalhos h3 {font-size: 0.8em;}
.atalhos .quadro { flex: 1 1 calc(16.66% - 20px); max-width: calc(16.66% - 20px); background: #f1f1f1; text-align: center; padding: 15px; border-radius: 10px; height: 150px; display: flex; flex-direction: column; align-items: center; justify-content: center; transition: transform 0.2s ease, box-shadow 0.2s ease; border-bottom: 5px solid var(--cor_2);}
.atalhos .quadro a { display: block; width: 100%; height: 100%; text-decoration: none; color: inherit; color: var(--cor_5); }
.atalhos .quadro:hover { transform: translateY(-5px); box-shadow: 0 5px 15px rgba(0,0,0,0.2); background-color: var(--cor_1);}
.atalhos .quadro:hover i {color: #fff !important;}
.atalhos .quadro:hover h3 {color: #fff !important;}
.atalhos .icon { font-size: 4em; margin-bottom: 10px; color: var(--cor_1); }
/*********************************************************/
.home-noticias { width: 100%; padding: 60px 0 120px 0; display: table;}
.home-noticias h1 {text-align: center; font-size: 2em; font-weight: 700; color: var(--cor_1);}
.home-noticias h2 {font-size: 0.9em; font-weight: 500; color: var(--cor_5);}
.home-noticias a {color: #666;}
.home-noticias a:hover {color: var(--cor_1);}

.home-noticias .data {text-align: left !important; font-size: 0.8em; color: var(--cor_2); padding-bottom: 5px;}
.home-noticias .imagem {width: 100%; height: 180px; background-position: center center; margin-bottom: 15px; transition: transform 0.3s ease, filter 0.3s ease; border-radius: 5px;}
.home-noticias article:hover .imagem {transform: scale(1.05); filter: brightness(1.1);}

.home-noticias .noticias-grid { display: flex; flex-wrap: wrap; gap: 20px; align-items: stretch; }
.home-noticias article { flex: 1 1 calc(25% - 20px); max-width: calc(25% - 20px); display: flex; flex-direction: column; justify-content: center; justify-content: flex-start; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid #f9f9f9;}
/*********************************************************/
.apresentacao {width: 100%; display: table; padding: 40px 0; position: relative; background-color: #f9f9f9; position: relative; min-height: 420px;}
.apresentacao h2 {font-weight: 800; color: var(--cor_1); font-size: 1.4em; text-transform: uppercase; line-height: 35px;}
.apresentacao h2 span {font-weight: 300; font-size: 2em;}
.apresentacao p {line-height: 30px; font-weight: 400;}
.apresentacao .imagem {position: absolute; right: 20%; bottom: 5px; width:25%; height: 480px; background-position: bottom;}
/*********************************************************/
.fim {width: 100%; display: table; padding: 10px 0; text-align: center; background-color: #35497D;}
.fim p {font-size: 0.8em; color: #fff; font-weight: 300;}
/*********************************************************/
.navegacao {width: 100%; display: table; padding-top: 10px; }
.navegacao .content {border-bottom: 1px solid #ccc; padding-bottom: 10px;}
.navegacao li {font-size: 0.9em; padding-right: 10px; color: var(--cor_5); display: inline-block; font-weight: 300;}
.navegacao a:hover li {color: var(--cor_2);}
/*********************************************************/
.titulos {width: 100%; text-align: center; padding: 20px 0; background-color: var(--cor_1);}
.titulos h1 {font-size: 2em; color: #fff;}
/*********************************************************/
.interna {width: 100%; display: flex; padding: 40px 0 60px 0;}
.interna .historia-text { background: #f8f9fa; border-radius: 12px; padding: 30px; margin-left: 20px; border-left: 4px solid var(--cor_1); position: relative; text-align: justify;}
/*********************************************************/
.lateral {width: 20%; float: left;}
.lateral h2 {text-align: center; padding: 10px; background-color: #ccc; font-size: 1em; color: var(--cor_1); font-weight: 500;}
/*********************************************************/
.menulateral {width: 100%;}
.menulateral li { border-bottom: 1px solid #ccc; font-size: 0.9em; font-weight: 300; }
.menulateral li a { display: block; color: var(--cor_1); text-decoration: none; padding: 10px; }
.menulateral li a:hover { color: #fff !important; background-color: var(--cor_1); }
.menulateral i { padding-right: 5px; }
.menulateral li.current a { background-color: var(--cor_1); color: #fff !important; }
/*********************************************************/
.centro {width: 75%; float: right;}
/*********************************************************/
.contato { width: 100%; display: flex; flex-direction: column; gap: 40px; }
.contato h2 { font-size: 1.4em; font-weight: 600; color: var(--cor_1); margin-bottom: 25px; text-align: center; }
.contato h3 { font-size: 1.1em; font-weight: 600; color: var(--cor_1); margin-bottom: 8px; }

.contato .contato-info { display: flex; justify-content: space-between; gap: 30px; margin-bottom: 20px; }
.contato .info-item { flex: 1; display: flex; align-items: flex-start; gap: 10px; padding: 25px 10px; background: #f9f9f9; border-radius: 10px; border-left: 5px solid var(--cor_1); transition: transform 0.3s ease, box-shadow 0.3s ease; }
.contato .info-item:hover { transform: translateY(-5px); box-shadow: 0 5px 20px rgba(0,0,0,0.1); }
.contato .info-icon { width: 40px; height: 40px; background: var(--cor_1); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 1.2em; flex-shrink: 0; }
.contato .info-content p { font-size: 0.9em; line-height: 20px;}

.contato .contato-form { background: #fff; padding: 30px; border-radius: 10px; box-shadow: 0 2px 15px rgba(0,0,0,0.1); border-top: 5px solid var(--cor_1); }
.contato .form-contato { display: flex; flex-direction: column; gap: 20px; }
.contato .form-row { display: flex; gap: 20px; }
.contato .form-group { flex: 1; display: flex; flex-direction: column; }
.contato .form-group.full-width { width: 100%; }
.contato .form-group label { font-weight: 500; color: var(--cor_5); margin-bottom: 8px; font-size: 0.95em; }
.contato .form-group input,
.contato .form-group textarea { padding: 12px 15px; border: 2px solid #e0e0e0; border-radius: 5px; font-size: 0.95em; font-family: inherit; transition: border-color 0.3s ease; resize:none !important; }
.contato .form-group input:focus, .form-group textarea:focus { outline: none; border-color: var(--cor_1); }
.contato .form-group textarea { resize: vertical; min-height: 120px; }

.contato .contato-mapa { background: #fff; padding: 30px; border-radius: 10px; box-shadow: 0 2px 15px rgba(0,0,0,0.1); border-top: 5px solid var(--cor_1); }
.contato .mapa-container { border-radius: 10px; overflow: hidden; box-shadow: 0 2px 10px rgba(0,0,0,0.1); }
.contato .mapa-container iframe { width: 100%; height: 400px; border: none; }
/*********************************************************/
.empty { text-align: center; padding: 60px 40px; background: #f9f9f9; border-radius: 10px; border: 2px dashed #ddd; }
.empty h3 {color: var(--cor_1); padding-bottom: 20px; font-size: 1.6em;}
.empty .empty-icon { width: 80px; height: 80px; background: #e0e0e0; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px auto; color: #999; font-size: 2em; }
.empty .links-empty h3 { font-size: 1.3em; color: var(--cor_5); margin-bottom: 10px; }
/*********************************************************/
.noticias-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; margin-bottom: 50px; }
.noticia-item { border-radius: 12px; overflow: hidden; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08); transition: all 0.3s ease; border: 1px solid #f1f2f6; position: relative; }
.noticia-item:hover { transform: translateY(-5px); box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15); }
.noticia-imagem { position: relative; height: 240px; overflow: hidden; }
.noticia-imagem img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease; }
.noticia-item:hover .noticia-imagem img { transform: scale(1.05); }

.noticia-sem-imagem { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #f8f9fa, #e9ecef); color: #6c757d; }
.noticia-sem-imagem i { font-size: 3rem; }

.noticia-data { position: absolute; top: 15px; right: 15px; background: rgba(0, 0, 0, 0.8); color: white; padding: 8px 12px; border-radius: 6px; font-size: 0.8em; font-weight: 500; }
.noticia-conteudo { padding: 20px; }
.noticia-conteudo p {font-size: 0.9em; line-height: 20px;}
.noticia-titulo { margin-bottom: 15px; }
.noticia-titulo a { color: var(--cor_1); text-decoration: none; font-size: 0.8em; font-weight: 500; transition: color 0.3s ease; display: block; }
.noticia-titulo a:hover { color: var(--cor_2); }
/*********************************************************/
.paginacao { display: flex; justify-content: center; align-items: center; gap: 10px; margin-top: 50px; flex-wrap: wrap; }
.pag-btn { display: inline-flex; align-items: center; gap: 8px; background: #fff; color: var(--cor_1); padding: 12px 20px; border-radius: 8px; text-decoration: none; font-weight: 500; border: 2px solid var(--cor_1); transition: all 0.3s ease; }
.pag-btn:hover { background: var(--cor_1); color: white; transform: translateY(-2px); box-shadow: 0 4px 15px rgba(52, 152, 219, 0.3); }
.pag-numeros { display: flex; align-items: center; gap: 5px; flex-wrap: wrap; }
.pag-numero { display: inline-flex; align-items: center; justify-content: center; width: 45px; height: 45px; background: #fff; color: var(--cor_1); text-decoration: none; border-radius: 8px; font-weight: 400; border: 1px solid #e1e8ed; transition: all 0.3s ease; }
.pag-numero:hover { background: var(--cor_2); color: white; border-color: var(--cor_2); transform: translateY(-2px); }
.pag-numero.pag-atual { background: var(--cor_1); color: white; border-color: var(--cor_1); cursor: default; }
.pag-reticencias { color: var(--cor_5); padding: 0 10px; font-weight: 500; }
/*********************************************************/
.noticia-completa { max-width: 80%; margin: 0 auto; }
.noticia-imagem-destaque { position: relative; width: 50%; margin: 0 auto 30px auto; border-radius: 12px; overflow: hidden; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15); }
.noticia-imagem-destaque img { width: 100%; height: 100%; object-fit: cover; }
.noticia-header { margin-bottom: 40px; }
.noticia-titulo-principal { font-size: 1.6em; color: var(--cor_1); font-weight: 700; line-height: 1.3; margin-bottom: 20px; }
.noticia-meta { display: flex; align-items: center; gap: 20px; margin-bottom: 25px; padding-bottom: 20px; border-bottom: 2px solid #f1f2f6; }
.noticia-data-meta { display: flex; align-items: center; gap: 8px; color: var(--cor_5); font-size: 0.95rem; font-weight: 500; }
.noticia-data-meta i { color: var(--cor_1); }
.noticia-resumo-destaque { background: #f8f9fa; padding: 25px; border-radius: 10px; border-left: 4px solid var(--cor_1); font-size: 1em; line-height: 1.7; color: var(--cor_5); font-style: italic; }
.noticia-conteudo-completo { margin-bottom: 40px; text-align: justify; }

.noticia-acoes { display: flex; justify-content: space-between; align-items: center; padding-top: 30px; border-top: 2px solid #f1f2f6; flex-wrap: wrap; gap: 20px; }
.noticia-compartilhar { display: flex; align-items: center; gap: 15px; }
.noticia-compartilhar span { color: #7f8c8d; font-weight: 500; }
.btn-share { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; text-decoration: none; color: white; transition: all 0.3s ease; font-size: 1.1rem; }
.btn-share.facebook { background: #3b5998; }
.btn-share.facebook:hover { background: #2d4373; transform: translateY(-2px); box-shadow: 0 4px 15px rgba(59, 89, 152, 0.4); }
.btn-share.twitter { background: #1da1f2; } 
.btn-share.twitter:hover { background: #0d8bd9; transform: translateY(-2px); box-shadow: 0 4px 15px rgba(29, 161, 242, 0.4); }
.btn-share.whatsapp { background: #25d366; }
.btn-share.whatsapp:hover { background: #1ebe57; transform: translateY(-2px); box-shadow: 0 4px 15px rgba(37, 211, 102, 0.4); }
/*********************************************************/
.faq-accordion { margin-bottom: 40px;}
.faq-item { border-radius: 10px; margin-bottom: 15px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08); overflow: hidden; transition: all 0.3s ease; }
.faq-item:hover { box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12); transform: translateY(-2px); }
.faq-question { background-color: var(--cor_1); color: white; padding: 15px; cursor: pointer; display: flex; justify-content: space-between; align-items: center; transition: all 0.3s ease; position: relative; }
.faq-question:hover { background-color: var(--cor_2);}
.faq-question h3 { font-size: 0.9em; font-weight: 400; margin: 0; flex: 1; padding-right: 20px; }
.faq-icon { font-size: 0.9em; transition: transform 0.3s ease; flex-shrink: 0; }
.faq-question.active .faq-icon { transform: rotate(180deg); }
.faq-answer { max-height: 0; overflow: hidden; transition: max-height 0.4s ease; background: #f8f9fa; }
.faq-answer.active { max-height: 800px; overflow: auto;}
.faq-content {padding: 20px; text-align: justify; }

.faq-footer { background: linear-gradient(135deg, #f8f9fa, #e9ecef); border-radius: 12px; padding: 30px; text-align: center; border: 2px solid #dee2e6; background-color: red; }
.faq-contact { display: flex; align-items: center; justify-content: center; gap: 20px; max-width: 80%; margin: 0 auto; }
.faq-contact i { font-size: 3rem; color: var(--cor_2); flex-shrink: 0; }
.faq-contact div { text-align: left; }
.faq-contact h4 { font-size: 1.3rem; color: var(--cor_1); margin-bottom: 8px; font-weight: 600; }
.faq-contact a { color: var(--cor_2); text-decoration: none; font-weight: 500; transition: color 0.3s ease; }
.faq-contact a:hover { color: var(--cor_3); }
/*********************************************************/
.links-header { text-align: center; margin-bottom: 40px; padding-bottom: 20px; border-bottom: 2px solid #e9ecef; }
.links-list { margin-bottom: 40px; }
.link-item {border: 1px solid #e9ecef; border-radius: 12px; margin-bottom: 16px; padding: 10px; display: flex; justify-content: space-between; align-items: center; transition: all 0.3s ease; box-shadow: 0 2px 4px rgba(0,0,0,0.05); }
.link-item:hover { transform: translateY(-2px); box-shadow: 0 8px 25px rgba(0,0,0,0.1); border-color: var(--cor_1); }
.link-info { display: flex; align-items: center; flex: 1; }
.link-icon { background-color: var(--cor_2); color: white; width: 40px; height: 40px; border-radius: 12px; display: flex; align-items: center; justify-content: center; margin-right: 20px; font-size: 1.2rem; flex-shrink: 0; }
.link-details { flex: 1; }
.link-title { color: var(--cor_1); font-size: 1.2em; font-weight: 500; margin: 0 0 8px 0; }
.link-url { color: #6c757d; font-size: 0.95rem; margin: 0; word-break: break-all; opacity: 0.8; }
.link-actions { margin-left: 20px; }
/*********************************************************/
.legislacao .filters { display: flex; justify-content: center; gap: 15px; margin-bottom: 40px; flex-wrap: wrap; }
.legislacao .filter-btn { background: white; border: 2px solid #e9ecef; padding: 12px 24px; border-radius: 25px; font-size: 1em; font-weight: 600; color: var(--cor_5); cursor: pointer; transition: all 0.3s ease; display: flex; align-items: center; gap: 8px; min-width: 120px; justify-content: center; }
.legislacao .filter-btn:hover { background: #f8f9fa; border-color: var(--cor_1); color: var(--cor_1); transform: translateY(-2px); box-shadow: 0 5px 15px rgba(32, 24, 97, 0.2); }
.legislacao .filter-btn.active { background-color: var(--cor_1); border-color: var(--cor_1); color: white; box-shadow: 0 5px 15px rgba(32, 24, 97, 0.2); }
.legislacao .filter-btn i { font-size: 1.1em; }
.legislacao .legislacao-list { display: grid; gap: 25px; margin-bottom: 40px; }
.legislacao .legislacao-item { background: white; border-radius: 12px; padding: 20px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08); transition: all 0.3s ease; border-left: 4px solid var(--cor_1); position: relative; overflow: hidden; }
.legislacao .legislacao-item:hover { transform: translateY(-3px); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15); }
.legislacao .legislacao-item::before { content: ''; position: absolute; top: 0; right: 0; width: 100px; height: 100px;  border-radius: 0 0 0 100px; }
.legislacao .legislacao-title { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 10px; gap: 20px; }
.legislacao .legislacao-title h3 { font-size: 1em; color: var(--cor_1); margin: 0; font-weight: 600; flex: 1; }
.legislacao .legislacao-number { background: linear-gradient(135deg, #e9ecef 0%, #dee2e6 100%); color: var(--cor_5); padding: 8px 16px; border-radius: 20px; font-size: 0.8em; font-weight: 700; white-space: nowrap; border: 1px solid #ced4da; }
.legislacao .legislacao-details { display: flex; flex-wrap: wrap; gap: 20px; align-items: center; }
.legislacao .detail-item { display: flex; align-items: center; gap: 8px; color: var(--cor_5); font-size: 0.8em; }
.legislacao .detail-item i { color: var(--cor_2); font-size: 1em; padding-right: 5px;}
.legislacao .legislacao-footer { background: white; padding: 25px; border-radius: 10px; text-align: center; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1); border-top: 3px solid var(--cor_1); }
.legislacao .footer-info { display: flex; align-items: center; justify-content: center; gap: 12px; color: var(--cor_5); font-size: 1em; }
.legislacao .footer-info i { color: var(--cor_2); font-size: 1.2em; }
/*********************************************************/
.docs a:hover {color: var(--cor_2);}
.docs .docs-list { display: grid; gap: 30px; }
.docs .docs-ano-grupo { background: white; border-radius: 12px; overflow: hidden; box-shadow: 0 5px 20px rgba(0,0,0,0.08); border-left: 5px solid var(--cor_1); }
.docs .docs-ano-grupob { background: white; overflow: hidden; }
.docs .docs-ano-header { background-color: var(--cor_1); color: white; padding: 15px; display: flex; justify-content: space-between; align-items: center; }
.docs .docs-ano-header h3 { margin: 0; font-size: 1.4em; font-weight: 600; }
.docs .docs-ano-header h3 i { margin-right: 10px; }
.docs .docs-item { border-bottom: 1px solid #e9ecef; transition: all 0.3s ease; }
.docs .docs-item:last-child { border-bottom: none; }
.docs .docs-item:hover { background: #f8f9fa; }
.docs .docs-item-content { padding: 10px 20px; display: flex; justify-content: space-between; align-items: center; gap: 20px; }
.docs .docs-item-info { flex: 1; }
.docs .docs-item-info h4 { color: var(--cor_1); font-size: 1em; margin: 0 0 10px 0; font-weight: 600; }
.docs .docs-item-meta { display: flex; gap: 20px; align-items: center; }
.docs .docs-data { display: flex; align-items: center; gap: 8px; color: var(--cor_5); font-size: 0.8em; }
.docs .docs-data i { color: var(--cor_2); width: 0.9em; }
.docs .docs-item-actions { display: flex; gap: 10px; }
.docs .btn-indisponivel { display: inline-flex; align-items: center; gap: 8px; background: #6c757d; color: white; padding: 10px 20px; border-radius: 8px; font-weight: 600; font-size: 0.9em; cursor: not-allowed; opacity: 0.7; }
/*********************************************************/
.aposentadoria {width: 100%; padding-bottom: 30px; border-bottom: 1px solid #e9ecef; transition: all 0.3s ease; margin-bottom: 20px;}
.aposentadoria h2 {color: var(--cor_1); font-size: 1.2em; margin-bottom: 20px; text-align: center;}
/*********************************************************/
.filtros { display: flex; justify-content: center; flex-wrap: wrap; gap: 15px; margin-bottom: 40px;}
.filtros .filtro-btn {background: #fff; border: 2px solid #e9ecef; color: var(--cor_1); padding: 10px 20px; border-radius: 25px; font-size: 0.9em; font-weight: 600; cursor: pointer; transition: all 0.3s ease; display: flex; align-items: center; gap: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.05); }
.filtros .filtro-btn:hover { background: var(--cor_1); color: #fff; border-color: var(--cor_1); transform: translateY(-2px); box-shadow: 0 5px 20px rgba(0,0,0,0.15); }
.filtros .filtro-btn i { font-size: 1em; }
/*********************************************************/
.accordion-header { display: flex; justify-content: center; border-bottom: 2px solid #ccc; background: #f4f4f4; }
.accordion-header button { flex: 1; padding: 15px; cursor: pointer; border: none; background: none; font-size: 0.9em; font-weight: 600; color: var(--cor_1); transition: background 0.3s; }
.accordion-header button:hover { background: var(--cor_1); color: #fff; }
.accordion-header button.active { background: #ddd; border-bottom: 3px solid #0077cc; }
.accordion-header button.active:hover { color: var(--cor_1); }
.accordion-content {display: none; animation: fadeIn 0.3s ease-in-out; padding: 30px 0; }
@keyframes fadeIn {
    from {opacity: 0;}
    to   {opacity: 1;}
}