/* Corrección puntual de la tarjeta «Láser aplicado al denim». */
body.tbte-reorganized .tbte-single-ficha .tjbte-card {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) auto !important;
	grid-template-rows: 1fr !important;
	align-items: center !important;
	align-content: center !important;
	box-sizing: border-box !important;
}

body.tbte-reorganized .tbte-single-ficha .tjbte-card strong {
	display: block !important;
	align-self: center !important;
	margin: 0 !important;
	padding: 0 !important;
	line-height: 1.25 !important;
}

body.tbte-reorganized .tbte-single-ficha .tjbte-card i {
	align-self: center !important;
	margin: 0 !important;
}

#tjc-colorantes {
	--tjc-pink: #ec008c;
	--tjc-black: #111113;
	--tjc-grey: #f3f3f5;
	--tjc-border: #d8d8dd;
}

#tjc-colorantes .tjc-alert {
	margin: 30px 0 38px;
	padding: 25px 28px;
	border-left: 5px solid var(--tjc-pink);
	background: #29292d;
	color: #fff;
}

#tjc-colorantes .tjc-alert strong {
	display: block;
	margin-bottom: 8px;
	font-family: Oswald, Helvetica, Arial, sans-serif;
	font-size: 22px;
}

#tjc-colorantes .tjc-alert p { margin: 0; color: #fff; }
#tjc-colorantes .tjc-lead { margin-bottom: 22px; }

#tjc-colorantes .tjc-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
	margin: 0 0 42px;
}

#tjc-colorantes .tjc-card {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	grid-template-rows: auto auto;
	align-content: center;
	min-height: 112px;
	padding: 20px 22px;
	border: 1px solid var(--tjc-border);
	background: #fff;
	color: var(--tjc-black);
	text-decoration: none;
	transition: border-color .2s ease, background-color .2s ease, transform .2s ease;
}

#tjc-colorantes a.tjc-card:hover,
#tjc-colorantes a.tjc-card:focus-visible {
	border-color: var(--tjc-pink);
	background: #fff4fa;
	transform: translateY(-2px);
}

#tjc-colorantes .tjc-card strong {
	grid-column: 1;
	grid-row: 1;
	font-family: Oswald, Helvetica, Arial, sans-serif;
	font-size: 19px;
	line-height: 1.25;
}

#tjc-colorantes .tjc-card span {
	grid-column: 1;
	grid-row: 2;
	margin-top: 6px;
	color: #5d5d63;
	font-size: 14px;
	line-height: 1.35;
}

#tjc-colorantes .tjc-card i {
	grid-column: 2;
	grid-row: 1 / span 2;
	align-self: center;
	margin-left: 15px;
	color: var(--tjc-pink);
	font-size: 24px;
	font-style: normal;
}

#tjc-colorantes .tjc-table-wrap { overflow-x: auto; margin-bottom: 42px; }
#tjc-colorantes table { width: 100%; border-collapse: collapse; background: #fff; }
#tjc-colorantes th, #tjc-colorantes td { padding: 15px 16px; border: 1px solid var(--tjc-border); text-align: left; vertical-align: top; }
#tjc-colorantes th { background: var(--tjc-black); color: #fff; font-family: Oswald, Helvetica, Arial, sans-serif; font-weight: 500; }

#tjc-colorantes .tjc-criteria {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
	margin-bottom: 42px;
}

#tjc-colorantes .tjc-criteria > div { padding: 22px; background: var(--tjc-grey); border-top: 4px solid var(--tjc-pink); }
#tjc-colorantes .tjc-criteria strong { font-family: Oswald, Helvetica, Arial, sans-serif; font-size: 18px; }
#tjc-colorantes .tjc-criteria p { margin: 7px 0 0; }

@media (max-width: 700px) {
	#tjc-colorantes .tjc-grid,
	#tjc-colorantes .tjc-criteria { grid-template-columns: 1fr; }
	#tjc-colorantes .tjc-card { min-height: 0; padding: 18px; }
	#tjc-colorantes .tjc-alert { padding: 22px 20px; }
}