
/* === Effetti icone social in Footer (glow personalizzato) === */
footer a img {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

footer a[href*="facebook.com"] img:hover {
  transform: scale(1.2);
  box-shadow: 0 0 10px #1877F2, 0 0 20px #1877F2, 0 0 30px #1877F2; /* Facebook blu */
}

footer a[href*="instagram.com"] img:hover {
  transform: scale(1.2);
  box-shadow: 0 0 10px #E1306C, 0 0 20px #E1306C, 0 0 30px #E1306C; /* Instagram rosa */
}

footer a[href*="x.com"] img:hover {
  transform: scale(1.2);
  box-shadow: 0 0 10px #1DA1F2, 0 0 20px #1DA1F2, 0 0 30px #1DA1F2; /* X/Twitter azzurro */
}

footer a[href*="github.com"] img:hover {
  transform: scale(1.2);
  box-shadow: 0 0 10px #FFFFFF, 0 0 20px #FFFFFF, 0 0 30px #FFFFFF; /* GitHub bianco */
}

footer a[href*="linkedin.com"] img:hover {
  transform: scale(1.2);
  box-shadow: 0 0 10px #0077B5, 0 0 20px #0077B5, 0 0 30px #0077B5; /* LinkedIn blu acceso */
}

footer a[href*="youtube.com"] img:hover {
  transform: scale(1.2);
  box-shadow: 0 0 10px #FF0000, 0 0 20px #FF0000, 0 0 30px #FF0000; /* YouTube rosso */
}

