.s_social_media_facebook svg path {
  fill: #1877f2;
}

.s_social_media_instagram {
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);
  background-clip: text;
  -webkit-background-clip: text;
}

.s_social_media_instagram svg path {
  fill: #000;
}

.s_social_media_facebook:hover svg path {
  fill: #0d6efd;
}

.s_social_media_instagram:hover {
  opacity: 0.8;
}

@keyframes slideDown {
  from {
    transform: translateY(-100%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

.nav-link {
  position: relative;
}

.nav-link::after {
  content: "";
  position: absolute;
  width: 0;
  height: 2px;
  bottom: -4px;
  left: 0;
  background-color: #2563eb;
  transition: width 0.3s ease;
}

.nav-link:hover::after {
  width: 100%;
}

.menu-appear {
  animation: slideDown 0.3s ease forwards;
}

.nav-link-active {
  color: #2563eb; /* Color azul para el estado activo */
}

.nav-link-active::after {
  width: 100%; /* La línea inferior estará completamente visible */
  background-color: #2563eb;
  position: absolute;
  height: 2px;
  bottom: -4px;
  left: 0;
}