/* ============================================================
   ajuda2026.css - Estilos das paginas de documentacao/tutorial
   do Portal de Ajuda (conteudo legado: h2 titulo, h3 secoes,
   h5 como texto corrido, imagens centralizadas, hr).
   ============================================================ */

.nx-doc {
    max-width: 980px;
    margin: 0 auto;
    padding: 2rem 1rem 4rem;
}
.nx-doc center { text-align: center; }
.nx-doc h2 {
    font-weight: 800;
    font-size: clamp(1.5rem, 3vw, 2rem);
    letter-spacing: -.02em;
    color: var(--nx-text);
    margin: 1.2rem 0;
}
.nx-doc h2 a { color: var(--nx-text); }
.nx-doc h3 {
    font-weight: 700;
    font-size: 1.25rem;
    color: var(--nx-primary-dark);
    margin: 2.2rem 0 .8rem;
    scroll-margin-top: 90px;
}
.nx-doc h3 a { color: var(--nx-primary-dark); }
.nx-doc h4 { font-weight: 600; font-size: 1.05rem; margin: 1rem 0 .5rem; }
.nx-doc h5 {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.75;
    color: var(--nx-text-soft);
    margin: .6rem 0;
}
.nx-doc h5 a, .nx-doc h4 a { font-weight: 600; }
.nx-doc hr { border-color: var(--nx-border); opacity: 1; margin: 1.6rem 0; }
.nx-doc img {
    max-width: 100%;
    height: auto;
    border: 1px solid var(--nx-border);
    border-radius: 10px;
    box-shadow: var(--nx-shadow-sm);
    margin: 6px 0;
}
.nx-doc a { color: var(--nx-primary); }
.nx-doc a:hover { color: var(--nx-primary-dark); }
.nx-doc table { width: 100%; }
.nx-doc iframe { max-width: 100%; }

/* ancoras de topicos */
.nx-doc a[name] { display: block; position: relative; top: -80px; visibility: hidden; }

/* cards de categoria da home da ajuda */
.nx-help-cat {
    background: #fff;
    border: 1px solid var(--nx-border);
    border-radius: var(--nx-radius);
    padding: 22px;
    height: 100%;
    transition: transform .25s ease, box-shadow .25s ease;
}
.nx-help-cat:hover { transform: translateY(-3px); box-shadow: var(--nx-shadow); }
.nx-help-cat .nx-card-icon { margin-bottom: 12px; }
.nx-help-cat h3 { font-size: 1.1rem; font-weight: 800; margin-bottom: 12px; }
.nx-help-cat ul { list-style: none; padding: 0; margin: 0; }
.nx-help-cat ul li { padding: 3px 0; font-size: .95rem; }
.nx-help-cat ul li a { color: var(--nx-text-soft); }
.nx-help-cat ul li a:hover { color: var(--nx-primary); }

.nx-doc p { font-weight: 400; font-size: 1rem; line-height: 1.75; color: var(--nx-text-soft); margin: .6rem 0; }
.nx-doc p.doc-strong { font-weight: 600; color: var(--nx-text); }

.nx-help-cat h2.nx-cat-t { font-size: 1.1rem; font-weight: 800; margin-bottom: 12px; }