/* Padrão xadrez para indicar transparência (igual remove.bg) */
.bg-checker {
  background-color: #fff;
  background-image:
    linear-gradient(45deg, #e2e8f0 25%, transparent 25%),
    linear-gradient(-45deg, #e2e8f0 25%, transparent 25%),
    linear-gradient(45deg, transparent 75%, #e2e8f0 75%),
    linear-gradient(-45deg, transparent 75%, #e2e8f0 75%);
  background-size: 20px 20px;
  background-position: 0 0, 0 10px, 10px -10px, 10px 0;
}

/* Placeholder visual para slot AdSense vazio */
.ad-slot::before {
  content: '';
  display: none;
}

/* Transições suaves globais */
button, a { transition: all .18s ease; }

/* Scroll suave para âncoras */
html { scroll-behavior: smooth; }

/* Fade up para o hero */
@keyframes fadeUp {
  from { opacity: 0; transform: translateY(12px); }
  to   { opacity: 1; transform: translateY(0); }
}
h1, #dropzone { animation: fadeUp .5s ease both; }

/* Esconde scrollbar no thumbs batch */
#thumbsList::-webkit-scrollbar { width: 4px; }
#thumbsList::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }