/* ============================================
   API NeXT — Override global de fontes
   Carrega DEPOIS do nfeservice.css + responsive.css
   
   O nfeservice.css define:
     body { font-size: 13px; line-height: 1; }
     p    { font-size: 1.5rem; line-height: 2.5rem; }
     h1   { font-size: 3.7rem; }
   
   Ao subir body de 13px → 15px, todos os REMs escalam:
     p  = 1.5rem = 22.5px (era 19.5px) ✓
     h1 = 3.7rem = 55.5px (era 48px) — corrigir abaixo
   ============================================ */

body {
    font-size: 15px !important;
    line-height: 1.6 !important;
    -webkit-font-smoothing: antialiased;
    font-family: 'Inter', 'Open Sans', system-ui, -apple-system, 'Segoe UI', sans-serif !important;
}

/* Menu, topo e rodapé com a MESMA fonte do nextsoftware (Inter) */
#navigation .navbar-nav > li > a,
#navigation .nav-link,
.navbar-brand,
.bg-top,
#footer,
.bord-b,
#down-free a,
.dropdown-menu a {
    font-family: 'Inter', 'Open Sans', system-ui, -apple-system, 'Segoe UI', sans-serif !important;
    letter-spacing: 0;
}

/* Peso/tamanho dos itens de menu alinhados ao padrão do nextsoftware */
#navigation .navbar-nav > li > a,
#navigation .nav-link {
    font-weight: 600 !important;
}

/* ===== Footer no padrão limpo do nextsoftware =====
   Remove a foto de prédio (footer-next-dt.jpg) e usa fundo escuro sólido/gradiente. */
#footer.nx-bg:after { display: none !important; }
#footer {
    background: linear-gradient(180deg, #10314e 0%, #0a2136 100%) !important;
    padding: 48px 0 0 !important;
    text-align: left;
}
.nx-foot-logo { max-width: 190px; height: auto; margin-bottom: 16px; }
.nx-foot-tag { color: rgba(255,255,255,.6) !important; font-size: 13.5px !important; line-height: 1.7 !important; max-width: 300px; }
.nx-foot-social { margin-top: 16px; padding-left: 0; }
.nx-foot-social li { display: inline-block; margin: 0 8px 0 0; }
.nx-foot-social a i { color: rgba(255,255,255,.68) !important; transition: color .2s; }
.nx-foot-social a:hover i { color: #fff !important; }
.nx-foot-col h4 { color: #fff !important; font-size: 14px !important; font-weight: 700 !important; margin: 0 0 14px !important; }
.nx-foot-col a { display: block; color: rgba(255,255,255,.6) !important; font-size: 13.5px; text-decoration: none; padding: 4px 0; transition: color .2s; }
.nx-foot-col a:hover { color: #7ee0a6 !important; }
.nx-foot-contact p { color: rgba(255,255,255,.6) !important; font-size: 13.5px !important; line-height: 1.6 !important; margin: 0 0 9px; }
.nx-foot-contact p i { color: #7ee0a6 !important; width: 15px; }
.nx-foot-contact b { color: rgba(255,255,255,.85) !important; }
.nx-foot-bottom { border-top: 1px solid rgba(255,255,255,.1); margin-top: 34px; padding: 18px 0; }
.nx-foot-bottom p { color: rgba(255,255,255,.5) !important; font-size: 12.5px !important; text-align: center; margin: 0; }
.nx-foot-bottom a { color: rgba(255,255,255,.6) !important; }
@media (max-width: 767px) { #footer { text-align: center; } .nx-foot-tag { margin-left: auto; margin-right: auto; } .nx-foot-social { text-align: center; } .nx-foot-col { margin-top: 26px; } }
/* Garante que a barrinha de telefone inferior não apareça de forma alguma */
.bord-b { display: none !important; }

/* ===== Documentação: endpoints/métodos/parâmetros SEMPRE na caixa original =====
   URLs, nomes de método SOAP e parâmetros são case-sensitive — nunca capitalizar/uppercase. */
.docs-page .quick-ref td,
.docs-page .quick-ref tr,
.docs-page .param-table td,
.docs-page .param-table tr,
.docs-page .mono,
.docs-page .param-name,
.docs-page .endpoint-badge,
.docs-page .method-card h4,
.docs-page code {
    text-transform: none !important;
}

/* ===== Topo (bg-top) no estilo limpo e escuro do nextsoftware ===== */
.bg-top {
    background: #0e2136 !important;
    border-bottom: none !important;
    padding: 8px 0 6px !important;
}
.bg-top .text { color: rgba(255,255,255,.82) !important; font-size: 13.5px; }
/* telefone do topo virou link de WhatsApp: sem isto o <a> sai azul do bootstrap */
.bg-top .text a { color: inherit !important; text-decoration: none; }
.bg-top .text a:hover { color: #fff !important; }
.bg-top b, .bg-top .icon-phone, .bg-top .icon-mail, .bg-top .fa { color: #7ee0a6 !important; }
.bg-top .topbar-cta { margin: 0; }
.bg-top .topbar-cta a { color: rgba(255,255,255,.9) !important; font-weight: 600; font-size: 13.5px; text-decoration: none; }
.bg-top .topbar-cta a:hover { color: #fff !important; }
.bg-top .topbar-cta a .fa { color: #25d366 !important; margin-right: 4px; }
#down-free { justify-content: flex-end; }

/* "Assine Agora" no menu como botão CTA (estilo Teste Grátis do nextsoftware) */
#navigation .navbar-nav > li > a.nav-cta {
    background: #18af5e !important;
    color: #fff !important;
    border-radius: 8px !important;
    padding: 8px 20px !important;
    margin: 7px 4px !important;
    transition: background .2s;
}
#navigation .navbar-nav > li > a.nav-cta:hover,
#navigation .navbar-nav > li.current > a.nav-cta {
    background: #12904c !important;
    color: #fff !important;
}

/* line-height dos parágrafos — o original (2.5rem = 37.5px) fica grande demais.
   Usar valor relativo para ficar proporcional */
p {
    line-height: 1.7 !important;
}

/* h1 global — 3.7rem ficaria 55px, reduzir um pouco */
h1 {
    font-size: 2.8rem !important;
    line-height: 1.25 !important;
}