.topo{position:sticky;top:0;height:0;z-index:70}
.topo .tp{position:absolute;left:0;right:0;top:0;padding:14px 16px;display:flex;justify-content:center}
.topo nav{position:relative;width:100%;max-width:1240px;display:flex;align-items:center;gap:8px;padding:8px 8px 8px 20px;border-radius:999px;background:rgba(22,23,26,.78);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 0 0 1px rgba(255,255,255,.08),inset 0 1px 0 rgba(255,255,255,.06)}
.topo .marca,.rod .marca{display:flex;align-items:center;gap:10px;min-height:44px;margin-right:auto}
.topo .marca img:first-child,.rod .marca img:first-child{width:26px;height:27px}
.topo .marca img + img,.rod .marca img + img{width:104px;height:23px}
.links{display:flex;align-items:center;gap:2px;font-size:15px;font-weight:600;color:#c4cbd3}
.links > a,.mn-b{display:flex;align-items:center;gap:7px;min-height:44px;padding:0 12px;border:0;border-radius:999px;background:none;font:inherit;color:inherit;cursor:pointer;white-space:nowrap;transition:color .25s}
.links .mn-b[aria-expanded="true"]{color:#fff}
@media (hover:hover) and (pointer:fine){.links > a:hover,.links .mn-b:hover{color:#fff}}
.mn{position:relative}
.chev{flex:none;color:var(--ciano);transition:transform .35s var(--saida)}
.mn-b[aria-expanded="true"] .chev{transform:rotate(180deg)}
.mn .et{font:500 11px var(--mono);padding:3px 7px;border-radius:6px;background:rgba(127,230,255,.12);color:var(--ciano)}
.mn-p{position:absolute;top:calc(100% + 14px);left:0;width:350px;padding:8px;border-radius:20px;background:#131417;box-shadow:0 0 0 1px rgba(255,255,255,.09),inset 0 1px 0 rgba(255,255,255,.06),0 30px 60px -20px #000;display:flex;flex-direction:column;animation:mn-entra .3s var(--saida)}
.mn-p[hidden]{display:none}
.mn-p:before{content:"";position:absolute;left:0;right:0;top:-16px;height:16px}
@keyframes mn-entra{from{opacity:0;transform:translateY(-6px)}}
.mn.dir .mn-p{left:auto;right:0}
.mn-p a{display:block;padding:11px 14px;border-radius:13px;color:#fff;font-size:15px;font-weight:700;line-height:1.3;white-space:normal}
.mn-p a small{display:block;margin-top:3px;font-size:13px;font-weight:500;color:#8B95A1}
.mn-p a:focus-visible{background:rgba(255,255,255,.06)}
@media (hover:hover) and (pointer:fine){.mn-p a:hover{background:rgba(255,255,255,.06)}}
.mn-p a[aria-current]{color:var(--ciano)}
.entrar{margin-left:6px}
.entrar .mn-b{min-height:44px;padding:0 16px 0 20px;font-size:15px;font-weight:700;background:linear-gradient(180deg,#FFFFFF,#E4E9EE);color:#0B0B0C;box-shadow:inset 0 -1px 0 rgba(0,0,0,.12),0 12px 30px -12px rgba(127,230,255,.35)}
.entrar .chev{color:#0B0B0C}
.hamb{display:none;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.06);color:#fff;cursor:pointer;align-items:center;justify-content:center}
.hamb i{position:relative;width:18px;height:2px;border-radius:2px;background:currentColor;box-shadow:0 -6px 0 currentColor,0 6px 0 currentColor}

@media (max-width:980px){
  .topo nav{padding-left:16px}
  .hamb{display:flex}
  .links{display:none;position:absolute;left:0;right:0;top:calc(100% + 10px);flex-direction:column;align-items:stretch;gap:0;padding:10px;border-radius:24px;background:#131417;box-shadow:0 0 0 1px rgba(255,255,255,.09),0 24px 50px -8px rgba(0,0,0,.85);max-height:calc(100vh - 100px);overflow-y:auto}
  .topo.aberto .links{display:flex}
  .links > a,.links .mn-b{width:100%;min-height:48px;padding:0 14px;border-radius:12px;font-size:16px;color:#fff}
  .links .mn-b{min-height:40px;margin-top:6px;font:500 12px var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--apoio-2);cursor:default}
  .links .chev{display:none}
  .links .mn-p{position:static;width:auto;padding:0;background:none;box-shadow:none;animation:none}
  .links .mn + a{margin-top:6px}
  .entrar .mn-p{width:min(320px,calc(100vw - 20px))}
}
@media (max-width:640px){
  .topo .tp{padding:10px}
  .topo nav{padding:6px 6px 6px 14px;gap:6px}
  .topo .marca img + img,.rod .marca img + img{width:84px;height:19px}
  .entrar{margin-left:0}
}
