/**
 * Florete legal pages.
 */

.florete-legal-page-active {
	background: #fffdf9;
	color: #2d2823;
}

.florete-legal-page-active .site-content {
	padding-top: 0;
}

.florete-legal-page-active .site-content > .woostify-container,
.florete-legal-page-active .site-content .woostify-container,
.florete-legal-page-active #content > .woostify-container {
	width: min(1380px, calc(100% - 40px)) !important;
	max-width: none !important;
	padding-right: 0 !important;
	padding-left: 0 !important;
}

.florete-legal-page-active .site-main > article > .entry-header,
.florete-legal-page-active .page-header {
	display: none;
}

.florete-legal-page-active .entry-content {
	margin: 0;
}

.florete-legal {
	--fl-brown: #2d2823;
	--fl-sand: #c8b896;
	--fl-cream: #f8f2e8;
	--fl-paper: #fffdf9;
	--fl-muted: #756d64;
	--fl-line: rgba(45, 40, 35, .12);
	padding: 22px 0 72px;
	font-family: Montserrat, sans-serif;
}

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

.florete-legal a {
	color: inherit;
	text-decoration: none;
}

.florete-legal__hero {
	position: relative;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 32px;
	min-height: 280px;
	padding: clamp(36px, 5vw, 68px);
	border-radius: 24px;
	background: var(--fl-brown);
	color: var(--fl-paper);
	overflow: hidden;
	isolation: isolate;
}

.florete-legal__hero::after {
	position: absolute;
	top: -105px;
	right: 8%;
	width: 310px;
	height: 310px;
	border: 1px solid rgba(200, 184, 150, .21);
	border-radius: 50%;
	box-shadow:
		0 0 0 38px rgba(200, 184, 150, .04),
		0 0 0 76px rgba(200, 184, 150, .02);
	content: "";
	z-index: -1;
}

.florete-legal__eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 15px;
	color: var(--fl-sand);
	font-size: 10px;
	font-weight: 650;
	letter-spacing: .15em;
	text-transform: uppercase;
}

.florete-legal__eyebrow::before {
	width: 27px;
	height: 1px;
	background: currentColor;
	content: "";
}

.florete-legal__hero h1 {
	max-width: 720px;
	margin: 0;
	color: var(--fl-paper);
	font-family: "Cormorant Garamond", Georgia, serif;
	font-size: clamp(52px, 6vw, 82px);
	font-weight: 500;
	line-height: .92;
	letter-spacing: -.035em;
}

.florete-legal__hero p {
	max-width: 470px;
	margin: 0 0 5px;
	color: rgba(255, 253, 249, .72);
	font-size: 12px;
	line-height: 1.7;
}

.florete-legal__review {
	margin: 14px 0 0;
	padding: 14px 17px;
	border: 1px solid #e0b897;
	border-radius: 13px;
	background: #fff4e9;
	color: #704c32;
	font-size: 11px;
	line-height: 1.55;
}

.florete-legal__review strong {
	font-weight: 700;
}

.florete-legal__layout {
	display: grid;
	grid-template-columns: 270px minmax(0, 1fr);
	gap: clamp(22px, 3vw, 42px);
	align-items: start;
	margin-top: 18px;
}

.florete-legal__aside {
	position: sticky;
	top: 18px;
	padding: 20px;
	border: 1px solid var(--fl-line);
	border-radius: 18px;
	background: #faf6ef;
}

.admin-bar .florete-legal__aside {
	top: 50px;
}

.florete-legal__aside-title {
	display: block;
	margin-bottom: 13px;
	color: var(--fl-brown);
	font-family: "Cormorant Garamond", Georgia, serif;
	font-size: 27px;
	font-weight: 500;
	line-height: 1;
}

.florete-legal__toc {
	display: grid;
	gap: 3px;
}

.florete-legal__toc a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	min-height: 39px;
	padding: 8px 10px;
	border-radius: 9px;
	color: var(--fl-muted);
	font-size: 10px;
	font-weight: 520;
	line-height: 1.35;
	transition: background-color .18s ease, color .18s ease;
}

.florete-legal__toc a::after {
	color: var(--fl-sand);
	content: "→";
}

.florete-legal__toc a:hover,
.florete-legal__toc a:focus-visible {
	background: var(--fl-paper);
	color: var(--fl-brown);
	outline: none;
}

