/* ==========================================================================
   07. SECTION 5: ATMÓSFERA DE FIESTA & INFINITE CAROUSEL COMPONENT
   ========================================================================== */

.party-video-container {
  max-width: 840px;
  width: 95%;
  margin: 0 auto 30px auto;
  border-radius: 20px;
  overflow: hidden;
}

.nebula-video.party-video {
  width: 100%;
  max-height: 420px;
  object-fit: cover;
  display: block;
}

/* Infinite Horizontal Moving Carousel */
.carousel-ticker-wrapper {
  width: 100vw;
  overflow: hidden;
  position: relative;
  margin-top: 20px;
  mask-image: linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%);
  -webkit-mask-image: linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%);
}

.carousel-ticker-track {
  display: flex;
  gap: 24px;
  width: max-content;
  animation: infiniteCarouselScroll 30s linear infinite;
}

.carousel-ticker-wrapper:hover .carousel-ticker-track {
  animation-play-state: paused;
}

.carousel-card {
  width: 310px;
  height: 210px;
  flex-shrink: 0;
  border-radius: 16px;
  overflow: hidden;
  position: relative;
  transition: var(--transition);
  border: none;
  box-shadow: none;
}

.carousel-card:hover {
  transform: scale(1.05);
}

@keyframes infiniteCarouselScroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

.exhibition-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}