@import url('artist.css');
@import url('footer.css');
@import url('hero.css');
@import url('contact.css');
@import url('navbar.css');
@import url('sponsor.css');
@import url('patrocini.css');
@import url('location.css');
@import url('cta.css');
@import url('cookie.css');


* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body { 
    scroll-behavior: smooth;   
    color: var(--color-text);
    background: radial-gradient(circle at center, #1a1a1a 0%, #121212 100%);
}

/* === Pulsanti === */
.button-primary {
  background-color: #d9117e;
  color: white;
  border: none;
  padding: 1rem 2rem;
  border-radius: 30px;
  cursor: pointer;
  font-size: 1rem;
  box-shadow: 0 0 10px #d9117e;
  transition: all 0.3s ease-in-out;
}

.button-primary:hover {
  background-color: #02a765;
  box-shadow: 0 0 20px #02a765;
}

/* === Titoli === */
h1, h2, h3 {
  color: #ffffff;
}

h1.glow-pink,
h2.glow-pink {
  text-shadow: 0 0 8px #d9117e, 0 0 20px #d9117e;
}

h3.glow-green {
  text-shadow: 0 0 6px #02a765, 0 0 15px #02a765;
}

/* === Glow effetti === */
.glow-pink {
  text-shadow: 0 0 5px #d9117e, 0 0 15px #d9117e;
}

.glow-green {
  text-shadow: 0 0 5px #02a765, 0 0 15px #02a765;
}

.box-glow {
  box-shadow: 0 0 15px #d9117e66;
}

.section-title {
  text-align: center;
  padding: 80px 20px 40px;
  background: linear-gradient(90deg, #3d9dc8, #020003, #bf00a8);
  color: white;
  box-shadow: 0 0 20px #d9117e66;
}

.section-title h2 {
  font-size: 3rem;
  margin-bottom: 20px;
  color: #ffffff;
  text-shadow: 0 0 10px #d9117e;
}

.section-title p {
  font-size: 1.2rem;
  color: #e0e0e0;
}

.glow-pulse {
  color: #ffffff;
  font-size: 3rem;
  text-shadow: 0 0 5px #d9117e, 0 0 10px #d9117e, 0 0 20px #d9117e;
  animation: pulseGlow 2.5s infinite ease-in-out;
}

@keyframes pulseGlow {
  0% {
    text-shadow: 0 0 5px #d9117e, 0 0 10px #d9117e, 0 0 20px #d9117e;
  }
  50% {
    text-shadow: 0 0 10px #d9117e, 0 0 20px #d9117e, 0 0 40px #d9117e;
  }
  100% {
    text-shadow: 0 0 5px #d9117e, 0 0 10px #d9117e, 0 0 20px #d9117e;
  }
}

.concert-logo-wrapper {
  text-align: center;
  margin-top: 40px;
  padding-bottom: 60px; /* aggiunge spazio sotto al logo */
  animation: fadeInTop 1.5s ease-out;
}

.concert-logo {
  width: 260px; /* aumentato da 180px */
  transform: rotate(-8deg);
  filter: drop-shadow(0 0 12px #d9117e);
  animation: pulseGlow 3s infinite ease-in-out;
  transition: transform 0.3s ease;
}

.concert-logo:hover {
  transform: rotate(-8deg) scale(1.08);
}

@keyframes pulseGlow {
  0% {
    filter: drop-shadow(0 0 8px #d9117e);
  }
  50% {
    filter: drop-shadow(0 0 20px #d9117e);
  }
  100% {
    filter: drop-shadow(0 0 8px #d9117e);
  }
}

@keyframes fadeInTop {
  0% {
    opacity: 0;
    transform: translateY(-40px) rotate(-8deg);
  }
  100% {
    opacity: 1;
    transform: translateY(0) rotate(-8deg);
  }
}