/* Celular (touch, html.toque): barra fina do topo e menu de matérias, iguais no folheador e no chat.
   Os valores das cores ficam aqui, para o menu ter o mesmo visual nas duas páginas. No computador nada disso aparece. */
.topo,.menu{--blue:#21358d;--blue-dark:#1a2a70;--blue-soft:rgba(33,53,141,0.08);--gold:#d9a628;--ink:#1a1c2e;--ink-mid:#3d4060;--muted:#8b8fa8;--line:#e2e4ea;--bg:#fafaf8;font-family:'Inter',system-ui,-apple-system,sans-serif;}
.topo,.menu{display:none;}
html.toque .topo{display:flex;align-items:center;gap:6px;flex-shrink:0;height:calc(50px + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(12px,env(safe-area-inset-right)) 0 max(6px,env(safe-area-inset-left));background:#fff;border-bottom:1px solid var(--line);z-index:100;}
.topo-menu,.menu-fechar{width:42px;height:42px;flex-shrink:0;border:0;border-radius:12px;background:none;color:var(--blue);display:flex;align-items:center;justify-content:center;cursor:pointer;font-family:inherit;}
.topo-menu:active,.menu-fechar:active{background:var(--blue-soft);}
.topo-menu svg,.menu-fechar svg{width:22px;height:22px;}
.topo-marca{margin-right:auto;font-size:17px;font-weight:700;color:var(--blue);letter-spacing:-0.02em;line-height:1.2;white-space:nowrap;}
.topo-marca .dot{color:var(--gold);}
@media(max-width:350px){.topo-marca{visibility:hidden;}}

html.toque .menu{display:flex;flex-direction:column;position:fixed;inset:0;z-index:200;background:var(--bg);color:var(--ink);line-height:normal;transform:translateY(-100%);visibility:hidden;transition:transform .32s cubic-bezier(.2,.8,.2,1),visibility 0s linear .32s;}
html.toque .menu.aberto{transform:none;visibility:visible;transition:transform .32s cubic-bezier(.2,.8,.2,1);}
.menu-topo{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(env(safe-area-inset-top) + 12px) max(12px,env(safe-area-inset-right)) 12px max(20px,env(safe-area-inset-left));background:#fff;border-bottom:1px solid var(--line);}
.menu-logo{display:block;height:20px;}
.menu-edicao{margin-top:7px;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);}
.menu-lista{position:relative;flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:4px max(20px,env(safe-area-inset-right)) calc(32px + env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));}
.menu-grupo{padding-top:22px;}
.menu-editoria{display:flex;align-items:center;gap:10px;margin-bottom:6px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--blue);}
.menu-editoria .num{color:var(--gold);font-variant-numeric:tabular-nums;}
.menu-editoria::after{content:'';flex:1;height:1px;background:var(--line);}
.menu-destaques .menu-editoria{color:var(--gold);}
.menu-item{display:flex;align-items:flex-start;gap:14px;width:calc(100% + 24px);margin:0 -12px;padding:12px;border:0;border-radius:12px;background:none;text-align:left;font-family:inherit;color:inherit;cursor:pointer;}
.menu-item:active{background:var(--blue-soft);}
.menu-item .txt{flex:1;min-width:0;}
.menu-item .tit,.menu-item .aut{display:block;}
.menu-item .tit{font-size:15px;font-weight:600;line-height:1.35;color:var(--ink);}
.menu-item .aut{margin-top:3px;font-size:13px;line-height:1.4;color:var(--muted);}
.menu-item .pag{flex-shrink:0;padding-top:2px;font-size:12px;font-weight:600;color:var(--ink-mid);font-variant-numeric:tabular-nums;}
.menu-item .aqui{display:none;margin-top:6px;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);}
.menu-item.atual{background:var(--blue-soft);box-shadow:inset 3px 0 0 var(--gold);}
.menu-item.atual .tit{color:var(--blue);}
.menu-item.atual .aqui{display:block;}
.menu-rodape{margin-top:32px;padding-top:20px;border-top:1px solid var(--line);}
.menu-rodape-tit{margin-bottom:6px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);}
.menu-ed{display:flex;align-items:center;justify-content:space-between;padding:10px 0;font-size:14px;font-weight:600;color:var(--blue);text-decoration:none;}
.menu-ed span{font-weight:500;color:var(--muted);}
.menu-site{display:inline-block;margin-top:18px;font-size:13px;color:var(--muted);text-decoration:underline;text-underline-offset:3px;}