/* Menu global Onda Jovem. Não altera os estilos do conteúdo das páginas. */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;900&display=swap');
html { scroll-padding-top: 86px; }
body { padding-top:70px !important; }
#oj-site-header, #oj-site-header * { all:revert; box-sizing:border-box; font-family:Inter,Arial,sans-serif; }
#oj-site-header {
  position:fixed; inset:0 0 auto; width:100%; height:70px; z-index:1000;
  display:block; margin:0; padding:0; color:#f3f4f6; background:rgba(3,10,22,.96);
  border-bottom:1px solid rgba(59,130,246,.18); backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px); text-align:left; line-height:1.5;
}
#oj-site-header .oj-header-inner { display:flex; align-items:center; justify-content:space-between; gap:24px; width:100%; max-width:1280px; height:70px; margin:0 auto; padding:0 32px; }
#oj-site-header .oj-brand { display:flex; flex-shrink:0; align-items:center; gap:12px; color:#f3f4f6; text-decoration:none; }
#oj-site-header .oj-brand img { display:block; height:32px; width:auto; max-width:120px; object-fit:contain; margin:0; padding:0; border:0; border-radius:0; }
#oj-site-header .oj-brand span { font-size:14px; font-weight:900; letter-spacing:.1em; white-space:nowrap; }
#oj-site-header .oj-desktop { display:flex; align-items:center; gap:19px; margin:0; padding:0; }
#oj-site-header a.oj-link { display:block; padding:9px 0; color:#94a3b8; text-decoration:none; font-size:11px; font-weight:700; line-height:20px; letter-spacing:.07em; text-transform:uppercase; white-space:nowrap; }
#oj-site-header a.oj-link:hover { color:#60a5fa; }
#oj-site-header a.oj-link[aria-current="page"] { color:#fbbf24; text-decoration:underline; text-underline-offset:7px; }
#oj-site-header a.oj-advertise { padding:9px 14px; color:#60a5fa; border:1px solid rgba(59,130,246,.3); border-radius:12px; background:rgba(59,130,246,.1); }
#oj-site-header .oj-mobile { display:none; }
#oj-site-header a:focus-visible, #oj-site-header summary:focus-visible { outline:3px solid #fbbf24; outline-offset:4px; border-radius:4px; }
@media(max-width:1100px) {
  #oj-site-header .oj-header-inner { padding:0 16px; }
  #oj-site-header .oj-desktop { display:none; }
  #oj-site-header .oj-mobile { display:block; }
  #oj-site-header summary { display:flex; align-items:center; gap:9px; cursor:pointer; padding:10px 12px; color:#f3f4f6; font-size:12px; font-weight:700; list-style:none; border:1px solid rgba(59,130,246,.3); border-radius:10px; }
  #oj-site-header summary::-webkit-details-marker { display:none; }
  #oj-site-header .oj-bars { font-size:20px; line-height:20px; }
  #oj-site-header .oj-mobile-links { display:none; }
  #oj-site-header details[open] .oj-mobile-links { display:flex; flex-direction:column; position:absolute; top:70px; left:0; right:0; width:100%; max-height:calc(100dvh - 70px); overflow-y:auto; gap:0; padding:12px 24px 20px; margin:0; background:#040e1f; border-bottom:1px solid rgba(59,130,246,.3); box-shadow:0 18px 30px rgba(0,0,0,.3); }
  #oj-site-header .oj-mobile-links a.oj-link { min-height:44px; padding:12px 4px; font-size:12px; }
  #oj-site-header .oj-mobile-links a.oj-advertise { margin-top:8px; padding-left:14px; }
}
@media(max-width:360px) { #oj-site-header .oj-brand span { font-size:11px; } #oj-site-header .oj-header-inner { gap:10px; } }