/* -----------------------------------------
   Soulmix - Conócenos Hero (Desktop)
   ----------------------------------------- */

.conocenos-hero {
	padding: clamp(120px, calc(120 / 1920 * 100vw), 168px) 0 clamp(80px, calc(80 / 1920 * 100vw), 112px);
}

.conocenos-hero__inner {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: clamp(64px, calc(64 / 1920 * 100vw), 90px);
	align-items: center;
}

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

.conocenos-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(24px, calc(24 / 1920 * 100vw), 34px);
	max-width: clamp(680px, calc(680 / 1920 * 100vw), 952px);
}

.conocenos-hero__subtitle {
	margin-top: clamp(24px, calc(24 / 1920 * 100vw), 34px);
	max-width: clamp(440px, calc(440 / 1920 * 100vw), 616px);
}

.conocenos-hero__subtitle p {
	font-family: var(--font-base);
	font-weight: 400;
	font-size: clamp(16px, calc(16 / 1920 * 100vw), 22px);
	letter-spacing: -0.02em;
	line-height: normal;
}

.conocenos-hero__subtitle p + p {
	margin-top: clamp(16px, calc(16 / 1920 * 100vw), 22px);
}

.conocenos-hero__media {
	position: relative;
}

.conocenos-hero__video {
	display: block;
	width: 70%;
	height: auto;
	border-radius: 20px;
	margin-left: auto;
}

.conocenos-hero__fruit {
	position: absolute;
	top: clamp(24px, calc(24 / 1920 * 100vw), 34px);
	left: clamp(-72px, calc(-72 / 1920 * 100vw), -101px);
	z-index: 1;
	width: clamp(120px, calc(120 / 1920 * 100vw), 168px);
	height: auto;
	pointer-events: none;
}