/* Modo de demonstração (spec 14, D24, 20 set 2026): linha «Com parceiro · Exemplo» e etiqueta no topo da superfície. */
#area-fazer .fazer-tarefa-demo .fazer-demo-rotulo { color: var(--io-gold-700); font-weight: var(--io-weight-heading); white-space: nowrap; }
.demo-etiqueta { margin: 0 0 var(--io-space-3); padding: var(--io-space-2) var(--io-space-3); border: var(--io-stroke-hairline) solid var(--io-gold-700); border-radius: var(--io-radius-md); background: var(--fazer-destaque); color: var(--io-text); font-size: var(--io-type-sm); line-height: var(--io-leading-body); }
.demo-etiqueta strong { color: var(--io-gold-700); font-weight: var(--io-weight-heading); }
.demo-cartao { display: grid; grid-template-columns: minmax(0, 1fr) var(--io-icon-lg); align-items: center; gap: var(--io-space-3); width: 100%; margin: var(--io-space-3) 0 0; padding: var(--io-space-3); border: var(--io-stroke-hairline) solid var(--io-gold-700); border-radius: var(--io-radius-md); background: var(--fazer-destaque); color: var(--io-text); font: inherit; text-align: left; cursor: pointer; }
.demo-cartao strong { display: block; font-weight: var(--io-weight-heading); }
.demo-cartao span { color: var(--io-text-secondary); font-size: var(--io-type-sm); }