/* Social Media Buttons Hover Effects */

.social-instagram,
.social-facebook {
  position: relative;
  overflow: hidden;
  z-index: 1;
  transition: all 0.3s ease !important;
}

.social-instagram svg,
.social-facebook svg {
  position: relative;
  transition: transform 0.5s ease, color 0.5s ease;
  z-index: 3;
}

/* Efeito de preenchimento de baixo para cima */
.social-instagram:before,
.social-facebook:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100%;
  transition: top 0.5s ease;
  z-index: 2;
  border-radius: 50%;
}

/* Instagram - gradiente mais vibrante no hover */
.social-instagram:before {
  background: linear-gradient(135deg, #f093fb 0%, #f5576c 50%, #ffd200 100%);
}

/* Facebook - azul mais escuro no hover */
.social-facebook:before {
  background: #0d5dbf;
}

/* Hover effects */
.social-instagram:hover:before,
.social-facebook:hover:before {
  top: 0;
}

.social-instagram:hover svg,
.social-facebook:hover svg {
  transform: rotateY(360deg) scale(1.1);
}

.social-instagram:hover {
  transform: scale(1.15) !important;
  box-shadow: 0 10px 25px rgba(236, 72, 153, 0.6) !important;
}

.social-facebook:hover {
  transform: scale(1.15) !important;
  box-shadow: 0 10px 25px rgba(59, 130, 246, 0.6) !important;
}