/*********************************************************/
/*CSS MODE - MRPNET 2025
/*********************************************************/
/*CORES*/
:root {
  --cor_1: #FF8300;
  --cor_2: #0F71B5;
  --cor_3: #545454;
  --cor_4: #0D649D;
}
/*********************************************************/
.botao {padding: 10px 30px; color: #fff; background-color: var(--cor_2); border-radius: 10px; font-weight: 500; text-transform: uppercase; cursor: pointer; font-family: var(--font_p);}
.botao:hover {background-color: var(--cor_1);}

h1 {font-family: var(--font_p); font-size: 2.6em; color: var(--cor_3); margin-bottom: 40px; line-height: 1.3; font-weight: 900;}
h2 {font-family: var(--font_p);}
p {font-family: var(--font_s); font-size: 1.1em; color: var(--cor_3); line-height: 30px;}

.bordas {max-width: 95%; margin: auto;}
/*********************************************************/
/*HEADER DO SITE*/
header {width: 100%; position: relative; z-index: 1000;}
header .content {display: flex; align-items: center; justify-content: space-between;}
header .logo {width: 215px; height: 95px;}

header .inicio {width: 100%; background-color: var(--cor_1); padding: 5px 0;}
header .dados li {display: inline-block; padding-right: 15px; color: #fff; font-size: 1em; font-weight: 600;}
header .social li {display: inline-block; padding-left: 15px; font-size: 1.2em; color: #fff;}
header .social li:hover {color: var(--cor_2);}
header .topo {padding: 10px 0;}
/*********************************************************/
/*SOBRE ACOMAC*/
.sobre-acomac {padding: 60px 0;}
.sobre-acomac h2 {font-size: 0.9em; font-weight: 500; color: var(--cor_2); padding-bottom: 10px;}
.sobre-acomac h1 span {color: var(--cor_1);}

.sobre-flex {display: flex; align-items: center; gap: 60px;}
.sobre-imagem {flex: 1;}
.sobre-imagem img {width: 100%; border-radius: 15px; box-shadow: 0 10px 30px rgba(0,0,0,0.1);}
.sobre-texto {flex: 1;}

.contato-info {display: flex; align-items: center; gap: 20px; margin-top: 20px;}
.sobre-acomac .telefone {display: flex; align-items: center; color: var(--cor_2); font-weight: 300; color: #888888; font-size: 0.8em; }
.sobre-acomac .telefone p {line-height: 20px;}
.sobre-acomac .telefone span {font-size: 1.2em; color: var(--cor_3); font-weight: 800;}
.sobre-acomac .telefone i {font-size: 1.6em; padding: 5px; background-color: var(--cor_3); color: #fff; border-radius: 5px; margin-right: 10px;}
/*********************************************************/
/*BENEFICIOS*/
.beneficios {padding: 80px 0; background: #F6F6F6; text-align: center;}
.beneficios span {color: var(--cor_1);}

.beneficios-grid {display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 40px;}
.beneficio-card {background: var(--cor_2); padding: 20px 15px 40px 30px;  border-top-right-radius: 20%; border-bottom-left-radius: 20%; text-align: left; }
.beneficio-card:hover {background-color: var(--cor_4);}
.beneficio-icon {width: 100px; height: 100px; background-position: center center;}
.beneficio-card h4 {font-family: var(--font_p); font-size: 1.2em; color: #fff; margin-bottom: 15px; font-weight: 600;}
.beneficio-card p {color: #fff; line-height: 20px; font-size: 0.9em; font-weight: 300;}

.beneficios .ac1 {background-image: url(../images/ic1.png);}
.beneficios .ac2 {background-image: url(../images/ic2.png);}
.beneficios .ac3 {background-image: url(../images/ic3.png);}
.beneficios .ac4 {background-image: url(../images/ic4.png);}
/*********************************************************/
/*REDES SOCIAIS*/
.redes-sociais {padding: 80px 0; background: var(--cor_2); color: #fff;}
.redes-flex {display: flex;  align-items: center; gap: 5%;}

.redes-texto {flex: 0 0 30%;}
.redes-texto h3 {font-family: var(--font_p); font-size: 2em; font-weight: 600; margin-bottom: 20px;}
.redes-texto p {color: #fff;}
.redes-texto .social li {display: inline-block; font-size: 2.4em; color: #fff; padding-right: 20px;}
.redes-texto .social li:hover {color: var(--cor_1);}

.apps-promocao {flex: 0 0 65%; display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.app-item {border-radius: 10px; border: 5px solid var(--cor_1); min-height: 225px; background-position: center; transition: all 0.3s ease; cursor: pointer;}
.app-item:hover { transform: scale(1.05); border-color: #fff; filter: brightness(0.9); }
/*********************************************************/
/*MATERIAL CONSTRUCAO*/
.material-construcao {padding: 80px 0;}
.material-flex {display: flex; align-items: center; gap: 60px;}
.material-imagens {flex: 1; position: relative;}
.material-texto {flex: 1;}
.material-texto h3 {font-family: var(--font_p); font-size: 2.2em; color: var(--cor_3); margin-bottom: 25px; line-height: 1.3;}
.material-texto h3 span {color: var(--cor_1);}
/*********************************************************/
/*RODAPE*/
footer {background: var(--cor_2); color: #fff; padding-top: 20px; border-top: 20px solid var(--cor_1);}
footer .social li {display: inline-block; font-size: 1.4em; padding-right: 15px; color: #fff; }
footer .social li:hover {color: var(--cor_1);}

.rodape-flex {display: flex; justify-content: space-between; margin-bottom: 40px;}
.rodape-logo {flex: 0 0 25%; text-align: center; padding-top: 30px;}
.rodape-logo img {max-width: 200px;}
.rodape-info {display: flex; gap: 40px; flex: 0 0 70%;}

.rodape-coluna {padding-right: 40px;}
.rodape-coluna h4 {font-family: var(--font_p); font-size: 1.2em; margin-bottom: 10px; color: #fff; font-weight: 700;}
.rodape-coluna .subnav a {color: #fff; text-decoration: none; transition: color 0.3s ease;}
.rodape-coluna .subnav a:hover {color: var(--cor_1);}
.rodape-coluna p {color: #fff; margin-bottom: 10px; font-family: var(--font_p);}

.rodape-copy {text-align: center; padding: 10px 0; background-color: var(--cor_4);}
.rodape-copy p {color: #fff; font-size: 0.9em;}
.rodape-copy a {color: #fff;}
.rodape-copy a:hover {color: var(--cor_1);}
/*********************************************************/
/* PÁGINA SOBRE */
.hero-sobre {background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%); color: white; padding: 60px 0; text-align: center;}
.hero-sobre h1 {color: #fff; margin-bottom: 10px !important;}
.hero-sobre p {color: #fff;}
.hero-stats {display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; max-width: 600px; margin: 0 auto;}
.stat {text-align: center;}
.stat .number {display: block; font-family: var(--font_s); font-size: 4em; font-weight: 700; margin-bottom: 5px;}
.stat .label {font-size: 1.2em; opacity: 0.8;}

.nossa-historia {padding: 80px 0; background: #f8f9fa;}
.historia-grid {display: grid; grid-template-columns: 2fr 1fr; gap: 60px; align-items: center;}
.historia-texto h2 {font-family: var(--font_s); font-size: 2em; color: var(--cor_1); margin-bottom: 30px;}
.destaque {background: #fff; padding: 30px; border-radius: 10px; border-left: 4px solid var(--cor_2); margin-top: 30px;}
.destaque h3 {font-family: var(--font_s); font-size: 1.4; color: var(--cor_1); margin-bottom: 15px;}
.logo-historia {max-width: 100%; height: auto;}

.o-que-e {padding: 80px 0; text-align: center;}
.o-que-e h2 {font-family: var(--font_s); font-size: 2em; color: var(--cor_1); margin-bottom: 30px;}
.o-que-e .lead {font-size: 1.4em; font-weight: 500; color: var(--cor_2); margin-bottom: 30px; margin-left: auto; margin-right: auto;}
.o-que-e p {max-width: 60%; margin: 0 auto;}

.missao {padding-bottom: 20px;}
.missao-grid {display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 40px;}
.missao-item {text-align: center; padding: 30px 5px;}
.missao-item .icon {width: 120px; height: 120px; margin: 0 auto 20px; background: var(--cor_1); border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.missao-item .icon:hover {background-color: var(--cor_2);}
.missao-item .icon img {width: 80px; height: 80px; filter: brightness(0) invert(1);}
.missao-item h3 {font-family: var(--font_s); font-size: 1.2em; color: var(--cor_1); margin-bottom: 15px;}

.compromisso {padding: 80px 0; background: #f8f9fa;}
.compromisso h2 {font-family: var(--font_s); font-size: 2em; color: var(--cor_1); text-align: center; margin-bottom: 30px;}
.compromisso .lead {text-align: center; max-width: 900px; margin: 0 auto 50px;}
.beneficios-lista {display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; max-width: 800px; margin: 0 auto;}
.beneficio {display: flex; align-items: center; background: #fff; padding: 20px; border-radius: 8px; border-left: 4px solid var(--cor_2);}
.beneficio .check {color: var(--cor_2); font-size: 20px; font-weight: bold; margin-right: 15px;}
.beneficio span:last-child {color: #555; font-weight: 500;}

.cta-sobre {padding: 60px 0; background: #ccc; color: #fff; text-align: center;}
.cta-sobre h2 {font-family: var(--font_s); font-size: 2em; margin-bottom: 20px; color: var(--cor_2);}
.cta-sobre p {margin-bottom: 30px; opacity: 0.9; max-width: 600px; margin-left: auto; margin-right: auto;}
/*********************************************************/
/* PÁGINA ASSOCIE-SE */
.associe-hero { background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%); color: white; padding: 60px 0; text-align: center; }
.associe-hero h2 {font-size: 2em; font-weight: 700; margin-bottom: 20px; color: #fff; }
.associe-hero .hero-description p {max-width: 600px; margin: 0 auto; color: #fff;}

.associe-info { padding: 60px 0; background: #f8fafc; text-align: center; }
.associe-info h3 { font-size: 2em; color: var(--cor_2); margin-bottom: 30px; text-align: center; }

.associe-form { padding: 80px 0; background: #fff; }
.form-wrapper { max-width: 50%; margin: 0 auto; background: #fff; padding: 40px; border-radius: 12px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); border: 1px solid #e2e8f0; }
.form-wrapper h3 { font-size: 2em; color: var(--cor_2); margin-bottom: 10px; text-align: center; }
.form-subtitle { text-align: center; margin-bottom: 40px; }

.association-form { display: flex; flex-direction: column; gap: 25px; }
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.form-group { display: flex; flex-direction: column; }
.form-group.full-width { grid-column: 1 / -1; }
.form-group label { font-weight: 600; color: var(--cor_3); margin-bottom: 8px; font-size: 0.95rem; }

.form-group input, .form-group select, .form-group textarea { padding: 12px 16px; border: 2px solid #e5e7eb; border-radius: 8px; font-size: 1rem; transition: all 0.3s ease; background: #fff; }
.form-group input:focus, .form-group select:focus, .form-group textarea:focus { outline: none; border-color: var(--cor_2); box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1); }
.form-group textarea { resize: none; min-height: 100px; }
.checkbox-group { flex-direction: row; align-items: flex-start; gap: 12px; }
.checkbox-label { display: flex; align-items: flex-start; gap: 12px; cursor: pointer; font-size: 0.95rem; line-height: 1.5; color: var(--cor_3); }
.checkbox-label input[type="checkbox"] { display: none; }
.checkmark { width: 20px; height: 20px; border: 2px solid #d1d5db; border-radius: 4px; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease; flex-shrink: 0; margin-top: 2px; }
.checkbox-label input[type="checkbox"]:checked + .checkmark { background: var(--cor_2); border-color: var(--cor_2); }
.checkbox-label input[type="checkbox"]:checked + .checkmark::after { content: '✓'; color: #fff; font-size: 12px; font-weight: bold; }
.error-message { color: #ef4444; font-size: 0.875rem; margin-top: 5px; display: none; }
.form-group.error input, .form-group.error select, .form-group.error textarea { border-color: #ef4444; }
.form-group.error .error-message { display: block; }
.form-actions { text-align: center; margin-top: 20px; }
/*********************************************************/
/* PÁGINA CLUBE DE BENEFICIOS */
.clube-hero {background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%); padding: 60px 0; color: #fff; text-align: center;}
.clube-hero h2 {font-size: 3.5rem; font-weight: 700; margin-bottom: 20px; text-shadow: 0 2px 10px rgba(0,0,0,0.1);}
.clube-hero .hero-description {max-width: 800px; margin: 0 auto; }
.clube-hero .hero-description p {color: #fff;}

.clube-benefits {padding: 100px 0; background: #f8f9fa;}
.benefits-grid {display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 30px; max-width: 1200px; margin: 0 auto;}
.benefit-card {background: white; border-radius: 15px; padding: 40px 30px; text-align: center; box-shadow: 0 5px 25px rgba(0,0,0,0.08); transition: all 0.3s ease; border: 1px solid #e9ecef;}
.benefit-card:hover {transform: translateY(-5px); box-shadow: 0 15px 40px rgba(0,0,0,0.12);}
.benefit-icon {margin-bottom: 25px; display: flex; justify-content: center;}
.benefit-icon .logo {width: 70%; height: 80px; background-position: center center; margin: auto;}
.benefit-card h3 {font-size: 1.5rem; font-weight: 600; margin-bottom: 20px; color: var(--cor_3);}
.benefit-content ul {list-style: none; padding: 0; margin-bottom: 25px; text-align: left;}
.benefit-content li {padding: 8px 0; border-bottom: 1px solid #f1f3f4; color: #555; position: relative; padding-left: 20px;}
.benefit-content li:before {content: "✓"; position: absolute; left: 0; color: var(--cor_1); font-weight: bold;}
.benefit-content li:last-child {border-bottom: none;}
.btn-benefit {display: inline-block; background: var(--cor_1); color: white; padding: 12px 25px; border-radius: 25px; text-decoration: none; font-weight: 500; transition: all 0.3s ease; font-size: 0.9rem;}
.btn-benefit:hover {background: var(--cor_2); transform: translateY(-2px); box-shadow: 0 5px 15px rgba(255, 131, 0, 0.3);}

.clube-cta {background: #ccc; padding: 40px 0; text-align: center; color: #fff;}
.clube-cta .cta-content h3 {font-size: 2em; margin-bottom: 20px; font-weight: 700; color: var(--cor_2);}
/*********************************************************/
/* PÁGINA ATENDIMENTO */
.contato-hero { background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%); color: #fff; padding: 60px 0; text-align: center; position: relative; }
.contato-hero .container { position: relative; z-index: 2; }
.contato-hero h2 { font-size: 2em; font-weight: 700; margin-bottom: 15px; }
.contato-hero .hero-description { max-width: 600px; margin: 0 auto; opacity: 0.8; color: #fff; }

.contato-content { padding: 80px 0; background: #f8f9fa; }
.contato-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); gap: 40px; max-width: 1000px; margin: 0 auto; }
.contato-card { background: #fff; border-radius: 15px; padding: 40px 35px; box-shadow: 0 10px 30px rgba(0,0,0,0.1); transition: all 0.3s ease; border: 1px solid #e9ecef; }
.contato-card:hover { transform: translateY(-5px); box-shadow: 0 20px 40px rgba(0,0,0,0.15); }

.card-header { display: flex; align-items: center; gap: 20px; margin-bottom: 30px; padding-bottom: 20px; border-bottom: 2px solid #f1f3f4; }
.card-icon { width: 70px; height: 70px; background-color: var(--cor_2); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; flex-shrink: 0; }
.contato-card h3 {font-size: 1.6em; font-weight: 600; color: var(--cor_3); margin: 0; }

.phone-item, .email-item { display: flex; flex-direction: column; gap: 8px; margin-bottom: 20px; padding: 15px; background: #f8f9fa; border-radius: 8px; border-left: 4px solid var(--cor_2); }
.phone-label, .email-label { font-weight: 600; color: var(--cor_3); font-size: 1em; }
.phone-number, .email-link { color: var(--cor_2); font-weight: 500; font-size: 1em; text-decoration: none; transition: color 0.3s ease; }
.phone-number:hover, .email-link:hover { color: var(--cor_1); }

.contato-form-section { padding: 60px 0; background: #fff; }
.form-header { text-align: center; margin-bottom: 20px; }

.contato-form { max-width: 800px; margin: 0 auto; background: #f8f9fa; padding: 50px 40px; border-radius: 15px; box-shadow: 0 10px 30px rgba(0,0,0,0.1); }
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; margin-bottom: 35px; }
/*********************************************************/
/* PÁGINA AÇÕES */
.acoes-hero {background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%); color: #fff; padding: 60px 0; text-align: center; position: relative;}
.acoes-hero h2 {font-size:2em; font-weight: 700; margin-bottom: 20px; color: #fff;}
.acoes-hero .hero-description {max-width: 800px; margin: 0 auto;}
.acoes-hero .hero-description p {color: #fff;}

.acoes-content {padding: 100px 0; background: #f8f9fa;}
.acoes-grid {display: grid; grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); gap: 40px; max-width: 1280px; margin: 0 auto;}

.acao-card {background: white; border-radius: 20px; padding: 40px; box-shadow: 0 10px 30px rgba(0,0,0,0.1); transition: all 0.3s ease; border-top: 5px solid transparent; position: relative; overflow: hidden;}
.acao-card:hover {transform: translateY(-10px); box-shadow: 0 20px 50px rgba(0,0,0,0.15);}

.acao-card.conhecimento {border-top-color: var(--cor_1);}
.acao-card.conhecimento .acao-icon {color: var(--cor_1);}
.acao-card.negocios {border-top-color: var(--cor_2);}
.acao-card.negocios .acao-icon {color: var(--cor_2);}
.acao-card.social {border-top-color: var(--cor_3);}
.acao-card.social .acao-icon {color: var(--cor_3);}

/* Header do Card */
.acao-header {display: flex; align-items: center; gap: 20px; margin-bottom: 25px;}
.acao-icon {display: flex; align-items: center; justify-content: center; width: 80px; height: 80px; border-radius: 50%; background: rgba(255,255,255,0.1); backdrop-filter: blur(10px);}
.acao-card h3 {font-size: 1.8rem; font-weight: 600; color: var(--cor_3); margin: 0;}

/* Conteúdo do Card */
.acao-content p {color: #555; line-height: 1.7; margin-bottom: 20px; font-size: 1rem;}
.acao-features {margin: 25px 0;}
.acao-features ul {list-style: none; padding: 0;}
.acao-features li {padding: 8px 0; color: #666; position: relative; padding-left: 25px; border-bottom: 1px solid #f1f3f4;}
.acao-features li:before {content: "✓"; position: absolute; left: 0; font-weight: bold;}
.acao-card.conhecimento .acao-features li:before {color: var(--cor_1);}
.acao-card.negocios .acao-features li:before {color: var(--cor_2);}
.acao-card.social .acao-features li:before {color: var(--cor_3);}
.acao-features li:last-child {border-bottom: none;}
.acao-cta {font-style: italic; color: var(--cor_3); margin-top: 20px;}

.acoes-cta {background-color: #ccc; padding: 40px 0; text-align: center; color: #fff;}
.acoes-cta .cta-content h3 {font-size: 2em; margin-bottom: 20px; font-weight: 700; color: var(--cor_2);}
.acoes-cta .cta-content p {margin-bottom: 40px; opacity: 0.9;}
.cta-buttons {display: flex; gap: 20px; justify-content: center; flex-wrap: wrap;}
/*********************************************************/
.diretoria {width: 100%; display: table; background-color: #fff !important; text-align: left !important;}
.diretoria h3 {color: var(--cor_1); text-align: center; padding-bottom: 20px;}
.diretoria h4 {background-color: #f1f1f1; padding: 15px; text-align: center; color: var(--cor_1); text-transform: uppercase;}
.diretoria .quadro {width: 100%; padding-right: 20px; max-height: 650px; overflow: auto; color: var(--cor_3);}
.diretoria table {width: 100%;}
.diretoria tr {background-color: #f9f9f9; border-bottom: 1px solid #fff; width: 100%;}
.diretoria td {padding: 10px 5px; font-size: 0.9em;}

.diretoria .esquerda {width: 35%;}
.diretoria .direita {width: 62%;}

.diretoria .maior {width: 30%;}
.diretoria .menor {width: 20%;}
/*********************************************************/
.faq {width: 100%; display: table; padding: 40px 0;}
.accordion { width: 100%; max-width: 1024px; margin: 0 auto; }
.accordion-item { border-bottom: 1px solid #ddd; margin-bottom: 20px; }
.accordion-header { width: 100%; text-align: left; background: #f8f8f8; border: none; padding: 15px 20px; font-size: 1.2em; font-weight: 600; cursor: pointer; position: relative; display: flex; justify-content: space-between; align-items: center; color: var(--cor_2); }
.accordion-header:hover { background: #eee; }
.accordion-header .icon { font-size: 20px; transition: transform 0.3s ease; }
.accordion-header.active .icon { transform: rotate(45deg); }
.accordion-body { max-height: 0; overflow: hidden; transition: max-height 0.4s ease, padding 0.3s ease;padding: 0 20px; width: 100%; }
.accordion-body.open { max-height: 500px; overflow: auto; padding: 15px 20px; }
/*********************************************************/
/* PÁGINA PARCEIROS - CARDS (versão profissional) */
.parceiros {width: 100%; display: table; padding: 40px 0;}
.parceiros h3 {font-family: var(--font_p); font-size: 2em; font-weight: 600; margin-bottom: 20px; color: var(--cor_3);}

.parceiro-item {width: 30%; float: left; margin: 1%;}

.parceiro-card { background: #fff; border: 1px solid #e6e9ef; border-radius: 16px; padding: 20px; box-shadow: 0 6px 18px rgba(22, 28, 45, 0.08); transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; position: relative; }
.parceiro-card:hover { transform: translateY(-2px); box-shadow: 0 10px 24px rgba(22, 28, 45, 0.12); border-color: var(--cor_1); }

.parceiro-logo { display:flex; align-items:center; justify-content:center; height: 140px; margin-bottom: 16px; background: linear-gradient(180deg, rgba(0,0,0,0.03), rgba(0,0,0,0)); border-radius: 12px; }
.parceiro-logo img { max-width: 100%; max-height: 120px; object-fit: contain; filter: none; }

.parceiro-nome { font-size: 1rem; font-weight: 700; color: var(--cor_2); text-align: center; margin: 10px 0 4px; letter-spacing: .2px; }

.parceiro-contatos { list-style:none; padding:0; margin: 12px 0 0; display: grid; gap: 8px; }
.parceiro-contatos li { display:flex; align-items:center; gap: 10px; font-size: 0.95rem; color: #2b2b2b; }
.parceiro-contatos strong { color: #6b7280; font-weight: 600; min-width: 92px; }
.parceiro-contatos a { color: var(--cor_2); text-decoration: none; }
.parceiro-contatos a:hover { color: var(--cor_1); text-decoration: underline; }
.parceiro-contatos i {padding-right: 10px;}

.parceiro-sociais { display:flex; flex-wrap:wrap; justify-content:center; gap: 10px; margin-top: 16px; padding-top: 12px; border-top: 1px solid #eef1f5; }
.social-link { display:inline-flex; align-items:center; gap: 8px; padding: 8px 12px; border-radius: 10px; font-weight: 600; font-size: 0.9rem; text-decoration: none; box-shadow: none; border: 1px solid #e6e9ef; color: var(--cor_2); background: transparent; transition: color .2s ease, border-color .2s ease, transform .2s ease; }
.social-link:hover { transform: translateY(-1px); }
.social-link.instagram:hover { color: #E1306C; border-color: #E1306C; }
.social-link.facebook:hover { color: #1877F2; border-color: #1877F2; }
.social-link.youtube:hover { color: #FF0000; border-color: #FF0000; }
.social-link .icon { width: 18px; height: 18px; }
/*********************************************************/
/* PÁGINA PARCEIROS - LAYOUT EM GRADE 3 COLUNAS */
.parca {width: 50%; float: left; padding-bottom: 20px;}
.parca .quadro {width: 90%; margin: auto; height: 120px; background-position: center center;}