/* menu "Produtos" do site (vira "Menu" no celular) e faixa de novidade. Usado em todas as paginas publicas. */
.mp{position:relative}
.mp>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:14.5px;color:var(--tx2);padding:9px 12px;border:1px solid transparent;border-radius:10px;white-space:nowrap;user-select:none}
.mp>summary::-webkit-details-marker{display:none}
.mp>summary:hover,.mp[open]>summary{color:var(--tx);border-color:var(--line);background:var(--card)}
.mp>summary svg{transition:transform .2s}.mp[open]>summary svg{transform:rotate(180deg)}
.mp .mp-c{display:none}
.mp-dd{position:absolute;top:calc(100% + 8px);left:0;z-index:60;width:360px;max-width:calc(100vw - 32px);padding:10px;border:1px solid var(--line);border-radius:16px;background:var(--card);box-shadow:0 24px 60px rgba(10,14,22,.22)}
.mp-t{margin:6px 10px 4px;font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--tx3)}
nav .mp a.mp-i,.mp a.mp-i{display:flex;flex-direction:column;gap:2px;padding:10px;border-radius:10px;color:var(--tx);text-decoration:none;white-space:normal;font-size:14px}
.mp a.mp-i:hover,.mp a.mp-i:focus-visible{background:var(--card2)}
.mp a.mp-i b{font-size:15px;font-weight:800;color:var(--tx);display:flex;align-items:center;gap:8px}
.mp a.mp-i span{font-size:13px;font-weight:500;color:var(--tx2);line-height:1.4}
.mp-novo{font-style:normal;font-size:11.5px;font-weight:800;letter-spacing:.04em;padding:2px 7px;border-radius:20px;border:1px solid var(--lime-tx);color:var(--lime-tx)}
.mp-pe{display:none;gap:8px;padding:10px 10px 4px;border-top:1px solid var(--line);margin-top:6px}
nav .mp .mp-pe a{display:inline-flex;flex:1;justify-content:center;padding:10px;border:1px solid var(--line);border-radius:10px;font-weight:700;font-size:14px;color:var(--tx)}
@media(max-width:900px){.mp .mp-d{display:none}.mp .mp-c{display:inline}.mp>summary{border-color:var(--line)}.mp-dd{left:auto;right:0;position:fixed;top:64px;right:16px;left:16px;width:auto;max-width:none;max-height:calc(100vh - 80px);overflow:auto}.mp-pe{display:flex}}
/* faixa de novidade no topo */
.mp-faixa{display:flex;align-items:center;justify-content:center;gap:10px;padding:8px 44px 8px 16px;background:var(--card2);border-bottom:1px solid var(--line);font-size:14px;position:relative;text-align:center}
.mp-faixa a{color:var(--tx);text-decoration:none}.mp-faixa a:hover u{color:var(--lime-tx)}
.mp-faixa a i{font-style:normal;font-size:11.5px;font-weight:800;letter-spacing:.04em;padding:2px 8px;border-radius:20px;border:1px solid var(--lime-tx);color:var(--lime-tx);margin-right:8px}
.mp-faixa u{font-weight:800;text-underline-offset:3px;margin-left:6px}
.mp-faixa button{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:32px;height:32px;border:0;background:none;color:var(--tx3);font-size:20px;cursor:pointer;border-radius:8px}
.mp-faixa button:hover{color:var(--tx);background:var(--card)}
.mp-faixa[hidden]{display:none}
@media(max-width:600px){.mp-faixa{font-size:13px;justify-content:flex-start;text-align:left}.mp-faixa .so-largo{display:none}}
/* celular estreito: o botao Menu ocupa o lugar do seletor de tema (que fica no rodape do menu) */
.mp .mp-tema{display:none}
@media(max-width:480px){nav .tema-site{display:none}nav .mp .mp-pe .mp-tema{display:inline-flex;align-self:center}}
@media(max-width:420px){.mp>summary{padding:8px 10px}.mp>summary svg{display:none}}
/* cabecalho fixo no topo (home, Respostas IA, Conciliacao): o menu fica sempre a um toque */
.topo-site{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.topo-site nav{padding:12px 0}
html{scroll-padding-top:84px}
/* acessibilidade: pular para o conteudo, foco visivel, alvo de toque de 44px, menos movimento */
.pular{position:absolute;left:12px;top:-60px;z-index:100;padding:10px 16px;border-radius:10px;background:var(--lime);color:#10150b;font-weight:800;text-decoration:none}
.pular:focus-visible,.pular:focus{top:12px}
.mp>summary{min-height:44px;box-sizing:border-box}
.mp>summary:focus-visible,.mp a:focus-visible,.mp-faixa a:focus-visible,.mp-faixa button:focus-visible{outline:3px solid var(--lime-tx);outline-offset:2px}
.mp a.mp-i[aria-current]{background:var(--card2)}.mp a.mp-i[aria-current] b::after{content:"você está aqui";font-size:11.5px;font-weight:700;color:var(--tx3)}
.mp .mp-ham{display:none}
@media(max-width:900px){.mp .mp-ham{display:block}}
@media(prefers-reduced-motion:reduce){.mp>summary svg{transition:none}}
.doc-topo{display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:0;z-index:50;padding:10px 0;background:var(--bg);border-bottom:1px solid var(--line)}
.ct-topo .mp-dd,.doc-topo .mp-dd{left:auto;right:0}