/* Menu novo do topo (Modelo A "Balcão", escolhido pelo Robson em 23/10/2026).
 * Prévia: agencia-inteligente/OxePay/output/branding/navbar-site-2026-10-23.
 * Os painéis abrem por baixo de todo o topo (.oxe-topo, que é sticky e serve de referência). */

.oxe-topo{border-bottom:6px solid #FFD100!important}
.oxe-topo::after{content:"";position:absolute;left:0;bottom:-6px;width:50%;height:6px;background:#111;pointer-events:none}

.oxm{display:flex;align-items:center;gap:6px;font-family:"Archivo",system-ui,sans-serif;color:#111}
.oxm *{box-sizing:border-box}
.oxm a{color:inherit}
.oxm button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;margin:0}
.oxm :focus-visible{outline:3px solid #111;outline-offset:2px}
.oxm-gaveta{display:flex;align-items:center}
.oxm-lista{display:flex;align-items:center;gap:2px;list-style:none;margin:0;padding:0}
.oxm-lista>li{position:static;margin:0}
.oxm-item{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 12px;border-radius:10px;font-weight:700;font-size:15px;line-height:1;text-decoration:none!important;white-space:nowrap;transition:background-color .15s}
.oxm-item:hover,.oxm-tem.aberto>.oxm-item{background:#FFF8DC}
.oxm-item svg{width:12px;height:12px;transition:transform .2s}
.oxm-tem.aberto>.oxm-item svg{transform:rotate(180deg)}

.oxm-ctas{display:flex;align-items:center;gap:12px;margin-left:10px}
.oxm-cta{display:inline-flex;align-items:center;min-height:46px;padding:0 20px;border-radius:999px;background:#FFD100;color:#111!important;border:2.5px solid #111;box-shadow:3px 3px 0 #111;font-weight:900;font-size:15px;text-decoration:none!important;white-space:nowrap;transition:transform .12s,box-shadow .12s}
.oxm-cta:hover{transform:translate(1px,1px);box-shadow:2px 2px 0 #111}
.oxm-pipe{width:2px;height:28px;border-radius:2px;background:#111}
.oxm-login{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 4px;font-weight:800;font-size:15px;text-decoration:none!important;white-space:nowrap}
.oxm-login svg{width:18px;height:18px}
.oxm-login:hover{text-decoration:underline!important;text-decoration-thickness:3px!important;text-decoration-color:#FFD100!important;text-underline-offset:6px}
.oxm-cta-topo{display:none}
.oxm-burger{display:none;width:48px;height:48px;border-radius:12px;align-items:center;justify-content:center}
.oxm-burger span,.oxm-burger span::before,.oxm-burger span::after{display:block;width:22px;height:2.5px;border-radius:2px;background:#111;position:relative;transition:.2s}
.oxm-burger span::before,.oxm-burger span::after{content:"";position:absolute;left:0}
.oxm-burger span::before{top:-7px}.oxm-burger span::after{top:7px}
.oxm.menu-aberto .oxm-burger span{background:transparent}
.oxm.menu-aberto .oxm-burger span::before{top:0;transform:rotate(45deg)}
.oxm.menu-aberto .oxm-burger span::after{top:0;transform:rotate(-45deg)}

/* painel */
.oxm-painel{position:absolute;left:16px;right:16px;top:calc(100% + 2px);max-width:1180px;margin:0 auto;z-index:100;background:#fff;border:2.5px solid #111;box-shadow:6px 6px 0 #111;border-radius:18px;padding:22px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .18s,transform .18s,visibility .18s;text-align:left}
.oxm-tem.aberto>.oxm-painel{opacity:1;visibility:visible;transform:none}
.oxm-painel h3{font-size:20px;font-weight:900;letter-spacing:-.01em;margin:0 0 4px;line-height:1.2}
.oxm-lead{font-size:14px;color:#2a2a2a;margin:0 0 16px;line-height:1.45}
.oxm-grade{display:grid;gap:12px;margin:0;padding:0;list-style:none}
.oxm-g4{grid-template-columns:repeat(4,1fr)}
.oxm-card{display:block;border-radius:14px;padding:14px;background:#faf7ee;border:1px solid #e7e2d3;text-decoration:none!important;line-height:1.35;margin:0}
a.oxm-card:hover{background:#FFD100;border-color:#111}
.oxm-card b{display:block;font-size:15px;font-weight:800;margin-bottom:2px}
.oxm-card small{display:block;font-size:13px;color:#2a2a2a}
.oxm-ic{display:block;font-size:22px;line-height:1;margin-bottom:8px}
.oxm-num{display:block;font-size:30px;font-weight:900;letter-spacing:-.02em;line-height:1;margin-bottom:4px}
.oxm-passos{counter-reset:p}
.oxm-passos li{counter-increment:p}
.oxm-passos li b::before{content:counter(p)". "}
.oxm-sobre{display:grid;grid-template-columns:1.1fr 1fr 180px;gap:18px;align-items:stretch}
.oxm-sobre small{font-size:13px;color:#2a2a2a}
.oxm-foto{border-radius:14px;overflow:hidden;margin:0}
.oxm-foto img{width:100%;height:100%;object-fit:cover;display:block}
.oxm-app{display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:center}
.oxm-qr{width:150px;height:150px;padding:12px;border-radius:14px;background:#fff;border:2.5px solid #111}
.oxm-qr img{width:100%;height:100%;display:block}
.oxm-lojas{display:flex;gap:10px;flex-wrap:wrap}
.oxm-loja{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:6px 16px 6px 12px;border-radius:12px;background:#111;color:#fff!important;text-decoration:none!important;border:1px solid #444}
.oxm-loja svg{width:24px;height:24px;flex:0 0 auto}
.oxm-loja span{display:flex;flex-direction:column;line-height:1.05}
.oxm-loja small{font-size:10px;opacity:.85}
.oxm-loja strong{font-size:17px;font-weight:700}

/* telas médias: menos folga entre os botões */
@media (min-width:1081px) and (max-width:1240px){
  .oxm-item{padding:0 9px;font-size:14px}
  .oxm-cta{padding:0 16px}
  .oxm-ctas{gap:9px;margin-left:6px}
}

/* celular e tablet: menu vira gaveta */
@media (max-width:1080px){
  .oxm-burger{display:inline-flex}
  .oxm-cta-topo{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border-radius:999px;background:#FFD100;border:2px solid #111;font-weight:900;font-size:14px;text-decoration:none!important;white-space:nowrap}
  .oxm-gaveta{display:none;position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:100;background:#fff;border-bottom:3px solid #111;padding:8px 16px 18px;max-height:calc(100vh - 110px);max-height:calc(100dvh - 110px);overflow-y:auto;overscroll-behavior:contain;box-shadow:0 16px 30px -12px rgba(0,0,0,.3)}
  .oxm.menu-aberto .oxm-gaveta{display:block}
  .oxm-lista{flex-direction:column;align-items:stretch}
  .oxm-item{width:100%;justify-content:space-between;min-height:52px;font-size:17px;padding:0 10px}
  .oxm-painel{position:static;opacity:1;visibility:visible;transform:none;display:none;margin:2px 0 10px;padding:16px;box-shadow:none;max-width:none}
  .oxm-tem.aberto>.oxm-painel{display:block}
  .oxm-g4,.oxm-sobre,.oxm-app{grid-template-columns:1fr}
  .oxm-foto{max-height:220px}
  .oxm-qr{display:none}
  .oxm-ctas{flex-direction:column;align-items:stretch;gap:8px;margin:12px 0 0}
  .oxm-cta{justify-content:center;min-height:52px;font-size:17px}
  .oxm-pipe{display:none}
  .oxm-login{justify-content:center;min-height:52px;border:2px solid #111;border-radius:999px}
}
@media (max-width:360px){.oxm-cta-topo{padding:0 10px;font-size:13px}}
@media (prefers-reduced-motion:reduce){.oxm *,.oxm-painel{transition:none!important}}

/* O tema do WordPress estiliza <button> (fonte, borda, fundo): os botões do menu ficam iguais aos links. */
.oxm .oxm-item{font-family:"Archivo",system-ui,sans-serif!important;font-weight:700!important;font-size:15px!important;letter-spacing:0!important;text-transform:none!important;line-height:1!important;border:0!important;box-shadow:none!important;color:#111!important}
.oxm button.oxm-item{background:transparent!important}
.oxm button.oxm-item:hover,.oxm .oxm-tem.aberto>button.oxm-item{background:#FFF8DC!important}
@media (min-width:1081px) and (max-width:1240px){.oxm .oxm-item{font-size:14px!important}}
@media (max-width:1080px){.oxm .oxm-item{font-size:17px!important}}
.oxm .oxm-burger{border:0!important;background:transparent!important;padding:0!important;box-shadow:none!important}