/**
 * Tipografía del cuerpo de «Terms of Use» / «Privacy Policy» (page-legal.php).
 *
 * Archivo PROPIO del tema (NO forma parte del template). No modifica
 * assets/dist/output.css. Da estilo al HTML que produce el editor de WordPress
 * dentro de `.legal-body`, replicando el look de template/legal.html con los
 * mismos tokens de diseño (variables de output.css).
 *
 * Se encola únicamente en page-legal.php.
 */

.legal-body h3 {
	font-family: var(--font-heading, "Space Grotesk", sans-serif);
	font-weight: 700;
	text-transform: uppercase;
	font-size: 24px;
	line-height: 1.25;
	color: #fff;
	margin: 40px 0 0;
}

.legal-body > *:first-child,
.legal-body > h3:first-child {
	margin-top: 0;
}

.legal-body p {
	font-family: var(--font-sans, "Montserrat", sans-serif);
	font-weight: 300;
	font-size: 16px;
	line-height: 26px;
	color: #c6c6c6;
	margin: 12px 0 0;
}

.legal-body ul,
.legal-body ol {
	margin: 12px 0 0;
	padding-left: 1.25em;
	font-family: var(--font-sans, "Montserrat", sans-serif);
	font-weight: 300;
	font-size: 16px;
	line-height: 26px;
	color: #c6c6c6;
}

.legal-body li::marker {
	color: var(--color-aqua, #03bfb5);
}

.legal-body a {
	color: var(--color-aqua, #03bfb5);
	text-decoration: underline;
	text-underline-offset: 2px;
}

.legal-body a:hover {
	color: var(--color-mint, #0bda9a);
}

.legal-body strong {
	color: #fff;
	font-weight: 700;
}