/* =========================================================
   CTejidas Child 12.64 · Tarjetas editoriales unificadas
   Portada, páginas de categoría, resultados de búsqueda y relacionados.
   No afecta las tarjetas internas de los artículos de colección.
   ========================================================= */

/* Base compartida: fotografía limpia y pie de título con métricas discretas. */
.ctejidas-tutorial-card {
	background: #fff !important;
	border: 1px solid var(--ctejidas-line, #eadde2) !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	box-sizing: border-box !important;
	color: var(--ctejidas-title, #171717) !important;
	display: flex !important;
	flex-direction: column !important;
	height: 100% !important;
	line-height: normal !important;
	min-width: 0 !important;
	overflow: hidden !important;
	position: relative !important;
	text-decoration: none !important;
	transform: none !important;
}

.ctejidas-tutorial-card:hover,
.ctejidas-tutorial-card:focus-visible {
	border-color: rgba(219, 31, 114, .34) !important;
	box-shadow: 0 5px 14px rgba(55, 31, 41, .07) !important;
	transform: translateY(-1px) !important;
}

.ctejidas-tutorial-card:focus-visible {
	outline: 3px solid var(--ctejidas-brand, #db1f72) !important;
	outline-offset: 2px !important;
}

.ctejidas-tutorial-card__visual {
	aspect-ratio: 16 / 10 !important;
	background: var(--ctejidas-soft, #fff4f8) !important;
	display: block !important;
	flex: 0 0 auto !important;
	line-height: 0 !important;
	overflow: hidden !important;
	position: relative !important;
	width: 100% !important;
}

.ctejidas-tutorial-card__visual img {
	display: block !important;
	filter: none !important;
	height: 100% !important;
	inset: 0 !important;
	margin: 0 !important;
	max-height: none !important;
	max-width: none !important;
	object-fit: cover !important;
	object-position: center !important;
	padding: 0 !important;
	position: absolute !important;
	transition: transform .2s ease !important;
	width: 100% !important;
}

.ctejidas-tutorial-card:hover .ctejidas-tutorial-card__visual img,
.ctejidas-tutorial-card:focus-visible .ctejidas-tutorial-card__visual img {
	transform: scale(1.018) !important;
}

.ctejidas-tutorial-card__footer {
	align-items: end !important;
	background: #fff !important;
	box-sizing: border-box !important;
	column-gap: 6px !important;
	display: grid !important;
	flex: 1 0 auto !important;
	grid-template-columns: minmax(0, 1fr) auto !important;
	min-height: 48px !important;
	padding: 7px 8px 8px !important;
	width: 100% !important;
}

.ctejidas-tutorial-card__title {
	box-sizing: border-box !important;
	display: block !important;
	height: 32px !important;
	margin: 0 !important;
	max-height: 32px !important;
	min-height: 32px !important;
	min-width: 0 !important;
	overflow: hidden !important;
	padding: 0 !important;
	text-align: left !important;
}

.ctejidas-tutorial-card__title-text {
	color: var(--ctejidas-title, #171717) !important;
	display: -webkit-box !important;
	font-family: "League Spartan", sans-serif !important;
	font-size: 13.5px !important;
	font-weight: 700 !important;
	letter-spacing: -.01em !important;
	line-height: 15.5px !important;
	margin: 0 !important;
	max-height: 31px !important;
	overflow: hidden !important;
	overflow-wrap: anywhere !important;
	padding: 0 !important;
	text-decoration: none !important;
	text-overflow: ellipsis !important;
	white-space: normal !important;
	-webkit-box-orient: vertical !important;
	-webkit-line-clamp: 2 !important;
	line-clamp: 2 !important;
}

.ctejidas-tutorial-card__stats {
	align-items: center !important;
	align-self: end !important;
	background: transparent !important;
	border: 0 !important;
	bottom: auto !important;
	box-shadow: none !important;
	box-sizing: border-box !important;
	color: #6e656a !important;
	display: inline-flex !important;
	flex: 0 0 auto !important;
	flex-wrap: nowrap !important;
	font-family: Nunito, system-ui, sans-serif !important;
	font-size: 9.5px !important;
	font-weight: 800 !important;
	gap: 5px !important;
	left: auto !important;
	line-height: 1 !important;
	margin: 0 !important;
	padding: 0 0 1px !important;
	pointer-events: none !important;
	position: static !important;
	right: auto !important;
	white-space: nowrap !important;
	z-index: auto !important;
}

.ctejidas-tutorial-card__stat {
	align-items: center !important;
	backdrop-filter: none !important;
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	color: #6e656a !important;
	display: inline-flex !important;
	font-size: inherit !important;
	font-weight: 800 !important;
	gap: 2px !important;
	line-height: 1 !important;
	margin: 0 !important;
	padding: 0 !important;
}

.ctejidas-tutorial-card__stat-icon,
.ctejidas-tutorial-card__community-icon,
.ct-home-card__community-icon,
.ct-page-gallery__community-icon {
	font-size: 10px !important;
	line-height: 1 !important;
}

.ctejidas-tutorial-card__stat-number,
.ctejidas-tutorial-card__community-number,
.ct-home-card__community-number,
.ct-page-gallery__community-number {
	color: #5e565a !important;
	font-size: inherit !important;
	font-weight: 800 !important;
	line-height: 1 !important;
}

.ctejidas-tutorial-card__stat--rating .ctejidas-tutorial-card__stat-icon,
.ctejidas-tutorial-card__stat--rating .ct-home-card__community-icon,
.ctejidas-tutorial-card__stat--rating .ct-page-gallery__community-icon,
.ct-home-card__community-pill--rating .ct-home-card__community-icon,
.ct-page-gallery__community-pill--rating .ct-page-gallery__community-icon {
	color: #e5a400 !important;
}

.ctejidas-tutorial-card__stat--favorite .ctejidas-tutorial-card__stat-icon,
.ctejidas-tutorial-card__stat--favorite .ct-home-card__community-icon,
.ctejidas-tutorial-card__stat--favorite .ct-page-gallery__community-icon,
.ct-home-card__community-pill--favorite .ct-home-card__community-icon,
.ct-page-gallery__community-pill--favorite .ct-page-gallery__community-icon {
	color: var(--ctejidas-brand, #db1f72) !important;
}

/* Portada y resultados de su buscador. */
.ct-home-card {
	aspect-ratio: auto !important;
}

.ct-home-card::before {
	display: none !important;
}

.ct-home-card__visual {
	aspect-ratio: 16 / 10 !important;
}

.ct-home-card__media,
.ct-home-card__placeholder {
	height: 100% !important;
	inset: 0 !important;
	position: absolute !important;
	width: 100% !important;
}

.ct-home-card__title {
	flex: none !important;
}

.ct-home-card__community,
.ct-home-card__community-pill {
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* Páginas de categoría construidas como galería. */
.ct-page-gallery__grid {
	align-items: stretch !important;
}

.ct-page-gallery__card {
	aspect-ratio: auto !important;
}

.ct-page-gallery__visual {
	aspect-ratio: 16 / 10 !important;
}

.ct-page-gallery__placeholder {
	height: 100% !important;
	inset: 0 !important;
	position: absolute !important;
	width: 100% !important;
}

.ct-page-gallery__community-stats,
.ct-page-gallery__community-pill {
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* Tutoriales relacionados / “También te puede gustar”. */
.ctejidas-related__grid {
	align-items: stretch !important;
}

.ctejidas-related__card {
	aspect-ratio: auto !important;
}

.ctejidas-related__card::before {
	display: none !important;
}

.ctejidas-related__visual {
	aspect-ratio: 16 / 10 !important;
}

.ctejidas-related__image,
.ctejidas-related__placeholder {
	height: 100% !important;
	inset: 0 !important;
	position: absolute !important;
	width: 100% !important;
}

/* Resultados nativos de WordPress (?s=), categorías y etiquetas. */
body.ctejidas-unified-card-archive #main {
	align-items: stretch !important;
	display: grid !important;
	gap: 12px !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

body.ctejidas-unified-card-archive #main > .page-header,
body.ctejidas-unified-card-archive #main > .paging-navigation,
body.ctejidas-unified-card-archive #main > .no-results,
body.ctejidas-unified-card-archive #main > .search-no-results {
	grid-column: 1 / -1 !important;
}

body.ctejidas-unified-card-archive article.ctejidas-archive-card {
	background: transparent !important;
	margin: 0 !important;
	min-width: 0 !important;
	padding: 0 !important;
}

body.ctejidas-unified-card-archive article.ctejidas-archive-card .inside-article {
	background: #fff !important;
	border: 1px solid var(--ctejidas-line, #eadde2) !important;
	box-shadow: none !important;
	display: flex !important;
	flex-direction: column !important;
	height: 100% !important;
	min-width: 0 !important;
	overflow: hidden !important;
	padding: 0 !important;
}

body.ctejidas-unified-card-archive article.ctejidas-archive-card .post-image,
body.ctejidas-unified-card-archive article.ctejidas-archive-card .post-image-above-header {
	aspect-ratio: 16 / 10 !important;
	background: var(--ctejidas-soft, #fff4f8) !important;
	margin: 0 !important;
	order: 1 !important;
	overflow: hidden !important;
	position: relative !important;
	width: 100% !important;
}

body.ctejidas-unified-card-archive article.ctejidas-archive-card .post-image img,
body.ctejidas-unified-card-archive article.ctejidas-archive-card .post-image-above-header img {
	display: block !important;
	height: 100% !important;
	margin: 0 !important;
	max-width: none !important;
	object-fit: cover !important;
	position: static !important;
	width: 100% !important;
}

body.ctejidas-unified-card-archive article.ctejidas-archive-card .entry-header {
	align-items: end !important;
	background: #fff !important;
	column-gap: 6px !important;
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) auto !important;
	min-height: 48px !important;
	order: 2 !important;
	padding: 7px 8px 8px !important;
}

body.ctejidas-unified-card-archive article.ctejidas-archive-card .entry-title {
	display: -webkit-box !important;
	font-family: "League Spartan", sans-serif !important;
	font-size: 13.5px !important;
	font-weight: 700 !important;
	letter-spacing: -.01em !important;
	line-height: 15.5px !important;
	margin: 0 !important;
	max-height: 31px !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	white-space: normal !important;
	-webkit-box-orient: vertical !important;
	-webkit-line-clamp: 2 !important;
	line-clamp: 2 !important;
}

body.ctejidas-unified-card-archive article.ctejidas-archive-card .entry-title a {
	color: var(--ctejidas-title, #171717) !important;
	text-decoration: none !important;
}

body.ctejidas-unified-card-archive article.ctejidas-archive-card .entry-meta,
body.ctejidas-unified-card-archive article.ctejidas-archive-card .entry-summary,
body.ctejidas-unified-card-archive article.ctejidas-archive-card .entry-content,
body.ctejidas-unified-card-archive article.ctejidas-archive-card .entry-footer,
body.ctejidas-unified-card-archive article.ctejidas-archive-card footer,
body.ctejidas-unified-card-archive article.ctejidas-archive-card .ctc-search-card-stats {
	display: none !important;
}

body.ctejidas-unified-card-archive article.ctejidas-archive-card .ctejidas-archive-card__stats {
	grid-column: 2 !important;
	grid-row: 1 !important;
}

@media (max-width: 640px) {
	.ctejidas-tutorial-card__footer {
		column-gap: 4px !important;
		min-height: 43px !important;
		padding: 6px 5px 7px !important;
	}

	.ctejidas-tutorial-card__title {
		height: 28px !important;
		max-height: 28px !important;
		min-height: 28px !important;
	}

	.ctejidas-tutorial-card__title-text {
		font-size: 11.5px !important;
		line-height: 13.5px !important;
		max-height: 27px !important;
	}

	.ctejidas-tutorial-card__stats {
		font-size: 8.5px !important;
		gap: 3px !important;
	}

	.ctejidas-tutorial-card__stat {
		gap: 1px !important;
	}

	.ctejidas-tutorial-card__stat-icon,
	.ct-home-card__community-icon,
	.ct-page-gallery__community-icon {
		font-size: 9px !important;
	}

	body.ctejidas-unified-card-archive #main {
		gap: 5px !important;
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	}

	body.ctejidas-unified-card-archive article.ctejidas-archive-card .entry-header {
		column-gap: 4px !important;
		min-height: 43px !important;
		padding: 6px 5px 7px !important;
	}

	body.ctejidas-unified-card-archive article.ctejidas-archive-card .entry-title {
		font-size: 11.5px !important;
		line-height: 13.5px !important;
		max-height: 27px !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	.ctejidas-tutorial-card,
	.ctejidas-tutorial-card__visual img {
		transition: none !important;
	}
}

/* =========================================================
   v12.64.1 · Páginas de categoría: ancho útil para título + métricas
   La antigua cuadrícula de 7 columnas era adecuada para miniaturas sin pie,
   pero no para la nueva tarjeta editorial. Se reduce el número de columnas
   sin tocar los listados internos de las colecciones.
   ========================================================= */

@media (min-width: 1100px) {
	.ct-page-gallery__grid {
		grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
		gap: 10px !important;
	}
}

@media (min-width: 641px) and (max-width: 1099px) {
	.ct-page-gallery__grid {
		grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
		gap: 9px !important;
	}
}

@media (max-width: 640px) {
	.ct-page-gallery__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 7px !important;
	}

	.ct-page-gallery__footer.ctejidas-tutorial-card__footer {
		column-gap: 5px !important;
		padding-left: 7px !important;
		padding-right: 7px !important;
	}
}

/* =========================================================
   v12.64.3 · Réplica exacta del comportamiento de Mis favoritos
   ========================================================= */

/* Tarjeta base: mismas medidas visuales de .ctc-thread-favorite. */
.ctejidas-tutorial-card {
	background: #fff !important;
	border: 1px solid #efd6e0 !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	overflow: hidden !important;
}

.ctejidas-tutorial-card:hover,
.ctejidas-tutorial-card:focus-visible {
	border-color: #efd6e0 !important;
	box-shadow: none !important;
	transform: none !important;
}

.ctejidas-tutorial-card__visual,
.ct-home-card__visual,
.ct-page-gallery__visual,
.ctejidas-related__visual {
	aspect-ratio: 16 / 10 !important;
	background: #f6edf1 !important;
}

.ctejidas-tutorial-card:hover .ctejidas-tutorial-card__visual img,
.ctejidas-tutorial-card:focus-visible .ctejidas-tutorial-card__visual img {
	transform: none !important;
}

/* Pie con las mismas medidas del favorito. La única diferencia es la zona
   discreta de métricas añadida a la derecha. */
.ctejidas-tutorial-card__footer,
.ct-home-card__footer.ctejidas-tutorial-card__footer,
.ct-page-gallery__footer.ctejidas-tutorial-card__footer,
.ctejidas-related__footer.ctejidas-tutorial-card__footer {
	align-items: center !important;
	box-sizing: border-box !important;
	column-gap: 7px !important;
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) auto !important;
	height: 44px !important;
	min-height: 44px !important;
	max-height: 44px !important;
	padding: 7px 9px !important;
	overflow: hidden !important;
}

.ctejidas-tutorial-card__title {
	display: block !important;
	height: 30px !important;
	min-height: 30px !important;
	max-height: 30px !important;
	overflow: hidden !important;
}

.ctejidas-tutorial-card__title-text,
body.ctejidas-unified-card-archive article.ctejidas-archive-card .entry-title {
	color: #242126 !important;
	display: -webkit-box !important;
	font-family: inherit !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	letter-spacing: 0 !important;
	line-height: 15px !important;
	margin: 0 !important;
	max-height: 30px !important;
	overflow: hidden !important;
	overflow-wrap: anywhere !important;
	padding: 0 !important;
	text-overflow: ellipsis !important;
	white-space: normal !important;
	-webkit-box-orient: vertical !important;
	-webkit-line-clamp: 2 !important;
	line-clamp: 2 !important;
}

/* Métricas: siempre presentes y deliberadamente discretas. */
.ctejidas-tutorial-card__stats {
	align-self: center !important;
	color: #716b72 !important;
	display: inline-flex !important;
	font-size: 9px !important;
	font-weight: 800 !important;
	gap: 4px !important;
	padding: 0 !important;
	white-space: nowrap !important;
}

.ctejidas-tutorial-card__stat {
	align-items: center !important;
	display: inline-flex !important;
	gap: 1px !important;
}

.ctejidas-tutorial-card__stat-icon,
.ct-home-card__community-icon,
.ct-page-gallery__community-icon,
.ctejidas-tutorial-card__stat-number,
.ct-home-card__community-number,
.ct-page-gallery__community-number {
	font-size: 9px !important;
}

/* El grid copia exactamente Mis favoritos: 4 columnas en escritorio. */
.ct-home-results__grid,
.ct-page-gallery__grid,
.ctejidas-related__grid,
body.ctejidas-unified-card-archive #main {
	align-items: stretch !important;
	display: grid !important;
	gap: 12px !important;
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

/* Cabeceras y paginación de archivos siguen ocupando todo el ancho. */
body.ctejidas-unified-card-archive #main > .page-header,
body.ctejidas-unified-card-archive #main > .paging-navigation,
body.ctejidas-unified-card-archive #main > .no-results,
body.ctejidas-unified-card-archive #main > .search-no-results {
	grid-column: 1 / -1 !important;
}

body.ctejidas-unified-card-archive article.ctejidas-archive-card .entry-header {
	align-items: center !important;
	box-sizing: border-box !important;
	column-gap: 7px !important;
	height: 44px !important;
	min-height: 44px !important;
	max-height: 44px !important;
	padding: 7px 9px !important;
	overflow: hidden !important;
}

/* Igual que Mis favoritos: desde 900 px, 2 columnas. */
@media (max-width: 900px) {
	.ct-home-results__grid,
	.ct-page-gallery__grid,
	.ctejidas-related__grid,
	body.ctejidas-unified-card-archive #main {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

/* Igual que Mis favoritos: en móvil se reduce gap y tipografía/pie. */
@media (max-width: 600px) {
	.ct-home-results__grid,
	.ct-page-gallery__grid,
	.ctejidas-related__grid,
	body.ctejidas-unified-card-archive #main {
		gap: 8px !important;
	}

	.ctejidas-tutorial-card__footer,
	.ct-home-card__footer.ctejidas-tutorial-card__footer,
	.ct-page-gallery__footer.ctejidas-tutorial-card__footer,
	.ctejidas-related__footer.ctejidas-tutorial-card__footer,
	body.ctejidas-unified-card-archive article.ctejidas-archive-card .entry-header {
		column-gap: 5px !important;
		height: 42px !important;
		min-height: 42px !important;
		max-height: 42px !important;
		padding: 7px 8px !important;
	}

	.ctejidas-tutorial-card__title {
		height: 28px !important;
		min-height: 28px !important;
		max-height: 28px !important;
	}

	.ctejidas-tutorial-card__title-text,
	body.ctejidas-unified-card-archive article.ctejidas-archive-card .entry-title {
		font-size: 12px !important;
		line-height: 14px !important;
		max-height: 28px !important;
	}

	.ctejidas-tutorial-card__stats,
	.ctejidas-tutorial-card__stat-icon,
	.ctejidas-tutorial-card__stat-number,
	.ct-home-card__community-icon,
	.ct-home-card__community-number,
	.ct-page-gallery__community-icon,
	.ct-page-gallery__community-number {
		font-size: 8px !important;
	}
}

/* =========================================================
   v12.64.4 · Réplica visual real de Mis guardados + ancho completo
   ========================================================= */

/* 1) Tipografía: misma apariencia real de las tarjetas de Mis guardados. */
.ctejidas-tutorial-card__title-text,
body.ctejidas-unified-card-archive article.ctejidas-archive-card .entry-title,
body.ctejidas-unified-card-archive article.ctejidas-archive-card .entry-title a {
	color: #242126 !important;
	font-family: Nunito, sans-serif !important;
	font-size: 13px !important;
	font-style: normal !important;
	font-weight: 700 !important;
	letter-spacing: 0 !important;
	line-height: 15px !important;
	text-transform: none !important;
}

/* El pie conserva exactamente la altura del favorito, pero reparte mejor el ancho. */
.ctejidas-tutorial-card__footer,
.ct-home-card__footer.ctejidas-tutorial-card__footer,
.ct-page-gallery__footer.ctejidas-tutorial-card__footer,
.ctejidas-related__footer.ctejidas-tutorial-card__footer {
	align-items: center !important;
	column-gap: 5px !important;
	grid-template-columns: minmax(0, 1fr) 27px !important;
	height: 44px !important;
	min-height: 44px !important;
	max-height: 44px !important;
	overflow: hidden !important;
	padding: 7px 9px !important;
	position: relative !important;
	contain: paint !important;
	isolation: isolate !important;
}

/* El título nunca puede salir del pie ni invadir la fotografía, incluso con emojis. */
.ctejidas-tutorial-card__title,
.ct-home-card__title.ctejidas-tutorial-card__title,
.ct-page-gallery__title.ctejidas-tutorial-card__title,
.ctejidas-related__name.ctejidas-tutorial-card__title {
	box-sizing: border-box !important;
	display: block !important;
	height: 30px !important;
	min-height: 30px !important;
	max-height: 30px !important;
	margin: 0 !important;
	min-width: 0 !important;
	overflow: hidden !important;
	padding: 0 !important;
	position: static !important;
	transform: none !important;
	contain: paint !important;
	clip-path: inset(0) !important;
}

.ctejidas-tutorial-card__title-text {
	box-sizing: border-box !important;
	display: -webkit-box !important;
	height: auto !important;
	max-height: 30px !important;
	margin: 0 !important;
	overflow: hidden !important;
	overflow-wrap: anywhere !important;
	padding: 0 !important;
	position: static !important;
	transform: none !important;
	text-overflow: ellipsis !important;
	white-space: normal !important;
	word-break: normal !important;
	-webkit-box-orient: vertical !important;
	-webkit-line-clamp: 2 !important;
	line-clamp: 2 !important;
	contain: paint !important;
	clip-path: inset(0) !important;
}

/* 2) Contadores apilados: ocupan menos ancho y dejan más espacio al título. */
.ctejidas-tutorial-card__stats,
.ct-home-card__community.ctejidas-tutorial-card__stats,
.ct-page-gallery__community-stats.ctejidas-tutorial-card__stats,
.ctejidas-related__stats.ctejidas-tutorial-card__stats,
.ctejidas-archive-card__stats.ctejidas-tutorial-card__stats {
	align-items: flex-end !important;
	align-self: center !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 2px !important;
	justify-content: center !important;
	min-width: 27px !important;
	width: 27px !important;
	max-width: 27px !important;
	margin: 0 !important;
	padding: 0 !important;
	position: static !important;
	overflow: visible !important;
}

.ctejidas-tutorial-card__stat {
	align-items: center !important;
	display: inline-flex !important;
	gap: 2px !important;
	justify-content: flex-end !important;
	line-height: 1 !important;
	margin: 0 !important;
	padding: 0 !important;
	white-space: nowrap !important;
}

/* 3) Categorías/búsqueda: usar realmente todo el ancho disponible. */
body.ctejidas-unified-card-archive .site-content,
body.ctejidas-unified-card-archive #page,
body.ctejidas-unified-card-archive .grid-container,
body.ctejidas-unified-card-archive #primary,
body.ctejidas-unified-card-archive .content-area,
body.ctejidas-unified-card-archive .site-main {
	box-sizing: border-box !important;
	float: none !important;
	max-width: none !important;
	min-width: 0 !important;
	width: 100% !important;
}

body.ctejidas-unified-card-archive .site-content {
	display: block !important;
	margin-left: auto !important;
	margin-right: auto !important;
	max-width: 1320px !important;
	padding-left: 24px !important;
	padding-right: 24px !important;
}

body.ctejidas-unified-card-archive #primary,
body.ctejidas-unified-card-archive .content-area,
body.ctejidas-unified-card-archive .site-main {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

body.ctejidas-unified-card-archive #right-sidebar,
body.ctejidas-unified-card-archive #left-sidebar,
body.ctejidas-unified-card-archive .widget-area.sidebar {
	display: none !important;
}

body.ctejidas-unified-card-archive #main {
	box-sizing: border-box !important;
	max-width: none !important;
	width: 100% !important;
}

/* La galería JS de páginas temáticas también ocupa su ancho útil completo. */
body.ctejidas-gallery-page .site-content,
body.ctejidas-gallery-page #primary,
body.ctejidas-gallery-page .content-area,
body.ctejidas-gallery-page .site-main,
body.ctejidas-gallery-page article.page,
body.ctejidas-gallery-page .inside-article,
body.ctejidas-gallery-page .entry-content,
body.ctejidas-gallery-page .ct-page-gallery {
	box-sizing: border-box !important;
	max-width: none !important;
	width: 100% !important;
}

body.ctejidas-gallery-page .site-content {
	max-width: 1320px !important;
}

/* 4) El mismo grid de Mis guardados: 4 escritorio → 2 bajo 900px. */
.ct-home-results__grid,
.ct-page-gallery__grid,
.ctejidas-related__grid,
body.ctejidas-unified-card-archive #main {
	gap: 12px !important;
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

@media (max-width: 900px) {
	.ct-home-results__grid,
	.ct-page-gallery__grid,
	.ctejidas-related__grid,
	body.ctejidas-unified-card-archive #main {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 600px) {
	body.ctejidas-unified-card-archive .site-content {
		padding-left: 8px !important;
		padding-right: 8px !important;
	}

	.ct-home-results__grid,
	.ct-page-gallery__grid,
	.ctejidas-related__grid,
	body.ctejidas-unified-card-archive #main {
		gap: 8px !important;
	}

	.ctejidas-tutorial-card__footer,
	.ct-home-card__footer.ctejidas-tutorial-card__footer,
	.ct-page-gallery__footer.ctejidas-tutorial-card__footer,
	.ctejidas-related__footer.ctejidas-tutorial-card__footer {
		grid-template-columns: minmax(0, 1fr) 25px !important;
		height: 42px !important;
		min-height: 42px !important;
		max-height: 42px !important;
		padding: 7px 8px !important;
	}

	.ctejidas-tutorial-card__title {
		height: 28px !important;
		min-height: 28px !important;
		max-height: 28px !important;
	}

	.ctejidas-tutorial-card__title-text,
	body.ctejidas-unified-card-archive article.ctejidas-archive-card .entry-title,
	body.ctejidas-unified-card-archive article.ctejidas-archive-card .entry-title a {
		font-size: 12px !important;
		line-height: 14px !important;
		max-height: 28px !important;
	}

	.ctejidas-tutorial-card__stats,
	.ct-home-card__community.ctejidas-tutorial-card__stats,
	.ct-page-gallery__community-stats.ctejidas-tutorial-card__stats,
	.ctejidas-related__stats.ctejidas-tutorial-card__stats,
	.ctejidas-archive-card__stats.ctejidas-tutorial-card__stats {
		min-width: 25px !important;
		width: 25px !important;
		max-width: 25px !important;
	}
}

/* =========================================================
   v12.64.6 · Títulos decodificados + contadores PC más legibles
   ========================================================= */

/*
 * El módulo completo de categoría puede ser hijo directo de #main. Como #main
 * también es el grid de los archivos nativos, antes ese módulo entero quedaba
 * encerrado en una sola columna. Todo hijo que NO sea una tarjeta de entrada
 * debe ocupar las cuatro columnas completas.
 */
body.ctejidas-unified-card-archive #main > :not(article.ctejidas-archive-card) {
	box-sizing: border-box !important;
	grid-column: 1 / -1 !important;
	max-width: none !important;
	min-width: 0 !important;
	width: 100% !important;
}

/* En categorías, cualquier módulo editorial/galería directo recupera todo el ancho. */
body.category.ctejidas-unified-card-archive #main > :not(article.ctejidas-archive-card),
body.tag.ctejidas-unified-card-archive #main > :not(article.ctejidas-archive-card) {
	float: none !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	max-width: none !important;
	width: 100% !important;
}

/*
 * Si la galería la genera otro módulo de CTejidas, no dependemos de su nombre
 * de clase: cualquier contenedor cuyos hijos directos sean nuestras tarjetas
 * unificadas adopta exactamente el grid de Mis guardados.
 */
body.category .site-main :is(div, section, nav, ul):has(> .ctejidas-tutorial-card),
body.tag .site-main :is(div, section, nav, ul):has(> .ctejidas-tutorial-card),
body.search .site-main :is(div, section, nav, ul):has(> .ctejidas-tutorial-card) {
	align-items: stretch !important;
	box-sizing: border-box !important;
	display: grid !important;
	gap: 12px !important;
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	max-width: none !important;
	min-width: 0 !important;
	width: 100% !important;
}

/* Tarjeta: misma base de Mis guardados. */
.ctejidas-tutorial-card {
	background: #fff !important;
	border: 1px solid #efd6e0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	font-family: Nunito, sans-serif !important;
	min-width: 0 !important;
	overflow: hidden !important;
	contain: paint !important;
}

.ctejidas-tutorial-card__visual,
.ct-home-card__visual,
.ct-page-gallery__visual,
.ctejidas-related__visual {
	aspect-ratio: 16 / 10 !important;
	background: #f6edf1 !important;
	isolation: isolate !important;
	overflow: hidden !important;
	position: relative !important;
	z-index: 1 !important;
}

/* El pie reproduce altura/padding de Mis guardados y reserva solo 28px a métricas. */
.ctejidas-tutorial-card__footer,
.ct-home-card__footer.ctejidas-tutorial-card__footer,
.ct-page-gallery__footer.ctejidas-tutorial-card__footer,
.ctejidas-related__footer.ctejidas-tutorial-card__footer {
	align-items: center !important;
	background: #fff !important;
	box-sizing: border-box !important;
	column-gap: 5px !important;
	display: grid !important;
	font-family: Nunito, sans-serif !important;
	grid-template-columns: minmax(0, 1fr) 28px !important;
	height: 44px !important;
	max-height: 44px !important;
	min-height: 44px !important;
	overflow: hidden !important;
	padding: 7px 9px !important;
	position: relative !important;
	z-index: 2 !important;
	contain: paint !important;
}

/*
 * Mismo texto de Mis guardados. Se resetean además posiciones heredadas para
 * impedir que emojis o fragmentos del título se monten sobre la fotografía.
 */
.ctejidas-tutorial-card__title,
.ct-home-card__title.ctejidas-tutorial-card__title,
.ct-page-gallery__title.ctejidas-tutorial-card__title,
.ctejidas-related__name.ctejidas-tutorial-card__title {
	bottom: auto !important;
	box-sizing: border-box !important;
	color: #242126 !important;
	float: none !important;
	font-family: Nunito, sans-serif !important;
	font-size: 13px !important;
	font-style: normal !important;
	font-weight: 700 !important;
	height: 30px !important;
	inset: auto !important;
	left: auto !important;
	letter-spacing: 0 !important;
	line-height: 15px !important;
	margin: 0 !important;
	max-height: 30px !important;
	min-height: 30px !important;
	min-width: 0 !important;
	overflow: hidden !important;
	padding: 0 !important;
	position: static !important;
	right: auto !important;
	text-align: left !important;
	text-transform: none !important;
	top: auto !important;
	transform: none !important;
	contain: paint !important;
	clip-path: inset(0) !important;
}

.ctejidas-tutorial-card__title-text,
.ctejidas-tutorial-card__title > span,
.ctejidas-tutorial-card__title > strong,
.ctejidas-tutorial-card__title > a {
	bottom: auto !important;
	box-sizing: border-box !important;
	color: #242126 !important;
	display: -webkit-box !important;
	float: none !important;
	font-family: Nunito, sans-serif !important;
	font-size: 13px !important;
	font-style: normal !important;
	font-weight: 700 !important;
	height: auto !important;
	inset: auto !important;
	left: auto !important;
	letter-spacing: 0 !important;
	line-height: 15px !important;
	margin: 0 !important;
	max-height: 30px !important;
	overflow: hidden !important;
	overflow-wrap: anywhere !important;
	padding: 0 !important;
	position: static !important;
	right: auto !important;
	text-decoration: none !important;
	text-overflow: ellipsis !important;
	text-transform: none !important;
	top: auto !important;
	transform: none !important;
	white-space: normal !important;
	-webkit-box-orient: vertical !important;
	-webkit-line-clamp: 2 !important;
	line-clamp: 2 !important;
	contain: paint !important;
	clip-path: inset(0) !important;
}

/* Métricas discretas, una encima de la otra. */
.ctejidas-tutorial-card__stats,
.ct-home-card__community.ctejidas-tutorial-card__stats,
.ct-page-gallery__community-stats.ctejidas-tutorial-card__stats,
.ctejidas-related__stats.ctejidas-tutorial-card__stats,
.ctejidas-archive-card__stats.ctejidas-tutorial-card__stats {
	align-items: flex-end !important;
	align-self: center !important;
	bottom: auto !important;
	display: flex !important;
	flex-direction: column !important;
	font-family: Nunito, sans-serif !important;
	font-size: 10.5px !important;
	font-weight: 800 !important;
	gap: 2px !important;
	inset: auto !important;
	justify-content: center !important;
	left: auto !important;
	margin: 0 !important;
	max-width: 28px !important;
	min-width: 28px !important;
	overflow: hidden !important;
	padding: 0 !important;
	position: static !important;
	right: auto !important;
	top: auto !important;
	transform: none !important;
	width: 28px !important;
}

.ctejidas-tutorial-card__stat {
	align-items: center !important;
	display: inline-flex !important;
	font-size: 9px !important;
	font-weight: 800 !important;
	gap: 2px !important;
	justify-content: flex-end !important;
	line-height: 1 !important;
	margin: 0 !important;
	padding: 0 !important;
	white-space: nowrap !important;
}

/* Igual que Mis guardados: cuatro columnas; desde 900px, dos. */

/* En escritorio, métricas un poco más legibles; móvil conserva su escala anterior. */
@media (min-width: 901px) {
	.ctejidas-tutorial-card__stats,
	.ct-home-card__community.ctejidas-tutorial-card__stats,
	.ct-page-gallery__community-stats.ctejidas-tutorial-card__stats,
	.ctejidas-related__stats.ctejidas-tutorial-card__stats,
	.ctejidas-archive-card__stats.ctejidas-tutorial-card__stats,
	.ctejidas-tutorial-card__stat {
		font-size: 10.5px !important;
	}
}
@media (max-width: 900px) {
	body.category .site-main :is(div, section, nav, ul):has(> .ctejidas-tutorial-card),
	body.tag .site-main :is(div, section, nav, ul):has(> .ctejidas-tutorial-card),
	body.search .site-main :is(div, section, nav, ul):has(> .ctejidas-tutorial-card) {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 600px) {
	body.category .site-main :is(div, section, nav, ul):has(> .ctejidas-tutorial-card),
	body.tag .site-main :is(div, section, nav, ul):has(> .ctejidas-tutorial-card),
	body.search .site-main :is(div, section, nav, ul):has(> .ctejidas-tutorial-card) {
		gap: 8px !important;
	}

	.ctejidas-tutorial-card__footer,
	.ct-home-card__footer.ctejidas-tutorial-card__footer,
	.ct-page-gallery__footer.ctejidas-tutorial-card__footer,
	.ctejidas-related__footer.ctejidas-tutorial-card__footer {
		grid-template-columns: minmax(0, 1fr) 26px !important;
		height: 42px !important;
		max-height: 42px !important;
		min-height: 42px !important;
		padding: 7px 8px !important;
	}

	.ctejidas-tutorial-card__title,
	.ct-home-card__title.ctejidas-tutorial-card__title,
	.ct-page-gallery__title.ctejidas-tutorial-card__title,
	.ctejidas-related__name.ctejidas-tutorial-card__title {
		font-size: 12px !important;
		height: 28px !important;
		line-height: 14px !important;
		max-height: 28px !important;
		min-height: 28px !important;
	}

	.ctejidas-tutorial-card__title-text,
	.ctejidas-tutorial-card__title > span,
	.ctejidas-tutorial-card__title > strong,
	.ctejidas-tutorial-card__title > a {
		font-size: 12px !important;
		line-height: 14px !important;
		max-height: 28px !important;
	}

	.ctejidas-tutorial-card__stats,
	.ct-home-card__community.ctejidas-tutorial-card__stats,
	.ct-page-gallery__community-stats.ctejidas-tutorial-card__stats,
	.ctejidas-related__stats.ctejidas-tutorial-card__stats,
	.ctejidas-archive-card__stats.ctejidas-tutorial-card__stats {
		font-size: 8px !important;
		max-width: 26px !important;
		min-width: 26px !important;
		width: 26px !important;
	}

	.ctejidas-tutorial-card__stat {
		font-size: 8px !important;
	}
}

/* =========================================================
   v12.64.7 · Ancho útil unificado para listados
   =========================================================
   Inicio, categorías, etiquetas, búsquedas y páginas de galería comparten
   el mismo ancho útil. Se eliminan topes de max-width en estas vistas y se
   conserva únicamente un gutter fluido pequeño. Los artículos individuales
   no se modifican. */
:root {
	--ctejidas-listing-gutter: clamp(8px, 1.8vw, 24px);
}

/* Portada: libera GeneratePress y deja el gutter en el módulo real. */
body.home #page,
body.home #content,
body.home .site-content,
body.home #primary,
body.home .content-area,
body.home .site-main {
	box-sizing: border-box !important;
	float: none !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	max-width: none !important;
	min-width: 0 !important;
	width: 100% !important;
}

body.home #content,
body.home .site-content,
body.home #primary,
body.home .content-area,
body.home .site-main {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

body.home .ct-home-search {
	box-sizing: border-box !important;
	margin-left: auto !important;
	margin-right: auto !important;
	max-width: none !important;
	padding-left: var(--ctejidas-listing-gutter) !important;
	padding-right: var(--ctejidas-listing-gutter) !important;
	width: 100% !important;
}

/* Categorías, etiquetas y resultados de búsqueda. */
body.ctejidas-unified-card-archive #page,
body.ctejidas-unified-card-archive #content,
body.ctejidas-unified-card-archive .site-content,
body.ctejidas-unified-card-archive .grid-container,
body.ctejidas-unified-card-archive #primary,
body.ctejidas-unified-card-archive .content-area,
body.ctejidas-unified-card-archive .site-main {
	box-sizing: border-box !important;
	float: none !important;
	max-width: none !important;
	min-width: 0 !important;
	width: 100% !important;
}

body.ctejidas-unified-card-archive .site-content {
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: var(--ctejidas-listing-gutter) !important;
	padding-right: var(--ctejidas-listing-gutter) !important;
}

/* Páginas de galería/editoriales que usan el mismo sistema de tarjetas. */
body.ctejidas-gallery-page #page,
body.ctejidas-gallery-page #content,
body.ctejidas-gallery-page .site-content,
body.ctejidas-gallery-page .grid-container,
body.ctejidas-gallery-page #primary,
body.ctejidas-gallery-page .content-area,
body.ctejidas-gallery-page .site-main,
body.ctejidas-gallery-page article.page,
body.ctejidas-gallery-page .inside-article,
body.ctejidas-gallery-page .entry-content,
body.ctejidas-gallery-page .ct-page-gallery {
	box-sizing: border-box !important;
	max-width: none !important;
	min-width: 0 !important;
	width: 100% !important;
}

body.ctejidas-gallery-page .site-content {
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: var(--ctejidas-listing-gutter) !important;
	padding-right: var(--ctejidas-listing-gutter) !important;
}

@media (max-width: 600px) {
	:root {
		--ctejidas-listing-gutter: 8px;
	}
}


/* =========================================================
   v12.64.8 · Filas completas, ancho de Tutoriales y Te puede interesar limpio
   ========================================================= */

/* La página histórica “Tutoriales” usa el mismo ancho útil de los listados. */
body.ctejidas-directory-page #page,
body.ctejidas-directory-page #content,
body.ctejidas-directory-page .site-content,
body.ctejidas-directory-page .grid-container,
body.ctejidas-directory-page #primary,
body.ctejidas-directory-page .content-area,
body.ctejidas-directory-page .site-main,
body.ctejidas-directory-page article.page,
body.ctejidas-directory-page .inside-article,
body.ctejidas-directory-page .entry-content,
body.ctejidas-directory-page .ct-directory {
	box-sizing: border-box !important;
	float: none !important;
	max-width: none !important;
	min-width: 0 !important;
	width: 100% !important;
}
body.ctejidas-directory-page .site-content {
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: var(--ctejidas-listing-gutter) !important;
	padding-right: var(--ctejidas-listing-gutter) !important;
}

/* “Te puede interesar” conserva la misma tarjeta pero sin contadores. */
.ct-home-flexible-results .ct-home-card--no-stats .ctejidas-tutorial-card__footer,
.ct-home-flexible-results .ct-home-card--no-stats .ct-home-card__footer {
	grid-template-columns: minmax(0, 1fr) !important;
}
.ct-home-flexible-results .ct-home-card--no-stats .ctejidas-tutorial-card__stats,
.ct-home-flexible-results .ct-home-card--no-stats .ct-home-card__community {
	display: none !important;
}

/* La cuadrícula siempre parte de cuatro columnas en escritorio y dos bajo 900px. */
.ct-home-results__grid,
.ct-page-gallery__grid,
.ctejidas-related__grid,
body.ctejidas-unified-card-archive #main {
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
@media (max-width: 900px) {
	.ct-home-results__grid,
	.ct-page-gallery__grid,
	.ctejidas-related__grid,
	body.ctejidas-unified-card-archive #main {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

/* =========================================================
   v12.64.10 · Filas visualmente completas + contadores PC
   ========================================================= */

/*
 * Los módulos de listados no siempre devuelven múltiplos exactos de cuatro
 * después de deduplicar. En vez de dejar un hueco blanco, las tarjetas de la
 * última fila crecen de forma uniforme hasta ocupar el ancho disponible.
 * Las filas completas continúan mostrando cuatro tarjetas en escritorio.
 */
@media (min-width: 901px) {
	.ct-page-gallery__grid,
	.ct-home-results__grid,
	body.category .site-main :is(div, section, nav, ul):has(> .ctejidas-tutorial-card),
	body.tag .site-main :is(div, section, nav, ul):has(> .ctejidas-tutorial-card),
	body.search .site-main :is(div, section, nav, ul):has(> .ctejidas-tutorial-card) {
		display: flex !important;
		flex-wrap: wrap !important;
		align-items: stretch !important;
		gap: 12px !important;
		grid-template-columns: none !important;
	}

	.ct-page-gallery__grid > .ctejidas-tutorial-card,
	.ct-home-results__grid > .ctejidas-tutorial-card,
	body.category .site-main :is(div, section, nav, ul):has(> .ctejidas-tutorial-card) > .ctejidas-tutorial-card,
	body.tag .site-main :is(div, section, nav, ul):has(> .ctejidas-tutorial-card) > .ctejidas-tutorial-card,
	body.search .site-main :is(div, section, nav, ul):has(> .ctejidas-tutorial-card) > .ctejidas-tutorial-card {
		box-sizing: border-box !important;
		flex: 1 1 calc((100% - 36px) / 4) !important;
		min-width: 0 !important;
		max-width: none !important;
	}

	/* Un poco más legibles en PC; móvil conserva el tamaño actual. */
	.ct-home-results__grid .ctejidas-tutorial-card__stats,
	.ct-page-gallery__grid .ctejidas-tutorial-card__stats,
	body.category .ctejidas-tutorial-card__stats,
	body.tag .ctejidas-tutorial-card__stats,
	body.search .ctejidas-tutorial-card__stats {
		font-size: 11.5px !important;
		max-width: 31px !important;
		min-width: 31px !important;
		width: 31px !important;
	}

	.ct-home-results__grid .ctejidas-tutorial-card__stat,
	.ct-page-gallery__grid .ctejidas-tutorial-card__stat,
	body.category .ctejidas-tutorial-card__stat,
	body.tag .ctejidas-tutorial-card__stat,
	body.search .ctejidas-tutorial-card__stat {
		font-size: 11.5px !important;
	}

	.ct-home-results__grid .ctejidas-tutorial-card__footer,
	.ct-page-gallery__grid .ctejidas-tutorial-card__footer,
	body.category .ctejidas-tutorial-card__footer,
	body.tag .ctejidas-tutorial-card__footer,
	body.search .ctejidas-tutorial-card__footer {
		grid-template-columns: minmax(0, 1fr) 31px !important;
	}
}

/* En móvil también evitamos huecos: dos por fila, o una ocupando la fila final. */
@media (max-width: 900px) {
	.ct-page-gallery__grid,
	.ct-home-results__grid,
	body.category .site-main :is(div, section, nav, ul):has(> .ctejidas-tutorial-card),
	body.tag .site-main :is(div, section, nav, ul):has(> .ctejidas-tutorial-card),
	body.search .site-main :is(div, section, nav, ul):has(> .ctejidas-tutorial-card) {
		display: flex !important;
		flex-wrap: wrap !important;
		align-items: stretch !important;
		gap: 8px !important;
		grid-template-columns: none !important;
	}

	.ct-page-gallery__grid > .ctejidas-tutorial-card,
	.ct-home-results__grid > .ctejidas-tutorial-card,
	body.category .site-main :is(div, section, nav, ul):has(> .ctejidas-tutorial-card) > .ctejidas-tutorial-card,
	body.tag .site-main :is(div, section, nav, ul):has(> .ctejidas-tutorial-card) > .ctejidas-tutorial-card,
	body.search .site-main :is(div, section, nav, ul):has(> .ctejidas-tutorial-card) > .ctejidas-tutorial-card {
		box-sizing: border-box !important;
		flex: 1 1 calc((100% - 8px) / 2) !important;
		min-width: 0 !important;
		max-width: none !important;
	}
}


/* =========================================================
   v12.64.11 · Filas completas reales, sin estirar tarjetas
   ========================================================= */

/* 12.64.10 probó flex para ocultar huecos. Se revierte: la tarjeta conserva
 * exactamente el ancho del grid de Mis guardados. La lógica JS completa la
 * fila cuando todavía existen tutoriales por cargar. */
@media (min-width: 901px) {
  .ct-page-gallery__grid,
  .ct-home-results__grid,
  body.category .site-main :is(div, section, nav, ul):has(> .ctejidas-tutorial-card),
  body.tag .site-main :is(div, section, nav, ul):has(> .ctejidas-tutorial-card),
  body.search .site-main :is(div, section, nav, ul):has(> .ctejidas-tutorial-card) {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  .ct-page-gallery__grid > .ctejidas-tutorial-card,
  .ct-home-results__grid > .ctejidas-tutorial-card,
  body.category .site-main :is(div, section, nav, ul):has(> .ctejidas-tutorial-card) > .ctejidas-tutorial-card,
  body.tag .site-main :is(div, section, nav, ul):has(> .ctejidas-tutorial-card) > .ctejidas-tutorial-card,
  body.search .site-main :is(div, section, nav, ul):has(> .ctejidas-tutorial-card) > .ctejidas-tutorial-card {
    flex: none !important;
    width: 100% !important;
    max-width: none !important;
  }

  /* Un tris más grandes solo en listados de PC. */
  .ct-home-results__grid .ctejidas-tutorial-card__stats,
  .ct-page-gallery__grid .ctejidas-tutorial-card__stats,
  body.category .ctejidas-tutorial-card__stats,
  body.tag .ctejidas-tutorial-card__stats,
  body.search .ctejidas-tutorial-card__stats {
    font-size: 12px !important;
    max-width: 32px !important;
    min-width: 32px !important;
    width: 32px !important;
  }

  .ct-home-results__grid .ctejidas-tutorial-card__stat,
  .ct-page-gallery__grid .ctejidas-tutorial-card__stat,
  body.category .ctejidas-tutorial-card__stat,
  body.tag .ctejidas-tutorial-card__stat,
  body.search .ctejidas-tutorial-card__stat {
    font-size: 12px !important;
  }

  .ct-home-results__grid .ctejidas-tutorial-card__footer,
  .ct-page-gallery__grid .ctejidas-tutorial-card__footer,
  body.category .ctejidas-tutorial-card__footer,
  body.tag .ctejidas-tutorial-card__footer,
  body.search .ctejidas-tutorial-card__footer {
    grid-template-columns: minmax(0, 1fr) 32px !important;
  }
}

@media (max-width: 900px) {
  .ct-page-gallery__grid,
  .ct-home-results__grid,
  body.category .site-main :is(div, section, nav, ul):has(> .ctejidas-tutorial-card),
  body.tag .site-main :is(div, section, nav, ul):has(> .ctejidas-tutorial-card),
  body.search .site-main :is(div, section, nav, ul):has(> .ctejidas-tutorial-card) {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  .ct-page-gallery__grid > .ctejidas-tutorial-card,
  .ct-home-results__grid > .ctejidas-tutorial-card,
  body.category .site-main :is(div, section, nav, ul):has(> .ctejidas-tutorial-card) > .ctejidas-tutorial-card,
  body.tag .site-main :is(div, section, nav, ul):has(> .ctejidas-tutorial-card) > .ctejidas-tutorial-card,
  body.search .site-main :is(div, section, nav, ul):has(> .ctejidas-tutorial-card) > .ctejidas-tutorial-card {
    flex: none !important;
    width: 100% !important;
    max-width: none !important;
  }
}


/* =========================================================
   v12.64.15 · “También te puede gustar” sin contadores
   ========================================================= */
.ctejidas-related .ctejidas-related__stats,
.ctejidas-related .ctejidas-tutorial-card__stats,
.ctejidas-related .ct-home-card__community,
.ctejidas-related [class*="community-stats"] {
	display: none !important;
}

.ctejidas-related .ctejidas-related__footer.ctejidas-tutorial-card__footer,
.ctejidas-related .ctejidas-tutorial-card__footer {
	display: block !important;
	grid-template-columns: minmax(0, 1fr) !important;
}

.ctejidas-related .ctejidas-related__name.ctejidas-tutorial-card__title,
.ctejidas-related .ctejidas-tutorial-card__title {
	width: 100% !important;
	max-width: 100% !important;
}