.sis-etapas{display:grid;gap:12px}
.sis-etapa{display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:18px;min-height:88px;padding:16px 20px;border:1px solid var(--border);border-radius:14px;background:var(--bg2);color:inherit;text-decoration:none;box-shadow:0 2px 8px rgba(10,26,51,.05);transition:border-color .2s,box-shadow .2s,transform .2s}
.sis-etapa:hover{border-color:var(--gold2);box-shadow:0 14px 30px rgba(10,26,51,.1);transform:translateY(-2px)}
.sis-etapa:focus-visible{outline:3px solid rgba(224,163,0,.35);outline-offset:3px}
.sis-etapa__numero{display:grid;place-items:center;width:54px;height:54px;border-radius:12px;background:var(--ink);color:var(--gold2);font:700 24px/1 'Playfair Display',serif}
.sis-etapa__nome{display:block;margin-bottom:5px;color:var(--gold);font:700 19px/1.2 'Playfair Display',serif}
.sis-etapa__detalhe{display:block;color:var(--text2);font-size:12px;line-height:1.45}
.sis-etapa__seta{color:var(--gold);font-size:22px;transition:transform .2s}
.sis-etapa:hover .sis-etapa__seta{transform:translateX(4px)}
@media(max-width:540px){.sis-etapa{grid-template-columns:48px minmax(0,1fr) auto;gap:12px;padding:14px}.sis-etapa__numero{width:46px;height:46px;font-size:20px}.sis-etapa__nome{font-size:17px}}