/* @group Site Footer
------------------------------------ */

.site-footer {
	background: var(--lagoon);
	color: var(--dune);
	padding-block: 2.5rem 1.6rem;
	position: relative;
}

/* First Col
----------------- */
.site-footer .first-col ul {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: .5rem 3rem;
	margin-bottom: 2rem;
}
.site-footer .first-col ul li {
	position: relative;
}
.site-footer .first-col ul li:not(:last-of-type)::after {
	content: '';
	height: 1.5rem;
	width: 1px;
	background-color: var(--white);
	position: absolute;
	top: 50%;
	right: -1.5rem;
	transform: translate(0, -50%);
}
.site-footer .first-col .brand {
	text-transform: uppercase;
	--fs: 1.2rem;
}
.site-footer .first-col .brand a {
	margin-left: .5rem;
}
.site-footer .first-col .brand img {
	width: 9.5rem;
	height: auto;
}

/* Second Col
----------------- */
.site-footer .second-col .social {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 2rem 1.5rem;
	margin-bottom: 2.5rem;
}
.site-footer .second-col .social i {
	font-size: 2.5rem;
}
.site-footer .second-col .social .icon-linkedin {
	font-size: 2.7rem;
}
.site-footer .second-col :is(.legals, .legals-menu) {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: .5rem 3rem;
}
.site-footer .second-col .legals-menu li {
	position: relative;
}
.site-footer .second-col .legals-menu li::after {
	content: '';
	height: 1.5rem;
	width: 1px;
	background-color: var(--white);
	position: absolute;
	top: 50%;
	right: -1.5rem;
	transform: translate(0, -50%);
}


@media only screen 
and (min-width : 961px) {
	.site-footer {
		padding-block: 2rem 1.6rem;
	}
	/* First Col
	----------------- */
	.site-footer .first-col ul {
		margin-bottom: 1.5rem;
	}
	.site-footer .first-col .brand {
		--fs: 1.4rem;
	}
	/* Second Col
	----------------- */
	.site-footer .second-col :is(.social, .legals, .legals-menu) {
		justify-content: flex-end;
	}
	.site-footer .second-col .social {
		margin-bottom: 1.5rem;
	}
}
@media only screen 
and (min-width : 0) 
and (max-width : 960px) {
	/* First Col
	----------------- */
	.site-footer .first-col {
		position: static;
	}
	.site-footer .first-col ul {
		justify-content: center;
	}
	.site-footer .first-col ul li:is(:nth-child(2))::after {
		content: none;
	}
	.site-footer .first-col ul li:is(:last-of-type) {
		flex: 0 1 100%;
		text-align: center;
	}
	.site-footer .first-col .brand {
		position: absolute;
		bottom: 1.6rem;
		left: 1.4rem;
		right: 1.4rem;
		text-align: center;
	}
	/* Second Col
	----------------- */
	.site-footer .second-col {
		margin-bottom: 4rem;
	}
	.site-footer .second-col .social .bp-button {
		margin-inline: 40%;
		white-space: nowrap;
	}
}

/* @end */


/* Animations
------------------------------------ */
:where(#wrapper) .contenedor .elemento {
	opacity: 0;
	--duration: 1s;
}
:where(#wrapper) .contenedor.animateActive .elemento {
	animation: fade var(--duration) forwards;
	animation-delay: var(--delay, 0);
}
:where(#wrapper) .contenedor.animateActive .elemento {
    --delay: 0.3s;
}