.pompeyo-new-cards-v1 {
	--pnc-font: "Open Sans", Arial, Helvetica, sans-serif;
	--pnc-blue: #001ff3;
	--pnc-blue-hover: #435bff;
	--pnc-blue-pressed: #98a5fa;
	--pnc-lilac: #5a6fff;
	--pnc-used: #f58220;
	--pnc-used-hover: #d96b12;
	--pnc-used-soft: #fff5ec;
	--pnc-canvas: #fafafa;
	--pnc-gray: #7a8499;
	--pnc-gray-dark: #4f5a70;
	--pnc-ink: #0c0c0c;
}

.pompeyo-new-cards-v1 .pnc-card,
.pompeyo-new-cards-v1 .pnc-card * {
	box-sizing: border-box;
}

.pompeyo-new-cards-v1 .joinchat {
	display: none !important;
}

.pompeyo-new-cards-v1 .pnc-card {
	display: flex;
	width: 100%;
	margin-bottom: 24px;
	font-family: var(--pnc-font);
}

@media (min-width: 576px) {
	.pompeyo-new-cards-v1 .wd-products-holder > .pnc-card { width: 50%; }
}

@media (min-width: 1025px) {
	.pompeyo-new-cards-v1 .wd-products-holder > .pnc-card { width: 33.3333%; }
}

.pompeyo-new-cards-v1 .wd-products-holder:has(> .pnc-card) {
	align-items: stretch !important;
}

.pompeyo-new-cards-v1 .pnc-card__surface {
	position: relative;
	display: flex;
	width: 100%;
	min-width: 0;
	flex: 1;
	overflow: hidden;
	flex-direction: column;
	background: #fff;
	border: 0;
	border-radius: 14px;
	box-shadow: 0 3px 8px rgb(15 31 80 / 13%), 0 16px 34px rgb(15 31 80 / 14%);
	transition: box-shadow 180ms cubic-bezier(.25, 1, .5, 1), transform 180ms cubic-bezier(.25, 1, .5, 1);
}

.pompeyo-new-cards-v1 .pnc-card__surface:hover {
	box-shadow: 0 6px 14px rgb(15 31 80 / 16%), 0 24px 44px rgb(15 31 80 / 18%);
	transform: translateY(-2px);
}

.pompeyo-new-cards-v1 .pnc-card__link {
	position: absolute;
	inset: 0;
	z-index: 1;
	border-radius: inherit;
}

.pompeyo-new-cards-v1 .pnc-card__link:focus-visible {
	outline: 3px solid var(--pnc-lilac);
	outline-offset: -4px;
}

.pompeyo-new-cards-v1 .pnc-card__media {
	position: relative;
	display: grid;
	min-height: 188px;
	aspect-ratio: 16 / 10;
	place-items: center;
	overflow: hidden;
	background: var(--pnc-canvas);
}

