/*********************************************************/
/* RESPONSIVO PÁGINA ASSOCIE-SE */
/*********************************************************/
/*	RESPONSIVO CSS										 */
/*	DESENVOLVIDO POR: GLOBALWS							 */
/*	CEO: MICHAEL PICOLO									 */
/*********************************************************/
@media (max-width: 1366px) {
	.beneficios-grid {grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px;}
}
@media (max-width: 1280px) {
	.content {max-width: 90%;}
	.sobre-flex, .material-flex {gap: 40px;}
	.rodape-info {gap: 40px;}
	.acoes-content .container {max-width: 90%; margin: auto;}
}
@media (max-width: 1152px) {
	.hero-text h2 {font-size: 2em;}
	.titulo-secao {font-size: 2em;}
	.sobre-acomac h1, .material-texto h3 {font-size: 2em;}
	.apps-promocao {grid-template-columns: repeat(2, 1fr); }
	header .logo {width: 160px; height: 75px;}
	.rodape-logo {flex: 0 0 20%; }
	.rodape-info {gap: 40px; flex: 0 0 75%;}
	.rodape-coluna {padding-right: 10px;}
	.form-wrapper { max-width: 90%;}
	.parceiros-slider {gap: 20px;}
	.rodape-coluna .subnav li {font-size: 0.9em;}
	.rodape-coluna p {font-size: 0.9em;}

	.historia-grid {grid-template-columns: 1fr; gap: 40px;}
	.missao-grid {grid-template-columns: repeat(2, 1fr);}
	.benefits-grid {grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 25px;}
	.benefit-card {padding: 35px 25px;}
	.acoes-grid {grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 30px;}
	.acao-card {padding: 35px 30px;}
	.contato-grid {grid-template-columns: 1fr; gap: 30px; max-width: 600px;}
	.contato-card {padding: 35px 30px;}
	.contato-form {padding: 40px 30px;}

	/* Parceiros - responsivo desktop médio */
	.parceiro-logo {height: 130px;}
	.parceiro-card {padding: 18px;}
	.parceiro-nome {font-size: 0.95rem;}
	
}


@media (max-width: 950px) {
	header .dados li {font-size: 0.8em; font-weight: 400;}
	header .social li {font-size: 1em;}
	.sobre-flex, .material-flex {flex-direction: column; text-align: center;}

	.redes-sociais {padding: 60px 0;}
	.redes-flex {display: table;  text-align: center; gap: 0;}
	.redes-texto {margin-bottom: 40px;}
	.apps-promocao {grid-template-columns: repeat(3, 1fr); gap: 20px; }

	.rodape-flex {flex-direction: column; gap: 40px; text-align: center;}
	.rodape-info {justify-content: center; display: table; width: 100%;}
	.rodape-coluna {padding-right: 0;}
	
	.beneficios {padding: 60px 0;}
	.beneficios-grid {grid-template-columns: repeat(2, 1fr); gap: 30px;}
	.contato-info {justify-content: center;}
	p {font-size: 1em; line-height: 25px;}
	.sumir {display: none !important;}

	.hero-sobre {padding: 20px 0 !important;}
	.hero-sobre h1 {font-size: 1.4em;}
	.nossa-historia {padding: 60px 0;}
	.o-que-e {padding: 60px 0;}
	.o-que-e p {max-width: 100%;}

	.associe-hero {padding: 20px;}
	.associe-hero h2 {font-size: 1.2em !important;}
	.associe-info .container {max-width: 90%; margin: auto;}

	.clube-hero {padding: 20px !important;}
	.clube-hero h2 {font-size: 1.8rem;}
	.clube-benefits {padding: 60px 0;}
	.clube-benefits .container {max-width: 90%; margin: auto;}
	.clube-cta .cta-content h3 {font-size: 1.2em;}

	.cta-sobre h2 {font-size: 1.4em;}

	.acoes-content {padding: 60px 0;}
	.acoes-hero {padding: 20px !important;}
	.acoes-hero h2 {font-size: 1.2em !important;}
	.contato-hero {padding: 20px 0 !important;}
	.contato-content { padding: 60px 0;}
	.material-construcao {padding: 60px 0;}

	.diretoria .esquerda {width: 100%; float: none; margin-bottom: 40px;}
	.diretoria .direita {width: 100%; float: none;}

	.accordion-header {padding: 10px; font-size: 1em;}

	.parceiros {float: none; width: 100%;}
	.parceiros h3 {font-size: 1em !important;}

	.parceiro-item {width: 100%; float: none; margin: 0 0 1% 0;}
}

@media (max-width: 768px) {
	.sobre-acomac h1 {font-size: 1.6em;}
	.beneficios h1 {font-size: 1.6em;}
	.redes-texto h3 {font-size: 1.6em;}
	.material-texto h3 {font-size: 1.6em;}
	.associe-hero h2 {font-size: 1.6em;}

	.apps-promocao {grid-template-columns: repeat(2, 1fr);}
    .form-wrapper { padding: 25px 20px; }
    .form-wrapper h3 { font-size: 1.6em; }
    .form-row { grid-template-columns: 1fr; gap: 15px; }

	.hero-stats {grid-template-columns: 1fr; gap: 20px;}
	.missao-grid {grid-template-columns: 1fr; gap: 30px;}
	.beneficios-lista {grid-template-columns: 1fr;}

	.acoes-cta {padding: 20px;}
	.acoes-cta h3{font-size: 1.2em !important;}
	.acoes-content {padding: 70px 0;}
	.acoes-grid {grid-template-columns: 1fr; gap: 25px; padding: 0 20px;}
	.acao-card {padding: 30px 25px;}
	.acao-header {flex-direction: column; text-align: center; gap: 15px;}

	.app-item {min-height: 300px;}

	.parceiro-card {padding: 18px; }
	.parceiro-logo {height: 120px;}
	.parceiro-logo img {max-height: 100px;}
	.parceiro-nome {font-size: 0.95rem;}
	.parceiro-contatos li {font-size: 0.9rem;}
	.social-link {padding: 8px 10px; font-size: 0.85rem;}
}
	

