/* Página: Floresta Viva — carrossel 3D */
.carousel3d {
  position: relative; width: 100%; max-width: 1000px; height: 400px;
  margin: 0 auto 44px; perspective: 1400px; cursor: grab; touch-action: pan-y;
  overflow: hidden;
}
.carousel3d.is-dragging { cursor: grabbing; }
.carousel3d__stage {
  position: absolute; width: 480px; height: 360px; top: 20px; left: 50%; margin-left: -240px;
  transform-style: preserve-3d; transition: transform 1.1s cubic-bezier(.4,.1,.2,1);
}
.carousel3d.is-dragging .carousel3d__stage { transition: none; }
.carousel3d__cell img { -webkit-user-drag: none; user-select: none; }
.carousel3d__cell {
  position: absolute; width: 480px; height: 360px; left: 0; top: 0;
  transition: opacity .8s ease, filter .8s ease; opacity: .55; filter: saturate(.7) brightness(.85);
}
.carousel3d__cell img {
  width: 100%; height: 100%; object-fit: cover; border-radius: 10px;
  box-shadow: 0 18px 40px rgba(0,0,0,.35); background: #eee;
}
.carousel3d__cell.is-front { opacity: 1; filter: none; }
.carousel3d__cell.is-front img { box-shadow: 0 26px 60px rgba(0,0,0,.45); }

@media (max-width: 760px) {
  .carousel3d { max-width: 100%; height: 280px; perspective: 900px; }
  .carousel3d__stage { width: 320px; height: 240px; margin-left: -160px; }
  .carousel3d__cell { width: 320px; height: 240px; }
}