@charset "utf-8";
/* =========================================================
   Academias New Corpore — FOOTER
   ========================================================= */

/*
 * ===============================================
 * |             ESTILOS DO RODAP               |
 * ===============================================
 */
	.footer-newcorpore {
		background: var(--background-dark);
		color: var(--footer-text-light);
		padding: 40px 0 30px;
		font-family: var(--font-base);
		border-top: 4px solid var(--primary-color);
	}

	.footer-newcorpore h4 {
		color: var(--primary-color);
		font-size: 1.1rem;
		font-weight: 600;
		margin-bottom: 20px;
		position: relative;
	}

	.footer-newcorpore h4::after {
		content: "";
		position: absolute;
		width: 100%;
		max-width: 250px;
		height: 2px;
		background: var(--primary-color);
		bottom: -8px;
		left: 0;
		border-radius: 2px;
	}

	.footer-newcorpore p,
	.footer-newcorpore li {
		font-size: 0.85rem;
		line-height: 1.6;
		color: var(--text-card);
	}

	.footer-newcorpore ul {
		list-style: none;
		padding: 0;
		margin: 0;
	}

	.footer-newcorpore ul li {
		margin-bottom: 10px;
		display: flex;
		align-items: center;
		gap: 8px;
	}

	.footer-newcorpore ul li a {
		color: var(--footer-text-light);
		text-decoration: none;
		transition: color 0.3s ease;
	}

	.footer-newcorpore ul li a:hover {
		color: var(--primary-color);
	}

	/* Redes sociais (footer) — padronizado (index/sobre/etc) */
footer.footer-newcorpore .redes-sociais.footer-col a{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	margin-right: 10px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.10) !important;
	border: 1px solid rgba(235, 92, 29, 0.22) !important;
	color: var(--text-light) !important;
	font-size: 1.2rem;
	transition: background-color var(--transition), border-color var(--transition),
				color var(--transition), box-shadow var(--transition), transform 0.12s ease !important;
	cursor: pointer;
}

footer.footer-newcorpore .redes-sociais.footer-col a:hover{
	background: var(--primary-color) !important;
	border-color: rgba(235, 92, 29, 0.60) !important;
	color: var(--text-light) !important;
	box-shadow: 0 14px 36px rgba(235, 92, 29, 0.20) !important;
	transform: translateY(-2px) scale(1.06) !important;
}

footer.footer-newcorpore .redes-sociais.footer-col a:hover i{
	color: inherit !important;
}

footer.footer-newcorpore .redes-sociais.footer-col a:focus-visible{
	outline: none;
	box-shadow: 0 0 0 3px var(--focus-ring) !important;
}
footer.footer-newcorpore .redes-sociais.footer-col a i{
	color: inherit !important;
	transition: color var(--transition) !important;

		width: 20px;
		height: 20px;
		display: flex;
		align-items: center;
		justify-content: center;
		pointer-events: none;
	}

	.footer-newcorpore .footer-row {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		gap: 30px;
	}

	.footer-newcorpore .footer-col {
		flex: 1 1 236px;
	}

	.footer-newcorpore .footer-copy {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
		margin-top: 30px;
		font-size: 0.85rem;
		color: var(--footer-text-secondary);
		border-top: 1px solid rgba(255, 255, 255, 0.1);
		padding-top: 15px;
	}

	.footer-newcorpore .desenvolvido {
		margin: 0;
		text-align: right;
	}

	.footer-newcorpore .desenvolvido a {
		color: var(--primary-color);
		text-decoration: none;
	}

	.footer-newcorpore .desenvolvido a:hover {
		text-decoration: underline;
	}

	.footer-newcorpore .contact-list li i {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 28px;
		height: 28px;
		background: gray;
		color: var(--text-light);
		border-radius: 50%;
		font-size: 0.85rem;
		transition: all 0.3s ease;
		flex-shrink: 0;
		cursor: pointer;
	}

	.footer-newcorpore .contact-list li i:hover {
		background: var(--text-light);
		color: var(--text-dark);
	}

/*
 * ===============================================
 * | RESPONSIVIDADE                              |
 * ===============================================
 */
	@media (max-width: 767px) {
		.footer-newcorpore .footer-row {
			flex-direction: column;
			gap: 20px;
		}
		.footer-newcorpore .footer-copy {
			flex-direction: column;
			align-items: flex-start;
			gap: 10px;
		}
		.footer-newcorpore .desenvolvido {
			text-align: left;
		}
	}