/* Catálogo Crypt Tuning — medidas del XD (artboards 2–4). Colores vía variables globales de Elementor. */
:root {
	/* Escala tipográfica fluida (375 → 1440 px). Igual a las tipografías globales del Kit de Elementor. */
	--ct-fs-display: clamp(48px, 29.69px + 4.883vw, 100px);
	--ct-fs-h1: clamp(32px, 27.77px + 1.127vw, 44px);
	--ct-fs-h2: clamp(28px, 23.77px + 1.127vw, 40px);
	--ct-fs-h2lg: clamp(32px, 25.31px + 1.784vw, 51px);
	--ct-fs-h3: clamp(20px, 18.24px + 0.469vw, 25px);
	--ct-fs-h4: clamp(16px, 14.94px + 0.282vw, 19px);
	--ct-fs-product: clamp(28px, 23.77px + 1.127vw, 40px);
	--ct-fs-pcard: clamp(15px, 13.94px + 0.282vw, 18px);
	--ct-fs-lead: clamp(16px, 15.30px + 0.188vw, 18px);
	--ct-fs-input-lg: clamp(16px, 14.59px + 0.376vw, 20px);
	--ct-fs-body: 16px;
	--ct-fs-sm: 14px;
	--ct-fs-xs: 12px;
}
:root {
	--ct-green: var(--e-global-color-primary, #00FF95);
	--ct-bg: var(--e-global-color-secondary, #23292F);
	--ct-card: var(--e-global-color-ct_card, #1C2329);
	--ct-muted: var(--e-global-color-ct_muted, #A3A3A3);
	--ct-ink: var(--e-global-color-ct_ink, #272E36);
	--ct-line: rgba(255, 255, 255, .1);
}

/* ---------------- Encabezado ---------------- */
.ct-ahead {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 40px;
	--ct-ahead-accent: var(--ct-green);
	--ct-ahead-plain: #fff;
}
.ct-ahead .ct-ahead__title {
	margin: 0;
	font: 600 var(--ct-fs-h1)/.96 Poppins, sans-serif;
	letter-spacing: -.03em;
	color: var(--ct-ahead-plain);
}
.ct-ahead.is-accent .ct-ahead__title { color: var(--ct-ahead-accent); }
.ct-ahead__sub {
	flex: 0 0 316px;
	margin: 0;
	padding-top: 2px;
	font: 400 var(--ct-fs-lead)/1.38 Poppins, sans-serif;
	color: var(--ct-muted);
	text-align: right;
}

/* ---------------- Tarjeta de producto ---------------- */
.ct-grid__items {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 42px 21px;
}
.ct-pcard {
	position: relative;
	display: flex;
	flex-direction: column;
	min-height: 402px;
	padding: 18px 14px 22px;
	border-radius: 10px;
	background: var(--ct-card);
	transition: transform .3s ease-out, box-shadow .3s ease-out;
}
.ct-pcard:hover { transform: translateY(-6px); box-shadow: 0 18px 36px rgba(0, 0, 0, .3); }
.ct-pcard__link { position: absolute; inset: 0; z-index: 2; border-radius: inherit; }
.ct-pcard__link:focus-visible { outline: 2px solid var(--ct-green); outline-offset: 2px; }
.ct-pcard__media {
	position: relative;
	aspect-ratio: 235 / 271;
	overflow: hidden;
	border-radius: 10px;
	background: #23292f; /* las fotos van sin fondo: se "paran" sobre el gris de la tarjeta */
}
/* Doble clase: Elementor (frontend.min.css) pisa el height de img con un selector más específico. */
.ct-pcard__media .ct-pcard__img { width: 100%; height: 100%; object-fit: contain; display: block; padding: 8px; transition: transform .4s ease-out; }
.ct-pcard:hover .ct-pcard__img { transform: scale(1.03); }
.ct-pcard__badge {
	position: absolute;
	top: 10px;
	left: 10px;
	padding: 3px 10px;
	border-radius: 20px;
	background: var(--ct-green);
	color: var(--ct-ink);
	font: 600 12px/18px Poppins, sans-serif;
}
.ct-pcard__body { display: flex; flex: 1; flex-direction: column; padding: 0 2px; }
.ct-pcard .ct-pcard__cat { margin: 11px 0 3px; font: 400 12px/15px Helvetica, Arial, sans-serif; letter-spacing: -.24px; color: #fff; }
.ct-pcard .ct-pcard__title { margin: 0; font: 700 var(--ct-fs-pcard)/1.1 Helvetica, Arial, sans-serif; letter-spacing: -.02em; color: #fff; }
.ct-pcard .ct-pcard__price { margin: 8px 0 0; font: 700 16px/20px Helvetica, Arial, sans-serif; color: var(--ct-green); }
.ct-pcard__price del { color: var(--ct-muted); font-weight: 400; margin-right: 6px; }
.ct-pcard__price ins { text-decoration: none; }
.ct-pcard .ct-pcard__more { margin-top: auto; padding-top: 18px; font: 400 16px/15px Helvetica, Arial, sans-serif; color: #fff; }
.ct-pcard:hover .ct-pcard__more { color: var(--ct-green); }

.ct-grid__bar { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; color: var(--ct-muted); font: 400 15px Poppins, sans-serif; }
.ct-grid__sort select { margin-left: 8px; padding: 6px 10px; border: 0; border-radius: 7px; background: var(--ct-card); color: #fff; font: inherit; }
.ct-grid__empty { padding: 60px 30px; border-radius: 10px; background: var(--ct-card); color: var(--ct-muted); text-align: center; font: 400 18px/26px Poppins, sans-serif; }
.ct-grid__empty p { margin: 0; }
.ct-grid__more { display: flex; justify-content: center; margin-top: 42px; }
.ct-grid .ct-btn--more,
.ct-grid .ct-btn--more:hover,
.ct-grid .ct-btn--more:focus {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 227px;
	height: 35px;
	border-radius: 8px;
	background: var(--ct-green);
	color: var(--ct-bg);
	font: 700 16px/15px Helvetica, Arial, sans-serif;
	text-decoration: none;
	transition: filter .2s;
}
.ct-btn--more:hover { filter: brightness(1.1); }
.ct-btn--more.is-loading { opacity: .6; pointer-events: none; }
.ct-is-loading .ct-grid { opacity: .5; transition: opacity .2s; pointer-events: none; }

.ct-grid .ct-grid__title { margin: 0 0 32px; font: 600 var(--ct-fs-h2)/1 Poppins, sans-serif; letter-spacing: -.025em; color: #fff; }

/* ---------------- Filtros ---------------- */
.ct-filters__panel {
	display: grid;
	gap: 20px;
	padding: 18px;
	border-radius: 18px;
	background: var(--ct-card);
}
.ct-filters__group { border-radius: 18px; background: var(--ct-bg); }
/* Grupos de filtros como acordeón (<details>). */
.ct-filters__group { padding: 0; }
.ct-filters .ct-filters__title { display: flex; align-items: center; gap: 10px; margin: 0; padding: 24px 25px; font: 500 18px/1.1 Poppins, sans-serif; letter-spacing: -.36px; color: #fff; cursor: pointer; list-style: none; user-select: none; border-radius: 18px; }
.ct-filters__title::-webkit-details-marker { display: none; }
.ct-filters__title::after { content: ""; width: 9px; height: 9px; margin-left: auto; border-right: 2px solid var(--ct-green); border-bottom: 2px solid var(--ct-green); transform: rotate(45deg) translate(-2px, -2px); transition: transform .2s ease-out; }
.ct-filters__group[open] > .ct-filters__title::after { transform: rotate(225deg) translate(-2px, -2px); }
.ct-filters .ct-filters__title:hover { color: var(--ct-green); }
.ct-filters .ct-filters__title:focus-visible { outline: 2px solid var(--ct-green); outline-offset: -2px; }
.ct-filters__count { display: inline-grid; place-items: center; min-width: 20px; height: 20px; padding: 0 6px; border-radius: 10px; background: var(--ct-green); color: #111; font: 600 12px/1 Poppins, sans-serif; }
.ct-filters__body { padding: 0 25px 24px; }
.ct-filters__group:not([open]) > .ct-filters__body { display: none; }
.ct-filters__body > .ct-filters__list { max-height: 320px; overflow-y: auto; overscroll-behavior: contain; padding-right: 6px; scrollbar-width: thin; scrollbar-color: #3a444e transparent; }
.ct-filters__body > .ct-filters__list::-webkit-scrollbar { width: 6px; }
.ct-filters__body > .ct-filters__list::-webkit-scrollbar-thumb { background: #3a444e; border-radius: 3px; }
.ct-filters__list { margin: 0; padding: 0; list-style: none; }
.ct-filters .ct-filters__opt {
	display: flex;
	justify-content: space-between;
	gap: 10px;
	padding: 5px 0;
	font: 400 16px/16px Poppins, sans-serif;
	letter-spacing: -.32px;
	color: #fff;
	text-decoration: none;
}
.ct-filters__opt small { color: var(--ct-muted); font-size: 13px; }
.ct-filters .ct-filters__opt:hover, .ct-filters .ct-filters__opt.is-on { color: var(--ct-green); }
.ct-filters__opt.is-on span::before { content: "✓ "; }
.ct-filters__clear { justify-self: start; padding: 0 6px; color: var(--ct-muted); font: 400 14px Poppins, sans-serif; text-decoration: underline; }
.ct-filters__toggle { display: none; }

.ct-chip { display: grid; gap: 6px; font: 400 15px/20px Poppins, sans-serif; color: var(--ct-muted); }
.ct-chip strong { display: block; color: #fff; font-weight: 500; }
.ct-chip__actions { font-size: 14px; }
.ct-chip__change, .ct-chip__change:hover, .ct-chip__change:focus { padding: 0; border: 0; background: none; color: var(--ct-green); font: inherit; cursor: pointer; text-decoration: underline; }
.ct-chip__clear { color: var(--ct-muted); }
.ct-vehicle-box .ct-vs--compact { margin-top: 12px; }
.ct-chip + .ct-vs--compact[hidden] { display: none; }

/* Selector compacto (filtros / ficha) */
.ct-vs--compact .ct-vs__bar { flex-direction: column; align-items: stretch; gap: 10px; }
.ct-vs.ct-vs--compact .ct-vs__toggle { width: 100%; justify-content: space-between; padding: 0 16px; background: var(--ct-card); }
.ct-vs.ct-vs--compact .ct-vs__input[type="search"] { width: 100%; height: 44px; padding-left: 16px; font-size: 15px; }
.ct-vs--compact .ct-vs__key { top: 8px; }
.ct-vs--compact .ct-vs__panel { position: static; width: auto; margin-top: 10px; box-shadow: none; padding: 14px; }

/* ---------------- Ficha de producto ---------------- */
.ct-fit { padding: 16px 18px; border-radius: 10px; background: var(--ct-card); border-left: 3px solid var(--ct-muted); }
.ct-fit--fits, .ct-fit--universal { border-left-color: var(--ct-green); }
.ct-fit--nofit { border-left-color: #FF6B5E; }
.ct-fit__row { display: flex; align-items: center; gap: 12px; }
.ct-fit__icon {
	display: grid;
	place-items: center;
	flex: none;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	background: var(--ct-muted);
	color: var(--ct-ink);
	font: 700 14px/1 Poppins, sans-serif;
}
.ct-fit--fits .ct-fit__icon, .ct-fit--universal .ct-fit__icon { background: var(--ct-green); }
.ct-fit--nofit .ct-fit__icon { background: #FF6B5E; }
.ct-fit__text { flex: 1; margin: 0; font: 500 16px/22px Poppins, sans-serif; color: #fff; }
.ct-fit__text small { color: var(--ct-muted); font-weight: 400; font-size: 14px; }
.ct-fit__btn, .ct-fit__btn:hover, .ct-fit__btn:focus {
	flex: none;
	padding: 8px 16px;
	border: 1px solid var(--ct-green);
	border-radius: 8px;
	background: transparent;
	color: var(--ct-green);
	font: 600 14px/1 Poppins, sans-serif;
	cursor: pointer;
}
.ct-fit__btn:hover { background: var(--ct-green); color: var(--ct-ink); }
.ct-fit__selector { margin-top: 14px; }

.ct-buyinfo { margin: 0; padding: 0; list-style: none; display: grid; gap: 8px; font: 400 15px/21px Poppins, sans-serif; color: var(--ct-muted); }
.ct-buyinfo a { color: var(--ct-green); }
.ct-buyinfo .ct-buyinfo__brand a { color: #fff; font-weight: 500; text-decoration: none; }
.ct-buyinfo__availability { color: #fff; font-weight: 500; }
.ct-buyinfo__availability::before { content: ""; display: inline-block; width: 8px; height: 8px; margin-right: 8px; border-radius: 50%; background: var(--ct-green); vertical-align: 1px; }
/* Avisos legales del producto (emisiones/CARB, DOT, hazmat, Prop 65). */
.ct-legal-notes { margin: 16px 0 0; padding: 0; list-style: none; display: grid; gap: 8px; }
.ct-legal-notes__item { padding: 10px 14px; border-radius: 8px; background: var(--ct-card); border-left: 3px solid var(--ct-muted); color: #D8DADC; font: 400 var(--ct-fs-small, 14px)/1.45 Poppins, sans-serif; }
.ct-legal-notes__item.is-ok { border-left-color: var(--ct-green); }
.ct-legal-notes__item.is-warn { border-left-color: #FF8A7E; color: #fff; }
.ct-legal-notes__item.is-p65 { border-left-color: #FFD400; }
.ct-legal-notes__item a { color: inherit; text-decoration: underline; }
.ct-legal__tri { vertical-align: -2px; margin-right: 4px; }
.ct-buyinfo__authorize { font-size: 14px; }
.ct-buyinfo__supplier { padding: 10px 14px; border-radius: 8px; background: rgba(0, 255, 149, .06); color: #d8dadc; font-size: 14px; }

.ct-tabs__list { display: flex; gap: 6px; border-bottom: 1px solid var(--ct-line); overflow-x: auto; scrollbar-width: none; }
.ct-tabs__list [role="tab"],
.ct-tabs__list [role="tab"]:hover,
.ct-tabs__list [role="tab"]:focus {
	flex: none;
	padding: 14px 18px;
	border: 0;
	border-bottom: 2px solid transparent;
	border-radius: 0;
	background: transparent;
	color: var(--ct-muted);
	font: 500 18px/1 Poppins, sans-serif;
	cursor: pointer;
}
.ct-tabs__list [role="tab"][aria-selected="true"] { color: #fff; border-bottom-color: var(--ct-green); }
.ct-tabs__panel { padding: 28px 0 0; font: 400 17px/27px Poppins, sans-serif; color: #d8dadc; }
.ct-tabs__panel a { color: var(--ct-green); }
.ct-specs { width: 100%; border-collapse: collapse; font-size: 15px; }
.ct-specs th, .ct-specs td { padding: 12px 14px; border: 0; border-bottom: 1px solid var(--ct-line); text-align: left; vertical-align: top; background: transparent !important; }
.ct-specs th { width: 34%; color: var(--ct-muted); font-weight: 400; }
.ct-specs--fit thead th { width: auto; color: #fff; font-weight: 500; }

/* ---------------- Responsive ---------------- */
@media (max-width: 1024px) {
	.ct-ahead { flex-direction: column; gap: 14px; }
	.ct-ahead__sub { flex-basis: auto; text-align: left; }
	.ct-grid__items { gap: 24px 16px; }
	.ct-pcard { min-height: 0; }
	.ct-filters__toggle,
	.ct-filters__toggle:hover,
	.ct-filters__toggle:focus {
		display: inline-flex;
		align-items: center;
		gap: 8px;
		height: 44px;
		padding: 0 20px;
		border: 1px solid rgba(255, 255, 255, .2);
		border-radius: 10px;
		background: var(--ct-card);
		color: #fff;
		font: 500 16px Poppins, sans-serif;
	}
	.ct-filters__toggle::after { content: "▾"; font-size: 12px; transition: transform .2s; }
	.ct-filters.is-open .ct-filters__toggle::after { transform: rotate(180deg); }
	.ct-filters__dot { width: 8px; height: 8px; border-radius: 50%; background: var(--ct-green); }
	.ct-filters__panel { display: none; margin-top: 12px; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
	.ct-filters.is-open .ct-filters__panel { display: grid; }
}
@media (max-width: 767px) {
	.ct-grid__items { gap: 16px 12px; }
	.ct-pcard { padding: 10px 10px 16px; }
	.ct-pcard .ct-pcard__price { font-size: 14px; }
	.ct-pcard .ct-pcard__more { padding-top: 12px; font-size: 14px; }
	.ct-filters__panel { grid-template-columns: 1fr; padding: 12px; }
	.ct-filters .ct-filters__title { padding: 18px 20px; }
	.ct-filters__body { padding: 0 20px 18px; }
	.ct-fit__row { flex-wrap: wrap; }
	.ct-fit__btn { width: 100%; }
	.ct-tabs__list [role="tab"] { padding: 12px 12px; font-size: 16px; }
	.ct-specs th, .ct-specs td { padding: 10px 8px; font-size: 14px; }
	.ct-specs--fit thead { display: none; }
	.ct-specs--fit tr { display: grid; grid-template-columns: 1fr 1fr; padding: 8px 0; border-bottom: 1px solid var(--ct-line); }
	.ct-specs--fit td { border: 0; padding: 2px 8px; }
	.ct-specs--fit td:first-child { grid-column: 1 / -1; color: #fff; font-weight: 500; }
}

/* ---------------- Marcas ---------------- */
.ct-brands { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 21px; }
.ct-brands .ct-brand {
	display: grid;
	justify-items: center;
	gap: 6px;
	padding: 32px 20px 28px;
	border-radius: 10px;
	background: var(--ct-card);
	color: #fff;
	text-align: center;
	text-decoration: none;
	transition: transform .3s ease-out, box-shadow .3s;
}
.ct-brand:hover { transform: translateY(-6px); box-shadow: 0 18px 36px rgba(0, 0, 0, .3); }
.ct-brand__logo { display: grid; place-items: center; width: 100%; height: 90px; margin-bottom: 10px; }
.ct-brand__logo img { max-height: 90px; width: auto; object-fit: contain; }
.ct-brand__initial { display: grid; place-items: center; width: 72px; height: 72px; border-radius: 50%; background: var(--ct-bg); color: var(--ct-green); font: 700 30px/1 Poppins, sans-serif; }
.ct-brand__name { font: 600 var(--ct-fs-h4)/1.2 Poppins, sans-serif; }
.ct-brand__count { color: var(--ct-muted); font: 400 14px Poppins, sans-serif; }
@media (max-width: 767px) { .ct-brands { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .ct-brand { padding: 22px 12px; } }

/* ---------------- Portal proveedor / revisión del cliente ---------------- */
.ct-portal { max-width: 900px; margin: 0 auto; padding: 60px 24px 140px; color: #fff; font-family: Poppins, sans-serif; }
.ct-portal h1 { margin: 0 0 12px; font: 600 var(--ct-fs-h1)/1 Poppins, sans-serif; letter-spacing: -.03em; color: var(--ct-green); }
.ct-portal h2 { margin: 0 0 12px; font: 500 var(--ct-fs-h4)/1.25 Poppins, sans-serif; color: #fff; }
.ct-portal__lead { color: var(--ct-muted); font-size: 17px; line-height: 25px; margin: 0 0 28px; }
.ct-portal__step { margin: 20px 0; padding: 12px 16px; border-left: 3px solid var(--ct-green); border-radius: 8px; background: var(--ct-card); color: #fff; font-size: 15px; line-height: 22px; }
.ct-portal__table td.is-available strong { color: var(--ct-green); }
.ct-portal__table td.is-unavailable strong { color: #FF8A7E; }
.ct-portal__notice { margin: 0 0 24px; padding: 14px 18px; border-left: 3px solid var(--ct-green); border-radius: 8px; background: var(--ct-card); }
.ct-portal__table { width: 100%; border-collapse: collapse; margin-bottom: 24px; }
.ct-portal__table th, .ct-portal__table td { padding: 14px 12px; border: 0; border-bottom: 1px solid var(--ct-line); background: transparent !important; text-align: left; vertical-align: middle; }
.ct-portal__table th { color: var(--ct-muted); font-weight: 500; font-size: 14px; }
.ct-portal__opt { display: inline-flex; gap: 6px; align-items: center; margin-right: 16px; white-space: nowrap; cursor: pointer; }
.ct-portal__opt input { accent-color: var(--ct-green); }
.ct-portal__cols { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 20px; }
.ct-portal__cols section { padding: 24px; border-radius: 10px; background: var(--ct-card); }
.ct-portal__list { margin: 0; padding: 0; list-style: none; }
.ct-portal__list li { display: flex; justify-content: space-between; gap: 16px; padding: 10px 0; border-bottom: 1px solid var(--ct-line); }
.ct-portal__list li:last-child { border-bottom: 0; }
.ct-portal__list.is-drop li { color: var(--ct-muted); text-decoration: line-through; }
.ct-portal__totals { margin: 0 0 28px; padding: 20px 24px; border-radius: 10px; background: var(--ct-card); }
.ct-portal__totals p { display: flex; justify-content: space-between; margin: 0; padding: 4px 0; color: var(--ct-muted); }
.ct-portal__totals .is-new { color: #fff; font-size: 20px; }
.ct-portal__totals .is-new strong { color: var(--ct-green); }
.ct-portal__actions { display: flex; flex-wrap: wrap; gap: 12px; }
.ct-portal .ct-portal__btn, .ct-portal .ct-portal__btn:hover, .ct-portal .ct-portal__btn:focus,
.ct-order-state .ct-portal__btn {
	display: inline-flex; align-items: center; justify-content: center;
	min-height: 48px; padding: 0 28px; border: 0; border-radius: 12px;
	background: var(--ct-green); color: var(--ct-ink); font: 600 16px Poppins, sans-serif; text-decoration: none; cursor: pointer;
}
.ct-portal .ct-portal__btn.is-ghost { background: transparent; color: #fff; border: 1px solid rgba(255, 255, 255, .3); }
.ct-order-state { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; margin: 0 0 24px; padding: 16px 20px; border-left: 3px solid var(--ct-muted); border-radius: 8px; background: var(--ct-card); color: #fff; }
.ct-order-state--confirmed { border-left-color: var(--ct-green); }
.ct-order-state--awaiting_customer { border-left-color: #FFC34D; }
.ct-order-state--cancelled { border-left-color: #FF6B5E; }
@media (max-width: 767px) {
	.ct-portal { padding: 36px 16px 80px; }
	.ct-portal__cols { grid-template-columns: 1fr; }
	.ct-portal__table thead { display: none; }
	.ct-portal__table tr { display: grid; gap: 6px; padding: 12px 0; border-bottom: 1px solid var(--ct-line); }
	.ct-portal__table td { padding: 0; border: 0; }
	.ct-portal__actions .ct-portal__btn { width: 100%; }
}

/* Chips de marcas de vehículo */
.ct-makes { display: flex; flex-wrap: wrap; gap: 8px; }
.ct-makes .ct-make { padding: 9px 16px; border: 1px solid rgba(255, 255, 255, .16); border-radius: 30px; color: #fff; font: 500 14px Poppins, sans-serif; text-decoration: none; transition: border-color .2s, color .2s; }
.ct-makes .ct-make:hover { border-color: var(--ct-green); color: var(--ct-green); }

/* ---------------- Categorías (Home / Categories) ---------------- */
.ct-cats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 21px; }
.ct-cat { position: relative; display: flex; flex-direction: column; overflow: hidden; border-radius: 10px; background: var(--ct-card); }
.ct-cats .ct-cat__link { position: relative; display: block; color: #fff; text-decoration: none; }
.ct-cat__media { display: block; aspect-ratio: 4 / 3; overflow: hidden; background: var(--ct-bg); }
.ct-cat__img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease-out, filter .3s; filter: saturate(.9) brightness(.85); }
.ct-cat:hover .ct-cat__img { transform: scale(1.06); filter: none; }
.ct-cat__img.is-placeholder { object-position: 50% 68%; filter: none; } /* Logo un poco más arriba: el título ocupa la parte baja. */
.ct-cat__media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgba(28, 35, 41, .95) 0%, rgba(28, 35, 41, 0) 55%); }
.ct-cat__body { position: absolute; left: 18px; right: 50px; bottom: 16px; z-index: 1; display: grid; gap: 2px; }
.ct-cat__name { font: 600 var(--ct-fs-h4)/1.18 Poppins, sans-serif; letter-spacing: -.01em; }
.ct-cat__meta { color: var(--ct-green); font: 500 13px Poppins, sans-serif; }
.ct-cat__arrow { position: absolute; right: 16px; bottom: 16px; z-index: 1; display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; background: var(--ct-green); color: var(--ct-ink); font: 700 15px/1 Poppins, sans-serif; transform: translateX(-4px); opacity: 0; transition: .25s; }
.ct-cat:hover .ct-cat__arrow { transform: none; opacity: 1; }
.ct-cat__kids { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; padding: 14px 16px 18px; list-style: none; }
.ct-cats .ct-cat__kids a { display: inline-block; padding: 4px 10px; border-radius: 20px; background: var(--ct-bg); color: #d8dadc; font: 400 13px Poppins, sans-serif; text-decoration: none; }
.ct-cats .ct-cat__kids a:hover { color: var(--ct-ink); background: var(--ct-green); }
.ct-cats--full { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.ct-cats__more { margin: 28px 0 0; text-align: center; }
.ct-cats__more a { color: var(--ct-green); font: 600 16px Poppins, sans-serif; }
@media (max-width: 1024px) { .ct-cats, .ct-cats--full { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; } }
@media (max-width: 767px) {
	.ct-cats { gap: 10px; }
	.ct-cats--full { grid-template-columns: 1fr; }
	.ct-cat__body { left: 12px; right: 12px; bottom: 10px; }
	.ct-cat__arrow { display: none; }
}

/* ------------------------------------------------------------------ */
/* Cotización (productos sin precio: "Check availability")             */
/* ------------------------------------------------------------------ */
.ct-price-quote { color: var(--ct-green, #00ff95); font-weight: 600; }
.ct-quote { margin-top: 6px; }
.ct-quote__lead { color: var(--ct-muted, #a3a3a3); font-size: 15px; line-height: 1.5; }
.ct-quote__form p { margin: 0 0 12px; }
.ct-quote__form label { display: block; color: #fff; font: 500 14px Poppins, sans-serif; }
.ct-quote__form input, .ct-quote__form textarea {
	width: 100%; margin-top: 6px; padding: 11px 14px; border-radius: 8px;
	border: 1px solid rgba(255, 255, 255, .14); background: #23292f; color: #fff;
	font: 400 15px Poppins, sans-serif;
}
.ct-quote__form input:focus, .ct-quote__form textarea:focus { outline: 2px solid var(--ct-green, #00ff95); outline-offset: 1px; }
.ct-quote__hp { position: absolute !important; left: -9999px; }
.ct-quote__send {
	display: inline-block; padding: 14px 26px; border: 0; border-radius: 30px; cursor: pointer;
	background: var(--ct-green, #00ff95); color: #10151a; font: 600 15px Poppins, sans-serif;
}
.ct-quote__send:disabled { opacity: .6; cursor: wait; }
.ct-quote__status { color: #ffb4a2; font-size: 14px; min-height: 1em; }
.ct-quote__ok { color: var(--ct-green, #00ff95); font: 500 15px Poppins, sans-serif; }
.ct-quote--oem { max-width: 720px; }
.ct-quote__row { display: grid; grid-template-columns: 1fr 1fr; gap: 0 14px; }
.ct-quote__row--3 { grid-template-columns: 2fr 2fr 1fr; }
@media (max-width: 640px) { .ct-quote__row, .ct-quote__row--3 { grid-template-columns: 1fr; gap: 0; } }