/*
Theme Name: Hasu
Theme URI: https://hasu.es
Author: Hasu
Author URI: https://hasu.es
Version: 1.0.0
*/

:root {
	color-scheme: dark;
	--hasu-gray-0: #ffffff;
	--hasu-gray-100: #e5ecea;
	--hasu-gray-300: #aab9b5;
	--hasu-gray-700: #2f3e3c;
	--hasu-gray-800: #1f2b2a;
	--hasu-gray-900: #121b1a;
	--hasu-primary-500: #9bcd13;
	--hasu-primary-700: #66890f;
	--hasu-title-font: "Quicksand", ui-rounded, "Arial Rounded MT Bold", system-ui, sans-serif;
	--hasu-body-font: "Manrope", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* {
	box-sizing: border-box;
}

html,
body.hasu-cmp-page {
	min-height: 100%;
	background: var(--hasu-gray-900);
}

body.hasu-cmp-page {
	min-height: 100vh;
	margin: 0;
	color: var(--hasu-gray-0);
	font-family: var(--hasu-body-font);
	letter-spacing: 0;
	line-height: 1.45;
}

.hasu-cmp-shell {
	display: flex;
	min-height: 100vh;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 28px 16px;
}

.hasu-cmp-card {
	width: min(100%, 680px);
	padding: 40px 36px 44px;
	border-radius: 28px;
	background: transparent;
	text-align: center;
	transform: translateY(-24px);
}

.hasu-cmp-lottie {
	width: 152px;
	height: 152px;
	margin: 0 auto 2px;
}

.hasu-cmp-lottie svg {
	display: block;
}

.cmp-title.hasu-cmp-title,
.hasu-cmp-card .cmp-title,
.hasu-cmp-title {
	max-width: 620px;
	margin: 0 auto;
	color: var(--hasu-gray-0);
	font-family: var(--hasu-title-font);
	font-size: clamp(1.62rem, 5.8vw, 1.98rem);
	font-weight: 600;
	letter-spacing: 0;
	line-height: 1.22;
	text-transform: none;
}

.cmp-title.hasu-cmp-title::after,
.hasu-cmp-card .cmp-title::after {
	display: none;
}

.hasu-cmp-content {
	max-width: 560px;
	margin: 13px auto 0;
	color: rgba(170, 185, 181, 0.86);
	font-family: var(--hasu-body-font);
	font-size: 12px;
	font-weight: 400;
	line-height: 1.5;
	text-align: center;
}

.hasu-cmp-content p {
	margin: 0;
	color: inherit;
	font: inherit;
	letter-spacing: 0;
	line-height: inherit;
}

.hasu-cmp-content p + p {
	margin-top: 8px;
}

@media (max-width: 520px) {
	.hasu-cmp-shell {
		align-items: center;
		justify-content: flex-start;
		padding-top: 58px;
	}

	.hasu-cmp-card {
		width: min(100%, 360px);
		padding: 32px 18px 36px;
		border-radius: 24px;
		transform: translateY(-12px);
	}

	.hasu-cmp-lottie {
		width: 140px;
		height: 140px;
		margin-bottom: 0;
	}

	.cmp-title.hasu-cmp-title,
	.hasu-cmp-card .cmp-title,
	.hasu-cmp-title {
		font-size: clamp(1.5rem, 7.6vw, 1.82rem);
	}

}

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		scroll-behavior: auto !important;
		transition-duration: 0.01ms !important;
	}
}