/* -----------------------------------------
   Soulmix - Recetas Hero (Desktop)
   ----------------------------------------- */

.page-template-page-recetas main {
	margin-top: calc(-1 * var(--header-height));
}

.recetas-hero {
	position: relative;
	height: 100vh;
	display: flex;
	align-items: center;
}

.recetas-hero__media {
	position: absolute;
	inset: 0;
	z-index: -1;
}

.recetas-hero__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.recetas-hero__inner {
	display: flex;
	justify-content: flex-end;
	margin-right: clamp(160px, calc(160 / 1920 * 100vw), 224px);
}

.recetas-hero__content {
	max-width: clamp(680px, calc(680 / 1920 * 100vw), 952px);
	color: #1F1E1D;
}

.recetas-hero__pretitle {
	font-family: var(--font-base);
	font-weight: 500;
	font-size: clamp(15px, calc(15 / 1920 * 100vw), 21px);
	text-transform: uppercase;
}

.recetas-hero__title {
	font-family: var(--font-condensed);
	font-weight: 900;
	font-size: clamp(96px, calc(96 / 1920 * 100vw), 134px);
	line-height: 0.94;
	letter-spacing: -0.01em;
	text-transform: uppercase;
	margin-top: clamp(31px, calc(31 / 1920 * 100vw), 43px);
}

.recetas-hero__subtitle {
	font-family: var(--font-base);
	font-weight: 400;
	font-size: clamp(24px, calc(24 / 1920 * 100vw), 34px);
	letter-spacing: -0.02em;
	line-height: 1.15;
	margin-top: clamp(24px, calc(24 / 1920 * 100vw), 34px);
	max-width: clamp(580px, calc(580 / 1920 * 100vw), 812px);
}