/*********************************************************/
/*	RESPONSIVO CSS										 */
/*	DESENVOLVIDO POR: GLOBALWS							 */
/*	CEO: MICHAEL PICOLO									 */
/*********************************************************/
@media (max-width: 1600px) {
	/*********************************************************/
	.banner .imagem {right: 10%;  height: 700px;}
	/*********************************************************/
}
@media (max-width: 1366px) {
	/*********************************************************/
	.banner {min-height: 500px;}
	.banner .esquerda {padding-top: 40px;}
	.banner .imagem {width: 300px;}
	.banner h1 {margin-bottom: 20px; font-size: 2em;}
	/*********************************************************/
	.tela-4 .imagem {right: 10%; width: 12%;}
	/*********************************************************/
}
@media (max-width: 1280px) {
	/*********************************************************/
	.content {max-width: 90%;}
	/*********************************************************/
	.banner h1 {font-size: 2em;}
	.banner .esquerda {padding-top: 80px;}
	/*********************************************************/
}

@media (max-width: 1152px) {
	/*********************************************************/
	header .logo {width: 160px; height: 50px;}
	header .social li {font-size: 1em; padding: 0 6px;}
	/*********************************************************/
	.banner .imagem {right: 5%; }
	/*********************************************************/
	.galeria .minifoto {width: 24%;}
	/*********************************************************/
}
@media (max-width: 950px) {
	/*********************************************************/
	header .social {display: none;}
	/*********************************************************/
	p {line-height: 22px; font-size: 0.9em !important;}
	h1 {font-size: 1.8em !important; padding-bottom: 20px;}
	h2 {font-size: 1.4em !important;}
	h3 {font-size: 1.2em !important;}
	.esquerda {width: 100%; float: none; margin-bottom: 40px;}
	.direita {width: 100%; float: none;}
	/*********************************************************/
	.banner {padding: 40px 0 0 0; min-height: auto; display: table; text-align: center;}
	.banner .esquerda {padding-top: 0; width: 100%;}
	.banner .imagem {position: relative; margin: auto; height: 430px; width: 260px;}
	/*********************************************************/
	.maior {width: 100%; float: none; margin-bottom: 20px;}
	.menor {width: 100%; float: none; margin-bottom: 20px;}
	.menor .imagem {width: 100%; float: none; height: 280px;}
	.menor .texto {width: 100%; float: none;}
	/*********************************************************/
	.tela-4 .direita {padding: 0; text-align: center;}
	.tela-4 .imagem {display: none;}
	/*********************************************************/
	.sobre-historia {width: 100%; text-align: center; margin-bottom: 50px;}
	.historia-imagem {margin: 25px auto; max-width: 90%;}
	.historia-imagem img {width: 100%; height: auto; border-radius: 12px; box-shadow: 0 8px 25px rgba(0,0,0,0.1);}
	.historia-texto .texto-conteudo {text-align: justify; max-width: 95%; margin: 0 auto; font-size: 0.95em;}
	/*********************************************************/
	.mvv-container {display: flex; gap: 20px; margin-top: 40px; flex-direction: column;}
	.mvv-item {flex: 1; background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%); border-radius: 18px; padding: 30px 20px; text-align: center; box-shadow: 0 12px 30px rgba(0,0,0,0.08); transition: all 0.3s ease; border: 1px solid rgba(var(--cor_1_rgb), 0.1); width: 100%;}
	.mvv-item:hover {transform: translateY(-8px); box-shadow: 0 20px 40px rgba(0,0,0,0.12);}
	.mvv-icon {width: 65px; height: 65px; 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 18px auto; transition: all 0.3s ease;}
	.mvv-icon i {font-size: 1.8em; color: white;}
	.mvv-item:hover .mvv-icon {transform: scale(1.08); box-shadow: 0 8px 20px rgba(var(--cor_1_rgb), 0.3);}
	.mvv-item h3 {font-size: 1.3em; color: var(--cor_1); margin-bottom: 15px; font-weight: 700;}
	.mvv-item p {font-size: 0.9em; line-height: 1.6; color: var(--cor_3);}
	/*********************************************************/
	.clube img {min-height: 160px;}
	.clube .clube-header {max-width: 95%; margin: 0 auto 30px auto;}
	.clube .vantagens-grid {grid-template-columns: 1fr; gap: 20px; margin-bottom: 35px;}
	.clube .vantagem-card {padding: 20px; border-radius: 10px;}
	.clube .vantagem-card:hover {transform: translateY(-5px);}
	.clube .vantagem-imagem {height: 160px; margin-bottom: 15px;}
	.clube .vantagem-content h3 {font-size: 1.1em; margin-bottom: 10px;}
	.clube .vantagem-content p {font-size: 0.8em; line-height: 16px;}
	.clube .clube-cta {padding: 30px 20px; margin-top: 35px; border-radius: 10px;}
	.clube .clube-cta h2 {font-size: 1.6em; margin-bottom: 10px;}
	.clube .btn-associar {padding: 10px 20px; font-size: 0.9em; gap: 8px;}
	/*********************************************************/
	.campanhas .campanhas-header {margin-bottom: 20px;}
	.campanhas .campanhas-intro {max-width: 98%; padding: 0 8px;}
	.campanhas .timeline-container {padding: 8px 0;}
	.campanhas .timeline-line {left: 25px; width: 3px;}
	.campanhas .timeline-item {margin-bottom: 25px;}
	.campanhas .timeline-left .timeline-content,
	.campanhas .timeline-right .timeline-content {margin: 0; margin-left: 50px; text-align: left; padding: 0 8px;}
	.campanhas .timeline-card {padding: 12px; border-radius: 6px;}
	.campanhas .timeline-card:hover {transform: translateY(-2px);}
	.campanhas .timeline-info h3 {font-size: 0.95em; margin-bottom: 6px;}
	.campanhas .campanha-texto {font-size: 0.8em; line-height: 20px; margin-bottom: 10px;}
	.campanhas .timeline-month {padding: 5px 10px; font-size: 0.75em;}
	.campanhas .timeline-icon {width: 25px; height: 25px; font-size: 0.8rem; top: -5px; right: -5px;}
	.campanhas .timeline-marker {left: 25px; transform: translateX(-50%);}
	.campanhas .marker-dot {width: 12px; height: 12px; border: 2px solid white;}
	/*********************************************************/
	.servicos .projeto-principal {grid-template-columns: 1fr; gap: 25px; padding: 25px; margin-bottom: 40px;}
	.servicos .curso-imagem {height: 300px;}
	.servicos .projeto-titulo h2 {font-size: 1.4em; margin-bottom: 12px;}
	.servicos .publico-alvo {padding: 10px 18px; font-size: 0.9em;}
	.servicos .inscricoes-info {grid-template-columns: 1fr; gap: 20px;}
	.servicos .inscricao-item {padding: 18px; gap: 12px;}
	.servicos .inscricao-icon {width: 45px; height: 45px; font-size: 1.1rem;}
	.servicos .inscricao-texto h4 {font-size: 1.1rem; margin-bottom: 6px;}
	.servicos .btn-inscricao {padding: 10px 18px; font-size: 0.9rem;}
	.servicos .como-participar {padding: 25px; margin-bottom: 35px;}
	.servicos .participar-header h2 {font-size: 1.6em; flex-direction: column; gap: 10px;}
	.servicos .requisitos h3 {font-size: 1.2em; margin-bottom: 20px;}
	/*********************************************************/
	.contato .contato-grid {grid-template-columns: 1fr; gap: 30px; margin-bottom: 40px;}
	.contato .contato-header {margin-bottom: 25px;}
	.contato .info-card {padding: 20px; border-radius: 12px;}
	.contato .info-header {gap: 10px; margin-bottom: 15px; padding-bottom: 10px;}
	.contato .info-header i {width: 40px; height: 40px; font-size: 1.1rem;}
	.contato .info-header h2 {font-size: 1.2em;}
	.contato .info-content {gap: 15px;}
	.contato .contato-item {padding: 10px; gap: 10px;}
	.contato .vermelho i {width: 30px; height: 30px; font-size: 0.9rem;}
	.contato .contato-texto h4 {font-size: 0.95rem;}
	.contato .endereco-completo {padding: 15px;}
	.contato iframe {height: 200px;}
	.contato .associacao-card {padding: 25px 30px; width: 98%;}
	.contato .associacao-acoes {gap: 10px; flex-direction: column;}
	.contato .btn-associar {padding: 8px 15px; font-size: 0.85rem; width: 100%; justify-content: center;}
	/*********************************************************/
	.parceiros .parceiros-header { margin-bottom: 30px; }
	.parceiros .parceiros-intro { font-size: 0.9rem; padding: 0 10px; }
	.parceiros .parceiro-card { padding: 15px; margin: 0 5px; }
	.parceiros .parceiro-logo { height: 100px; margin-bottom: 15px; }
	.parceiros .parceiro-nome { font-size: 1rem; margin-bottom: 10px; }
	.parceiros .parceiro-beneficio { padding: 6px; gap: 8px; font-size: 0.85rem; }
	.parceiros .parceiro-beneficio i { font-size: 1rem; }
	.parceiros .parceiros-cta { padding: 25px 15px; margin: 0 5px; }
	.parceiros .parceiros-cta h2 { font-size: 1.3rem; }
	.parceiros .btn-parceiro-principal { padding: 10px 20px; font-size: 0.9rem; }
	.parceiros-filtros { gap: 8px; padding: 0 5px; }
	.filtro-btn { padding: 8px 16px; font-size: 0.8rem; }
	/*********************************************************/
	.noticias .noticias-grid { margin: 0 5px; gap: 15px; }
	.noticias .noticia-imagem { height: 180px; }
	.noticias .noticia-conteudo { padding: 12px 15px; }
	.noticias .noticia-data { font-size: 0.8rem; }
	.noticias .noticia-titulo a { font-size: 0.9rem; line-height: 1.3; }
	.noticias .noticia-resumo { font-size: 0.85rem; margin-bottom: 12px; }
	.noticias .noticia-footer { padding-top: 15px; }
	.noticias .btn-continuar { font-size: 0.8rem; gap: 6px; }
	/*********************************************************/
	.paginacao { gap: 8px; margin-top: 25px; padding: 0 5px; }
	.btn-paginacao { padding: 8px 12px; font-size: 0.85rem; gap: 4px; }
	.numeros-paginacao { gap: 4px; }
	.numero-pagina { width: 32px; height: 32px; font-size: 0.85rem; }
	.reticencias { padding: 0 3px; font-size: 0.9rem; }
	/*********************************************************/
	.noticia-completa { max-width: 98%; padding: 0 5px; }
	.noticia-imagem-destaque { width: 90%; margin-bottom: 20px; }
	.noticia-titulo-principal { font-size: 1.2em; margin-bottom: 12px; line-height: 1.3; }
	.noticia-meta { gap: 8px; margin-bottom: 15px; }
	.noticia-data-meta { font-size: 0.85rem; }
	.noticia-resumo-destaque { padding: 15px; font-size: 0.9rem; line-height: 1.4; }
	.noticia-header { margin-bottom: 25px; }
	.noticia-acoes { gap: 12px; padding-top: 20px; }
	.noticia-compartilhar { gap: 10px; }
	.noticia-compartilhar span { font-size: 0.85rem; }
	.btn-share { width: 32px; height: 32px; font-size: 0.9rem; }
	/*********************************************************/	
	footer { display: block; }
	footer .logo { float: none; width: 150px; height: 50px; display: block; margin: 0 auto 20px auto; }
	footer .quadro { float: none; text-align: center; }
	footer .social { margin-bottom: 15px; }
	footer .social li { padding: 0 8px; font-size: 1.1em; }
	footer .dados li { font-size: 0.85rem; margin-bottom: 5px; }
	/*********************************************************/
}
@media (max-width: 667px) {
	/*********************************************************/
	.banner .imagem {width: 200px; height: 320px;}
	/*********************************************************/
	.atalhos {padding: 20px 0;}
	.atalhos .quadro {width: 30%; float: none; display: inline-block; margin-bottom: 20px;}
	/*********************************************************/
}
@media (max-width: 480px) {
	/*********************************************************/
	.servicos .projeto-principal {gap: 20px; padding: 20px; margin-bottom: 30px;}
	.servicos .inscricao-texto h4 {font-size: 1rem; margin-bottom: 5px;}
	.servicos .participar-header h2 {font-size: 1.4em;}
	.servicos .requisitos h3 {font-size: 1.1em; margin-bottom: 15px;}
	/*********************************************************/
	.parceiros .parceiros-grid { grid-template-columns: 1fr; gap: 20px; }
	.parceiros .parceiro-card { padding: 20px; margin: 0 10px; }
	.parceiros .parceiro-logo { height: 120px; margin-bottom: 20px; }
	.parceiros .parceiro-nome { font-size: 1.1rem; }
	.parceiros .parceiro-beneficio { padding: 8px; gap: 10px; }
	.parceiros .parceiro-beneficio i { font-size: 1.1rem; }
	.parceiros .parceiros-cta { padding: 30px 20px; margin: 0 10px; }
	.parceiros .parceiros-cta h2 { font-size: 1.5rem; flex-direction: column; gap: 10px; }
	.parceiros .cta-botoes { flex-direction: column; gap: 15px; }
	.parceiros .btn-parceiro-principal { padding: 12px 25px; font-size: 1rem; }
	.parceiros-filtros { gap: 10px; padding: 0 10px; }
	.filtro-btn { padding: 10px 20px; font-size: 0.85rem; }
	/*********************************************************/
	.noticias .noticias-grid { grid-template-columns: 1fr; gap: 20px; margin: 0 10px; }
	.noticias .noticia-card { margin-bottom: 20px; }
	.noticias .noticia-imagem { height: 200px; }
	.noticias .noticia-conteudo { padding: 15px 20px; }
	.noticias .noticia-titulo a { font-size: 0.95rem; }
	.noticias .noticia-resumo { font-size: 0.9rem; margin-bottom: 15px; }
	.noticias .btn-continuar { font-size: 0.85rem; }
	/*********************************************************/
	.paginacao { gap: 10px; margin-top: 30px; padding: 0 10px; }
	.btn-paginacao { padding: 10px 15px; font-size: 0.9rem; gap: 6px; }
	.numeros-paginacao { gap: 6px; }
	.numero-pagina { width: 35px; height: 35px; font-size: 0.9rem; }
	/*********************************************************/
	.noticia-completa { max-width: 95%; padding: 0 10px; }
	.noticia-imagem-destaque { width: 80%; margin-bottom: 25px; }
	.noticia-titulo-principal { font-size: 1.4em; margin-bottom: 15px; }
	.noticia-meta { flex-direction: column; align-items: flex-start; gap: 10px; margin-bottom: 20px; }
	.noticia-data-meta { font-size: 0.9rem; }
	.noticia-resumo-destaque { padding: 20px; font-size: 0.95rem; }
	.noticia-header { margin-bottom: 30px; }
	.noticia-acoes { flex-direction: column; align-items: flex-start; gap: 15px; padding-top: 25px; }
	.noticia-compartilhar { gap: 12px; }
	.noticia-compartilhar span { font-size: 0.9rem; }
	.btn-share { width: 35px; height: 35px; font-size: 1rem; }
	/*********************************************************/
	.atalhos h3 {font-size: 0.8em !important;}
	.atalhos .icon {width: 60px; height: 60px; 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 i {font-size: 2em;}
	/*********************************************************/
	.accordion-header { padding: 15px 20px; flex-direction: column; align-items: flex-start; gap: 10px; }
	.accordion-header h3 { font-size: 1.1em; }
	.arquivo-count { font-size: 0.85em; }
	.accordion-icon { position: absolute; top: 15px; right: 20px; }
	.arquivos-lista { padding: 20px 15px; }
	.arquivo-item { flex-direction: column; align-items: flex-start; gap: 15px; padding: 15px; }
	.arquivo-info { width: 100%; }
	.arquivo-icone { font-size: 1.5em; width: 40px; }
	.arquivo-nome { font-size: 1em; }
	.btn-download { width: 100%; justify-content: center; padding: 12px; }
	/*********************************************************/
	.menor .imagem {height: 180px;}
	.maior .imagem {height: 180px;}
	/*********************************************************/
	.interna {padding: 30px 0;}
	/*********************************************************/
	.galeria .minifoto {width: 46%; height: 120px;}
	/*********************************************************/
}

@media (max-width: 414px) {
	/*********************************************************/
	h1 {font-size: 1.6em !important;}
	h2 {font-size: 1.2em !important;}
	h3 {font-size: 1em !important;}
	/*********************************************************/
	.tela-4 { padding: 25px 10px; }
	.tela-4 h1 { font-size: 1.4em; margin-bottom: 15px; }
	.tela-4 .direita { padding: 15px 0; }
	.tela-4 .imagem { width: 50px; height: 50px; margin: 15px auto 0; }
	/*********************************************************/
	.accordion-header { padding: 12px 15px; }
	.accordion-header h3 { font-size: 1em; }
	.arquivo-count { font-size: 0.8em; }
	.accordion-icon { top: 12px; right: 15px; font-size: 1em; }
	.arquivos-lista { padding: 15px 10px; }
	.arquivo-item { padding: 12px; gap: 12px; }
	.arquivo-icone { font-size: 1.3em; width: 35px; }
	.arquivo-nome { font-size: 0.95em; }
	.arquivo-extensao { font-size: 0.8em; padding: 1px 6px; }
	.btn-download { padding: 10px; font-size: 0.9em; }
	/*********************************************************/
}
/*********************************************************/