.social-sidebar {
      position: fixed;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
      display: flex;
      flex-direction: column;
      gap: 12px;
      z-index: 1000;
      padding-left: 12px; /* Espacio para que no quede pegado al borde */
    }

    .social-sidebar a {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 48px;
      height: 48px;
      border-radius: 50%;
      color: white;
      font-size: 20px;
      text-decoration: none;
      /* Transici¨®n suave para m¨²ltiples propiedades */
      transition: transform 0.3s ease, box-shadow 0.3s ease;
      box-shadow: 0 2px 6px rgba(0,0,0,0.2);
      /* Inicialmente, los ¨ªconos est¨¢n ligeramente ocultos */
      transform: translateX(-10px);
    }

    /* Al hacer hover sobre el contenedor, los ¨ªconos se desplazan suavemente */
    .social-sidebar:hover a {
      transform: translateX(0);
    }

    /* Efecto adicional al hacer hover sobre un ¨ªcono espec¨ªfico */
    .social-sidebar a:hover {
      transform: translateX(0) scale(1.1);
      box-shadow: 0 4px 12px rgba(0,0,0,0.3);
    }

    /* Colores de las redes */
    .social-sidebar a.facebook { background-color: #3b5998; }
    .social-sidebar a.instagram { background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888); }
    .social-sidebar a.linkedin { background-color: #0077b5; }

    /* Opcional: ocultar en m¨®viles */
    /*
    @media (max-width: 768px) {
      .social-sidebar {
        display: none;
      }
    }
    */