/* -----------------------------------------
   Soulmix - Sección de Productos (Desktop)
   ----------------------------------------- */

.products {
	padding: clamp(120px, calc(120 / 1920 * 100vw), 168px) 0;
}

.products__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;
	text-align: center;
}

.products__subtitle {
	font-family: var(--font-condensed);
	font-weight: 400;
	font-size: clamp(24px, calc(24 / 1920 * 100vw), 34px);
	line-height: normal;
	text-align: center;
	max-width: clamp(700px, calc(700 / 1920 * 100vw), 980px);
	margin: clamp(24px, calc(24 / 1920 * 100vw), 34px) auto 0;
}

.products__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: clamp(24px, calc(24 / 1920 * 100vw), 34px);
	margin-top: clamp(64px, calc(64 / 1920 * 100vw), 90px);
}

.product-card {
	display: block;
}

.product-card__media {
	position: relative;
	aspect-ratio: 1 / 1;
	border-radius: clamp(20px, calc(20 / 1920 * 100vw), 28px);
	overflow: hidden;
}

.product-card__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.4s ease;
}

.product-card:hover .product-card__media img {
	transform: scale(1.05);
}

.product-card__cta {
	position: absolute;
	top: clamp(20px, calc(20 / 1920 * 100vw), 28px);
	right: clamp(20px, calc(20 / 1920 * 100vw), 28px);
	background-color: var(--color-btn-primary);
	color: var(--color-btn-primary-text);
}

.product-card__title {
	font-family: var(--font-condensed);
	font-weight: 700;
	font-size: clamp(48px, calc(48 / 1920 * 100vw), 67px);
	line-height: 1;
	text-transform: uppercase;
	margin-top: clamp(48px, calc(48 / 1920 * 100vw), 67px);
}

.product-card__desc {
	font-family: var(--font-condensed);
	font-weight: 400;
	font-size: clamp(15px, calc(15 / 1920 * 100vw), 21px);
	line-height: normal;
	max-width: 82%;
	margin-top: clamp(12px, calc(12 / 1920 * 100vw), 17px);
}