/* =========================================================================
   Bravobet — chrome do site (header/footer/legais/placeholder "em breve").
   As design-pages (home, torneios, aviator, aviator-plus, avaliacao) trazem o
   PRÓPRIO <style> no conteúdo e o tema suprime este chrome nelas (bb-design).
   Tokens espelham o design-fonte: vermelho #E10E1B sobre grafite #0C0F14.
   ========================================================================= */

:root{
  --bb-red:#E10E1B; --bb-red2:#8A0710; --bb-red-soft:#FF8A92;
  --bb-bg:#0C0F14; --bb-bg2:#0A0D12; --bb-panel:#12161E; --bb-card:#161A22; --bb-card2:#1A1F29;
  --bb-line:rgba(255,255,255,.08); --bb-line2:rgba(255,255,255,.12);
  --bb-text:#F5F7FA; --bb-dim:#C7CEDA; --bb-muted:#9AA4B2; --bb-muted2:#7C8698;
  --bb-gold:#FFC24B; --bb-green:#3FDD8C; --bb-blue:#8FB6FF;
  --bb-fd:'Anton',system-ui,sans-serif;
  --bb-fi:'Inter',system-ui,-apple-system,sans-serif;
}

body{background:var(--bb-bg);color:var(--bb-text);font-family:var(--bb-fi)}
.jb-root *{box-sizing:border-box}
.jb-root a{color:inherit;text-decoration:none}
.jb-root img{max-width:100%;display:block}
.jb-root ::selection{background:var(--bb-red);color:#fff}
.jb-root .wrap{max-width:1180px;margin:0 auto;padding:0 clamp(16px,4vw,40px)}

/* GeneratePress injeta p,ul{margin-bottom:1.5em} e vence o reset `*`.
   Reancora em 0 com (0,0,2) — ganha do GP, perde das classes do design. */
body p,body ul,body ol{margin:0}

/* ---------- Topbar ---------- */
.bb-topbar{
  background:linear-gradient(90deg,var(--bb-red2),var(--bb-red));color:#fff;
  font-size:12.5px;font-weight:600;text-align:center;padding:7px 16px;letter-spacing:.2px;
}

/* ---------- Header ---------- */
.bb-header{
  position:sticky;top:0;z-index:60;background:rgba(12,15,20,.92);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(255,255,255,.07);
}
.bb-header-in{max-width:1180px;margin:0 auto;padding:12px clamp(16px,4vw,40px);display:flex;align-items:center;gap:18px}
.bb-logo{display:inline-flex;align-items:center;gap:9px;flex:none;font-family:var(--bb-fd);font-size:22px;letter-spacing:.5px;color:#fff}
.bb-mono{
  width:34px;height:34px;border-radius:9px;background:linear-gradient(150deg,var(--bb-red),var(--bb-red2));
  display:grid;place-items:center;font-family:var(--bb-fd);font-size:20px;color:#fff;flex:none;
}
.bb-pill{font-family:var(--bb-fd);font-size:11px;letter-spacing:.14em;background:var(--bb-red);color:#fff;padding:3px 8px;border-radius:999px}
/* Logotipos do operador (uso nominativo — identificam a casa analisada). SVG:
   nítido em qualquer tela e já sem fundo. O selo "GUIA" separa-nos do site oficial. */
.bb-logo img{display:block;width:auto;flex:none}
.bb-logo-mark{height:30px}
.bb-logo-wide{height:19px}
.bb-word{font-family:var(--bb-fd);text-transform:uppercase}
.bb-red{color:var(--bb-red)}
.bb-nav{display:none;margin-left:auto;align-items:center;gap:6px}
.bb-nav a{padding:8px 12px;font-size:14px;font-weight:600;color:var(--bb-dim);border-radius:9px;transition:.15s}
.bb-nav a:hover{color:#fff;background:rgba(255,255,255,.05)}
.bb-cta{
  display:none;flex:none;align-items:center;gap:7px;padding:10px 17px;border-radius:11px;
  background:linear-gradient(150deg,var(--bb-red),var(--bb-red2));color:#fff;font-weight:800;font-size:14px;
  box-shadow:0 8px 20px -8px rgba(225,14,27,.6);transition:filter .18s ease;
}
.bb-cta:hover{filter:brightness(1.06);color:#fff}
/* padding:0 é obrigatório: o GP injeta `button{padding:10px 20px}` e o content-box
   do burger viraria 4px (foi assim que o ícone do header das design-pages sumiu). */
.bb-burger{
  margin-left:auto;flex:none;width:44px;height:44px;padding:0;border-radius:11px;border:1px solid var(--bb-line2);
  background:var(--bb-card);cursor:pointer;position:relative;
}
.bb-burger span{position:absolute;left:11px;right:11px;height:2px;border-radius:2px;background:#fff;transition:.22s}
.bb-burger span:nth-child(1){top:14px}
.bb-burger span:nth-child(2){top:21px}
.bb-burger span:nth-child(3){top:28px}

/* ---------- Mobile menu ---------- */
.bb-mobile-menu{
  position:fixed;inset:0 0 0 auto;width:min(360px,86vw);z-index:80;background:#0D1117;
  border-left:1px solid var(--bb-line);padding:20px;overflow-y:auto;
  display:flex;flex-direction:column;gap:8px;transform:translateX(100%);transition:transform .28s ease;
}
.bb-mobile-menu.open{transform:translateX(0)}
.bb-mobile-menu a{padding:14px;border-radius:12px;background:var(--bb-card);font-weight:600;color:var(--bb-text)}
.bb-mobile-menu a:hover{background:var(--bb-card2)}
.bb-btn-primary{
  background:linear-gradient(150deg,var(--bb-red),var(--bb-red2))!important;color:#fff!important;
  font-weight:800!important;text-align:center;margin-top:6px;
}

/* ---------- Conteúdo (legais / placeholder) ---------- */
.bb-design .bb-header,.bb-design .bb-footer,.bb-design .bb-topbar{display:none}
body:not(.bb-design) .site-content{max-width:860px;margin:0 auto;padding:clamp(28px,5vw,56px) clamp(16px,4vw,40px)}
body:not(.bb-design) .entry-content h1,
body:not(.bb-design) .entry-content h2,
body:not(.bb-design) .entry-content h3{font-family:var(--bb-fd);text-transform:uppercase;letter-spacing:.5px;color:#fff;line-height:1.1}
body:not(.bb-design) .entry-content h1{font-size:clamp(30px,5vw,46px);margin:0 0 18px}
body:not(.bb-design) .entry-content h2{font-size:clamp(22px,3.4vw,32px);margin:32px 0 12px}
body:not(.bb-design) .entry-content h3{font-size:clamp(18px,2.4vw,22px);margin:24px 0 10px}
body:not(.bb-design) .entry-content p{margin:0 0 14px;color:var(--bb-dim);line-height:1.7}
body:not(.bb-design) .entry-content ul,
body:not(.bb-design) .entry-content ol{margin:0 0 16px;padding-left:22px;color:var(--bb-dim)}
body:not(.bb-design) .entry-content li{margin-bottom:8px}
body:not(.bb-design) .entry-content a{color:var(--bb-red-soft);text-decoration:underline}
body:not(.bb-design) .entry-content a:hover{color:#fff}
body:not(.bb-design) .entry-content strong{color:var(--bb-text)}
body:not(.bb-design) .entry-content table{width:100%;border-collapse:collapse;margin:0 0 18px;font-size:14.5px}
body:not(.bb-design) .entry-content th,
body:not(.bb-design) .entry-content td{border:1px solid var(--bb-line);padding:10px 12px;text-align:left}
body:not(.bb-design) .entry-content th{background:var(--bb-card);color:#fff;font-weight:700}

/* callout das páginas legais/institucionais */
body:not(.bb-design) .entry-content .bb-note{
  background:var(--bb-panel);border:1px solid rgba(225,14,27,.28);border-left:3px solid var(--bb-red);
  border-radius:12px;padding:16px 18px;margin:0 0 18px;
}
body:not(.bb-design) .entry-content .bb-note p{margin:0;color:var(--bb-dim)}
body:not(.bb-design) .entry-content code{
  background:var(--bb-card);border:1px solid var(--bb-line);border-radius:6px;
  padding:2px 6px;font-size:.9em;color:var(--bb-red-soft);
}
body:not(.bb-design) .entry-content ol{margin:0 0 16px;padding-left:22px;color:var(--bb-dim)}

/* placeholder "em breve" do mb-core */
.mbcore-soon h2{font-family:var(--bb-fd);text-transform:uppercase;color:#fff}
.mbcore-soon a{color:var(--bb-red-soft)}

/* ---------- Footer ---------- */
.bb-footer{border-top:1px solid var(--bb-line);background:var(--bb-bg2);padding:clamp(30px,4vw,48px) 0}
.bb-foot-disc{background:rgba(225,14,27,.08);border:1px solid rgba(225,14,27,.28);border-radius:16px;padding:18px 20px;margin-bottom:32px}
.bb-foot-disc p{font-size:14px;color:#E7ECF3;font-weight:600}
.bb-foot-cols{display:grid;grid-template-columns:1fr;gap:30px}
.bb-foot-cols h4{font-family:var(--bb-fi);font-weight:700;font-size:13px;letter-spacing:.5px;text-transform:uppercase;color:#E7ECF3;margin:0 0 12px}
.bb-foot-cols ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.bb-foot-cols ul a{color:var(--bb-muted);font-size:14px;transition:.15s}
.bb-foot-cols ul a:hover{color:#fff}
.bb-about{color:var(--bb-muted);font-size:13px;max-width:46ch;margin-top:14px!important}
.bb-lic{color:var(--bb-muted2);font-size:12px;margin-top:14px!important;line-height:1.7}
.bb-foot-rg{margin-top:34px;padding-top:22px;border-top:1px solid var(--bb-line)}
.bb-pills{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}
.bb-pill-c{padding:6px 12px;border-radius:999px;background:var(--bb-card);border:1px solid rgba(255,255,255,.1);font-size:12px;color:var(--bb-muted)}
.bb-pill-18{font-weight:700;color:var(--bb-red-soft)}
.bb-pill-link{color:var(--bb-blue)}
.bb-pill-link:hover{color:#fff}
.bb-copy{font-size:12px;color:#6C7688;line-height:1.7}

/* ---------- Float bar (mobile) ---------- */
.bb-float-spacer{height:76px}
.bb-float-bar{
  position:fixed;left:0;right:0;bottom:0;z-index:70;background:rgba(10,13,18,.96);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--bb-line);
  padding:10px 16px calc(10px + env(safe-area-inset-bottom));text-align:center;
}
.bb-float-bar a{
  display:block;padding:12px 18px;border-radius:11px;
  background:linear-gradient(150deg,var(--bb-red),var(--bb-red2));color:#fff;font-weight:800;font-size:14.5px;
}
.bb-float-bar p{margin-top:6px!important;font-size:11px;color:var(--bb-muted2)}

/* =========================================================================
   RESET DA GENERATEPRESS
   O GP traz fundo claro (CSS inline no <head>, que vence um link enfileirado no
   empate) e envolve o conteúdo num container com max-width/padding. Sem isto, a
   design-page fica numa "moldura" branca e o texto branco some no fundo claro.
   ========================================================================= */
html, body.wp-site-blocks, body, .site, #page, #content, .site-content{
  background-color:var(--bb-bg)!important;
}
/* O GP também injeta `body{color:#3f3f3f}` inline no <head> e vence no empate
   (0,0,1 + ordem). Quem tem regra própria (parágrafos, links) não sente, mas
   tudo que HERDA do body saía cinza-escuro — foi assim que o "BET" do wordmark
   sumiu no fundo escuro. Reancorar aqui. */
body{color:var(--bb-text)!important}
.bb-logo, .bb-logo .bb-word{color:#fff}
.separate-container .inside-article,
.one-container .site-content,
.entry-content, .inside-article, .page-header, .entry-header, article.page{
  background:transparent!important;box-shadow:none!important;
}
.site-main{margin:0}

/* Design-pages: full-bleed, sem container/padding do GP (trazem o próprio layout). */
.bb-design .site-content, .bb-design .content-area, .bb-design #primary,
.bb-design .site-main, .bb-design article.page, .bb-design .entry-content,
.bb-design .inside-article, .bb-design #content, .bb-design .container.grid-container{
  max-width:none!important;width:auto!important;margin:0!important;padding:0!important;
}
.bb-design .site-content{display:block!important}
.bb-design .entry-content>*{margin-top:0}
.bb-design .entry-header, .bb-design .page-header{display:none}

/* ---------- Responsive ---------- */
@media(min-width:820px){
  .bb-foot-cols{grid-template-columns:1.6fr 1fr 1fr}
}
@media(min-width:960px){
  .bb-nav{display:flex}
  .bb-cta{display:inline-flex}
  .bb-burger{display:none}
  .bb-float-spacer,.bb-float-bar{display:none}
}