/**
 * BeatLatin — Páginas legales para widgets HTML de Elementor.
 * Encapsulado en .bl-legal-page · claro/oscuro · Apple clean.
 */

.bl-legal-page {
	--bl-legal-card: rgba(255, 255, 255, 0.035);
	--bl-legal-card-strong: rgba(255, 255, 255, 0.055);
	--bl-legal-text: var(--bl-system-primary, rgba(245, 245, 247, 0.92));
	--bl-legal-muted: var(--bl-system-secondary, rgba(245, 245, 247, 0.62));
	--bl-legal-faint: rgba(245, 245, 247, 0.42);
	--bl-legal-border: var(--bl-border, rgba(255, 255, 255, 0.09));
	--bl-legal-border-strong: var(--bl-border-strong, rgba(255, 255, 255, 0.15));
	--bl-legal-accent: var(--bl-red, #d90c0c);

	width: min(100%, 920px);
	margin: 24px auto 64px;
	color: var(--bl-legal-text);
	font-family: var(--bl-font, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
	font-size: 15px;
	line-height: 1.7;
}

[data-theme="light"] .bl-legal-page {
	--bl-legal-card: rgba(255, 255, 255, 0.72);
	--bl-legal-card-strong: #ffffff;
	--bl-legal-text: rgba(29, 29, 31, 0.92);
	--bl-legal-muted: rgba(29, 29, 31, 0.62);
	--bl-legal-faint: rgba(29, 29, 31, 0.42);
	--bl-legal-border: rgba(0, 0, 0, 0.09);
	--bl-legal-border-strong: rgba(0, 0, 0, 0.15);
}

.bl-legal-page *,
.bl-legal-page *::before,
.bl-legal-page *::after {
	box-sizing: border-box;
}

.bl-legal-page__header {
	margin-bottom: 20px;
	padding: 34px;
	border: 1px solid var(--bl-legal-border);
	border-radius: 20px;
	background: var(--bl-legal-card);
}

.bl-legal-page__eyebrow {
	margin: 0 0 8px;
	color: var(--bl-legal-accent);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.bl-legal-page h1 {
	margin: 0;
	color: var(--bl-legal-text);
	font-size: clamp(30px, 4vw, 42px);
	font-weight: 700;
	line-height: 1.12;
	letter-spacing: -0.035em;
}

.bl-legal-page__updated {
	margin: 12px 0 0;
	color: var(--bl-legal-faint);
	font-size: 13px;
	line-height: 1.4;
}

.bl-legal-page__intro {
	margin: 20px 0 0;
	padding-top: 20px;
	border-top: 1px solid var(--bl-legal-border);
}

.bl-legal-page__intro p {
	margin: 0 0 12px;
	color: var(--bl-legal-muted);
	font-size: 15px;
}

.bl-legal-page__intro p:last-child {
	margin-bottom: 0;
}

.bl-legal-page__toc {
	margin-bottom: 20px;
	padding: 20px 22px;
	border: 1px solid var(--bl-legal-border);
	border-radius: 16px;
	background: var(--bl-legal-card);
}

.bl-legal-page__toc-title {
	margin: 0 0 12px;
	color: var(--bl-legal-faint);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.bl-legal-page__toc ol {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 7px 28px;
	margin: 0;
	padding: 0;
	list-style-position: inside;
	color: var(--bl-legal-faint);
}

.bl-legal-page__toc li {
	margin: 0;
	font-size: 13px;
}

.bl-legal-page a {
	color: var(--bl-legal-accent);
	text-decoration: none;
	text-underline-offset: 3px;
}

.bl-legal-page a:hover,
.bl-legal-page a:focus-visible {
	color: var(--bl-legal-accent);
	text-decoration: underline;
}

.bl-legal-page__content {
	padding: 8px 34px 24px;
	border: 1px solid var(--bl-legal-border);
	border-radius: 20px;
	background: var(--bl-legal-card);
}

.bl-legal-page__section {
	padding: 26px 0;
	border-bottom: 1px solid var(--bl-legal-border);
	scroll-margin-top: 90px;
}

.bl-legal-page__section:last-child {
	border-bottom: 0;
}

.bl-legal-page h2 {
	margin: 0 0 12px;
	color: var(--bl-legal-text);
	font-size: 19px;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: -0.015em;
}

.bl-legal-page h3 {
	margin: 20px 0 8px;
	color: var(--bl-legal-text);
	font-size: 15px;
	font-weight: 700;
	line-height: 1.4;
}

.bl-legal-page__section p {
	margin: 0 0 13px;
	color: var(--bl-legal-muted);
}

.bl-legal-page__section p:last-child {
	margin-bottom: 0;
}

.bl-legal-page ul {
	margin: 12px 0 16px;
	padding-left: 22px;
	color: var(--bl-legal-muted);
}

.bl-legal-page li {
	margin: 0 0 8px;
	padding-left: 4px;
}

.bl-legal-page li:last-child {
	margin-bottom: 0;
}

.bl-legal-page li::marker {
	color: var(--bl-legal-accent);
}

.bl-legal-page strong {
	color: var(--bl-legal-text);
	font-weight: 650;
}

.bl-legal-page__contact {
	padding: 20px;
	border: 1px solid rgba(217, 12, 12, 0.22);
	border-radius: 14px;
	background: rgba(217, 12, 12, 0.06);
}

.bl-legal-page__contact p {
	color: var(--bl-legal-text);
}

@media (max-width: 768px) {
	.bl-legal-page {
		margin-top: 14px;
		margin-bottom: 40px;
		font-size: 14px;
	}

	.bl-legal-page__header {
		padding: 24px 20px;
		border-radius: 16px;
	}

	.bl-legal-page__toc {
		padding: 18px;
	}

	.bl-legal-page__toc ol {
		grid-template-columns: 1fr;
		gap: 6px;
	}

	.bl-legal-page__content {
		padding: 4px 20px 18px;
		border-radius: 16px;
	}

	.bl-legal-page__section {
		padding: 22px 0;
	}

	.bl-legal-page h2 {
		font-size: 18px;
	}
}