/* Pàgines de text legal (avís legal, política de privacitat...) */
.legal {
	padding: 80px var(--gutter) 140px;
}

.legal__inner {
	max-width: 820px;
	margin: 0 auto;
}

.legal__title {
	font-size: clamp(32px, 5vw, 48px);
	margin-bottom: 40px;
	padding-bottom: 28px;
	border-bottom: 1px solid rgba(32, 37, 31, 0.15);
}

.legal__text {
	font-size: 16px;
	line-height: 1.7;
}

.legal__text h2 {
	font-size: 24px;
	margin: 48px 0 16px;
}

.legal__text h3 {
	font-size: 19px;
	margin: 32px 0 12px;
}

.legal__text ul,
.legal__text ol {
	margin: 0 0 1em;
	padding-left: 22px;
}

.legal__text ul {
	list-style: disc;
}

.legal__text li + li {
	margin-top: 6px;
}

.legal__text a {
	color: var(--color-green-700);
	text-decoration: underline;
	text-underline-offset: 2px;
}

.legal__text strong {
	font-weight: 700;
}

@media (max-width: 700px) {
	.legal {
		padding: 48px var(--gutter) 100px;
	}

	.legal__title {
		margin-bottom: 28px;
		padding-bottom: 20px;
	}

	.legal__text h2 {
		font-size: 21px;
		margin-top: 36px;
	}
}
