/* Fallback progressivo para Chromium/Opera em renderização por software.
   A classe é aplicada antes do primeiro paint por 260904_software-rendering.js. */

html.hs-renderer-fallback {
  scroll-behavior: auto;
}

html.hs-renderer-fallback #hs-bg,
html.hs-renderer-fallback #hs-bg-dots,
html.hs-renderer-fallback body.home::before {
  display: none !important;
}

html.hs-renderer-fallback #hs-loader {
  display: none !important;
}

html.hs-renderer-fallback .hs-marq {
  animation: none !important;
  transform: none !important;
}

html.hs-renderer-fallback body.hs-projetos .hs-fundo-projeto {
  inset: 0 !important;
  filter: none !important;
  transform: none !important;
  transition-duration: .18s !important;
  will-change: auto !important;
}

html.hs-renderer-fallback body.hs-projetos .hs-fundo-projeto.on {
  opacity: .22 !important;
}

html.hs-renderer-fallback body.hs-projetos .hs-projetos-card,
html.hs-renderer-fallback body.hs-projetos .hs-fundo-veu {
  transition-duration: .18s !important;
  will-change: auto !important;
}

html.hs-renderer-fallback .hs-card--wip *,
html.hs-renderer-fallback .hs-card--wip *::before,
html.hs-renderer-fallback .hs-card--wip *::after,
html.hs-renderer-fallback .hs-card--wip.hs-wip-active > img {
  animation: none !important;
  will-change: auto !important;
}

html.hs-renderer-fallback #hs-grid-toggle,
html.hs-renderer-fallback #hs-modo-switch,
html.hs-renderer-fallback .hs-tlou-hero .hs-tlou-scrim {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

html.hs-renderer-fallback .hs-projeto-inline,
html.hs-renderer-fallback .hs-card-wrap {
  content-visibility: auto;
  contain-intrinsic-size: auto 700px;
}

/* Among Us: mesma composição e navegação, com superfícies intermediárias
   reduzidas somente no fallback de software/baixa capacidade. */
html.hs-renderer-fallback .bg {
  filter: none !important;
  transform: none !important;
  transition-duration: .18s !important;
}

html.hs-renderer-fallback .bg.on {
  opacity: .18 !important;
}

html.hs-renderer-fallback .slot,
html.hs-renderer-fallback .book,
html.hs-renderer-fallback .flipPage {
  will-change: auto !important;
}

html.hs-renderer-fallback .slot .shadow {
  filter: none !important;
  background: radial-gradient(ellipse, rgba(0,0,0,.42), transparent 68%) !important;
}

html.hs-renderer-fallback .varnish {
  display: none !important;
  mix-blend-mode: normal !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
  filter: none !important;
}

html.hs-renderer-fallback #zoomInd {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

@media (prefers-reduced-motion: reduce) {
  html .hs-marq {
    animation: none !important;
  }

  html .bg,
  html .flap,
  html .spreadBox,
  html #caption,
  html #pageInd,
  html #zoomInd,
  html body.hs-projetos .hs-fundo-projeto,
  html body.hs-projetos .hs-projetos-card {
    animation: none !important;
    transition-duration: .01ms !important;
  }
}