/*
 * CD Mafra SAD — Componentes: match (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 {
/* ==== match ==== */
.cdm-match {
	display: grid;
	gap: var(--cdm-sp-4);
	padding: var(--cdm-sp-6) var(--cdm-sp-5);
	border: var(--cdm-border-w) solid var(--cdm-border);
	border-radius: var(--cdm-radius-lg);
	text-align: center;
	color: var(--cdm-fg);
	background: var(--cdm-bg);
	box-shadow: var(--cdm-elevation);
}
.cdm-match--next,
.cdm-match--live {
	border: var(--cdm-border-w-strong) solid var(--cdm-accent);
}
.cdm-match__meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: var(--cdm-sp-1) var(--cdm-sp-3);
	margin: 0;
	font-size: var(--cdm-fs-sm);
	color: var(--cdm-fg-muted);
}
.cdm-match__competition {
	font-weight: var(--cdm-fw-bold);
	letter-spacing: var(--cdm-ls-caps);
	text-transform: uppercase;
	color: var(--cdm-fg);
}
.cdm-match__teams {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
	align-items: center;
	gap: var(--cdm-sp-3);
}
.cdm-match__team {
	display: grid;
	justify-items: center;
	gap: var(--cdm-sp-2);
	min-inline-size: 0;
}
.cdm-match__logo {
	inline-size: var(--cdm-match-logo);
	block-size: var(--cdm-match-logo);
	object-fit: contain;
}
.cdm-match__name {
	font-family: var(--cdm-font-display);
	font-size: var(--cdm-fs-lg);
	font-weight: var(--cdm-fw-display);
	line-height: var(--cdm-lh-snug);
	text-transform: uppercase;
	overflow-wrap: anywhere;
	hyphens: auto;
}
.cdm-match__team--own .cdm-match__name {
	color: var(--cdm-link);
}
.cdm-match__score {
	font-family: var(--cdm-font-display);
	font-size: var(--cdm-fs-3xl);
	font-weight: var(--cdm-fw-display-heavy);
	line-height: var(--cdm-lh-tight);
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
	color: var(--cdm-heading);
}
.cdm-match__vs {
	font-family: var(--cdm-font-display);
	font-size: var(--cdm-fs-xl);
	font-weight: var(--cdm-fw-display);
	text-transform: uppercase;
	color: var(--cdm-fg-muted);
}
.cdm-match__venue {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--cdm-sp-1);
	margin: 0;
	font-size: var(--cdm-fs-sm);
	color: var(--cdm-fg-muted);
}
.cdm-match__cta {
	justify-self: center;
}
.cdm-match__soon {
	justify-self: center;
	padding: var(--cdm-sp-2) var(--cdm-sp-4);
	border: var(--cdm-border-w) dashed var(--cdm-border);
	border-radius: var(--cdm-radius-pill);
	font-family: var(--cdm-font-display);
	font-size: var(--cdm-fs-sm);
	font-weight: var(--cdm-fw-display);
	letter-spacing: var(--cdm-ls-caps);
	text-transform: uppercase;
	color: var(--cdm-fg-muted);
}
.cdm-match--result .cdm-match__score {
	font-size: var(--cdm-fs-2xl);
}
.cdm-match + .cdm-match {
	margin-block-start: var(--cdm-grid-gap);
}
.cdm-match--hero {
	gap: var(--cdm-sp-5);
	padding: var(--cdm-sp-8) var(--cdm-sp-6);
	border-color: var(--cdm-accent);
	background: var(--cdm-overlay-strong);
	-webkit-backdrop-filter: blur(var(--cdm-blur));
	backdrop-filter: blur(var(--cdm-blur));
	transition: border-color var(--cdm-dur-fast) var(--cdm-ease);
}
.cdm-match--hero:hover {
	border-color: var(--cdm-accent-hover);
}
.cdm-match--hero .cdm-match__logo {
	inline-size: var(--cdm-emblem-lg);
	block-size: var(--cdm-emblem-lg);
}
.cdm-match--hero .cdm-match__vs {
	font-size: var(--cdm-fs-2xl);
	color: var(--cdm-accent);
}
.cdm-match__countdown {
	min-block-size: calc(var(--cdm-fs-2xl) * var(--cdm-lh-tight));
	margin: 0;
	font-family: var(--cdm-font-display);
	font-size: var(--cdm-fs-2xl);
	font-weight: var(--cdm-fw-display-heavy);
	line-height: var(--cdm-lh-tight);
	text-transform: uppercase;
	font-variant-numeric: tabular-nums;
	color: var(--cdm-accent);
}
.cdm-match__links {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: var(--cdm-sp-3) var(--cdm-sp-5);
}
.cdm-countdown {
	display: grid;
	place-items: center;
	min-block-size: calc(var(--cdm-fs-3xl) * var(--cdm-lh-tight) + var(--cdm-fs-xs) * var(--cdm-lh-base) + var(--cdm-sp-4) + var(--cdm-border-w) * 2);
}
.cdm-countdown__digits {
	display: flex;
	justify-content: center;
	gap: var(--cdm-sp-2);
}
.cdm-countdown__unit {
	display: grid;
	justify-items: center;
	min-inline-size: calc(var(--cdm-touch-target) + var(--cdm-sp-4));
	padding: var(--cdm-sp-2) var(--cdm-sp-1);
	border: var(--cdm-border-w) solid var(--cdm-border);
	border-radius: var(--cdm-radius);
	background: color-mix(in srgb, var(--cdm-fg) 6%, transparent);
}
.cdm-countdown__num {
	min-inline-size: 2ch;
	font-family: var(--cdm-font-display);
	font-size: var(--cdm-fs-3xl);
	font-weight: var(--cdm-fw-display-heavy);
	line-height: var(--cdm-lh-tight);
	font-variant-numeric: tabular-nums;
	text-align: center;
	color: var(--cdm-accent);
}
.cdm-countdown__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-countdown__text {
	margin: 0;
	font-family: var(--cdm-font-display);
	font-size: var(--cdm-fs-2xl);
	font-weight: var(--cdm-fw-display-heavy);
	line-height: var(--cdm-lh-tight);
	text-transform: uppercase;
	color: var(--cdm-accent);
}
@media (scripting: none) {
	.cdm-countdown {
		display: none;
	}
}
}