/*
 * NEXA — Inicio Productos Destacados Cards Nuevas
 *
 * WPCode:
 * Tipo: CSS Snippet
 * Auto Insert: Site Wide Header
 * Condición recomendada: Front Page / Página de inicio
 */

.nexa-home-featured-cards,
.nexa-home-featured-cards * {
	box-sizing: border-box;
}

.nexa-home-featured-cards {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 18px;
	width: min(100%, 1100px);
	margin: 34px auto 0;
	padding: 0;
	font-family: "DM Sans", sans-serif;
}

.nexa-home-product-card {
	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
	min-height: 100%;
	overflow: hidden;
	border: 1px solid rgba(31, 103, 210, 0.16);
	border-radius: 22px;
	background:
		radial-gradient(circle at 100% 0%, rgba(137,217,200,0.16) 0%, transparent 42%),
		linear-gradient(145deg, rgba(255,255,255,0.98) 0%, rgba(246,250,253,0.94) 100%);
	box-shadow:
		0 20px 50px rgba(12, 39, 66, 0.075),
		inset 0 1px 0 rgba(255,255,255,0.88);
	color: #0C2742;
}

.nexa-home-product-card::before {
	content: "";
	position: absolute;
	inset: 0 auto auto 0;
	width: 100%;
	height: 3px;
	background:
		linear-gradient(
			90deg,
			#1F67D2 0%,
			#89D9C8 100%
		);
	pointer-events: none;
}

.nexa-home-product-card__image-link {
	position: relative;
	display: block;
	width: 100%;
	aspect-ratio: 1 / 0.82;
	overflow: hidden;
	background:
		radial-gradient(circle at 50% 90%, rgba(31,103,210,0.18) 0%, transparent 32%),
		linear-gradient(180deg, rgba(238,247,252,0.88) 0%, rgba(255,255,255,0.94) 100%);
	text-decoration: none !important;
}

.nexa-home-product-card__image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transform: scale(1.01);
	transition: transform 260ms ease, filter 260ms ease;
}

.nexa-home-product-card:hover .nexa-home-product-card__image {
	transform: scale(1.045);
	filter: saturate(1.04) contrast(1.03);
}

.nexa-home-product-card__badge {
	position: absolute;
	top: 12px;
	right: 12px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 24px;
	padding: 0 10px;
	border: 1px solid rgba(255,255,255,0.45);
	border-radius: 999px;
	color: #FFFFFF;
	background: linear-gradient(135deg, #347CE7 0%, #1858B8 100%);
	box-shadow: 0 10px 22px rgba(31,103,210,0.22);
	font-size: 9px;
	font-weight: 850;
	letter-spacing: 0.75px;
	text-transform: uppercase;
}

.nexa-home-product-card__body {
	display: flex;
	flex-direction: column;
	flex: 1;
	padding: 18px 18px 0;
	min-height: 0;
}

.nexa-home-product-card__category {
	display: inline-flex;
	align-self: flex-start;
	max-width: 100%;
	margin: 0 0 12px;
	padding: 6px 9px;
	border: 1px solid rgba(137,217,200,0.42);
	border-radius: 999px;
	color: #3B9F91;
	background: rgba(221,247,244,0.68);
	font-size: 9px;
	font-weight: 850;
	line-height: 1;
	letter-spacing: 0.85px;
	text-transform: uppercase;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.nexa-home-product-card__title {
	margin: 0 0 11px !important;
	padding: 0 !important;
	color: #0C2742 !important;
	font-family: "DM Sans", sans-serif !important;
	font-size: 20px !important;
	font-weight: 860 !important;
	line-height: 1.05 !important;
	letter-spacing: -0.55px !important;
	text-transform: none !important;
}

.nexa-home-product-card__title a {
	color: inherit !important;
	text-decoration: none !important;
}

.nexa-home-product-card__summary {
	position: relative;
	margin: 0 0 16px;
	padding-top: 12px;
	color: #4F6379;
	font-size: 12.5px;
	font-weight: 560;
	line-height: 1.52;
}

.nexa-home-product-card__summary::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 38px;
	height: 2px;
	border-radius: 999px;
	background: linear-gradient(90deg, #1F67D2, #89D9C8);
}

.nexa-home-product-card__summary p {
	margin: 0 0 8px !important;
}

.nexa-home-product-card__summary strong {
	color: #0C2742;
	font-weight: 800;
}

.nexa-home-product-card__summary ul {
	margin: 7px 0 0 !important;
	padding-left: 17px !important;
}

.nexa-home-product-card__summary li {
	margin: 0 0 5px !important;
}

.nexa-home-product-card__summary li:nth-child(n+4) {
	display: none;
}

.nexa-home-product-card__footer {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 12px;
	margin-top: auto;
	margin-right: -18px;
	margin-left: -18px;
	padding: 14px 18px 18px;
	border-top: 1px solid rgba(31,103,210,0.11);
	background:
		linear-gradient(180deg, rgba(255,255,255,0.45) 0%, rgba(238,247,252,0.70) 100%);
}

.nexa-home-product-card__price {
	color: #0C2742;
	font-size: 17px;
	font-weight: 880;
	line-height: 1.1;
	letter-spacing: -0.25px;
}

.nexa-home-product-card__price span {
	display: inline;
	color: #667386;
	font-size: 10px;
	font-weight: 820;
	letter-spacing: 0.75px;
	text-transform: uppercase;
}

.nexa-home-product-card__price del {
	color: rgba(102, 115, 134, 0.72);
	font-size: 12px;
	font-weight: 700;
}

.nexa-home-product-card__price ins {
	color: #0C2742;
	text-decoration: none;
}

.nexa-home-product-card__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 12px 15px;
	border: 1px solid rgba(31,103,210,0.24);
	border-radius: 14px;
	color: #FFFFFF !important;
	background: linear-gradient(135deg, #347CE7 0%, #1F67D2 52%, #1858B8 100%);
	box-shadow:
		0 14px 28px rgba(31,103,210,0.22),
		inset 0 1px 0 rgba(255,255,255,0.22);
	font-size: 12px;
	font-weight: 850;
	line-height: 1;
	text-align: center;
	text-decoration: none !important;
}

@media (max-width: 1023px) {
	.nexa-home-featured-cards {
		display: flex;
		overflow-x: auto;
		gap: 14px;
		width: 100%;
		margin-top: 28px;
		padding: 0 16px 14px;
		scroll-snap-type: x mandatory;
		scrollbar-width: none;
	}

	.nexa-home-featured-cards::-webkit-scrollbar {
		display: none;
	}

	.nexa-home-product-card {
		flex: 0 0 min(78vw, 310px);
		scroll-snap-align: start;
	}
}

@media (max-width: 480px) {
	.nexa-home-featured-cards {
		padding-right: 14px;
		padding-left: 14px;
	}

	.nexa-home-product-card {
		flex-basis: 82vw;
		border-radius: 20px;
	}

	.nexa-home-product-card__body {
		padding: 16px 16px 0;
	}

	.nexa-home-product-card__title {
		font-size: 18px !important;
	}

	.nexa-home-product-card__footer {
		margin-right: -16px;
		margin-left: -16px;
		padding-right: 16px;
		padding-left: 16px;
	}
}