.social-fixed {
  position: fixed;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  gap: 5px;
  z-index: 9999;
  animation: slideInLeft 0.8s ease-out;
}

.social-fixed a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 30px;
  height: 30px;
  overflow: hidden;
  color: #fff;
  font-size: 13px;
  text-decoration: none;
  border-radius: 0 8px 8px 0;
  padding: 0 8px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.16);
  transition: all 0.35s ease;
  white-space: nowrap;
  position: relative;
}

.social-fixed a i {
  min-width: 14px;
  text-align: center;
}

.social-fixed a span {
  opacity: 0;
  max-width: 0;
  margin-left: 0;
  overflow: hidden;
  transition: all 0.35s ease;
  font-size: 11px;
  font-weight: 500;
}

.social-fixed a:hover {
  width: 120px;
  transform: scale(1.03);
  box-shadow: 0 5px 14px rgba(0,0,0,0.20);
}

.social-fixed a:hover span {
  opacity: 1;
  max-width: 90px;
  margin-left: 7px;
}

/* Redes */
.social-fixed .facebook { background: linear-gradient(135deg,#1877f2,#0f5ec9); }
.social-fixed .instagram { background: linear-gradient(135deg,#f58529,#dd2a7b,#8134af); }
.social-fixed .linkedin { background: linear-gradient(135deg,#0a66c2,#004182); }
.social-fixed .whatsapp { background: linear-gradient(135deg,#25d366,#128c7e); }
.social-fixed .tiktok { background: linear-gradient(135deg,#111,#000); }
.social-fixed .messenger { background: linear-gradient(135deg,#00b2ff,#006aff); }

/* Hover */
.social-fixed .facebook:hover,
.social-fixed .instagram:hover,
.social-fixed .linkedin:hover,
.social-fixed .whatsapp:hover,
.social-fixed .tiktok:hover,
.social-fixed .messenger:hover {
  filter: brightness(1.05);
}


/* Animación */
@keyframes slideInLeft {
  from {
    transform: translateY(-50%) translateX(-100%);
    opacity: 0;
  }
  to {
    transform: translateY(-50%) translateX(0);
    opacity: 1;
  }
}

/* Ocultar en móvil */
@media (max-width:768px){
  .social-fixed{
    display:none;
  }
}