/* ds-sanfona */
.ds-sanfona { border-top: var(--ds-borda-largura) solid var(--ds-cor-borda); }
.ds-sanfona__item { border-bottom: var(--ds-borda-largura) solid var(--ds-cor-borda); }
.ds-sanfona__titulo {
  display: flex; align-items: center; justify-content: space-between; gap: var(--ds-espaco-4);
  min-height: 44px; padding: var(--ds-espaco-4) 0;
  font-family: var(--ds-fonte-titulo); font-size: var(--ds-tamanho-cartao); line-height: var(--ds-altura-linha-titulo);
  color: var(--ds-cor-titulo);
  cursor: pointer; list-style: none;
}
.ds-sanfona__titulo::-webkit-details-marker { display: none; }
.ds-sanfona__titulo:hover { color: var(--ds-cor-texto-destaque); }
.ds-sanfona__seta { flex: none; transition: transform var(--ds-duracao-lenta) var(--ds-curva); }
.ds-sanfona__item[open] > .ds-sanfona__titulo .ds-sanfona__seta { transform: rotate(180deg); }
.ds-sanfona__painel { overflow: hidden; }
.ds-sanfona__painel > :first-child { margin-top: 0; }
.ds-sanfona__painel > :last-child { margin-bottom: 0; padding-bottom: var(--ds-espaco-4); }
.ds-sanfona__painel p { max-width: var(--ds-largura-texto); }

/* Variação em cartões */
.ds-sanfona--cartao { border: 0; display: grid; gap: var(--ds-espaco-3); }
.ds-sanfona--cartao .ds-sanfona__item {
  border: var(--ds-borda-largura) solid var(--ds-cor-borda);
  border-radius: var(--ds-raio-cartao);
  background: var(--ds-cor-superficie);
  padding-inline: var(--ds-cartao-padding);
}
.ds-sanfona--cartao .ds-sanfona__item[open] { box-shadow: var(--ds-sombra-md); }