/* ID Federal Halloween 2.9.0 — fundo REAL, sem camada que possa cobrir a Central.
   Esta folha entra depois das folhas v1.x e v2.7; prevalece sobre shorthands antigos. */
html.idf-hw-preview-ready body.idf-halloween-active,
html body.idf-halloween-active,
body.idf-halloween-active.idf-hw-demo,
html body.idf-halloween-active.idf-hw-demo {
  background-color: #0a0c19 !important;
  background-image: url('./halloween-jornada-web.webp') !important;
  background-position: center top !important;
  background-repeat: no-repeat !important;
  background-size: 100% auto !important;
  background-attachment: scroll !important;
}
/* Os estilos antigos tinham fundo solido com !important nos ancestrais,
   escondendo a imagem apesar dela estar aplicada ao body. Somente wrappers
   de tela cheia recebem esta classe pelo JS; cards reais ficam intactos. */
html body.idf-halloween-active .idf-hw-backdrop-shell,
html body.idf-halloween-active .idf-hw-backdrop-shell.idf-hw-dark-shell,
html body.idf-halloween-active .idf-hw-backdrop-shell.idf-hw-shell-v19,
html body.idf-halloween-active .idf-hw-backdrop-shell.idf-hw-story-transparent,
html body.idf-halloween-active .idf-hw-backdrop-shell.idf-hw-portal-root {
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}
/* Quando o root e um painel central independente, fica translucido o suficiente
   para as laterais da paisagem aparecerem, sem perder legibilidade. */
html body.idf-halloween-active .idf-hw-portal-root:not(.idf-hw-backdrop-shell):not(body){
  background-color: rgba(18, 14, 30, .68) !important;
  background-image: none !important;
}
/* Keep interactive content above decorative story cards while not forcing
   opaque backgrounds on the top-level full-page shells. */
html body.idf-halloween-active .idf-hw-backdrop-shell > :is(.login-card,.auth-card,.form-card,.signin-card,.marketing-card,.dashboard-card,.portal-card,.art-card,.card),
html body.idf-halloween-active :is(.login-card,.auth-card,.form-card,.signin-card,.partner-login,.login-form,.auth-panel,.sidebar-card,.marketing-card,.dashboard-card,.portal-card,.art-card,.card) {
  background-color: rgba(34, 26, 46, .95) !important;
  color: #f8edff !important;
}
/* WordPress login: nao aplicar fundo solido na area externa do formulario. */
html body.idf-halloween-active.login #login,
html body.idf-halloween-active :is(.login-wrapper,.login-layout,.auth-layout).idf-hw-backdrop-shell {
  background-color: transparent !important;
  background-image: none !important;
}
/* Login e pre-visualizacao de login exibem o topo da arte em proporcao natural. */
html body.idf-halloween-active.idf-hw-login-screen,
html body.idf-halloween-active.idf-hw-demo-login {
  background-size: 100% auto !important;
  background-position: center top !important;
  background-repeat: no-repeat !important;
}
/* Corrige fundo padrao do WordPress login e do HTML demo. */
html body.idf-halloween-active.idf-hw-demo .demo-shell { position:relative; z-index:12; }
html body.idf-halloween-active #idf-hw-story { background:transparent!important; pointer-events:none!important; }
html body.idf-halloween-active #idf-halloween-scene { pointer-events:none!important; }
@media (max-width:700px) {
  html.idf-hw-preview-ready body.idf-halloween-active,
  html body.idf-halloween-active,
  body.idf-halloween-active.idf-hw-demo,
  html body.idf-halloween-active.idf-hw-demo {
    background-image:url('./halloween-jornada-mobile.webp')!important;
    background-size:100% auto!important;
  }
  html body.idf-halloween-active.idf-hw-login-screen,
  html body.idf-halloween-active.idf-hw-demo-login { background-size:100% auto!important; }
}


/* v3.1 — sem distorção: preservar proporção da arte em todos os dispositivos */
@media (min-width: 1280px) {
  html body.idf-halloween-active,
  html body.idf-halloween-active.idf-hw-demo {
    background-size: 100% auto !important;
    background-position: center top !important;
  }
}
@media (min-width: 701px) and (max-width: 1279px) {
  html body.idf-halloween-active,
  html body.idf-halloween-active.idf-hw-demo {
    background-size: cover !important;
    background-position: center top !important;
  }
}
@media (max-width: 700px) {
  html body.idf-halloween-active,
  html body.idf-halloween-active.idf-hw-demo,
  html body.idf-halloween-active.idf-hw-login-screen,
  html body.idf-halloween-active.idf-hw-demo-login {
    background-size: 100% auto !important;
    background-position: center top !important;
  }
}
/* Painel principal um pouco mais integrado ao cenário */
html body.idf-halloween-active .idf-hw-portal-root:not(body),
html body.idf-halloween-active .demo-panel,
html body.idf-halloween-active :is(.marketing-wrapper,.marketing-dashboard,.dashboard-wrapper,.portal-container,.portal-main,.marketing-main) {
  background-color: rgba(16, 13, 28, .62) !important;
  border: 1px solid rgba(161, 115, 184, .28) !important;
  box-shadow: 0 16px 40px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.04) !important;
  backdrop-filter: blur(5px) saturate(115%) !important;
}