/* a central de ajuda (gerada por turbooficina-gravacoes/ajuda/ajuda.mjs), sobre site/paginas.css */
.trilha { margin: 0 0 4px; font-size: 13px; color: #A1A1AA; }
.trilha a { color: #FFC107; }
.resumo { font-size: 17px; color: #D4D4D8; margin: 0 0 24px; }
.passos-ajuda { list-style: none; counter-reset: passo; padding: 0; margin: 0; display: grid; gap: 28px; }
.passos-ajuda > li { counter-increment: passo; position: relative; padding-left: 44px; }
.passos-ajuda > li::before { content: counter(passo); position: absolute; left: 0; top: 0; width: 30px; height: 30px; border-radius: 50%; background: #FFC107; color: #18181B; font-weight: 700; display: flex; align-items: center; justify-content: center; font-size: 15px; }
.passos-ajuda p { margin: 3px 0 12px; font-size: 16px; line-height: 1.55; }
.passos-ajuda figure { margin: 0; }
.passos-ajuda img { display: block; width: 100%; max-width: 300px; height: auto; border-radius: 22px; border: 1px solid #3F3F46; box-shadow: 0 12px 30px rgba(0,0,0,.35); }
.passos-ajuda figcaption { margin-top: 8px; font-size: 13px; color: #A1A1AA; }
.conferido { margin-top: 32px; font-size: 13px; color: #71717A; }
.mais { margin-top: 8px; }
.busca { display: block; margin: 0 0 24px; }
.busca input { width: 100%; box-sizing: border-box; height: 52px; padding: 0 16px; border-radius: 14px; border: 1px solid #3F3F46; background: #1E1E1E; color: #FFFFFF; font: inherit; font-size: 16px; }
.sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.secao-ajuda h2 { margin: 28px 0 12px; }
.cartoes-ajuda { list-style: none; padding: 0; margin: 0; display: grid; gap: 10px; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); }
.cartoes-ajuda a { display: flex; flex-direction: column; gap: 4px; height: 100%; box-sizing: border-box; padding: 16px; border-radius: 14px; background: #1E1E1E; border: 1px solid #2E2E2E; text-decoration: none; color: inherit; }
.cartoes-ajuda a:hover, .cartoes-ajuda a:focus-visible { border-color: #FFC107; }
.cartoes-ajuda .titulo { font-weight: 600; color: #FFFFFF; font-size: 16px; }
.cartoes-ajuda .desc { font-size: 14px; color: #A1A1AA; line-height: 1.45; }
.passos-ajuda figure.larga img { max-width: 560px; border-radius: 16px; }