/*
 * DEV experiment for /shows/ (page ID 2783).
 *
 * Visual Composer markup is left untouched. The selectors use the existing
 * element IDs, so removing this stylesheet removes the complete experiment.
 */

body.page-id-2783 #el-5cd18cfe p:first-child > span:nth-child(2) {
  position: relative;
  display: inline-block;
  margin: 8px 0 16px;
  color: transparent !important;
  background: linear-gradient(90deg, #00d9ff 0%, #6cf5ff 28%, #ff2aa1 58%, #9b5cff 78%, #00d9ff 100%);
  background-size: 240% auto;
  background-clip: text;
  -webkit-background-clip: text;
  font-size: clamp(34px, 4.3vw, 58px) !important;
  font-weight: 800 !important;
  line-height: 1.05;
  letter-spacing: -.025em;
  text-shadow:
    0 0 12px rgba(0, 217, 255, .38),
    0 0 30px rgba(255, 42, 161, .2);
  animation: dzsap-neon-title 6s ease-in-out infinite;
}

body.page-id-2783 #el-5cd18cfe p:first-child > span:first-child > span {
  color: #f2fbff !important;
  font-weight: 600;
  letter-spacing: .025em;
  text-shadow: 0 0 12px rgba(0, 217, 255, .18);
}

body.page-id-2783 #el-5cd18cfe p:first-child > span:nth-child(2) span {
  color: inherit !important;
  font: inherit !important;
}

body.page-id-2783 #el-5cd18cfe p:first-child > span:nth-child(2)::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -8px;
  left: 0;
  height: 3px;
  border-radius: 999px;
  background: linear-gradient(90deg, #00d9ff, #ff2aa1, #9b5cff, #00d9ff);
  background-size: 220% 100%;
  box-shadow: 0 0 12px rgba(0, 217, 255, .72);
  animation: dzsap-neon-line 4s linear infinite;
}

@keyframes dzsap-neon-title {
  0%,
  100% {
    background-position: 0% 50%;
    filter: brightness(1);
  }
  50% {
    background-position: 100% 50%;
    filter: brightness(1.18);
  }
}

@keyframes dzsap-neon-line {
  from {
    background-position: 0% 50%;
  }
  to {
    background-position: 220% 50%;
  }
}

@media (max-width: 767px) {
  body.page-id-2783 #el-5cd18cfe p:first-child > span:nth-child(2) {
    font-size: clamp(31px, 10vw, 46px) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.page-id-2783 #el-5cd18cfe p:first-child > span:nth-child(2),
  body.page-id-2783 #el-5cd18cfe p:first-child > span:nth-child(2)::after {
    animation: none;
  }
}