.florete-legal__aside-contact {
	margin-top: 17px;
	padding-top: 16px;
	border-top: 1px solid var(--fl-line);
	color: var(--fl-muted);
	font-size: 10px;
	line-height: 1.6;
}

.florete-legal__aside-contact a {
	display: block;
	margin-top: 8px;
	color: var(--fl-brown);
	font-weight: 650;
}

.florete-legal__document {
	padding: clamp(26px, 4vw, 56px);
	border: 1px solid var(--fl-line);
	border-radius: 22px;
	background: #fff;
}

.florete-legal__section {
	scroll-margin-top: 25px;
}

.florete-legal__section + .florete-legal__section {
	margin-top: 36px;
	padding-top: 35px;
	border-top: 1px solid var(--fl-line);
}

.florete-legal__section h2 {
	margin: 0 0 18px;
	color: var(--fl-brown);
	font-family: "Cormorant Garamond", Georgia, serif;
	font-size: clamp(31px, 3vw, 43px);
	font-weight: 500;
	line-height: 1;
	letter-spacing: -.015em;
}

.florete-legal__section p {
	margin: 0 0 15px;
	color: #5f5851;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.82;
}

.florete-legal__section p:last-child {
	margin-bottom: 0;
}

.florete-legal__section a {
	color: #806f4f;
	font-weight: 600;
	text-decoration: underline;
	text-decoration-color: rgba(128, 111, 79, .35);
	text-underline-offset: 3px;
}

.florete-legal__section a:hover,
.florete-legal__section a:focus-visible {
	color: var(--fl-brown);
	text-decoration-color: var(--fl-brown);
	outline: none;
}

.florete-legal__section br {
	content: "";
}

@media (max-width: 980px) {
	.florete-legal__hero {
		align-items: flex-start;
		flex-direction: column;
		min-height: 250px;
	}

	.florete-legal__hero p {
		max-width: 650px;
	}

	.florete-legal__layout {
		grid-template-columns: 1fr;
	}

	.florete-legal__aside {
		position: static;
		padding: 14px;
		overflow: hidden;
	}

	.florete-legal__aside-title,
	.florete-legal__aside-contact {
		display: none;
	}

	.florete-legal__toc {
		display: flex;
		overflow-x: auto;
		scrollbar-width: none;
	}

	.florete-legal__toc::-webkit-scrollbar {
		display: none;
	}

	.florete-legal__toc a {
		flex: 0 0 auto;
		min-height: 38px;
		padding: 8px 12px;
		border: 1px solid var(--fl-line);
		background: var(--fl-paper);
		white-space: nowrap;
	}

	.florete-legal__toc a::after {
		display: none;
	}
}

@media (max-width: 767px) {
	.florete-legal-page-active .site-content > .woostify-container,
	.florete-legal-page-active .site-content .woostify-container,
	.florete-legal-page-active #content > .woostify-container {
		width: calc(100% - 16px) !important;
	}

	.florete-legal {
		padding: 10px 0 46px;
	}

	.florete-legal__hero {
		min-height: 215px;
		gap: 17px;
		padding: 27px 20px;
		border-radius: 18px;
	}

	.florete-legal__hero::after {
		top: auto;
		right: -60px;
		bottom: -95px;
		width: 220px;
		height: 220px;
	}

	.florete-legal__eyebrow {
		margin-bottom: 12px;
		font-size: 9px;
	}

	.florete-legal__hero h1 {
		font-size: clamp(45px, 14vw, 61px);
	}

	.florete-legal__hero p {
		font-size: 11px;
		line-height: 1.65;
	}

	.florete-legal__review {
		padding: 12px 13px;
		border-radius: 11px;
		font-size: 10px;
	}

	.florete-legal__layout {
		gap: 10px;
		margin-top: 10px;
	}

	.florete-legal__aside {
		margin-right: -8px;
		margin-left: -8px;
		padding: 10px 8px;
		border-right: 0;
		border-left: 0;
		border-radius: 0;
	}

	.florete-legal__document {
		padding: 27px 18px;
		border-radius: 17px;
	}

	.florete-legal__section + .florete-legal__section {
		margin-top: 28px;
		padding-top: 27px;
	}

	.florete-legal__section h2 {
		margin-bottom: 14px;
		font-size: 32px;
	}

	.florete-legal__section p {
		margin-bottom: 13px;
		font-size: 13px;
		line-height: 1.72;
	}
}

@media (prefers-reduced-motion: reduce) {
	.florete-legal a {
		transition: none !important;
	}
}