/* Anthares Home — bg-fx.css
   Textura grunge é background nativo do .anth-home (base.css), rola
   com o conteúdo. Aqui fica só o que é fixo na viewport:
     __particles -> canvas com a constelação interativa (bg-fx.js)
     __vignette  -> escurece as bordas, por cima de tudo */

.anth-home .anth-bg-fx {
  position: fixed;
  inset: 0;
  z-index: -1;
  overflow: hidden;
  pointer-events: none;
}

.anth-home .anth-bg-fx__particles {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
}

.anth-home .anth-bg-fx__cloud {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  will-change: transform, opacity;
}

.anth-home .anth-bg-fx__vignette {
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 85% 78% at 50% 34%, transparent 42%, rgba(0, 2, 6, 0.55) 100%);
}

/* Tema claro não usa partículas/vinheta escura — some por completo. */
.anth-home[data-theme="light"] .anth-bg-fx {
  display: none;
}

/* 1.4.414 — Avançado/Avançadíssimo volta à arte original anterior aos efeitos.
 * O arquivo sem fade é exibido em opacidade integral. O motor de partículas,
 * halos e vinheta permanece desativado nesses dois perfis. */
:is(.anth-home--dashboard-avancado-n4,.anth-home--dashboard-avancadissimo){
  background-color:#02070b!important;
  background-image:url('../images/dashboard/anthares-dashboard-citadela.webp')!important;
  background-size:max(1900px,100vw) auto!important;
  background-position:center top!important;
  background-repeat:no-repeat!important;
  background-attachment:scroll!important;
  background-blend-mode:normal!important;
  filter:none!important;
}
:is(.anth-home--dashboard-avancado-n4,.anth-home--dashboard-avancadissimo) .anth-bg-fx{
  display:none!important;
}
@media (max-width:900px){
  :is(.anth-home--dashboard-avancado-n4,.anth-home--dashboard-avancadissimo){
    background-size:auto 980px!important;
    background-position:62% top!important;
  }
}

/* 1.4.423 — Avançado/Avançadíssimo: a cidadela permanece íntegra em quase
 * toda a arte; somente os ~4 cm finais recebem um fade forte até o fundo. */
:is(.anth-home--dashboard-avancado-n4,.anth-home--dashboard-avancadissimo){
  background-image:none!important;
}
:is(.anth-home--dashboard-avancado-n4,.anth-home--dashboard-avancadissimo)::before{
  content:"";
  position:absolute;
  z-index:-2;
  pointer-events:none;
  top:0;
  left:50%;
  width:max(1900px,100vw);
  height:max(814px,42.85vw);
  transform:translateX(-50%);
  background:url('../images/dashboard/anthares-dashboard-citadela.webp') center top / 100% 100% no-repeat;
}
:is(.anth-home--dashboard-avancado-n4,.anth-home--dashboard-avancadissimo)::after{
  content:"";
  position:absolute;
  z-index:-1;
  pointer-events:none;
  top:calc(max(814px,42.85vw) - 4cm);
  left:0;
  width:100%;
  height:4cm;
  background:linear-gradient(to bottom,rgba(2,7,11,0) 0%,rgba(2,7,11,.18) 22%,rgba(2,7,11,.58) 55%,rgba(2,7,11,.90) 80%,#02070b 100%);
}
@media (max-width:900px){
  :is(.anth-home--dashboard-avancado-n4,.anth-home--dashboard-avancadissimo)::before{
    left:62%;
    width:auto;
    height:980px;
    aspect-ratio:1916 / 821;
    transform:translateX(-62%);
  }
  :is(.anth-home--dashboard-avancado-n4,.anth-home--dashboard-avancadissimo)::after{
    top:calc(980px - 4cm);
  }
}