/*
 * CD Mafra SAD — Componentes: promo (catálogo de docs/02-design-system.md).
 * GERADO por tools/concat-css.php a partir de assets/css/components/*.css — não editar aqui.
 */
@layer components {
/* ==== promo ==== */
.cdm-tickets {
	display: grid;
	justify-items: start;
	gap: var(--cdm-sp-3);
	padding: var(--cdm-sp-6) var(--cdm-sp-5);
	border: var(--cdm-border-w) solid var(--cdm-border);
	border-radius: var(--cdm-radius-lg);
	background: var(--cdm-bg-alt);
}
.cdm-tickets > p {
	margin: 0;
}
.cdm-tickets__label {
	font-size: var(--cdm-fs-xs);
	font-weight: var(--cdm-fw-bold);
	letter-spacing: var(--cdm-ls-caps);
	text-transform: uppercase;
	color: var(--cdm-fg-muted);
}
.cdm-stats + .cdm-tickets {
	margin-block-start: var(--cdm-sp-8);
}
.cdm-tickets__soon {
	padding: var(--cdm-sp-3) var(--cdm-sp-5);
	border: var(--cdm-border-w) dashed var(--cdm-border);
	border-radius: var(--cdm-radius-pill);
	font-family: var(--cdm-font-display);
	font-weight: var(--cdm-fw-display);
	letter-spacing: var(--cdm-ls-caps);
	text-transform: uppercase;
	color: var(--cdm-fg-muted);
}
.cdm-tickets__match {
	font-family: var(--cdm-font-display);
	font-size: var(--cdm-fs-2xl);
	font-weight: var(--cdm-fw-display);
	line-height: var(--cdm-lh-tight);
	text-transform: uppercase;
	color: var(--cdm-heading);
}
.cdm-instagram__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--cdm-grid-gap);
	margin: 0;
	padding: 0;
	list-style: none;
}
.cdm-instagram__item a {
	display: block;
	min-block-size: var(--cdm-touch-target);
	aspect-ratio: var(--cdm-ratio-square);
	overflow: hidden;
	border-radius: var(--cdm-radius);
}
.cdm-instagram__item img {
	inline-size: 100%;
	block-size: 100%;
	object-fit: cover;
	transition: transform calc(var(--cdm-dur-slow) * 2) var(--cdm-ease-expo);
}
.cdm-instagram__item a:focus-visible img {
	transform: scale(1.06);
}
@media (hover: hover) {
	.cdm-instagram__item a:hover img {
		transform: scale(1.06);
	}
}
.cdm-instagram__follow {
	margin-block: var(--cdm-sp-6) 0;
	text-align: center;
}
.cdm-instagram--empty .cdm-instagram__follow {
	margin-block-start: 0;
}
@media (min-width: 48em) {
	.cdm-tickets {
		grid-template-columns: minmax(0, 1fr) auto;
		align-content: center;
		align-items: center;
		justify-items: stretch;
		padding: var(--cdm-sp-8);
	}
	.cdm-tickets > :is(.cdm-btn, .cdm-tickets__soon) {
		grid-column: 2;
		grid-row: 1 / span 2;
	}
	.cdm-instagram__grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}
}