/* Navegação principal no topo, ao lado da logo. Sem barra lateral: o conteúdo usa toda a largura.
   No celular os mesmos links ficam dentro do menu sanduíche. */
html body header .top-nav{display:flex;align-items:center;gap:4px;margin:0 0 0 clamp(12px,2vw,32px);padding:0;position:static;background:transparent;border:0;height:auto;width:auto;flex:0 1 auto;min-width:0}
html body header .top-nav a{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:10px;font-size:14px;font-weight:600;line-height:1.2;color:inherit;opacity:.78;text-decoration:none;white-space:nowrap;min-height:40px;transition:background .15s,opacity .15s}
html body header .top-nav a .ui-icon{width:18px;height:18px;flex:none}
html body header .top-nav a:hover{opacity:1;background:rgba(127,127,127,.12)}
html body header .top-nav a[aria-current]{opacity:1;background:var(--accent,#dfff19);color:#101114}
html body header .top-nav a:focus-visible{outline:2px solid var(--accent,#dfff19);outline-offset:2px}
/* remove o deslocamento da antiga barra lateral */
html body .edu-page{margin-left:auto!important;margin-right:auto!important}
html body .product-nav:not(#navigation-drawer .product-nav){margin-left:0!important}
html body main,html body main#conteudo,html body footer,html body .site-footer,html body .header-quotes{margin-left:0!important;margin-right:0!important}
html body .header-quotes{padding-left:clamp(16px,2.2vw,32px)!important}
@media (max-width:1100px){html body header .top-nav a{padding:8px 10px}html body header .top-nav a .ui-icon{display:none}}
@media (max-width:900px){html body header .top-nav{display:none!important}}
/* Barra inferior de app no celular: Início, News, Dados Pro e Coins sempre à mão. */
@media (min-width:901px){html body .app-tabs{display:none!important}}
@media (max-width:900px){
 html body .app-tabs{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));position:fixed!important;left:0;right:0;bottom:0;top:auto!important;z-index:70;gap:4px;margin:0;padding:6px max(8px,env(safe-area-inset-left)) calc(6px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-right));background:#0b0d0a;border-top:1px solid #20261c;box-shadow:0 -8px 24px rgba(0,0,0,.18)}
 html body .app-tabs a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:52px;padding:6px 2px;border-radius:12px;font-size:11px;font-weight:600;line-height:1.1;color:#aeb6a4;text-decoration:none;white-space:nowrap;background:transparent}
 html body .app-tabs a .ui-icon{width:22px;height:22px;display:block}
 html body .app-tabs a[aria-current]{color:#101114;background:#dfff19}
 html body .app-tabs a:active{transform:scale(.97)}
 html body{padding-bottom:calc(66px + env(safe-area-inset-bottom))!important}
 html body.has-ad-anchor{padding-bottom:calc(128px + env(safe-area-inset-bottom))!important}
 html body .ad-anchor{bottom:calc(64px + env(safe-area-inset-bottom))!important;padding-bottom:4px!important}
 html body #offline-status{bottom:calc(140px + env(safe-area-inset-bottom))}
}
/* Páginas com largura máxima (guias, finanças, preço, mapa, categorias): sempre centralizadas na tela */
html body main#conteudo:is(.edu-page,.finance-page,.pp-main,.sitemap-page,.seo-category),html body main:is(.edu-page,.finance-page,.pp-main,.sitemap-page,.seo-category){margin-left:auto!important;margin-right:auto!important}
html body main#conteudo.not-found{max-width:1180px;margin:0 auto!important;padding:64px clamp(16px,3vw,32px) 96px!important;min-height:52vh}html body main.not-found h1{font-size:clamp(32px,4vw,48px);margin:10px 0 14px}html body main.not-found .not-found-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}html body main.not-found .button.secondary{background:transparent!important;border:1px solid currentColor!important}