/* Páginas públicas de ajuda (ajuda-*.php). Usa as cores e botões de extensao.css. */
.aj-wrap { max-width: 860px; margin: 0 auto; padding: 1.8rem 16px 3rem; }
.aj-trilha { font-size: .85rem; color: var(--texto-faint); margin-bottom: 1.4rem; }
.aj-trilha a { color: var(--texto-dim); text-decoration: none; }
.aj-trilha span { margin: 0 .35rem; }
.aj-titulo { color: var(--texto); font-size: 2.3rem; line-height: 1.15; margin: 0 0 .9rem; }
.aj-titulo span { color: var(--acento); }
.aj-intro { font-size: 1.05rem; margin: 0 0 1.5rem; }

.aj-etapa {
    background: var(--superficie); border: 1px solid var(--borda); border-radius: 16px;
    padding: 1.4rem; margin-top: 1.1rem;
}
.aj-etapa > p { margin: 0 0 1rem; }
.aj-etapa-topo { display: flex; align-items: center; gap: .75rem; margin-bottom: .7rem; }
.aj-etapa-topo b {
    flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center;
    width: 34px; height: 34px; border-radius: 10px; background: var(--acento-suave); color: var(--acento);
}
.aj-etapa h2 { color: var(--texto); font-size: 1.25rem; margin: 0; }

.aj-campos { list-style: none; margin: 0; padding: 0; display: grid; gap: 1.1rem; }
.aj-campos li p { margin: 0 0 .5rem; }
.aj-campos li p > span {
    display: inline-block; margin-right: .5rem; font-size: .78rem; font-weight: 700; color: var(--texto-faint);
    border: 1px solid var(--borda); border-radius: 6px; padding: 0 .4rem;
}
.aj-print-campo {
    display: block; max-width: 100%; height: auto; border-radius: 10px;
    border: 1px solid var(--borda); background: #fff;
}

.aj-duplo { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; align-items: start; }
.aj-duplo p { margin: 0 0 .8rem; }
.aj-celulares { display: grid; grid-template-columns: 1fr 1fr; gap: .8rem; }
.aj-celulares figure { margin: 0; }
.aj-celulares figcaption { font-size: .8rem; color: var(--texto-faint); text-align: center; margin-top: .4rem; }
.aj-print-celular {
    display: block; width: 100%; height: auto; border-radius: 14px;
    border: 1px solid var(--borda); box-shadow: 0 14px 40px rgba(0, 0, 0, .4);
}

.aj-btn-sec { background: transparent; color: var(--acento); border: 1px solid rgba(34, 230, 160, .35); box-shadow: none; }
.aj-btn-sec:hover { box-shadow: none; background: var(--acento-suave); }

.aj-faq h2 { margin-bottom: .9rem; }
.aj-faq details { background: transparent; }

@media (max-width: 760px) {
    .aj-titulo { font-size: 1.8rem; }
    .aj-duplo { grid-template-columns: 1fr; }
    .aj-etapa { padding: 1.1rem; }
}