.footer{
	width: 100%;
	height: 250px;
	background-color: black;
	position: relative;
	color: white;
	bottom: 0px;
	padding-top: 20px;
	
}

.footer p{
	color: white;
	text-align: center;
  padding: 0 30px;
}

.deco-sl{
	background-image: url(img/sl_footer.svg);
  	background-repeat: repeat-x;
  	height: 100px;
  	background-position: bottom;
  	width: 100%;
  	background-color: white;
    bottom: -1px;
    position: relative;
    margin-top: -1px;
}

.logo_terah{
	background-image: url(img/logo_terah.svg);
  background-repeat: no-repeat;
  height: 20px;
  background-position: center;
  width: 74px;
  display: inline-block;
  bottom: -3px;
  position: relative;
}

.footer a:link {
  color: white;   /* colore del link "nuovo" (non visitato) */
  text-decoration: none;
}

.footer a:visited {
  color: white;   /* colore del link "visitato" */
}

.footer a:focus {
  outline: 2px dashed white; /* evidenzia il focus, utile per l’accessibilità */
  outline-offset: 2px;
}

.footer a:hover {
  color: white;   /* colore quando il mouse passa sopra */
  text-decoration: underline;
}

.footer a:active {
  color: white;   /* colore quando il link è attivato (clic) */
}
.social-cont{
  width: 140px;
  height: 20px;
  margin: 0 auto;
}

.social-cont > div{
  height: 20px;
  width: 25px;
  position: relative;
  float: left;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin: 0 5px;
  cursor: pointer;
}

.volo-container {
  position: relative;
  width: 100%;
  height: 100px;
  overflow: hidden;
  background-color: white;
}

.volo-wrapper {
  position: absolute;
  top: 50%;
  left: -150px;
  transform: translateY(-50%);
  animation: voloLoop 10s linear infinite;
}

.volo {
  width: 150px;
  animation: ondeggia 2s ease-in-out infinite;
  z-index: 2;
  position: relative;
}

/* Effetto volo da sinistra a destra */
@keyframes voloLoop {
  0% {
    transform: translate(-150px, -50%);
  }
  100% {
    transform: translate(110vw, -50%);
  }
}

/* Movimento ondulatorio verticale + rotazione */
@keyframes ondeggia {
  0% {
    transform: translateY(0) rotate(0deg);
  }
  25% {
    transform: translateY(-5px) rotate(-1.5deg);
  }
  50% {
    transform: translateY(5px) rotate(1.5deg);
  }
  75% {
    transform: translateY(-5px) rotate(-1.5deg);
  }
  100% {
    transform: translateY(0) rotate(0deg);
  }
}

/* Scia */
.scia {
  position: absolute;
  top: 50%;
  left: 50px;
  width: 70px;
  height: 20px;
  background: linear-gradient(to right, rgba(255,255,255,0.4), rgba(255,255,255,0));
  border-radius: 10px;
  transform: translateY(-50%) rotate(-5deg);
  filter: blur(4px);
  z-index: 1;
  animation: sciaAnim 2s ease-in-out infinite;
}

@keyframes sciaAnim {
  0% {
    opacity: 0.5;
    transform: translateY(-50%) rotate(-5deg);
  }
  50% {
    opacity: 0.2;
    transform: translateY(-48%) rotate(-4deg);
  }
  100% {
    opacity: 0.5;
    transform: translateY(-50%) rotate(-5deg);
  }
}