/* Garante rotação contínua do anel (Saturno) + fallback quando @property falha */

.dept-cta__carousel .block-cta-3d-carousel__scene {
  perspective: 109.25rem;
  perspective-origin: 50% 38%;
}

.dept-cta__carousel .block-cta-3d-carousel__tilt,
.dept-cta__carousel .block-cta-3d-carousel__scroll,
.dept-cta__carousel .block-cta-3d-carousel__ring {
  transform-style: preserve-3d;
}

.block-cta-3d-carousel__ring {
  animation: 90s linear infinite cta-carousel-spin;
  will-change: transform;
}

@supports (opacity: calc(cos(1deg))) {
  .block-cta-3d-carousel__ring {
    transform: rotateY(var(--carousel-spin-angle, 0deg));
    animation: 90s linear infinite cta-carousel-spin-angle;
  }
}

.block-cta-3d-carousel__ring.is-js-spin {
  animation: none !important;
  transform: rotateY(var(--carousel-spin-angle, 0deg));
}

/* Não pausar só por foco nos vídeos */
.dept-cta__carousel .block-cta-3d-carousel__scene:focus-within .block-cta-3d-carousel__ring,
.dept-cta__carousel .block-cta-3d-carousel__scene:focus-within .block-cta-3d-carousel__scroll {
  animation-play-state: running;
}

.dept-cta__carousel.block-cta-3d-carousel:has(.block-cta-3d-carousel__pause input:checked) .block-cta-3d-carousel__ring.is-js-spin {
  animation: none !important;
}