/* legado corpo, linha 830 do index.html original.
   Gerado pelo divisor.

   🎨 REPINTADO EM 16/09/2026, a pedido do Boss: *"Bugados e Baratos ja pode
   atualizar a paleta, e focado no roxo, vai pra estetica do novo BOSS APP"*.
   O roxo (#b26eff / #1d0a33) era de uma versao antiga do app e nao existe em
   mais nenhuma tela: verde escuro do tema copa, ouro do Boss e o mesmo canto
   arredondado dos cartoes do menu. Nenhuma classe mudou de nome e nenhum
   seletor saiu, entao o JS do VipBugados nao foi tocado. */

  #screen-vip-bugados { align-items:flex-start; padding-top:20px; }

  .vbg-intro { width:100%; max-width:1200px; margin:2px auto 12px; font-family:var(--font-tech);
      font-size:0.8rem; letter-spacing:1px; color:#8fbfa3; text-align:center; }
  .vbg-empty { text-align:center; padding:60px 20px; font-family:var(--font-tech);
      color:#7d9a89; font-size:0.95rem; letter-spacing:1px; line-height:1.7; }

  .vbg-folders { display:grid; grid-template-columns:1fr 1fr; gap:12px; width:100%; }
  /* a pasta de posicao: o mesmo cartao escuro com moldura verde do menu novo */
  .vbg-folder { position:relative; overflow:hidden; border-radius:14px; padding:14px; min-height:120px;
      cursor:pointer; transition:0.2s; display:flex; flex-direction:column; gap:8px;
      background:linear-gradient(150deg,#08150e,#0d2417 55%,#081410);
      border:1.5px solid rgba(0,200,75,0.42);
      box-shadow:0 8px 26px rgba(0,0,0,0.6), 0 0 22px rgba(0,200,75,0.12); }
  .vbg-folder:hover { transform:translateY(-3px); border-color:rgba(232,183,58,0.75);
      box-shadow:0 16px 40px rgba(0,0,0,0.7), 0 0 34px rgba(232,183,58,0.22); }
  .vbg-folder-cover { display:flex; gap:4px; height:66px; overflow:hidden; }
  .vbg-folder-cover img { height:100%; width:auto; border-radius:5px; filter:drop-shadow(0 3px 6px rgba(0,0,0,0.6)); }
  .vbg-folder-cover .vbg-more { display:flex; align-items:center; justify-content:center; padding:0 10px;
      font-family:var(--font-main); font-size:0.85rem; color:#f0d24d; background:rgba(232,183,58,0.14); border-radius:5px; }
  .vbg-folder-name { font-family:var(--font-main); font-size:1.05rem; letter-spacing:0.5px;
      color:#eaf6ee; text-shadow:0 0 18px rgba(0,200,75,0.45); }
  .vbg-folder-count { font-family:var(--font-tech); font-size:0.68rem; color:#79a98d;
      letter-spacing:1px; text-transform:uppercase; }

  #vbg-capture { width:100%; background:linear-gradient(160deg,#050b07,#0b1510); padding:16px; border-radius:12px;
      box-shadow:0 20px 60px rgba(0,0,0,0.8); border:1px solid rgba(0,200,75,0.14);
      display:flex; flex-wrap:wrap; gap:14px; justify-content:center; align-content:flex-start; }
  .vbg-cell { position:relative; width:100px; display:flex; flex-direction:column; align-items:center; gap:5px;
      cursor:pointer; transition:transform .15s, filter .15s; }
  .vbg-cell img { width:100px; border-radius:5px; filter:drop-shadow(0 3px 6px rgba(0,0,0,0.6)); display:block; }
  .vbg-cell-price { font-family:var(--font-main); font-size:0.72rem; color:#f0d24d; letter-spacing:0.3px;
      text-shadow:0 0 10px rgba(232,183,58,0.35); white-space:nowrap; }
  .vbg-cell:hover { transform:translateY(-4px); }

  .vbg-novo { position:absolute; top:-6px; right:-6px; z-index:3; font-family:var(--font-tech); font-weight:700;
      font-size:0.5rem; letter-spacing:0.5px; padding:3px 7px; border-radius:10px;
      background:linear-gradient(135deg,#ff4757,#c0392b); color:#fff; box-shadow:0 0 12px rgba(255,71,87,0.6); }

  /* Fita de pódio: o ADM já ordena — faltava o viewer dizer que aquilo é ranking */
  .vbg-top { position:absolute; top:-7px; left:50%; transform:translateX(-50%); z-index:4; white-space:nowrap;
      font-family:var(--font-tech); font-weight:800; font-size:0.48rem; letter-spacing:0.6px; padding:3px 8px;
      border-radius:10px; color:#1a1400; background:linear-gradient(135deg,#f0d24d,#e8b73a);
      box-shadow:0 2px 10px rgba(232,183,58,0.5); }
  .vbg-top.top2 { background:linear-gradient(135deg,#e6ecf2,#b8c4d0); }
  .vbg-top.top3 { background:linear-gradient(135deg,#e0a878,#c07a44); color:#2a1400; }
  .vbg-podio img { box-shadow:0 0 0 2px rgba(232,183,58,.6), 0 4px 14px rgba(0,0,0,.6); }
  .vbg-podio { margin-top:8px; }

  .vbg-dica { font-family:var(--font-tech); font-size:0.72rem; color:#79a98d; text-align:center;
      margin-top:12px; line-height:1.5; }

  @media (max-width:760px){ #vbg-capture { padding:10px; gap:10px; } .vbg-cell, .vbg-cell img { width:76px; } }