/* [20/10/2026] PC: paineis de vidro pra arte do fundo (Eclipse Sobre o Vale) aparecer atras do conteudo.
   So vale com html.bm-vidro (layout.php) e so no PC (>= 981px). Para desligar: tirar a classe.
   Dentro de @layer eclipse porque o tema pinta tudo la com !important (fora da camada perderia).
   v2 (20/10 16h): backdrop-filter SO nas colunas laterais/topo. No miolo (.bm-content/.bm-card) ele virava
   "containing block" de todo position:fixed de dentro - janelas, popups e toasts das paginas abriam presos
   no miolo, meio fora da tela (achado na Minha Conta). No miolo fica so o fundo translucido, sem blur. */
@layer eclipse {
@media (min-width:981px){
  html[data-tema="eclipse"].bm-vidro body .bm-widget,
  html[data-tema="eclipse"].bm-vidro body .bm-menu-group,
  html[data-tema="eclipse"].bm-vidro body .bm-feature,
  html[data-tema="eclipse"].bm-vidro body .bm-serverbar{
    background-color:rgba(8,10,15,.50) !important;
    background-image:none !important;
    -webkit-backdrop-filter:blur(6px) saturate(1.2) !important;
    backdrop-filter:blur(6px) saturate(1.2) !important;
  }
  html[data-tema="eclipse"].bm-vidro body .bm-card,
  html[data-tema="eclipse"].bm-vidro body .bm-content{
    background-color:rgba(8,10,15,.62) !important;
    background-image:none !important;
  }
  /* a arte nova ja escurece embaixo: o veu antigo apagava o coliseu */
  html[data-tema="eclipse"].bm-vidro .bm-bg{
    background-image:
      linear-gradient(180deg, rgba(6,7,10,0) 0%, rgba(6,7,10,0) 75%, rgba(6,7,10,.45) 100%),
      url('/images/banners/fundos/backgroundeclipse_pc2.webp?v=20261020') !important;
  }
}
}