/* Do seu jeito: painel verde-noite com os passos e o trilho de peças personalizáveis. */
.hm-dsj { display: flex; flex-direction: column; gap: 16px; }
.hm-dsj-painel { border-radius: 22px; padding: 20px; color: #fff; display: flex; flex-direction: column; gap: 12px; align-items: flex-start;
                 background: radial-gradient(120% 90% at 100% 0%, rgba(232, 175, 24, .22) 0%, rgba(232, 175, 24, 0) 46%), var(--hm-noite); }
.hm-dsj-painel .hm-kicker { color: var(--hm-ouro); }
.hm-dsj-tit { color: #fff; margin: 0; }
.hm-dsj-passos { list-style: none; margin: 0; padding: 0; display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; max-width: 100%; }
.hm-dsj-passos::-webkit-scrollbar { display: none; }
.hm-dsj-passos li { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 600; background: rgba(255, 255, 255, .1); border-radius: 999px; padding: 8px 12px; }
.hm-dsj-passos i { color: var(--hm-ouro); }
.hm-dsj-nota { margin: 0; font-size: 13.5px; line-height: 1.45; color: rgba(255, 255, 255, .78); }
.hm-dsj-painel .hm-btn { width: 100%; }
.hm-dsj-lista { min-width: 0; }
.hm-dsj-cab { margin-bottom: 8px; }
.hm-dsj-item { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.hm-dsj-chips { margin: 0; display: flex; flex-wrap: wrap; gap: 4px; font-size: 11.5px; }
.hm-dsj-chips span { background: #eef6e6; color: #123500; border-radius: 999px; padding: 2px 8px; font-weight: 600; }
.hm-dsj-chips .hm-dsj-voce { background: none; padding: 2px 0; color: var(--hm-suave); font-weight: 500; }
.hm-dsj-prazo { margin: 0; font-size: 11.5px; color: var(--hm-suave); }
@media (min-width: 1024px) {
    .hm-dsj { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: 20px; align-items: stretch; }
    .hm-dsj-painel { padding: 28px; border-radius: 26px; justify-content: center; }
    .hm-dsj-passos { flex-direction: column; overflow: visible; }
    .hm-dsj-painel .hm-btn { width: auto; }
    .hm-dsj-trilho { grid-auto-columns: calc((100% - 3 * 14px) / 4); }
}
@media (min-width: 1800px) {
    .hm-dsj-trilho { grid-auto-columns: calc((100% - 4 * 14px) / 5); }
}