/* Cartão: bloco de conteúdo sobre o fundo da página. <c-cartao titulo="…"> com slot "acoes". */

.ds-cartao {
  background: var(--cor-superficie-elevada);
  border-radius: var(--raio-grande);
  box-shadow: var(--sombra-elevada);
  padding: var(--espaco-300);
}
.ds-cartao__topo {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--espaco-100) var(--espaco-200);
  margin-bottom: var(--espaco-200);
}
.ds-cartao__titulo { font: var(--fonte-titulo-m); margin: 0; }
.ds-cartao__descricao { color: var(--cor-texto-suave); margin: var(--espaco-050) 0 0; }
.ds-cartao__acoes { display: flex; flex-wrap: wrap; gap: var(--espaco-100); }