/* Conecta On — Footer Module Styles */
.conecta-footer {
	background-color: var(--conecta-secondary);
	color: #94A3B8;
	padding-top: var(--conecta-space-xl);
	padding-bottom: var(--conecta-space-md);
	margin-top: auto;
}

.conecta-footer h4 {
	color: #FFFFFF;
	font-size: 16px;
	margin-bottom: var(--conecta-space-sm);
}

.conecta-footer a {
	color: #94A3B8;
}

.conecta-footer a:hover {
	color: #FFFFFF;
}

.conecta-footer-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 32px;
	margin-bottom: var(--conecta-space-lg);
}

.conecta-footer-col {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.conecta-social-links {
	display: flex;
	gap: 12px;
	margin-top: 12px;
}

.conecta-social-icon {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.1);
	display: flex;
	align-items: center;
	justify-content: center;
	transition: background 0.2s ease, transform 0.2s ease;
}

.conecta-social-icon:hover {
	background: var(--conecta-primary);
	transform: translateY(-2px);
}

.conecta-social-icon svg {
	width: 18px;
	height: 18px;
	fill: #FFFFFF;
}

.conecta-footer-bottom {
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	padding-top: var(--conecta-space-md);
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 13px;
}

@media (max-width: 1024px) {
	.conecta-footer-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 767px) {
	.conecta-footer-grid { grid-template-columns: 1fr; }
	.conecta-footer-bottom { flex-direction: column; gap: 12px; text-align: center; }
}