/* ID Federal Halloween v3.8.14
 * Consistencia Edge/Chrome:
 * - somente os ancestrais externos ficam transparentes;
 * - o card interno da Central e totalmente opaco;
 * - tamanho baseado no container real, sem vw, zoom ou scale.
 */

html body.idf-halloween-active.idf-hw-central-v33 .idf-v385-shell{
  width:calc(100% - 24px) !important;
  max-width:840px !important;
  min-width:0 !important;
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box !important;

  background:#281f35 !important;
  background-color:#281f35 !important;
  background-image:none !important;
  opacity:1 !important;
  filter:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  mix-blend-mode:normal !important;
  isolation:isolate !important;
}

/* Nenhuma classe de transparencia antiga pode tornar o card principal translucido. */
html body.idf-halloween-active.idf-hw-central-v33 .idf-v385-shell.idf-v3813-transparent-parent,
html body.idf-halloween-active.idf-hw-central-v33 .idf-v385-shell.idf-v3810-outer-clear{
  background:#281f35 !important;
  background-color:#281f35 !important;
  opacity:1 !important;
}

/* Layout interno estavel entre Chromium/Edge/Chrome. */
html body.idf-halloween-active.idf-hw-central-v33 .idf-v385-layout{
  display:grid !important;
  grid-template-columns:170px minmax(0,1fr) !important;
  gap:12px !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  box-sizing:border-box !important;
}

html body.idf-halloween-active.idf-hw-central-v33 .idf-v385-sidebar{
  width:170px !important;
  min-width:170px !important;
  max-width:170px !important;
  box-sizing:border-box !important;
}

html body.idf-halloween-active.idf-hw-central-v33 .idf-v385-main{
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  box-sizing:border-box !important;
}

html body.idf-halloween-active.idf-hw-central-v33 .idf-v385-gallery{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:10px !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  align-items:start !important;
  box-sizing:border-box !important;
}

html body.idf-halloween-active.idf-hw-central-v33 .idf-v385-art-card{
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  box-sizing:border-box !important;
}

html body.idf-halloween-active.idf-hw-central-v33 :is(
  .idf-v385-art-image,
  .idf-v385-art-card > img,
  .idf-v385-art-card picture > img
){
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
  max-height:none !important;
  object-fit:contain !important;
  aspect-ratio:auto !important;
}

/* Tablet: usa quase toda a largura disponivel sem perder o fundo solido. */
@media (max-width:900px){
  html body.idf-halloween-active.idf-hw-central-v33 .idf-v385-shell{
    width:calc(100% - 16px) !important;
    max-width:840px !important;
  }
}

/* Mobile: reorganiza, mas nao muda opacidade nem achata conteudo. */
@media (max-width:700px){
  html body.idf-halloween-active.idf-hw-central-v33 .idf-v385-shell{
    width:calc(100% - 12px) !important;
    max-width:none !important;
  }
  html body.idf-halloween-active.idf-hw-central-v33 .idf-v385-layout{
    grid-template-columns:1fr !important;
  }
  html body.idf-halloween-active.idf-hw-central-v33 .idf-v385-sidebar{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
  }
  html body.idf-halloween-active.idf-hw-central-v33 .idf-v385-gallery{
    grid-template-columns:1fr !important;
  }
}
