/* ---------- Contacto ---------- */

.contact {
	background: white;
}

.contact-item {
	display: flex;
	gap: 1rem;
	align-items: flex-start;
}

.contact-item i {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: var(--green);
	color: white;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.2rem;
	flex-shrink: 0;
}

.contact h3 {
	font-family: "Fraunces", serif;
}

/* ---------- Social ---------- */

.social-icon {
	width: 52px;
	height: 52px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	color: white;
	font-size: 1.4rem;
	transition: transform .3s, box-shadow .3s;
}

.social-icon:hover {
	transform: translateY(-4px) scale(1.08);
	box-shadow: 0 .75rem 1.5rem rgba(0, 0, 0, .18);
	color: white;
}

.facebook {
	background: #1877F2;
}

.instagram {
	background: linear-gradient(45deg, #F58529, #DD2A7B, #8134AF, #515BD4);
}