@media (max-width: 480px) {
	/* Parceiros - celulares */
	.parceiro-card {padding: 16px;}
	.parceiro-logo {height: 110px;}
	.parceiro-logo img {max-height: 90px;}
	.parceiro-nome {font-size: 0.9rem;}
	.parceiro-contatos {gap: 6px;}
	.parceiro-contatos strong {min-width: 86px;}
	.social-link {padding: 6px 10px; font-size: 0.85rem;}
}

@media (max-width: 480px) {
	header .inicio {display: none;}
	header .topo {border-top: 5px solid var(--cor_1);}
	.sobre-acomac, .beneficios, .redes-sociais, .material-construcao {padding: 40px 0;}
	.hero-text h2 {font-size: 1.6em;}
	
	.sobre-acomac h1, .material-texto h3 {font-size: 1.4em;}
	.stat .number {font-size: 2em;}

	.beneficios-grid {grid-template-columns: repeat(1, 1fr); gap: 20px; }
	.beneficio-card {padding: 25px 15px; text-align: center;}
	.beneficio-icon {width: 60px; height: 60px; font-size: 1.5em; margin: auto;}

	.apps-promocao {grid-template-columns: repeat(1, 1fr);}

	.redes-icons {justify-content: center; flex-wrap: wrap;}

	
}

@media (max-width: 414px) {
	.content {width: 95vw;}
	.hero-text h2 {font-size: 1.4em;}
	.sobre-acomac p, .material-texto p {font-size: 1em;}
	.beneficio-card h4 {font-size: 1.2em;}
	.diretoria td {font-size: 0.8em;}
	.diretoria .quadro {padding-right: 0; }

	
}

@media (max-width: 384px) {
	
}

@media (max-width: 375px) {
	.hero-text h2 {font-size: 1.3em;}
	.titulo-secao {font-size: 1.3em;}
	.sobre-acomac h1, .material-texto h3 {font-size: 1.2em;}
	.rodape-coluna h4 {font-size: 1.1em;}
	
}

/* RESPONSIVO PÁGINA CONTATO */
@media (max-width: 1024px) {
	.contato-grid {grid-template-columns: 1fr; gap: 30px; max-width: 600px;}
	.contato-card {padding: 35px 30px;}
	.contato-form {padding: 40px 30px;}
}

@media (max-width: 768px) {
	.contato-hero {padding: 70px 0 60px;}
	.contato-hero h2 {font-size: 2.5rem;}
	.contato-hero .hero-subtitle {font-size: 1.2rem;}
	.contato-hero .hero-description {font-size: 1rem; padding: 0 20px;}
	
	.contato-content {padding: 60px 0;}
	.contato-grid {padding: 0 20px;}
	.contato-card {padding: 30px 25px;}
	.card-header {flex-direction: column; text-align: center; gap: 15px;}
	.card-icon {width: 60px; height: 60px;}
	.contato-card h3 {font-size: 1.6rem;}
	
	.contato-form-section {padding: 60px 0;}
	.form-header h3 {font-size: 2rem;}
	.form-header p {font-size: 1rem; padding: 0 20px;}
	.contato-form {padding: 40px 25px; margin: 0 20px;}
	.form-row {grid-template-columns: 1fr; gap: 20px;}
}

@media (max-width: 480px) {
	.contato-hero h2 {font-size: 2rem;}
	.contato-hero .hero-subtitle {font-size: 1.1rem;}
	.contato-hero .hero-description {font-size: 0.95rem;}
	
	.contato-content {padding: 50px 0;}
	.contato-card {padding: 25px 20px;}
	.card-icon {width: 50px; height: 50px;}
	.contato-card h3 {font-size: 1.4rem;}
	.phone-item, .email-item {padding: 12px;}
	.phone-label, .email-label {font-size: 0.9rem;}
	.phone-number, .email-link {font-size: 1rem;}
	.phone-note {font-size: 0.85rem; padding: 12px;}
	
	.contato-form-section {padding: 50px 0;}
	.form-header h3 {font-size: 1.8rem;}
	.form-header p {font-size: 0.95rem;}
	.contato-form {padding: 30px 20px; margin: 0 15px;}
	.form-group input, .form-group select, .form-group textarea {padding: 12px; font-size: 0.95rem;}
	.btn-submit {padding: 15px 30px; font-size: 1rem;}
}

@media (max-width: 375px) {
	.contato-hero h2 {font-size: 1.8rem;}
	.contato-hero .hero-subtitle {font-size: 1rem;}
	
	.contato-card {padding: 20px 15px;}
	.contato-card h3 {font-size: 1.3rem;}
	.phone-item, .email-item {padding: 10px;}
	.phone-number, .email-link {font-size: 0.95rem;}
	
	.form-header h3 {font-size: 1.6rem;}
	.contato-form {padding: 25px 15px;}
	.btn-submit {padding: 12px 25px; font-size: 0.95rem;}
}
/*********************************************************/