/* Padrão de bolinhas no fundo para dar textura de "papel" ou ilustração */
.bg-pattern {
  background-color: #fafafa;
  background-image: radial-gradient(#d1d5db 2px, transparent 2px);
  background-size: 32px 32px;
}

/* Efeito lúdico nas imagens: animação no hover */
.img-playful {
  transition: all 0.4s ease-in-out;
}
.img-playful:hover {
  transform: scale(1.02) rotate(-1deg);
}

/* Transição suave para os cards brutais */
.card-brutal {
  transition: all 0.2s ease;
}
.card-brutal:hover {
  transform: translate(4px, 4px);
  box-shadow: 2px 2px 0px 0px #121212;
}

/* Animação de flutuação para as patinhas decorativas */
@keyframes float {
  0% {
    transform: translateY(0px) rotate(0deg);
  }
  50% {
    transform: translateY(-15px) rotate(10deg);
  }
  100% {
    transform: translateY(0px) rotate(0deg);
  }
}
.animate-float {
  animation: float 6s ease-in-out infinite;
}