/* ══════════════════════════════════════════ TOKENS ══════════════════════════════════════════ */ .bc-page { --bg: #080808; --card: #111111; --card-2: #181818; --fg: #ffffff; --muted: #888888; --dim: #3d3d3d; --border: rgba(255,255,255,.07); --border2: rgba(255,255,255,.14); --nav-bg: rgba(8,8,8,.96); --shadow: 0 20px 60px rgba(0,0,0,.55); --r: 12px; --rg: 16px; --ease: cubic-bezier(0.4,0,0.2,1); --spring: cubic-bezier(0.34,1.56,0.64,1); --font: 'Inter',-apple-system,system-ui,sans-serif; } /* ── BASE (escopado em .bc-page pra não vazar pro resto do site) ─── */ .bc-page, .bc-page *, .bc-page *::before, .bc-page *::after { box-sizing:border-box } .bc-page { background:var(--bg); color:var(--fg); font-family:var(--font); overflow-x:hidden; margin:0; padding:0 } .bc-page img { max-width:100%; height:auto; display:block } .bc-page a { text-decoration:none; color:inherit } .bc-page ::-webkit-scrollbar { width:4px } .bc-page ::-webkit-scrollbar-track { background:var(--bg) } .bc-page ::-webkit-scrollbar-thumb { background:var(--dim); border-radius:4px } /* Anel de foco padrão do navegador some depois de clique (ex: aba "Entrar" ficava com um traço branco preso em volta depois de clicar, porque o botão continua com foco e nenhum reset de outline existia pra ele) — troca por um anel discreto só quando o foco é por TECLADO (:focus-visible), pra não quebrar acessibilidade. Escopado em .bc-page pra não vazar pro resto do site. */ .bc-page button, .bc-page input, .bc-page textarea, .bc-page select, .bc-page a { outline:none } .bc-page button:focus-visible, .bc-page input:focus-visible, .bc-page textarea:focus-visible, .bc-page select:focus-visible, .bc-page a:focus-visible { outline:2px solid rgba(255,255,255,.5); outline-offset:2px; } /* Zera qualquer largura/margem/padding que o TEMA ativo (carregado via wp_head() na mesma página) possa aplicar em seletores genéricos que a gente não tem como evitar usar — e

. Sem isso, temas que "encaixotam" o conteúdo (padding responsivo no body, max-width no main, comum em themes baseados em blocos) deixam o site inteiro com sobra de espaço nas bordas, especialmente visível no mobile. */ body.bc-page { margin:0 !important; padding:0 !important; max-width:none !important; width:100% !important; } .bc-page main.bc-main { display:block !important; max-width:none !important; width:100% !important; margin:0 !important; padding:0 !important; float:none !important; } /* Mesmo tratamento pro

e