/*
 * CD Mafra SAD — Componentes: content (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 {
/* ==== stat ==== */
.cdm-stats {
	margin: 0;
	padding: 0;
	list-style: none;
}
.cdm-stat {
	display: flex;
	flex-direction: column;
	gap: var(--cdm-sp-1);
	min-inline-size: 0;
}
.cdm-stat__value {
	font-family: var(--cdm-font-display);
	font-size: var(--cdm-fs-4xl);
	font-weight: var(--cdm-fw-display-heavy);
	font-variant-numeric: tabular-nums;
	line-height: var(--cdm-lh-tight);
	letter-spacing: var(--cdm-ls-display);
	color: var(--cdm-heading);
}
.cdm-stat__label {
	font-size: var(--cdm-fs-sm);
	font-weight: var(--cdm-fw-bold);
	letter-spacing: var(--cdm-ls-caps);
	text-transform: uppercase;
	color: var(--cdm-fg-muted);
}
.cdm-stat--dark {
	padding: var(--cdm-sp-6);
	border: var(--cdm-border-w) solid var(--cdm-border);
	border-radius: var(--cdm-radius);
	background: var(--cdm-bg-alt);
	transition: border-color var(--cdm-dur-fast) var(--cdm-ease);
}
.cdm-stat--dark:hover {
	border-color: var(--cdm-accent);
}
.cdm-stats {
	--cols: 2;
}
.cdm-stats .cdm-stat__value {
	font-size: clamp(var(--cdm-fs-2xl), 8vw, var(--cdm-fs-4xl));
}
@media (max-width: 39.99em) {
	.cdm-stat--dark {
		padding: var(--cdm-sp-4);
	}
}
@media (min-width: 64em) {
	.cdm-stats.cdm-grid--3 {
		--cols: 3;
	}
	.cdm-stats.cdm-grid--4 {
		--cols: 4;
	}
}
@media (max-width: 63.99em) {
	.cdm-stats > :last-child:nth-child(odd) {
		grid-column: 1 / -1;
	}
}
/* ==== accordion ==== */
.cdm-accordion {
	border-block-end: var(--cdm-border-w) solid var(--cdm-border);
}
.cdm-accordion > summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--cdm-sp-4);
	min-block-size: var(--cdm-touch-target);
	padding-block: var(--cdm-sp-3);
	font-size: var(--cdm-fs-md);
	font-weight: var(--cdm-fw-bold);
	list-style: none;
	color: var(--cdm-heading);
	cursor: pointer;
}
.cdm-accordion > summary::-webkit-details-marker {
	display: none;
}
.cdm-accordion > summary::after {
	content: "";
	flex-shrink: 0;
	inline-size: 0.6em;
	block-size: 0.6em;
	border: solid currentColor;
	border-width: 0 var(--cdm-border-w-strong) var(--cdm-border-w-strong) 0;
	transform: translateY(-25%) rotate(45deg);
	transition: transform var(--cdm-dur) var(--cdm-ease);
}
.cdm-accordion[open] > summary::after {
	transform: translateY(25%) rotate(-135deg);
}
.cdm-accordion > summary:hover {
	color: var(--cdm-link);
}
.cdm-accordion__body {
	max-inline-size: var(--cdm-content-measure);
	padding-block-end: var(--cdm-sp-4);
}
.cdm-accordion__body > :last-child {
	margin-block-end: 0;
}
.cdm-accordion--faq {
	border: var(--cdm-border-w) solid var(--cdm-border);
	border-radius: var(--cdm-radius);
	background: var(--cdm-bg);
}
.cdm-accordion--faq + .cdm-accordion--faq {
	margin-block-start: var(--cdm-sp-3);
}
.cdm-accordion--faq > summary,
.cdm-accordion--faq > .cdm-accordion__body {
	padding-inline: var(--cdm-sp-4);
}
/* ==== alert ==== */
.cdm-alert {
	--_c: var(--cdm-info);
	--_bg: var(--cdm-info-bg);
	display: flex;
	align-items: flex-start;
	gap: var(--cdm-sp-3);
	padding: var(--cdm-sp-4);
	border-inline-start: var(--cdm-accent-bar) solid var(--_c);
	border-radius: var(--cdm-radius);
	color: var(--cdm-on-status);
	background: var(--_bg);
}
.cdm-alert[hidden] {
	display: none;
}
.cdm-alert:not([hidden]) {
	animation: cdm-rise var(--cdm-dur) var(--cdm-ease-out) both; 
}
.cdm-alert--success {
	--_c: var(--cdm-success);
	--_bg: var(--cdm-success-bg);
}
.cdm-alert--warning {
	--_c: var(--cdm-warning);
	--_bg: var(--cdm-warning-bg);
}
.cdm-alert--danger {
	--_c: var(--cdm-danger);
	--_bg: var(--cdm-danger-bg);
}
.cdm-alert > .cdm-icon {
	margin-block-start: calc((var(--cdm-lh-base) - 1.25) * 0.5em);
	color: var(--_c);
}
.cdm-alert__body {
	flex: 1;
	min-inline-size: 0;
}
.cdm-alert__body > :first-child {
	margin-block-start: 0;
}
.cdm-alert__body > :last-child {
	margin-block-end: 0;
}
.cdm-alert__close {
	display: inline-flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	inline-size: var(--cdm-touch-target);
	block-size: var(--cdm-touch-target);
	margin-block: calc(var(--cdm-sp-3) * -1);
	margin-inline-end: calc(var(--cdm-sp-3) * -1);
	padding: 0;
	border: var(--cdm-border-w) solid transparent;
	border-radius: var(--cdm-radius);
	color: inherit;
	background: transparent;
	cursor: pointer;
}
.cdm-alert__close:hover {
	border-color: currentColor;
}
}