/* ════════════════════════════════════════════════════════════════
   SANBERNARDA.COM · SCROLL ENTER
   Estado inicial dos widgets HUD. Só esconde com html.cc-enter-pending
   (script no head). JS assume o controle e remove a classe.
   ════════════════════════════════════════════════════════════════ */

html.cc-enter-pending [data-enter-item] {
  opacity: 0 !important;
  transform: translate3d(0, 24px, 0) !important;
  pointer-events: none;
}

html.cc-enter-js [data-enter-item]:not(.cc-enter-in) {
  pointer-events: none;
}

html.cc-enter-js .proc-bar {
  overflow: hidden;
}

/* Aterrissagem do contador — reativa o keyframe já existente */
html.cc-enter-js .stats-strip__num.cc-stat-land {
  animation: cc-stat-land 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}

@media (prefers-reduced-motion: reduce) {
  html.cc-enter-pending [data-enter-item],
  html.cc-enter-js [data-enter-item] {
    opacity: 1 !important;
    transform: none !important;
    clip-path: none !important;
    pointer-events: auto !important;
    animation: none !important;
  }
}

html.cc-gpu-low [data-enter-item] {
  opacity: 1 !important;
  transform: none !important;
  clip-path: none !important;
  pointer-events: auto !important;
}

/* Mobile/tablet: só fade — não disputa transform:none dos cards */
@media (max-width: 991px) {
  html.cc-enter-pending [data-enter-item] {
    transform: none !important;
  }
}