/* ========================================================================== */
/* 🖼️ EFEITO 3D PARA IMAGENS                                                  */
/* ========================================================================== */

.3d-container {
  perspective: 1200px;
  display: inline-block; /* garante o funcionamento correto do efeito */
}

.3d-container .3d_image {
  transform: rotateX(1deg) rotateY(-1.5deg) scale(1);
  transform-style: preserve-3d;
  will-change: transform;
  border-radius: 16px;
  box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.4);
  transition: transform 0.5s ease, box-shadow 0.5s ease;
}

/* Efeito ao passar o mouse (opcional) */
.3d-container .3d_image:hover {
  transform: rotateX(0deg) rotateY(0deg) scale(1.02);
  box-shadow: 0px 30px 60px rgba(0, 0, 0, 0.5);
}