.pompeyo-new-cards-v1 .pnc-card--used .pnc-card__media {
	background: linear-gradient(180deg, var(--pnc-used-soft), #fafafa 74%);
}

.pompeyo-new-cards-v1 .pnc-card__image {
	position: absolute;
	inset: 0;
	display: block;
	width: 100% !important;
	height: 100% !important;
	padding: 16px 10px 8px;
	object-fit: contain !important;
}

.pompeyo-new-cards-v1 .pnc-card__media.is-image-missing::after {
	color: var(--pnc-gray-dark);
	content: "Imagen en revisión";
	font-size: .75rem;
	font-weight: 600;
}

.pompeyo-new-cards-v1 .pnc-card__badges {
	position: absolute;
	top: 12px;
	left: 12px;
	z-index: 2;
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.pompeyo-new-cards-v1 .pnc-card__badge,
.pompeyo-new-cards-v1 .pnc-card__energy {
	display: inline-flex;
	min-height: 24px;
	align-items: center;
	gap: 5px;
	padding: 6px 10px;
	border-radius: 999px;
	font-size: .6875rem;
	font-weight: 700;
	letter-spacing: .08em;
	line-height: 1;
	text-transform: uppercase;
}

.pompeyo-new-cards-v1 .pnc-card__badge {
	color: #fff;
	background: var(--pnc-blue);
}

.pompeyo-new-cards-v1 .pnc-card--used .pnc-card__badge {
	background: var(--pnc-used);
}

.pompeyo-new-cards-v1 .pnc-card__energy {
	color: #00156f;
	background: rgb(238 240 255 / 94%);
	box-shadow: inset 0 0 0 1px rgb(0 31 243 / 18%);
}

.pompeyo-new-cards-v1 .pnc-card__energy svg {
	width: 13px;
	height: 13px;
	fill: none;
	stroke: currentcolor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.45;
}

.pompeyo-new-cards-v1 .pnc-card__energy--electric svg {
	fill: currentcolor;
	stroke: none;
}

.pompeyo-new-cards-v1 .pnc-card__body {
	display: flex;
	flex: 1;
	flex-direction: column;
	padding: 16px 18px 18px;
}

.pompeyo-new-cards-v1 .pnc-card__brand {
	margin-bottom: 4px;
	color: var(--pnc-gray-dark);
	font-size: .75rem;
	font-weight: 700;
	letter-spacing: .09em;
	line-height: 1.2;
	text-transform: uppercase;
}

.pompeyo-new-cards-v1 .pnc-card__title {
	min-height: 2.28em;
	margin: 0;
	color: var(--pnc-ink);
	font-family: var(--pnc-font);
	font-size: clamp(1.25rem, 1.55vw, 1.5rem);
	font-weight: 700;
	letter-spacing: -.025em;
	line-height: 1.14;
}

.pompeyo-new-cards-v1 .pnc-card__versions {
	min-height: 20px;
	margin-top: 6px;
	color: var(--pnc-gray-dark);
	font-size: .8125rem;
	line-height: 1.45;
}

.pompeyo-new-cards-v1 .pnc-card__versions--used {
	font-weight: 600;
}

.pompeyo-new-cards-v1 .pnc-card__price {
	margin-top: 12px;
	padding-top: 12px;
	border-top: 1px solid #e4e4e4;
}

.pompeyo-new-cards-v1 .pnc-card__list-price {
	display: block;
	min-height: 15px;
	margin-bottom: 3px;
	color: var(--pnc-gray);
	font-size: .6875rem;
	font-weight: 500;
	line-height: 1.3;
}

.pompeyo-new-cards-v1 .pnc-card__list-price.is-placeholder {
	visibility: hidden;
}

.pompeyo-new-cards-v1 .pnc-card__list-price del {
	position: relative;
	display: inline-block;
	margin-left: 3px;
	color: var(--pnc-gray);
	text-decoration: none;
}

.pompeyo-new-cards-v1 .pnc-card__list-price del::after {
	position: absolute;
	top: 50%;
	right: -2px;
	left: -2px;
	height: 2px;
	background: currentcolor;
	content: "";
	transform: translateY(-50%);
}

.pompeyo-new-cards-v1 .pnc-card__price-label {
	display: block;
	margin-bottom: 2px;
	color: var(--pnc-gray-dark);
	font-size: .75rem;
	font-weight: 600;
}

.pompeyo-new-cards-v1 .pnc-card__price-value {
	display: block;
	color: var(--pnc-blue);
	font-size: clamp(1.4375rem, 1.8vw, 1.8125rem);
	font-weight: 800;
	letter-spacing: -.035em;
	line-height: 1.1;
}

.pompeyo-new-cards-v1 .pnc-card--used .pnc-card__price-value {
	color: var(--pnc-used-hover);
}

.pompeyo-new-cards-v1 .pnc-card__price-note {
	display: block;
	margin-top: 3px;
	color: #747e93;
	font-size: .625rem;
	line-height: 1.35;
}

.pompeyo-new-cards-v1 .pnc-card__price-note.is-placeholder {
	visibility: hidden;
}

.pompeyo-new-cards-v1 .pnc-card__fee {
	display: block;
	margin-top: 6px;
	color: var(--pnc-gray-dark);
	font-size: .8125rem;
	font-weight: 600;
}

.pompeyo-new-cards-v1 .pnc-card__actions {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 10px;
	margin-top: 10px;
	padding-top: 0;
}

.pompeyo-new-cards-v1 .pnc-card__quote,
.pompeyo-new-cards-v1 .pnc-card__whatsapp {
	display: inline-flex;
	min-height: 46px;
	align-items: center;
	justify-content: center;
	border-radius: 9px;
	font-size: .875rem;
	font-weight: 700;
	line-height: 1;
	text-decoration: none;
	transition: background-color 160ms ease, box-shadow 160ms ease;
}

.pompeyo-new-cards-v1 .pnc-card__quote {
	padding: 0 18px;
	color: #fff;
	background: var(--pnc-blue);
}

.pompeyo-new-cards-v1 .pnc-card__quote:hover,
.pompeyo-new-cards-v1 .pnc-card__quote:focus-visible {
	color: #fff;
	background: var(--pnc-blue-hover);
}

.pompeyo-new-cards-v1 .pnc-card__quote:active {
	color: var(--pnc-ink);
	background: var(--pnc-blue-pressed);
}

.pompeyo-new-cards-v1 .pnc-card--used .pnc-card__quote {
	background: var(--pnc-used);
}

.pompeyo-new-cards-v1 .pnc-card--used .pnc-card__quote:hover,
.pompeyo-new-cards-v1 .pnc-card--used .pnc-card__quote:focus-visible {
	background: var(--pnc-used-hover);
}

.pompeyo-new-cards-v1 .pnc-card--used .pnc-card__quote:active {
	color: #fff;
	background: #b9560b;
}

.pompeyo-new-cards-v1 .pnc-card__whatsapp {
	width: 48px;
	color: #fff;
	background: #25d366;
}

.pompeyo-new-cards-v1 .pnc-card__whatsapp:hover,
.pompeyo-new-cards-v1 .pnc-card__whatsapp:focus-visible {
	color: #fff;
	background: #128c7e;
}

.pompeyo-new-cards-v1 .pnc-card__quote:focus-visible,
.pompeyo-new-cards-v1 .pnc-card__whatsapp:focus-visible {
	outline: 3px solid var(--pnc-lilac);
	outline-offset: 2px;
}

@media (max-width: 767px) {
	.pompeyo-new-cards-v1 .pnc-card { margin-bottom: 18px; }
	.pompeyo-new-cards-v1 .pnc-card__media { min-height: 168px; }
	.pompeyo-new-cards-v1 .pnc-card__body { padding: 14px 16px 16px; }
	.pompeyo-new-cards-v1 .pnc-card__brand { margin-bottom: 3px; }
	.pompeyo-new-cards-v1 .pnc-card__title { min-height: 0; }
	.pompeyo-new-cards-v1 .pnc-card__versions {
		min-height: 0;
		margin-top: 4px;
		line-height: 1.35;
	}
	.pompeyo-new-cards-v1 .pnc-card__price {
		margin-top: 8px;
		padding-top: 8px;
	}
	.pompeyo-new-cards-v1 .pnc-card__list-price {
		min-height: 0;
		margin-bottom: 2px;
		line-height: 1.25;
	}
	.pompeyo-new-cards-v1 .pnc-card__list-price .amount {
		font-size: inherit !important;
		line-height: inherit !important;
	}
	.pompeyo-new-cards-v1 .pnc-card__price-label { line-height: 1.3; }
	.pompeyo-new-cards-v1 .pnc-card--used .pnc-card__price-note.is-placeholder { display: none; }
	.pompeyo-new-cards-v1 .pnc-card__actions { margin-top: 8px; }
}

@media (prefers-reduced-motion: reduce) {
	.pompeyo-new-cards-v1 .pnc-card__surface,
	.pompeyo-new-cards-v1 .pnc-card__quote,
	.pompeyo-new-cards-v1 .pnc-card__whatsapp { transition: none; }
	.pompeyo-new-cards-v1 .pnc-card__surface:hover { transform: none; }
}
