/*********************************************************/
/*CSS MODE - MRPNET 2025
/*********************************************************/
/*CORES*/
:root {
  --cor_1: #2E3192;
  --cor_2: #058DC9;
  --cor_3: #333;
  --cor_4: #FAFAFA;
}
/*********************************************************/
.botao {padding: 10px 30px; color: #fff; background-color: var(--cor_1); border-radius: 10px; font-weight: 500; text-transform: uppercase; cursor: pointer;}
.botao:hover {background-color: var(--cor_2); color: #fff !important;}

.botao2 {padding: 10px 30px; color: #fff; background-color: var(--cor_2); border-radius: 10px; font-weight: 500; text-transform: uppercase; cursor: pointer;}
.botao2:hover {background-color: var(--cor_1); color: #fff !important;}

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

span {color: var(--cor_1);}
img {border-radius: 10px;}

p {font-family: var(--font_s); color: var(--cor_3); line-height: 30px; font-size: 1.1em;}
h1 {font-size: 3em; color: var(--cor_1); padding-bottom: 40px;}
/*********************************************************/
/*HEADER DO SITE*/
header {width: 100%; position: relative; padding: 10px 0; z-index: 1000;}
header .content {display: flex; align-items: center; justify-content: space-between;}
header .logo {width: 220px; height: 70px;}
header .social li {display: inline-block; font-size: 1.2em; padding: 0 10px;}
header .social li:hover {color: var(--cor_2);}
/*********************************************************/
.banner {width: 100%; display: table; min-height: 700px; background-position: center center; position: relative;}
.banner h1 {color: #fff; font-size: 3em; margin-bottom: 40px;}
.banner p {color: #fff;}
.banner .esquerda {padding-top: 10%; width: 55%;}
.banner .imagem {position: absolute; right: 15%; width: 450px; background-position: bottom; bottom: 0; height: 650px;}
/*********************************************************/
.atalhos {width: 100%; display: table; padding: 60px 0; text-align: center;}
.atalhos h3 {color: var(--cor_3); text-transform: uppercase; font-weight: 600;}
.atalhos .icon {width: 100px; height: 100px; border-radius: 10px; background-color: var(--cor_2); color: #fff; text-align: center; margin: 0 auto 10px auto; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease; box-shadow: 0 5px 15px rgba(0,0,0,0.1);}
.atalhos .icon:hover { background-color: var(--cor_1); color: #fff; transform: translateY(-5px) scale(1.05); box-shadow: 0 12px 25px rgba(0,0,0,0.25); }
.atalhos .icon:hover::after { content: ""; position: absolute; width: 120%; height: 120%; border-radius: 20px; background: rgba(255,255,255,0.15); animation: pulse 1s ease-out forwards; }
.atalhos .icon i {font-size: 3em;}
.atalhos .quadro {width: 20%; float: left; margin-bottom: 20px;}
/*********************************************************/
.tela-1 {width: 100%; display: table; background-color: var(--cor_4); padding: 60px 0;}
/*********************************************************/
.tela-2 {width: 100%; display: table; padding: 60px 0;}
.tela-2 .quadro {width: 90%; margin: auto;}
/*********************************************************/
.tela-3 {width: 100%; display: table; padding-bottom: 60px;}
.tela-3 h1 {text-align: center;}
.tela-3 h2 {font-size: 1.1em;}
.tela-3 a:hover {color: var(--cor_2);}

.tela-3 .data {font-size: 0.9em; color: var(--cor_3);}
.tela-3 p {font-size: 0.9em; line-height: 22px;}

.maior {width: 48%; float: left;}
.maior .imagem {width: 100%; height: 280px; background-position: center center; border-radius: 10px; margin-bottom: 10px;}

.menor {width: 48%; float: right; margin-bottom: 20px;}
.menor .imagem {width: 30%; float: left; height: 100px; border-radius: 5px;}
.menor .texto {width: 68%; float: right;}
/*********************************************************/
.tela-4 {width: 100%; display: table; padding: 40px 0; background-image: url(../images/bg1.jpg); background-position: center center; position: relative; text-align: center;}
.tela-4 h1 {text-align: center; font-size: 2em;}
.tela-4 .direita {padding: 50px 10% 0 0;}
.tela-4 .imagem {position: absolute; right: 20%; width: 8%; bottom: 0; background-position: bottom center; height: 260px;}
/*********************************************************/
footer {width: 100%; display: table; padding-top: 20px; background-color: var(--cor_1);}
footer .logo {width: 200px; height: 70px; float: left;}
footer .quadro {float: right; text-align: right;}
footer .social li {display: inline-block; color: #fff; font-size: 1.2em; padding: 0 10px;}
footer .social li:hover {color: var(--cor_2);}
footer .dados li {color: #fff; font-size: 0.9em;}
/*********************************************************/
.fim {width: 100%; display: table; padding: 5px 0; text-align: center; background-color: var(--cor_4);}
.fim p {color: var(--cor_3); font-size: 0.8em;}
.fim a:hover {color: var(--cor_2);}
/*********************************************************/
.navegacao {width: 100%; display: table; padding: 10px 0; background-color: var(--cor_4);}
.navegacao li {display: inline-block; padding-right: 10px; font-size: 0.9em;}
.navegacao a:hover {color: var(--cor_2);}
/*********************************************************/
.interna {width: 100%; display: table; padding: 60px 0;}
/*********************************************************/
.sobre-historia {width: 100%; text-align: center; margin-bottom: 80px;}
.historia-imagem {margin: 40px auto; max-width: 70%;}
.historia-imagem img {width: 100%; height: auto; border-radius: 15px; box-shadow: 0 10px 30px rgba(0,0,0,0.1);}
.historia-texto .texto-conteudo {text-align: justify; max-width: 80%; margin: 0 auto;}
/*********************************************************/
.mvv-container {display: flex; gap: 40px; margin-top: 60px;}
.mvv-item {flex: 1; background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%); border-radius: 20px; padding: 40px 30px; text-align: center; box-shadow: 0 15px 35px rgba(0,0,0,0.08); transition: all 0.3s ease; border: 1px solid rgba(var(--cor_1_rgb), 0.1);}
.mvv-item:hover {transform: translateY(-10px); box-shadow: 0 25px 50px rgba(0,0,0,0.15);}
.mvv-icon {width: 80px; height: 80px; background: linear-gradient(135deg, var(--cor_1) 0%, var(--cor_2) 100%); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 25px auto; transition: all 0.3s ease;}
.mvv-icon i {font-size: 2.2em; color: white;}
.mvv-item:hover .mvv-icon {transform: scale(1.1); box-shadow: 0 10px 25px rgba(var(--cor_1_rgb), 0.3);}
.mvv-item h3 {font-size: 1.5em; color: var(--cor_1); margin-bottom: 20px; font-weight: 700;}
.mvv-item p {font-size: 1em; line-height: 1.7; color: var(--cor_3);}
/*********************************************************/
.clube img {width: 100%; height: 100%; max-width: 100%; max-height: 100%; min-height: 220px;}
.clube .clube-header { text-align: center; margin-bottom: 50px; max-width: 80%; margin: 0 auto 40px auto;}
.clube .vantagens-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 30px; margin-bottom: 50px; }
.clube .vantagem-card { background: linear-gradient(135deg, #fff 0%, #f8f9fa 100%); border-radius: 15px; padding: 30px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; border: 1px solid #e9ecef; position: relative; overflow: hidden; }
.clube .vantagem-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, var(--cor_2), #2980b9); }
.clube .vantagem-card:hover { transform: translateY(-10px); box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15); }
.clube .vantagem-imagem { width: 100%; height: 200px; border-radius: 10px; margin-bottom: 20px; background-position: center center;}
.clube .vantagem-content h3 { font-size: 1.2em; color: var(--cor_3); margin-bottom: 15px; font-weight: 600; }
.clube .vantagem-content p {font-size: 0.9em; line-height: 20px; text-align: justify; }
.clube .clube-cta { background: linear-gradient(135deg, var(--cor_2) 0%, #2980b9 100%); border-radius: 15px; padding: 40px; text-align: center; color: white; margin-top: 50px; }
.clube .clube-cta h2 { font-size: 2em; margin-bottom: 15px; font-weight: 600; color: #fff; }
.clube .clube-cta p { color: #fff; }
.clube .btn-associar { display: inline-flex; align-items: center; gap: 10px; background: rgba(255, 255, 255, 0.2); color: white; padding: 15px 30px; border-radius: 50px; text-decoration: none; font-weight: 600; transition: all 0.3s ease; border: 2px solid rgba(255, 255, 255, 0.3); }
.clube .btn-associar:hover { background: rgba(255, 255, 255, 0.3); transform: translateY(-2px); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); }
/*********************************************************/
.campanhas span {color: #fff;}
.campanhas .campanhas-header { text-align: center; margin-bottom: 40px; }
.campanhas .campanhas-intro { max-width: 800px; margin: 0 auto; }
.campanhas .timeline-container { position: relative; max-width: 100%; margin: 0 auto; padding: 20px 0; }
.campanhas .timeline-line { position: absolute; left: 50%; top: 0; bottom: 0; width: 4px; background-color: var(--cor_2); transform: translateX(-50%); border-radius: 2px; }
.campanhas .timeline-item { position: relative; margin-bottom: 50px; width: 100%; }
.campanhas .timeline-left .timeline-content { margin-right: 55%; text-align: right; }
.campanhas .timeline-right .timeline-content { margin-left: 55%; text-align: left; }
.campanhas .timeline-month { display: inline-block; background-color: var(--cor_2); color: white; padding: 10px 20px; border-radius: 25px; margin-bottom: 15px; font-weight: 600; box-shadow: 0 5px 15px rgba(52, 152, 219, 0.3); }
.campanhas .month-name { font-size: 1em; text-transform: uppercase; letter-spacing: 0.5px; }
.campanhas .timeline-card { background: linear-gradient(135deg, #fff 0%, #f8f9fa 100%); border-radius: 15px; padding: 25px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); border: 1px solid #e9ecef; position: relative; transition: all 0.3s ease; }
.campanhas .timeline-card:hover { transform: translateY(-5px); box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15); }
.campanhas .timeline-icon { position: absolute; top: -10px; right: -10px; width: 40px; height: 40px; background: linear-gradient(135deg, #e74c3c, #c0392b); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; font-size: 1.2rem; box-shadow: 0 5px 15px rgba(231, 76, 60, 0.3); }
.campanhas .timeline-info h3 { font-size: 1.2em; color: var(--cor_3); margin-bottom: 15px; font-weight: 600; line-height: 1.3; }
.campanhas .campanha-texto { line-height: 20px; margin-bottom: 20px; font-size: 0.9em; }
.campanhas .timeline-marker { position: absolute; left: 50%; top: 30px; transform: translateX(-50%); z-index: 10; }
.campanhas .marker-dot { width: 20px; height: 20px; background: linear-gradient(135deg, #f39c12, #e67e22); border-radius: 50%; border: 4px solid white; box-shadow: 0 0 0 4px rgba(243, 156, 18, 0.3); transition: all 0.3s ease; }
.campanhas .timeline-item:hover .marker-dot { transform: scale(1.2); box-shadow: 0 0 0 8px rgba(243, 156, 18, 0.2); }
/*********************************************************/
.servicos h1 {text-align: center;}
.servicos .projeto-principal { display: grid; grid-template-columns: 1fr 2fr; gap: 40px; margin-bottom: 60px; background: linear-gradient(135deg, #fff 0%, #f8f9fa 100%); border-radius: 20px; padding: 40px; box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1); border: 1px solid #e9ecef; }
.servicos .projeto-imagem { position: relative; border-radius: 15px; overflow: hidden; height: fit-content; }
.servicos .curso-imagem { width: 100%; height: 450px; object-fit: cover; border-radius: 15px; transition: all 0.3s ease; }
.servicos .projeto-principal:hover .curso-imagem { transform: scale(1.05); }
.servicos .projeto-conteudo { display: flex; flex-direction: column; gap: 25px; }
.servicos .projeto-titulo h2 { font-size: 1.6em; color: var(--cor_3); margin-bottom: 15px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; }
.servicos .publico-alvo { display: flex; align-items: center; gap: 10px; background: linear-gradient(135deg, #3498db, var(--cor_2)); color: white; padding: 12px 20px; border-radius: 25px; font-weight: 500; width: fit-content; }

.servicos .inscricoes-info { display: grid; grid-template-columns: 1fr 1fr; gap: 25px; }
.servicos .inscricao-item { display: flex; gap: 15px; padding: 20px; background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%); border-radius: 15px; border: 1px solid #e9ecef; transition: all 0.3s ease; }
.servicos .inscricao-item:hover { transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1); }
.servicos .inscricao-icon { width: 50px; height: 50px; background: linear-gradient(135deg, #e74c3c, #c0392b); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; font-size: 1.2rem; flex-shrink: 0; }
.servicos .inscricao-texto h4 { font-size: 1.2rem; color: var(--cor_3); margin-bottom: 8px; font-weight: 600; }
.servicos .btn-inscricao { display: inline-flex; align-items: center; gap: 8px; background: linear-gradient(135deg, #e74c3c, #c0392b); color: white; padding: 12px 20px; border-radius: 25px; text-decoration: none; font-weight: 600; transition: all 0.3s ease; font-size: 0.95rem; }
.servicos .btn-inscricao:hover { background: linear-gradient(135deg, #c0392b, #a93226); transform: translateY(-2px); box-shadow: 0 8px 20px rgba(231, 76, 60, 0.3); color: white; text-decoration: none; }

.servicos .como-participar { background: linear-gradient(135deg, #34495e 0%, #2c3e50 100%); border-radius: 20px; padding: 30px; margin-bottom: 50px; color: white; }
.servicos .participar-header { text-align: center; margin-bottom: 40px; }
.servicos .participar-header h2 { font-size: 2em; margin: 0; font-weight: 700; display: flex; align-items: center; justify-content: center; gap: 15px; }
.servicos .participar-header i { color: #f39c12; }
.servicos .requisitos h3 { font-size: 1.4em; margin-bottom: 25px; color: #fff; font-weight: 500; border-bottom: 2px solid #f39c12; padding-bottom: 10px; }
.servicos .requisitos p {color: #fff;}
/*********************************************************/
.contato a {color: var(--cor_2) !important;}
.contato a:hover {color: var(--cor_3) !important; text-decoration: none;}
.contato .contato-header { text-align: center; margin-bottom: 50px; }
.contato .contato-grid { display: grid; grid-template-columns: 2fr 2fr; gap: 40px; margin-bottom: 60px; }
.contato-info, .contato-extras { display: flex; flex-direction: column; gap: 30px; }
.contato .info-card { background: linear-gradient(135deg, #fff 0%, #f8f9fa 100%); border-radius: 20px; padding: 30px; box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1); border: 1px solid #e9ecef; transition: all 0.3s ease; }
.contato .info-card:hover { transform: translateY(-5px); box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15); }
.contato .info-header { display: flex; align-items: center; gap: 15px; margin-bottom: 25px; padding-bottom: 15px; border-bottom: 2px solid #e9ecef; }
.contato .info-header i { width: 50px; height: 50px; background-color: var(--cor_2); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; font-size: 1.3rem; }
.contato .info-header h2 { font-size: 1.4em; color: var(--cor_3); margin: 0; font-weight: 600; }
.contato .info-content { display: flex; flex-direction: column; gap: 20px; }
.contato .contato-item { display: flex; gap: 15px; align-items: flex-start; padding: 15px; background: rgba(52, 152, 219, 0.05); border-radius: 12px; transition: all 0.3s ease; }
.contato .contato-item:hover { background: rgba(52, 152, 219, 0.1); transform: translateX(5px); }
.contato .social li {display: inline-block; font-size: 1.4em; padding: 0 10px;}
.contato .vermelho i { width: 40px; height: 40px; background: linear-gradient(135deg, #e74c3c, #c0392b); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; font-size: 1.1rem; flex-shrink: 0; margin-top: 5px; }
.contato .contato-texto{ flex: 1; }
.contato .contato-texto h4 { font-size: 1.1rem; color: var(--cor_3); margin-bottom: 5px; font-weight: 600; }
.contato .endereco-completo { background: rgba(52, 152, 219, 0.05); padding: 20px; border-radius: 12px; margin-bottom: 20px; }
.contato iframe {width: 100%; height: 300px;}
.contato .mapa-container { border-radius: 15px; overflow: hidden; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1); }
.contato .associacao-card { border-radius: 10px; padding: 40px 60px; background: linear-gradient(135deg, #9b59b6 0%, #8e44ad 100%); color: white; width: 80%; margin: auto;}
.contato .associacao-card .info-header { border-bottom-color: rgba(255, 255, 255, 0.3); }
.contato .associacao-card .info-header i { background: rgba(255, 255, 255, 0.2); color: white; }
.contato .associacao-card .info-header h2 { color: white; }
.contato .associacao-texto { color: #fff; line-height: 1.7; margin-bottom: 20px; }
.contato .associacao-acoes { display: flex; gap: 15px; flex-wrap: wrap; }
.contato .associacao-acoes a {color: #fff !important;}
.contato .btn-associar{ display: inline-flex; align-items: center; gap: 8px; padding: 12px 20px; border-radius: 25px; text-decoration: none; font-weight: 600; transition: all 0.3s ease; font-size: 0.95rem; color: #fff !important; }
.contato .btn-associar { background: rgba(255, 255, 255, 0.2); color: white; border: 2px solid rgba(255, 255, 255, 0.3); }
.contato .btn-associar:hover { background: rgba(255, 255, 255, 0.3); transform: translateY(-2px); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2); color: white; text-decoration: none; }
/*********************************************************/
.parceiros .parceiros-header { text-align: center; margin-bottom: 40px; }
.parceiros .parceiros-intro { color: var(--cor_3); max-width: 600px; margin: 0 auto; }
.parceiros .parceiros-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 30px; margin-bottom: 60px; }
.parceiros .parceiro-card { background: #fff; border-radius: 15px; padding: 30px; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; border: 1px solid #f0f0f0; position: relative; overflow: hidden; }
.parceiros .parceiro-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(135deg, #2c5aa0, var(--cor_1)); }
.parceiros .parceiro-card:hover { transform: translateY(-5px); box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15); }
.parceiros .parceiro-logo { height: 150px; background-position: center center; margin-bottom: 25px; border-radius: 10px; transition: all 0.3s ease; background-size: 80%; }
.parceiros .parceiro-info { text-align: center; }
.parceiros  .parceiro-nome { font-size: 1.2rem; font-weight: 600; color: var(--cor_1); margin-bottom: 15px; }
.parceiros .parceiro-beneficio { display: flex; align-items: flex-start; gap: 12px; padding: 10px; background: linear-gradient(135deg, #f8f9fa, #e9ecef); border-radius: 10px; text-align: left; }
.parceiros .parceiro-beneficio i { color: var(--cor_2); font-size: 1.2rem; margin: 2px 10px 0 0; flex-shrink: 0; }
.parceiros .parceiro-beneficio li { color: #555; font-size: 0.9em; line-height: 20px; display: flex; font-weight: 300; margin-bottom: 5px;}
.parceiros .parceiros-cta { background: linear-gradient(135deg, #2c5aa0, var(--cor_1)); color: white; padding: 50px 40px; border-radius: 20px; text-align: center; position: relative; overflow: hidden; }
.parceiros .parceiros-cta::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%); animation: float 6s ease-in-out infinite; }
.parceiros .parceiros-cta h2 { font-size: 2em; font-weight: 700; margin-bottom: 15px; display: flex; align-items: center; justify-content: center; gap: 15px; position: relative; z-index: 2; }
.parceiros .parceiros-cta p { color: #fff; }
.parceiros .cta-botoes { display: flex; gap: 20px; justify-content: center; flex-wrap: wrap; position: relative; z-index: 2; }
.parceiros .btn-parceiro-principal { display: inline-flex; align-items: center; gap: 10px; padding: 15px 30px; border-radius: 50px; text-decoration: none; font-weight: 600; font-size: 1.1rem; transition: all 0.3s ease; border: 2px solid transparent; }
.parceiros .btn-parceiro-principal { background: #fff; color: var(--cor_1); }
.parceiros .btn-parceiro-principal:hover { background: #f8f9fa; transform: translateY(-2px); box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2); }
@keyframes float {
    0%, 100% { transform: translateY(0px) rotate(0deg); }
    50% { transform: translateY(-20px) rotate(180deg); }
}
/*********************************************************/
.parceiros-filtros { display: flex; justify-content: center; flex-wrap: wrap; gap: 15px; margin-bottom: 50px; padding: 0 20px; }
.filtro-btn { background: #fff; border: 2px solid #e9ecef; color: var(--cor_3); padding: 12px 24px; 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); }
.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); }
.filtro-btn.active { background: var(--cor_1); color: #fff; border-color: var(--cor_1); box-shadow: 0 5px 20px rgba(0,0,0,0.15); }
.filtro-btn i { font-size: 0.9rem; }
/*********************************************************/
.noticias h1 {text-align: center;}
.noticias .noticias-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 30px; margin-bottom: 50px; }
.noticias .noticia-card { background: white; border-radius: 15px; overflow: hidden; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; position: relative; border: 1px solid #f0f0f0; }
.noticias .noticia-card:hover { transform: translateY(-5px); box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15); }
.noticias .noticia-imagem { position: relative; height: 220px; overflow: hidden; background: linear-gradient(135deg, #f8f9fa, #e9ecef); }
.noticias .noticia-imagem img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease; }
.noticias .noticia-card:hover .noticia-imagem img { transform: scale(1.05); }
.noticias .noticia-placeholder { display: flex; align-items: center; justify-content: center; height: 100%; color: #ccc; font-size: 3rem; background: linear-gradient(135deg, #f8f9fa, #e9ecef); }
.noticias .noticia-conteudo { padding: 20px 25px; }
.noticias .noticia-meta { margin-bottom: 5px; }
.noticias .noticia-data { color: var(--cor_1); font-size: 0.9em; font-weight: 500; }
.noticias .noticia-data i { margin-right: 10px; }
.noticias .noticia-titulo { margin-bottom: 15px; }
.noticias .noticia-titulo a { color: var(--cor_3); text-decoration: none; font-size: 1em; font-weight: 700; line-height: 1.4; transition: color 0.3s ease; display: block; }
.noticias .noticia-titulo a:hover { color: var(--cor_2); }
.noticias .noticia-resumo { color: #666; line-height: 1.6; margin-bottom: 20px; font-size: 0.95rem; }
.noticias .noticia-footer { border-top: 1px solid #f0f0f0; padding-top: 20px; }
.noticias .btn-continuar { color: var(--cor_2); text-decoration: none; font-weight: 600; font-size: 0.9rem; transition: all 0.3s ease; display: inline-flex; align-items: center; gap: 8px; }
.noticias .btn-continuar:hover { color: var(--cor_1); transform: translateX(5px); }
/*********************************************************/
.paginacao { display: flex; justify-content: center; align-items: center; gap: 15px; margin-top: 50px; flex-wrap: wrap; }
.btn-paginacao { background: var(--cor_1); color: white; padding: 12px 20px; border-radius: 8px; text-decoration: none; font-weight: 600; transition: all 0.3s ease; display: flex; align-items: center; gap: 8px; }
.btn-paginacao:hover { background: var(--cor_2); transform: translateY(-2px); }
.numeros-paginacao { display: flex; gap: 8px; align-items: center; }
.numero-pagina { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 8px; text-decoration: none; color: #666; font-weight: 600; transition: all 0.3s ease; border: 2px solid transparent; }
.numero-pagina:hover { background: var(--cor_1); color: white; }
.numero-pagina.ativo { background: var(--cor_1); color: white; border-color: var(--cor_2); }
.reticencias { color: #999; font-weight: bold; padding: 0 5px; }
/*********************************************************/
.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); }
/*********************************************************/
.galeria {width: 100%; text-align: center;}
.galeria .minifoto {width: 17%; height: 140px; border-radius: 10px; display: inline-block; margin: 1%; transition: all 0.3s ease;}
.galeria .minifoto:hover { transform: scale(1.05); box-shadow: 0 8px 20px rgba(0,0,0,0.3); filter: brightness(1.1); }
/*********************************************************/
.accordion-container { border-radius: 12px; box-shadow: 0 4px 20px rgba(0,0,0,0.08); overflow: hidden; }
.accordion-item { border-bottom: 1px solid #e8ecf0; }
.accordion-item:last-child { border-bottom: none; }
.accordion-header {display: flex; align-items: center; justify-content: space-between; padding: 15px; background: #f8fafc; cursor: pointer; transition: all 0.3s ease; border-left: 4px solid transparent; position: relative; }
.accordion-header:hover { background: #e8f4fd; border-left-color: var(--cor_2); }
.accordion-header.active { background: var(--cor_2); color: white; border-left-color: var(--cor_1); }
.accordion-header h3 { font-size: 1em; font-weight: 500; letter-spacing: 2px; text-transform: uppercase; margin: 0; color: inherit; color: var(--cor_1);}
.arquivo-count { font-size: 0.9em; color: #64748b; font-weight: 500; }
.accordion-header.active .arquivo-count { color: rgba(255,255,255,0.8); }
.accordion-header.active h3 {color: #fff;}
.accordion-icon { font-size: 1.2em; transition: transform 0.3s ease; color: var(--cor_2); }
.accordion-header.active .accordion-icon { transform: rotate(180deg); color: white; }
.accordion-content { max-height: 0; overflow: hidden; transition: max-height 0.4s ease; background: white; height: auto; }
.arquivos-lista { padding: 10px; }
.arquivo-item { display: flex; align-items: center; justify-content: space-between; padding: 10px; margin-bottom: 10px; background: #f8fafc; border-radius: 10px; border: 1px solid #e2e8f0; transition: all 0.3s ease; }
.arquivo-item:hover { background: #e8f4fd; border-color: var(--cor_2); transform: translateY(-2px); box-shadow: 0 4px 15px rgba(0,0,0,0.1); }
.arquivo-item:last-child { margin-bottom: 0; }
.arquivo-info { display: flex; align-items: center; gap: 15px; flex: 1; }
.arquivo-icone { font-size: 2em; width: 50px; text-align: center; }
.arquivo-icone.fa-file-pdf { color: #dc2626; }
.arquivo-icone.fa-file-word { color: #2563eb; }
.arquivo-icone.fa-file-excel { color: #16a34a; }
.arquivo-icone.fa-file-powerpoint { color: #ea580c; }
.arquivo-icone.fa-file-archive { color: #7c3aed; }
.arquivo-icone.fa-file-image { color: #db2777; }
.arquivo-icone.fa-file { color: #64748b; }
.arquivo-detalhes { flex: 1; }
.arquivo-nome { font-size: 1em; font-weight: 500; color: var(--cor_1); margin: 0 0 5px 0; line-height: 1.3; }
.arquivo-extensao { font-size: 0.85em; color: #64748b; font-weight: 500; background: #e2e8f0; padding: 2px 8px; border-radius: 4px; }
.btn-download { display: flex; align-items: center; gap: 8px; padding: 12px 20px; letter-spacing: 1px; background: var(--cor_2); color: white !important; text-decoration: none; border-radius: 8px; font-weight: 500; font-size: 0.9em; transition: all 0.3s ease; border: none; cursor: pointer; }
.btn-download span {color: #fff !important;}
.btn-download:hover { background: var(--cor_1); transform: translateY(-1px); box-shadow: 0 4px 12px rgba(0,0,0,0.15); }
.btn-download i { font-size: 1.1em; }
.sem-arquivos, .sem-categorias { text-align: center; padding: 60px 20px; color: #64748b; }
.sem-arquivos i, .sem-categorias i { font-size: 4em; color: #cbd5e1; margin-bottom: 20px; }
.sem-arquivos p, .sem-categorias p { font-size: 1.1em; margin: 10px 0 0 0; }
.sem-categorias h3 { font-size: 1.5em; color: var(--cor_1); margin: 0 0 10px 0; }
/*********************************************************/