/* c-card — tarjeta genérica (carruseles, relacionados). Imagen + cuerpo. */
@layer components {
	.c-card { display: flex; flex-direction: column; }
	.c-card__media { display: block; }
	/* imagen de la tarjeta y de los resultados de browse (.bResultItemImg, markup del core):
	   la controlan los tokens --card-ratio, --card-fit, --card-position y --card-media-bg */
	:is(.c-card__media, .bResultItemImg) img {
		display: block;
		inline-size: 100%;
		block-size: auto;
		aspect-ratio: var(--card-ratio, 4 / 3);
		object-fit: var(--card-fit, contain);
		object-position: var(--card-position, center);
		background: var(--card-media-bg, transparent);
	}
	.c-card__body { padding-block-start: var(--space-xs, 0.75rem); }
	.c-card__body :is(p, h3, div) { margin: 0; }
	.c-card a { color: inherit; }
}